[RUBY] [Développement individuel du service d’achat de l’agence - N ° 010] Accédez à l’écran de changement d’entreprise, à l’écran des détails de l’entreprise et à l’écran de commande après le changement d’entreprise

Issue PR

Aperçu

Accédez à l'écran de changement d'entreprise, à l'écran des détails de l'entreprise et à l'écran de commande après le changement d'entreprise Rapprochez-vous de Figma

Liste de choses à faire

• Écran de changement d'entreprise corrigé

• Modifier l'écran de commande

• Écran des détails de l'entreprise corrigés

Détails de la liste des tâches

--Ajouter un logo ʻApp / assets / images / svg / sample.svg` ajouté

• Écran de changement d'entreprise corrigé

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 des sociétés affiliées
  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:Rendre possible de distinguer les cas avec Sass
                - 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
                              |type de compagnie
                            .text-lg.leading-5.font-medium.text-gray-900.truncate
                              / TODO:ENUM
                              |Société d'achat
                          div
                            .text-xs.text-gray-500
                              |Propriétaire
                            .text-lg.leading-5.font-medium.text-gray-900.truncate
                              / TODO:Après avoir associé le modèle User, appelez-le
                              |Yamada Taro
                      div
                        i.fas.fa-sign-in-alt.fa-lg.text-gray-600

• Modifier l'écran de commande

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))
  / ...Abréviation

• Écran des détails de l'entreprise corrigés

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
      |Détails de l'entreprise
    p.mt-1.max-w-2xl.text-sm.leading-5.text-gray-500
      |Je vais expliquer les détails de l'entreprise
  .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
        |Nom de la compagnie
      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
        |type de compagnie
      dd.mt-1.text-sm.leading-5.text-gray-900.sm:mt-0.sm:col-span-2
        / TODO:énumération
        |Société d'achat
    .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
        |Propriétaire
      dd.mt-1.text-sm.leading-5.text-gray-900.sm:mt-0.sm:col-span-2
        |Yamada Taro

Contrôle de fonctionnement

Préparation

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

Critères d'acceptation

• [] Le design est [Figma](https://www.figma.com/proto/k7tWzvsQYtRHSwyi877OyV/import_agent_app?node-id=108%3A36&viewport=-446%2C474%2C0.6206597089767456&scaloom=min-z
• [] La transition d'écran est comme illustré dans la figure ci-dessous. Après avoir changé d'entreprise, vous accédez à l'écran de la liste des commandes

Dropdown JS sera implémenté à une date ultérieure