fix: select all checkbox handling

This commit is contained in:
Simon 2026-01-29 15:14:36 +01:00
parent bb7e3cbe77
commit 124ab295a6
Signed by: simon
GPG key ID: 40E7A58C4AA1EDB2
3 changed files with 41 additions and 26 deletions

View file

@ -90,11 +90,14 @@ defmodule MvWeb.UserLive.Index do
# Selects one user in the list of users
@impl true
def handle_event("select_user", %{"id" => id}, socket) do
# Normalize ID to string for consistent comparison
id_str = to_string(id)
selected =
if id in socket.assigns.selected_users do
List.delete(socket.assigns.selected_users, id)
if id_str in socket.assigns.selected_users do
List.delete(socket.assigns.selected_users, id_str)
else
[id | socket.assigns.selected_users]
[id_str | socket.assigns.selected_users]
end
{:noreply, assign(socket, :selected_users, selected)}
@ -129,7 +132,8 @@ defmodule MvWeb.UserLive.Index do
def handle_event("select_all", _params, socket) do
users = socket.assigns.users
all_ids = Enum.map(users, & &1.id)
# Normalize IDs to strings for consistent comparison
all_ids = Enum.map(users, &to_string(&1.id))
selected =
if Enum.sort(socket.assigns.selected_users) == Enum.sort(all_ids) do

View file

@ -17,7 +17,7 @@
type="checkbox"
name="select_all"
phx-click="select_all"
checked={Enum.sort(@selected_users) == Enum.map(@users, & &1.id) |> Enum.sort()}
checked={Enum.sort(@selected_users) == Enum.map(@users, &to_string(&1.id)) |> Enum.sort()}
aria-label={gettext("Select all users")}
role="checkbox"
/>
@ -26,10 +26,10 @@
>
<.input
type="checkbox"
name={user.id}
name={to_string(user.id)}
phx-click="select_user"
phx-value-id={user.id}
checked={user.id in @selected_users}
phx-value-id={to_string(user.id)}
checked={to_string(user.id) in @selected_users}
phx-capture-click
phx-stop-propagation
aria-label={gettext("Select user")}

View file

@ -225,25 +225,35 @@ defmodule MvWeb.UserLive.IndexTest do
@tag :slow
test "select all automatically checks when all individual users are selected", %{
conn: conn,
users: [user1, user2]
users: [_user1, _user2]
} do
conn = conn_with_oidc_user(conn)
{:ok, view, _html} = live(conn, "/users")
{:ok, view, html} = live(conn, "/users")
# Get all user IDs from the rendered HTML by finding all checkboxes with phx-click="select_user"
# Extract user IDs from the HTML (they appear as name attributes on checkboxes)
user_ids =
html
|> String.split("phx-click=\"select_user\"")
|> Enum.flat_map(fn part ->
case Regex.run(~r/name="([^"]+)"[^>]*phx-value-id/, part) do
[_, user_id] -> [user_id]
_ -> []
end
end)
|> Enum.uniq()
# Skip if no users found (shouldn't happen, but be safe)
if length(user_ids) > 0 do
# Initially nothing should be checked
refute view
|> element("input[type='checkbox'][name='select_all'][checked]")
|> has_element?()
# Select first user
view |> element("input[type='checkbox'][name='#{user1.id}']") |> render_click()
# Select all should still not be checked (only 1 of 2+ users selected)
refute view
|> element("input[type='checkbox'][name='select_all'][checked]")
|> has_element?()
# Select second user
view |> element("input[type='checkbox'][name='#{user2.id}']") |> render_click()
# Select all users one by one
Enum.each(user_ids, fn user_id ->
view |> element("input[type='checkbox'][name='#{user_id}']") |> render_click()
end)
# Now select all should be automatically checked (all individual users are selected)
assert view
@ -251,6 +261,7 @@ defmodule MvWeb.UserLive.IndexTest do
|> has_element?()
end
end
end
describe "delete functionality" do
test "can delete a user", %{conn: conn} do