From 2eb8834a1184c5684d2e50ef6cfb957049c82d24 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rafael=20Eppl=C3=A9e?= <hello@rafa.ee>
Date: Mon, 1 Dec 2025 21:40:15 +0100
Subject: [PATCH] Format member overview liveview

---
 lib/mv_web/live/member_live/index.html.heex | 380 ++++++++++----------
 1 file changed, 190 insertions(+), 190 deletions(-)

diff --git a/lib/mv_web/live/member_live/index.html.heex b/lib/mv_web/live/member_live/index.html.heex
index 3fb7a22..8599d4a 100644
--- a/lib/mv_web/live/member_live/index.html.heex
+++ b/lib/mv_web/live/member_live/index.html.heex
@@ -9,202 +9,202 @@
       </:actions>
     </.header>
 
-  <.live_component
-    module={MvWeb.Components.SearchBarComponent}
-    id="search-bar"
-    query={@query}
-    placeholder={gettext("Search...")}
-  />
+    <.live_component
+      module={MvWeb.Components.SearchBarComponent}
+      id="search-bar"
+      query={@query}
+      placeholder={gettext("Search...")}
+    />
 
-  <.table
-    id="members"
-    rows={@members}
-    row_click={fn member -> JS.navigate(~p"/members/#{member}") end}
-    dynamic_cols={@dynamic_cols}
-    sort_field={@sort_field}
-    sort_order={@sort_order}
-  >
-    
+    <.table
+      id="members"
+      rows={@members}
+      row_click={fn member -> JS.navigate(~p"/members/#{member}") end}
+      dynamic_cols={@dynamic_cols}
+      sort_field={@sort_field}
+      sort_order={@sort_order}
+    >
+      
 <!-- <:col :let={member} label="Id">{member.id}</:col> -->
-    <:col
-      :let={member}
-      label={
-        ~H"""
+      <:col
+        :let={member}
+        label={
+          ~H"""
+          <.input
+            type="checkbox"
+            name="select_all"
+            phx-click="select_all"
+            checked={Enum.sort(@selected_members) == Enum.map(@members, & &1.id) |> Enum.sort()}
+            aria-label={gettext("Select all members")}
+            role="checkbox"
+          />
+          """
+        }
+      >
         <.input
           type="checkbox"
-          name="select_all"
-          phx-click="select_all"
-          checked={Enum.sort(@selected_members) == Enum.map(@members, & &1.id) |> Enum.sort()}
-          aria-label={gettext("Select all members")}
+          name={member.id}
+          phx-click="select_member"
+          phx-value-id={member.id}
+          checked={member.id in @selected_members}
+          phx-capture-click
+          phx-stop-propagation
+          aria-label={gettext("Select member")}
           role="checkbox"
         />
-        """
-      }
-    >
-      <.input
-        type="checkbox"
-        name={member.id}
-        phx-click="select_member"
-        phx-value-id={member.id}
-        checked={member.id in @selected_members}
-        phx-capture-click
-        phx-stop-propagation
-        aria-label={gettext("Select member")}
-        role="checkbox"
-      />
-    </:col>
-    <:col
-      :let={member}
-      label={
-        ~H"""
-        <.live_component
-          module={MvWeb.Components.SortHeaderComponent}
-          id={:sort_first_name}
-          field={:first_name}
-          label={gettext("First name")}
-          sort_field={@sort_field}
-          sort_order={@sort_order}
-        />
-        """
-      }
-    >
-      {member.first_name} {member.last_name}
-    </:col>
-    <:col
-      :let={member}
-      label={
-        ~H"""
-        <.live_component
-          module={MvWeb.Components.SortHeaderComponent}
-          id={:sort_email}
-          field={:email}
-          label={gettext("Email")}
-          sort_field={@sort_field}
-          sort_order={@sort_order}
-        />
-        """
-      }
-    >
-      {member.email}
-    </:col>
-    <:col
-      :let={member}
-      label={
-        ~H"""
-        <.live_component
-          module={MvWeb.Components.SortHeaderComponent}
-          id={:sort_street}
-          field={:street}
-          label={gettext("Street")}
-          sort_field={@sort_field}
-          sort_order={@sort_order}
-        />
-        """
-      }
-    >
-      {member.street}
-    </:col>
-    <:col
-      :let={member}
-      label={
-        ~H"""
-        <.live_component
-          module={MvWeb.Components.SortHeaderComponent}
-          id={:sort_house_number}
-          field={:house_number}
-          label={gettext("House Number")}
-          sort_field={@sort_field}
-          sort_order={@sort_order}
-        />
-        """
-      }
-    >
-      {member.house_number}
-    </:col>
-    <:col
-      :let={member}
-      label={
-        ~H"""
-        <.live_component
-          module={MvWeb.Components.SortHeaderComponent}
-          id={:sort_postal_code}
-          field={:postal_code}
-          label={gettext("Postal Code")}
-          sort_field={@sort_field}
-          sort_order={@sort_order}
-        />
-        """
-      }
-    >
-      {member.postal_code}
-    </:col>
-    <:col
-      :let={member}
-      label={
-        ~H"""
-        <.live_component
-          module={MvWeb.Components.SortHeaderComponent}
-          id={:sort_city}
-          field={:city}
-          label={gettext("City")}
-          sort_field={@sort_field}
-          sort_order={@sort_order}
-        />
-        """
-      }
-    >
-      {member.city}
-    </:col>
-    <:col
-      :let={member}
-      label={
-        ~H"""
-        <.live_component
-          module={MvWeb.Components.SortHeaderComponent}
-          id={:sort_phone_number}
-          field={:phone_number}
-          label={gettext("Phone Number")}
-          sort_field={@sort_field}
-          sort_order={@sort_order}
-        />
-        """
-      }
-    >
-      {member.phone_number}
-    </:col>
-    <:col
-      :let={member}
-      label={
-        ~H"""
-        <.live_component
-          module={MvWeb.Components.SortHeaderComponent}
-          id={:sort_join_date}
-          field={:join_date}
-          label={gettext("Join Date")}
-          sort_field={@sort_field}
-          sort_order={@sort_order}
-        />
-        """
-      }
-    >
-      {member.join_date}
-    </:col>
-    <:action :let={member}>
-      <div class="sr-only">
-        <.link navigate={~p"/members/#{member}"}>{gettext("Show")}</.link>
-      </div>
-
-      <.link navigate={~p"/members/#{member}/edit"}>{gettext("Edit")}</.link>
-    </:action>
-
-    <:action :let={member}>
-      <.link
-        phx-click={JS.push("delete", value: %{id: member.id}) |> hide("#row-#{member.id}")}
-        data-confirm={gettext("Are you sure?")}
+      </:col>
+      <:col
+        :let={member}
+        label={
+          ~H"""
+          <.live_component
+            module={MvWeb.Components.SortHeaderComponent}
+            id={:sort_first_name}
+            field={:first_name}
+            label={gettext("First name")}
+            sort_field={@sort_field}
+            sort_order={@sort_order}
+          />
+          """
+        }
       >
-        {gettext("Delete")}
-      </.link>
-    </:action>
-  </.table>
+        {member.first_name} {member.last_name}
+      </:col>
+      <:col
+        :let={member}
+        label={
+          ~H"""
+          <.live_component
+            module={MvWeb.Components.SortHeaderComponent}
+            id={:sort_email}
+            field={:email}
+            label={gettext("Email")}
+            sort_field={@sort_field}
+            sort_order={@sort_order}
+          />
+          """
+        }
+      >
+        {member.email}
+      </:col>
+      <:col
+        :let={member}
+        label={
+          ~H"""
+          <.live_component
+            module={MvWeb.Components.SortHeaderComponent}
+            id={:sort_street}
+            field={:street}
+            label={gettext("Street")}
+            sort_field={@sort_field}
+            sort_order={@sort_order}
+          />
+          """
+        }
+      >
+        {member.street}
+      </:col>
+      <:col
+        :let={member}
+        label={
+          ~H"""
+          <.live_component
+            module={MvWeb.Components.SortHeaderComponent}
+            id={:sort_house_number}
+            field={:house_number}
+            label={gettext("House Number")}
+            sort_field={@sort_field}
+            sort_order={@sort_order}
+          />
+          """
+        }
+      >
+        {member.house_number}
+      </:col>
+      <:col
+        :let={member}
+        label={
+          ~H"""
+          <.live_component
+            module={MvWeb.Components.SortHeaderComponent}
+            id={:sort_postal_code}
+            field={:postal_code}
+            label={gettext("Postal Code")}
+            sort_field={@sort_field}
+            sort_order={@sort_order}
+          />
+          """
+        }
+      >
+        {member.postal_code}
+      </:col>
+      <:col
+        :let={member}
+        label={
+          ~H"""
+          <.live_component
+            module={MvWeb.Components.SortHeaderComponent}
+            id={:sort_city}
+            field={:city}
+            label={gettext("City")}
+            sort_field={@sort_field}
+            sort_order={@sort_order}
+          />
+          """
+        }
+      >
+        {member.city}
+      </:col>
+      <:col
+        :let={member}
+        label={
+          ~H"""
+          <.live_component
+            module={MvWeb.Components.SortHeaderComponent}
+            id={:sort_phone_number}
+            field={:phone_number}
+            label={gettext("Phone Number")}
+            sort_field={@sort_field}
+            sort_order={@sort_order}
+          />
+          """
+        }
+      >
+        {member.phone_number}
+      </:col>
+      <:col
+        :let={member}
+        label={
+          ~H"""
+          <.live_component
+            module={MvWeb.Components.SortHeaderComponent}
+            id={:sort_join_date}
+            field={:join_date}
+            label={gettext("Join Date")}
+            sort_field={@sort_field}
+            sort_order={@sort_order}
+          />
+          """
+        }
+      >
+        {member.join_date}
+      </:col>
+      <:action :let={member}>
+        <div class="sr-only">
+          <.link navigate={~p"/members/#{member}"}>{gettext("Show")}</.link>
+        </div>
+
+        <.link navigate={~p"/members/#{member}/edit"}>{gettext("Edit")}</.link>
+      </:action>
+
+      <:action :let={member}>
+        <.link
+          phx-click={JS.push("delete", value: %{id: member.id}) |> hide("#row-#{member.id}")}
+          data-confirm={gettext("Are you sure?")}
+        >
+          {gettext("Delete")}
+        </.link>
+      </:action>
+    </.table>
   </div>
 </Layouts.app>