Feat/equipes sedes (#163)

* feat: add new template for sedes/equipes * feat: add style for new screen sedes/equipes * chore: add source .env.dev
peapescarte · Jun 5, 2024 · 6ebbc97 · 6ebbc97
1 parent 1cc155b
commit 6ebbc97
Show file tree

Hide file tree

Showing 7 changed files with 163 additions and 7 deletions.
diff --git a/.envrc b/.envrc
@@ -8,6 +8,8 @@ export ERL_AFLAGS="-kernel shell_history enabled"
 
 export LANG=en_US.UTF-8
 
+source .env.dev
+
 use flake
 
 # Install mix dependencies

diff --git a/assets/css/landing.scss b/assets/css/landing.scss
@@ -314,4 +314,50 @@
       }
     }
   }
+}
+
+.equipes-wrapper {
+  @apply flex;
+  flex-direction: column;
+  margin-top: 5rem;
+
+  .nossas-sedes-wrapper {
+    @apply flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 4.5rem;
+
+    .nossas-sedes-container {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 2.5rem;
+      padding: 0 7.188rem;
+      margin-bottom: 5rem;
+
+      .sede-detail {
+        @apply flex items-start gap-2.5;
+        gap: 0.625rem;
+
+        svg {
+          @apply text-black-80;
+          margin-top: 0.3rem;
+          width: 14px;
+          height: 14px;
+        }
+
+        .sede-text {
+          @apply flex;
+          flex-direction: column;
+
+          >h5 {
+            line-height: 1.5rem;
+          }
+
+          >h5:nth-child(1) {
+            font-weight: 700;
+          }
+        }
+      }
+    }
+  }
 }
diff --git a/lib/pescarte_web/controllers/equipes_controller.ex b/lib/pescarte_web/controllers/equipes_controller.ex
@@ -0,0 +1,7 @@
+defmodule PescarteWeb.EquipesController do
+  use PescarteWeb, :controller
+
+  def show(conn, _params) do
+    render(conn, :show, error_message: nil)
+  end
+end
diff --git a/lib/pescarte_web/design_system/navbar.ex b/lib/pescarte_web/design_system/navbar.ex
@@ -20,7 +20,7 @@ defmodule PescarteWeb.DesignSystem.Navbar do
             <.navlink label="Sobre" />
           </DesignSystem.link>
 
-          <.navlink label="Equipes" />
+          <.navlink label="Equipes" navigate={~p"/equipes"} />
         </ul>
         <PescarteWeb.DesignSystem.link navigate={~p"/acessar"} styless>
           <.button style="primary" class="login-button">
@@ -33,15 +33,18 @@ defmodule PescarteWeb.DesignSystem.Navbar do
     """
   end
 
-  attr :label, :string, required: true
+  attr(:label, :string, required: true)
+  attr(:navigate, :string, default: "/")
 
   defp navlink(assigns) do
     ~H"""
-    <li class="nav-link" aria-expanded="false">
-      <.text size="h4" color="text-blue-100" class="flex" style="gap: 8px;">
-        <%= @label %>
-      </.text>
-    </li>
+    <DesignSystem.link navigate={@navigate}>
+      <li class="nav-link" aria-expanded="false">
+        <.text size="h4" color="text-blue-100" class="flex" style="gap: 8px;">
+          <%= @label %>
+        </.text>
+      </li>
+    </DesignSystem.link>
     """
   end
 end
diff --git a/lib/pescarte_web/router.ex b/lib/pescarte_web/router.ex
@@ -32,6 +32,7 @@ defmodule PescarteWeb.Router do
     pipe_through :browser
 
     get "/", LandingController, :show
+    get "/equipes", EquipesController, :show
     get "/cooperativas", CooperativasController, :show
     get "/sobre", AboutUsController, :show
     get "/publicacoes", JournalController, :show

diff --git a/lib/pescarte_web/templates/equipes_html.ex b/lib/pescarte_web/templates/equipes_html.ex
@@ -0,0 +1,9 @@
+defmodule PescarteWeb.EquipesHTML do
+  use PescarteWeb, :html
+
+  embed_templates("equipes_html/*")
+
+  def handle_event("dialog", _value, socket) do
+    {:noreply, socket}
+  end
+end
diff --git a/lib/pescarte_web/templates/equipes_html/show.html.heex b/lib/pescarte_web/templates/equipes_html/show.html.heex
@@ -0,0 +1,88 @@
+<div class="equipes-wrapper">
+  <!-- NOSSAS SEDES MUNICIPAIS -->
+  <div class="nossas-sedes-wrapper">
+    <.text size="h2" color="text-blue-100">Nossas Sedes Municipais</.text>
+    <div class="nossas-sedes-container">
+      <div class="sede-detail">
+        <Lucideicons.fish />
+        <div class="sede-text">
+          <.text size="h5">Arraial do Cabo</.text>
+          <.text size="h5">Praça da Independência, 3B - Centro.</.text>
+          <.text size="h5">Tel.: (22) 99600-2422</.text>
+        </div>
+      </div>
+      <div class="sede-detail">
+        <Lucideicons.fish />
+        <div class="sede-text">
+          <.text size="h5">Macaé</.text>
+          <.text size="h5">Rua Teixeira de Gouveia, no 732 - Centro.</.text>
+          <.text size="h5">Tel.: (22) 99600-2422</.text>
+        </div>
+      </div>
+      <div class="sede-detail">
+        <Lucideicons.fish />
+        <div class="sede-text">
+          <.text size="h5">Armação dos Búzios</.text>
+          <.text size="h5">Avenida José Bento Ribeiro Dantas, No 2935 - Manguinhos.</.text>
+          <.text size="h5">Tel.: (22) 99600-2422</.text>
+        </div>
+      </div>
+      <div class="sede-detail">
+        <Lucideicons.fish />
+        <div class="sede-text">
+          <.text size="h5">Quissamã</.text>
+          <.text size="h5">Avenida Amílcar Pereira da Silva, no 482 - Mato de Pipa.</.text>
+          <.text size="h5">Tel.: (22) 99600-2422</.text>
+        </div>
+      </div>
+      <div class="sede-detail">
+        <Lucideicons.fish />
+        <div class="sede-text">
+          <.text size="h5">Cabo Frio</.text>
+          <.text size="h5">Avenida Nilo Peçanha - Edifício Varandas do Fortes - Centro.</.text>
+          <.text size="h5">Tel.: (22) 99600-2422</.text>
+        </div>
+      </div>
+      <div class="sede-detail">
+        <Lucideicons.fish />
+        <div class="sede-text">
+          <.text size="h5">Rio das Ostras</.text>
+          <.text size="h5">Avenida Linda, no 25 - Nova Esperança.</.text>
+          <.text size="h5">Tel.: (22) 99600-2422</.text>
+        </div>
+      </div>
+      <div class="sede-detail">
+        <Lucideicons.fish />
+        <div class="sede-text">
+          <.text size="h5">Campos dos Goytacazes</.text>
+          <.text size="h5">Rua Marechal Deodoro, no 55 - Centro.</.text>
+          <.text size="h5">Tel.: (22) 3026-0412</.text>
+        </div>
+      </div>
+      <div class="sede-detail">
+        <Lucideicons.fish />
+        <div class="sede-text">
+          <.text size="h5">São Francisco de Itabapoana</.text>
+          <.text size="h5">Avenida Vereador Edenites da Silva Viana, no 107 - Centro.</.text>
+          <.text size="h5">Tel.: (22) 99892-6706</.text>
+        </div>
+      </div>
+      <div class="sede-detail">
+        <Lucideicons.fish />
+        <div class="sede-text">
+          <.text size="h5">Carapebus</.text>
+          <.text size="h5">Rua João Pedro Sobrinho, no 130 - Centro.</.text>
+          <.text size="h5">Tel.: (22) 99600-2422</.text>
+        </div>
+      </div>
+      <div class="sede-detail">
+        <Lucideicons.fish />
+        <div class="sede-text">
+          <.text size="h5">São João da Barra</.text>
+          <.text size="h5">Rua Senhor dos Passos, 243 - Chatuba.</.text>
+          <.text size="h5">Tel.: (22) 99827-8701</.text>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>