[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

Détails de la liste des tâches

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

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

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

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

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

Recommended Posts

[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
[Développement individuel de service d’agence d’achat - N ° 009] Un peu plus de travail sur le changement et la conception d’entreprises avec Figma
[Développement personnel du service d’achat de l’agence --No.008] Présentez ActionView :: Component et adaptez la barre de navigation en plein écran
[No.007] Écran de gestion de l'organisation et processus de connexion à l'organisation