[RUBY] [Individuelle Entwicklung des Einkaufsagenturservices - Nr. 010] Wechseln Sie nach dem Unternehmenswechsel zum Bildschirm Unternehmenswechsel, zu Unternehmensdetails und zum Bestellbildschirm

Issue PR

Überblick

Wechseln Sie nach dem Unternehmenswechsel zum Bildschirm für den Unternehmenswechsel, zum Bildschirm mit den Unternehmensdetails und zum Bildschirm für die Bestellung Gehen Sie näher an [Figma] her (https://www.figma.com/proto/k7tWzvsQYtRHSwyi877OyV/import_agent_app?node-id=108%3A36&viewport=-446%2C474%2C0.6206597089767456&scaling=min-zoom)

Aufgabenliste

• Korrigierter Firmenwechselbildschirm

--Korrektur des Bestellbildschirms

• Bildschirm mit korrigierten Unternehmensdetails

Details zur Aufgabenliste

• Logo hinzufügen App / assets / images / svg / sample.svg hinzugefügt

• Korrigierter Firmenwechselbildschirm

slim:app/views/orgs/index.html.slim

= render(::Layout::NavbarComponent.new(org: @org, tab: false))
.py-10.px-8
  header
    .max-w-7xl.mx-auto.px-4.sm:px-6.lg:px-8
      h1.text-3xl.font-bold.leading-tight.text-gray-900
        |Liste der verbundenen Unternehmen
  main
    .max-w-7xl.mx-auto.sm:px-6.lg:px-8
      .px-4.py-8.sm:px-0
        .border-4.border-dashed.border-gray-200.rounded-lg.h-96
          .bg-white.shadow.sm:rounded-md.my-16.m-auto(class="w-3/4")
            ul
              - @orgs.each do |org|
                / TODO:Machen Sie es möglich, Fälle mit Sass zu unterscheiden
                - border_t = org == @orgs.first ? '' : 'border-t border-gray-200'
                li(class=border_t)
                  = link_to orders_ordering_org_sides_path, class: 'block hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out' do
                    .flex.items-baseline.px-4.py-4.sm:px-6
                      .min-w-0.flex-1.flex.items-baseline
                        .min-w-0.flex-1.px-4.md:grid.md:grid-cols-3.md:gap-4
                          div.align-middle
                            .text-xl.font-medium.text-indigo-600.truncate.leading-10
                              = org.name
                          div
                            .text-xs.text-gray-500
                              |Firmenart
                            .text-lg.leading-5.font-medium.text-gray-900.truncate
                              / TODO:ENUM
                              |Einkaufsunternehmen
                          div
                            .text-xs.text-gray-500
                              |Inhaber
                            .text-lg.leading-5.font-medium.text-gray-900.truncate
                              / TODO:Rufen Sie das Benutzermodell auf, nachdem Sie es zugeordnet haben
                              |Yamada Taro
                      div
                        i.fas.fa-sign-in-alt.fa-lg.text-gray-600

--Korrektur des Bestellbildschirms

slim:app/views/orders/ordering_org_sides/index.html.slim

.bg-gray-100
  = render(::Layout::NavbarComponent.new(org: @org, tab: true, active: :order_ordering_org_sides))
  / ...Abkürzung

• Bildschirm mit korrigierten Unternehmensdetails

slim:app/views/orgs/show.html.slim

= render(::Layout::NavbarComponent.new(org: @org, tab: true))
.bg-white.shadow.overflow-hidden.m-auto.mt-16.sm:rounded-lg(class="w-1/2")
  .px-4.py-5.border-b.border-gray-200.sm:px-6
    h3.text-lg.leading-6.font-medium.text-gray-900
      |Firmendetails
    p.mt-1.max-w-2xl.text-sm.leading-5.text-gray-500
      |Ich werde die Details des Unternehmens erklären
  .px-4.py-5.sm:p-0
    dl
    .sm:grid.sm:grid-cols-3.sm:gap-4.sm:px-6.sm:py-5
      dt.text-sm.leading-5.font-medium.text-gray-500
        |Name der Firma
      dd.mt-1.text-sm.leading-5.text-gray-900.sm:mt-0.sm:col-span-2
        = @org.name
    .mt-8.sm:mt-0.sm:grid.sm:grid-cols-3.sm:gap-4.sm:border-t.sm:border-gray-200.sm:px-6.sm:py-5
      dt.text-sm.leading-5.font-medium.text-gray-500
        |Firmenart
      dd.mt-1.text-sm.leading-5.text-gray-900.sm:mt-0.sm:col-span-2
        / TODO:Aufzählung
        |Einkaufsunternehmen
    .mt-8.sm:mt-0.sm:grid.sm:grid-cols-3.sm:gap-4.sm:border-t.sm:border-gray-200.sm:px-6.sm:py-5
      dt.text-sm.leading-5.font-medium.text-gray-500
        |Inhaber
      dd.mt-1.text-sm.leading-5.text-gray-900.sm:mt-0.sm:col-span-2
        |Yamada Taro

Funktionsprüfung

Vorbereitung

bin/rails db:migrate:reset
bin/rails db:reset

Akzeptanzkriterium

• [] Das Design ist [Figma](https://www.figma.com/proto/k7tWzvsQYtRHSwyi877OyV/import_agent_app?node-id=108%3A36&viewport=-446%2C474%2C0.6206597089767456&scaling=min-
• [] Der Bildschirmübergang ist in der folgenden Abbildung dargestellt. Nach dem Firmenwechsel gelangen Sie zum Bestelllistenbildschirm

Dropdown JS wird zu einem späteren Zeitpunkt implementiert