Wire up gurujada/live_table 0.4.1 as a dependency (alongside its transitive sutra_ui and optional igniter requirement) with the :live_table config pointing at our Repo and PubSub. Forced oban_web override so the path-pinned vendored copy still wins over live_table's hex constraint. Convert the admin /users page to use LiveTable.LiveResource with sortable, searchable columns for callsign, name, and email. Custom renderers preserve the daisyUI admin badge and the pending/confirmed date cell. Hidden id field stays in the query so the edit and delete actions can target a record by id. Updated the delete test to push the delete event directly with an id payload; the stream dom_ids under live_table are random UUIDs so tr#users-<id> selectors no longer work.
101 lines
2.6 KiB
Elixir
101 lines
2.6 KiB
Elixir
defmodule MicrowavepropWeb.UserManagementLive.Index do
|
|
@moduledoc false
|
|
use MicrowavepropWeb, :live_view
|
|
use LiveTable.LiveResource, schema: Microwaveprop.Accounts.User
|
|
|
|
alias Microwaveprop.Accounts
|
|
|
|
@impl true
|
|
def mount(_params, _session, socket) do
|
|
{:ok, assign(socket, :page_title, "Users")}
|
|
end
|
|
|
|
def fields do
|
|
[
|
|
id: %{label: "ID", hidden: true},
|
|
callsign: %{label: "Callsign", sortable: true, searchable: true},
|
|
name: %{label: "Name", sortable: true, searchable: true},
|
|
email: %{label: "Email", sortable: true, searchable: true},
|
|
is_admin: %{label: "Admin", sortable: true, renderer: &admin_badge/1},
|
|
confirmed_at: %{label: "Confirmed", sortable: true, renderer: &confirmed_cell/1}
|
|
]
|
|
end
|
|
|
|
def filters, do: []
|
|
|
|
def actions do
|
|
[
|
|
edit: fn %{record: user} ->
|
|
assigns = %{user: user}
|
|
|
|
~H"""
|
|
<.link navigate={~p"/users/#{@user.id}/edit"} class="btn btn-xs btn-ghost">Edit</.link>
|
|
"""
|
|
end,
|
|
delete: fn %{record: user} ->
|
|
assigns = %{user: user}
|
|
|
|
~H"""
|
|
<.link
|
|
phx-click={JS.push("delete", value: %{id: @user.id})}
|
|
data-confirm={"Delete user #{@user.callsign}? This cannot be undone."}
|
|
class="btn btn-xs btn-ghost text-error"
|
|
>
|
|
Delete
|
|
</.link>
|
|
"""
|
|
end
|
|
]
|
|
end
|
|
|
|
@impl true
|
|
def render(assigns) do
|
|
~H"""
|
|
<Layouts.app flash={@flash} current_scope={@current_scope} max_width="max-w-6xl">
|
|
<.header>
|
|
Users
|
|
<:subtitle>Manage registered accounts and admin flags.</:subtitle>
|
|
</.header>
|
|
|
|
<.live_table
|
|
fields={fields()}
|
|
filters={filters()}
|
|
options={@options}
|
|
streams={@streams}
|
|
actions={actions()}
|
|
/>
|
|
</Layouts.app>
|
|
"""
|
|
end
|
|
|
|
@impl true
|
|
def handle_event("delete", %{"id" => id}, socket) do
|
|
user = Accounts.get_user!(id)
|
|
|
|
cond do
|
|
user.id == socket.assigns.current_scope.user.id ->
|
|
{:noreply, put_flash(socket, :error, "You cannot delete your own account here.")}
|
|
|
|
true ->
|
|
{:ok, _} = Accounts.delete_user(user)
|
|
{:noreply, stream_delete(socket, :resources, user)}
|
|
end
|
|
end
|
|
|
|
defp admin_badge(true) do
|
|
assigns = %{}
|
|
|
|
~H|<span class="badge badge-primary badge-sm">admin</span>|
|
|
end
|
|
|
|
defp admin_badge(_), do: Phoenix.HTML.raw("<span class=\"opacity-50\">—</span>")
|
|
|
|
defp confirmed_cell(nil) do
|
|
assigns = %{}
|
|
|
|
~H|<span class="opacity-50">pending</span>|
|
|
end
|
|
|
|
defp confirmed_cell(%DateTime{} = dt), do: Calendar.strftime(dt, "%Y-%m-%d")
|
|
defp confirmed_cell(_), do: ""
|
|
end
|