prop/lib/microwaveprop_web/live/user_management_live/index.ex
Graham McIntire da6b312213
Add live_table dep and convert /users to use it
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.
2026-04-12 17:07:07 -05:00

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\">&mdash;</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