Added: Selected flag highlight

This commit is contained in:
Luc Mcgrady 2025-11-12 14:12:50 +00:00
parent 16fe7d6b20
commit fe4bdf519e
No known key found for this signature in database
GPG key ID: 4F3D7A0B17CC3D9C

View file

@ -89,13 +89,13 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
]; ];
const cardData = state.cardData; const cardData = state.cardData;
$: card = $cardData?.queue?.cards[0].card;
function changeFlag(index: number) { function changeFlag(index: number) {
const card = $cardData!.queue!.cards[0].card!; if (card?.flags === index) {
if (card.flags === index) {
index = 0; index = 0;
} }
setFlag({ cardIds: [card.id], flag: index }); setFlag({ cardIds: [card!.id], flag: index });
$cardData!.queue!.cards[0].card!.flags = index; $cardData!.queue!.cards[0].card!.flags = index;
} }
</script> </script>
@ -124,12 +124,18 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
</MoreItem> </MoreItem>
<div slot="items" class="dropdown"> <div slot="items" class="dropdown">
{#each flags as flag, i} {#each flags as flag, i}
<MoreItem <div
shortcut={flag.shortcut} style:background-color={card?.flags == i + 1
on:click={() => changeFlag(i + 1)} ? "RGBA(0,255,0,0.25)"
: ""}
> >
{flag.colour} <MoreItem
</MoreItem> shortcut={flag.shortcut}
on:click={() => changeFlag(i + 1)}
>
{flag.colour}
</MoreItem>
</div>
{/each} {/each}
</div> </div>
</MoreSubmenu> </MoreSubmenu>