75 lines
No EOL
1.8 KiB
Text
75 lines
No EOL
1.8 KiB
Text
<Layouts.app flash={@flash}>
|
|
<.header>
|
|
{gettext("Listing Users")}
|
|
<:actions>
|
|
<.button variant="primary" navigate={~p"/users/new"}>
|
|
<.icon name="hero-plus" /> {gettext("New User")}
|
|
</.button>
|
|
</:actions>
|
|
</.header>
|
|
|
|
<.table
|
|
id="users"
|
|
rows={@users}
|
|
row_click={fn user -> JS.navigate(~p"/users/#{user}") end}
|
|
>
|
|
<:col
|
|
:let={user}
|
|
label={
|
|
~H"""
|
|
<.input
|
|
type="checkbox"
|
|
name="select_all"
|
|
phx-click="select_all"
|
|
checked={Enum.sort(@selected_users) == Enum.map(@users, & &1.id) |> Enum.sort()}
|
|
aria-label={gettext("Select all users")}
|
|
role="checkbox"
|
|
/>
|
|
"""
|
|
}
|
|
>
|
|
<.input
|
|
type="checkbox"
|
|
name={user.id}
|
|
phx-click="select_user"
|
|
phx-value-id={user.id}
|
|
checked={user.id in @selected_users}
|
|
phx-capture-click
|
|
phx-stop-propagation
|
|
aria-label={gettext("Select user")}
|
|
role="checkbox"
|
|
/>
|
|
</:col>
|
|
<:col
|
|
:let={user}
|
|
label={
|
|
sort_button(%{
|
|
field: :email,
|
|
label: gettext("Email"),
|
|
sort_field: @sort_field,
|
|
sort_order: @sort_order
|
|
})
|
|
}
|
|
>
|
|
{user.email}
|
|
</:col>
|
|
<:col :let={user} label={gettext("OIDC ID")}>{user.oidc_id}</:col>
|
|
|
|
<:action :let={user}>
|
|
<div class="sr-only">
|
|
<.link navigate={~p"/users/#{user}"}>{gettext("Show")}</.link>
|
|
</div>
|
|
|
|
<.link navigate={~p"/users/#{user}/edit"}>{gettext("Edit")}</.link>
|
|
</:action>
|
|
|
|
<:action :let={user}>
|
|
<.link
|
|
phx-click={JS.push("delete", value: %{id: user.id}) |> hide("#row-#{user.id}")}
|
|
data-confirm={gettext("Are you sure?")}
|
|
>
|
|
{gettext("Delete")}
|
|
</.link>
|
|
</:action>
|
|
</.table>
|
|
</Layouts.app> |