local-it/mitgliederverwaltung
2
3
Fork 0
Code Issues 68 Pull requests 8 Projects 1 Releases Packages 1 Activity Actions

Fix accessibility issues: add tooltip for disabled delete button
Some checks failed
continuous-integration/drone/push Build is failing
Details

Browse source
This commit is contained in:
Moritz 2025-12-22 17:59:48 +01:00
parent 9233f56847
commit 1bb03b52c9
Signed by: moritz
GPG key ID: 1020A035E5DD0824
1 changed files with 27 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

43
lib/mv_web/live/membership_fee_type_live/index.ex
View file

@ -85,34 +85,37 @@ defmodule MvWeb.MembershipFeeTypeLive.Index do
</:action> </:action>
<:action :let={mft}> <:action :let={mft}>
<div
:if={get_member_count(mft, @member_counts) > 0}
class="tooltip tooltip-left"
data-tip={
gettext("Cannot delete - %{count} member(s) assigned",
count: get_member_count(mft, @member_counts)
)
}
>
<button <button
phx-click="delete" phx-click="delete"
phx-value-id={mft.id} phx-value-id={mft.id}
data-confirm={gettext("Are you sure?")} data-confirm={gettext("Are you sure?")}
class={[ class="btn btn-ghost btn-xs text-error opacity-50 cursor-not-allowed"
"btn btn-ghost btn-xs",
if(get_member_count(mft, @member_counts) > 0,
do: "text-error opacity-50 cursor-not-allowed",
else: "text-error"
)
]}
aria-label={ aria-label={
if get_member_count(mft, @member_counts) > 0,
do:
gettext("Cannot delete - %{count} member(s) assigned", gettext("Cannot delete - %{count} member(s) assigned",
count: get_member_count(mft, @member_counts) count: get_member_count(mft, @member_counts)
), )
else: gettext("Delete membership fee type")
} }
title={ disabled={true}
if get_member_count(mft, @member_counts) > 0, >
do: <.icon name="hero-trash" class="size-4" />
gettext("Cannot delete - %{count} member(s) assigned", </button>
count: get_member_count(mft, @member_counts) </div>
), <button
else: gettext("Delete") :if={get_member_count(mft, @member_counts) == 0}
} phx-click="delete"
disabled={get_member_count(mft, @member_counts) > 0} phx-value-id={mft.id}
data-confirm={gettext("Are you sure?")}
class="btn btn-ghost btn-xs text-error"
aria-label={gettext("Delete membership fee type")}
> >
<.icon name="hero-trash" class="size-4" /> <.icon name="hero-trash" class="size-4" />
</button> </button>