106 lines
3 KiB
Elixir
106 lines
3 KiB
Elixir
defmodule MvWeb.MemberLive.Index do
|
|
use MvWeb, :live_view
|
|
|
|
on_mount {MvWeb.LiveUserAuth, :live_user_required}
|
|
|
|
@impl true
|
|
def render(assigns) do
|
|
~H"""
|
|
<.header>
|
|
{gettext("Listing Members")}
|
|
<:actions>
|
|
<.link patch={~p"/members/new"}>
|
|
<.button>{gettext("New Member")}</.button>
|
|
</.link>
|
|
</: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 patch={~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>
|
|
|
|
<.modal
|
|
:if={@live_action in [:new, :edit]}
|
|
id="member-modal"
|
|
show
|
|
on_cancel={JS.patch(~p"/members")}
|
|
>
|
|
<.live_component
|
|
module={MvWeb.MemberLive.FormComponent}
|
|
id={(@member && @member.id) || :new}
|
|
title={@page_title}
|
|
action={@live_action}
|
|
member={@member}
|
|
patch={~p"/members"}
|
|
/>
|
|
</.modal>
|
|
"""
|
|
end
|
|
|
|
@impl true
|
|
def mount(_params, _session, socket) do
|
|
{:ok, stream(socket, :members, Ash.read!(Mv.Membership.Member))}
|
|
end
|
|
|
|
@impl true
|
|
def handle_params(params, _url, socket) do
|
|
{:noreply, apply_action(socket, socket.assigns.live_action, params)}
|
|
end
|
|
|
|
defp apply_action(socket, :edit, %{"id" => id}) do
|
|
socket
|
|
|> assign(:page_title, gettext("Edit Member"))
|
|
|> assign(:member, Ash.get!(Mv.Membership.Member, id))
|
|
end
|
|
|
|
defp apply_action(socket, :new, _params) do
|
|
socket
|
|
|> assign(:page_title, gettext("New Member"))
|
|
|> assign(:member, nil)
|
|
end
|
|
|
|
defp apply_action(socket, :index, _params) do
|
|
socket
|
|
|> assign(:page_title, gettext("Listing Members"))
|
|
|> assign(:member, nil)
|
|
end
|
|
|
|
@impl true
|
|
def handle_info({MvWeb.MemberLive.FormComponent, {:saved, member}}, socket) do
|
|
{:noreply, stream_insert(socket, :members, member)}
|
|
end
|
|
|
|
@impl true
|
|
def handle_event("delete", %{"id" => id}, socket) do
|
|
member = Ash.get!(Mv.Membership.Member, id)
|
|
Ash.destroy!(member)
|
|
|
|
{:noreply, stream_delete(socket, :members, member)}
|
|
end
|
|
end
|