eightball/PluralKit
1
0
Fork 0
mirror of https://github.com/PluralKit/PluralKit.git synced 2026-02-15 02:00:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(dashboard): list freeze when editing sorted-by field

Browse source 
also fixes the wrong cards remaining open after resorting the list
This commit is contained in:
Jake Fulmine 2022-09-27 20:53:18 +02:00
parent 05aecf730a
commit 3bae5344b6
3 changed files with 10 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

17
dashboard/src/lib/list/CardsList.svelte
View file

@ -64,13 +64,14 @@
}
}
let isOpenArray = [];
let isOpen = {};
function toggleCard(index: number) {
if (isOpenArray[index] === true) {
isOpenArray[index] = false;
function toggleCard(index: string) {
isOpen[index] = isOpen[index] || {};
if (isOpen[index] === true) {
isOpen[index] = false;
} else {
isOpenArray[index] = true;
isOpen[index] = true;
}
}
@ -109,10 +110,10 @@
{#if !openByDefault && (settings && settings.accessibility ? (!settings.accessibility.expandedcards && !settings.accessibility.pagelinks) : true)}
<div class="mb-3">
{#each list as item, index (item.id + index)}
{#each list as item, index (item.uuid)}
<Card>
<h2 class="accordion-header">
<button class="w-100 accordion-button collapsed card-header" id={`${itemType}-card-${indexStart + index}`} on:click={() => toggleCard(indexStart + index)} on:keydown={(e) => skipToNextItem(e, indexStart + index)}>
<button class="w-100 accordion-button collapsed card-header" id={`${itemType}-card-${indexStart + index}`} on:click={() => toggleCard(item.uuid)} on:keydown={(e) => skipToNextItem(e, indexStart + index)}>
<CardsHeader {item} {sortBy} {searchBy}>
<div slot="icon" style="cursor: pointer;" id={`${itemType}-copy-${item.id}-${indexStart + index}`} on:click|stopPropagation={() => copyShortLink(indexStart + index, item.id)} on:keydown={(e) => copyShortLink(indexStart + index, item.id, e)} tabindex={0} >
{#if isPublic || item.privacy.visibility === "public"}
@ -129,7 +130,7 @@
<Tooltip placement="top" target={`${itemType}-copy-${item.id}-${indexStart + index}`}>{copiedArray[indexStart + index] ? "Copied!" : "Copy public link"}</Tooltip>
</button>
</h2>
<Collapse isOpen={isOpenArray[indexStart + index]}>
<Collapse isOpen={isOpen[item.uuid]}>
<CardBody>
{#if itemType === "member"}
<MemberBody on:update on:deletion bind:isPublic groups={groups} member={item} />