sam/pronounscc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: add changing order of fields (closes #28)

Browse source
This commit is contained in:
Sam 2023-03-19 00:17:19 +01:00
parent 004403895a
commit 77ae15a468
Signed by: sam
GPG key ID: B4EF20DDE721CAA1
3 changed files with 49 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

17
frontend/src/routes/edit/member/[id]/+page.svelte
View file

@ -154,6 +154,17 @@
pronouns[newIndex] = temp;
};
const moveField = (index: number, up: boolean) => {
if (up && index == 0) return;
if (!up && index == fields.length - 1) return;
const newIndex = up ? index - 1 : index + 1;
const temp = fields[index];
fields[index] = fields[newIndex];
fields[newIndex] = temp;
};
const addName = () => {
names = [...names, { value: newName, status: WordStatus.Okay }];
newName = "";
@ -425,7 +436,11 @@
<div class="grid gap-3">
<div class="row row-cols-1 row-cols-md-2">
{#each fields as _, index}
<EditableField bind:field={fields[index]} deleteField={() => removeField(index)} />
<EditableField
bind:field={fields[index]}
deleteField={() => removeField(index)}
moveField={(up) => moveField(index, up)}
/>
{/each}
</div>
</div>