104 lines
2.8 KiB
Elixir
104 lines
2.8 KiB
Elixir
defmodule MvWeb.MemberLive.Index do
|
|
use MvWeb, :live_view
|
|
|
|
@impl true
|
|
def render(assigns) do
|
|
~H"""
|
|
<.header>
|
|
Listing Members
|
|
<:actions>
|
|
<.link patch={~p"/members/new"}>
|
|
<.button>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="First Name">{member.first_name}</:col>
|
|
<:col :let={{_id, member}} label="Last Name">{member.last_name}</:col>
|
|
<:col :let={{_id, member}} label="Email">{member.email}</:col>
|
|
<:col :let={{_id, member}} label="City">{member.city}</:col>
|
|
<:col :let={{_id, member}} label="Join Date">{member.join_date}</:col>
|
|
|
|
<:action :let={{_id, member}}>
|
|
<div class="sr-only">
|
|
<.link navigate={~p"/members/#{member}"}>Show</.link>
|
|
</div>
|
|
|
|
<.link patch={~p"/members/#{member}/edit"}>Edit</.link>
|
|
</:action>
|
|
|
|
<:action :let={{id, member}}>
|
|
<.link
|
|
phx-click={JS.push("delete", value: %{id: member.id}) |> hide("##{id}")}
|
|
data-confirm="Are you sure?"
|
|
>
|
|
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, "Edit Member")
|
|
|> assign(:member, Ash.get!(Mv.Membership.Member, id))
|
|
end
|
|
|
|
defp apply_action(socket, :new, _params) do
|
|
socket
|
|
|> assign(:page_title, "New Member")
|
|
|> assign(:member, nil)
|
|
end
|
|
|
|
defp apply_action(socket, :index, _params) do
|
|
socket
|
|
|> assign(:page_title, "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
|