ulith/pronounss
1
0
Fork 0
forked from mirrors/pronouns.cc
Code Pull requests Activity

feat(frontend): add move buttons to links (fixes #54)

Browse source
This commit is contained in:
Sam 2023-04-23 04:01:02 +02:00
parent 21c1c5b0d9
commit 848d0787a5
No known key found for this signature in database
GPG key ID: B4EF20DDE721CAA1
2 changed files with 46 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -200,6 +200,17 @@
fields[newIndex] = temp; fields[newIndex] = temp;
}; };
const moveLink = (index: number, up: boolean) => {
if (up && index == 0) return;
if (!up && index == links.length - 1) return;
const newIndex = up ? index - 1 : index + 1;
const temp = links[index];
links[index] = links[newIndex];
links[newIndex] = temp;
};
const addName = (event: Event) => { const addName = (event: Event) => {
event.preventDefault(); event.preventDefault();
@ -534,6 +545,18 @@
<div class="mt-3"> <div class="mt-3">
{#each links as _, index} {#each links as _, index}
<div class="input-group m-1"> <div class="input-group m-1">
<IconButton
icon="chevron-up"
color="secondary"
tooltip="Move link up"
click={() => moveLink(index, true)}
/>
<IconButton
icon="chevron-down"
color="secondary"
tooltip="Move link down"
click={() => moveLink(index, false)}
/>
<input type="text" class="form-control" bind:value={links[index]} /> <input type="text" class="form-control" bind:value={links[index]} />
<IconButton <IconButton
color="danger" color="danger"

23
frontend/src/routes/edit/profile/+page.svelte
View file

@ -214,6 +214,17 @@
fields[newIndex] = temp; fields[newIndex] = temp;
}; };
const moveLink = (index: number, up: boolean) => {
if (up && index == 0) return;
if (!up && index == links.length - 1) return;
const newIndex = up ? index - 1 : index + 1;
const temp = links[index];
links[index] = links[newIndex];
links[newIndex] = temp;
};
const addName = (event: Event) => { const addName = (event: Event) => {
event.preventDefault(); event.preventDefault();
@ -507,6 +518,18 @@
<div class="mt-3"> <div class="mt-3">
{#each links as _, index} {#each links as _, index}
<div class="input-group m-1"> <div class="input-group m-1">
<IconButton
icon="chevron-up"
color="secondary"
tooltip="Move link up"
click={() => moveLink(index, true)}
/>
<IconButton
icon="chevron-down"
color="secondary"
tooltip="Move link down"
click={() => moveLink(index, false)}
/>
<input type="text" class="form-control" bind:value={links[index]} /> <input type="text" class="form-control" bind:value={links[index]} />
<IconButton <IconButton
color="danger" color="danger"