feature(memberslist): added columns to memberslist and added selection and sortable header

lib/mv_web/live/member_live/index.ex

@@ -1,58 +1,19 @@
 defmodule MvWeb.MemberLive.Index do
   use MvWeb, :live_view
-
-  @impl true
-  def render(assigns) do
-    ~H"""
-    <Layouts.app flash={@flash}>
-      <.header>
-        {gettext("Listing Members")}
-        <:actions>
-          <.button variant="primary" navigate={~p"/members/new"}>
-            <.icon name="hero-plus" /> {gettext("New Member")}
-          </.button>
-        </:actions>
-      </.header>
-
-      <.table
-        id="members"
-        rows={@streams.members}
-        row_click={fn {_id, member} -> JS.navigate(~p"/members/#{member}") end}
-      >
-        <!-- <:col :let={{_id, member}} label="Id">{member.id}</:col> -->
-        <:col :let={{_id, member}} label={gettext("First Name")}>{member.first_name}</:col>
-        <:col :let={{_id, member}} label={gettext("Last Name")}>{member.last_name}</:col>
-        <:col :let={{_id, member}} label={gettext("Email")}>{member.email}</:col>
-        <:col :let={{_id, member}} label={gettext("City")}>{member.city}</:col>
-        <:col :let={{_id, member}} label={gettext("Join Date")}>{member.join_date}</:col>
-
-        <:action :let={{_id, 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={{id, member}}>
-          <.link
-            phx-click={JS.push("delete", value: %{id: member.id}) |> hide("##{id}")}
-            data-confirm={gettext("Are you sure?")}
-          >
-            {gettext("Delete")}
-          </.link>
-        </:action>
-      </.table>
-    </Layouts.app>
-    """
-  end
+  import MvWeb.TableComponents
 
   @impl true
   def mount(_params, _session, socket) do
+    members = Ash.read!(Mv.Membership.Member)
+    sorted = Enum.sort_by(members, & &1.first_name)
+
     {:ok,
      socket
      |> assign(:page_title, gettext("Listing Members"))
-     |> stream(:members, Ash.read!(Mv.Membership.Member))}
+     |> assign(:sort_field, :first_name)
+     |> assign(:sort_order, :asc)
+     |> assign(:members, sorted)
+     |> assign(:selected_members, [])}
   end
 
   @impl true
@@ -62,4 +23,69 @@ defmodule MvWeb.MemberLive.Index do
 
     {:noreply, stream_delete(socket, :members, member)}
   end
+
+  @doc """
+  Selects one member in the list of members
+  """
+  @impl true
+  def handle_event("select_member", %{"id" => id}, socket) do
+    selected =
+      if id in socket.assigns.selected_members do
+        List.delete(socket.assigns.selected_members, id)
+      else
+        [id | socket.assigns.selected_members]
+      end
+
+    {:noreply, assign(socket, :selected_members, selected)}
+  end
+
+  @doc """
+  Sorts the list of members according to a field, when you click on the column header
+  """
+  @impl true
+  def handle_event("sort", %{"field" => field_str}, socket) do
+    members = socket.assigns.members
+    field = String.to_existing_atom(field_str)
+
+    new_order =
+      if socket.assigns.sort_field == field do
+        toggle_order(socket.assigns.sort_order)
+      else
+        :asc
+      end
+
+    sorted_members =
+      members
+      |> Enum.sort_by(&Map.get(&1, field), sort_fun(new_order))
+
+    {:noreply,
+    socket
+    |> assign(:sort_field, field)
+    |> assign(:sort_order, new_order)
+    |> assign(:members, sorted_members)}
+  end
+
+  @doc """
+  Selects all members in the list of members
+  """
+  @impl true
+  def handle_event("select_all", _params, socket) do
+    members = socket.assigns.members
+
+    all_ids = Enum.map(members, & &1.id)
+
+    selected =
+      if Enum.sort(socket.assigns.selected_members) == Enum.sort(all_ids) do
+        []
+      else
+        all_ids
+      end
+
+    {:noreply, assign(socket, :selected_members, selected)}
+  end
+
+  defp toggle_order(:asc), do: :desc
+  defp toggle_order(:desc), do: :asc
+  defp sort_fun(:asc), do: &<=/2
+  defp sort_fun(:desc), do: &>=/2
 end