Bhasher/focus
Bhasher
/
focus
1
1
Fork 0
Code Issues Pull Requests Actions Packages Releases 6 Activity

Update tag option list on new/delete

This commit is contained in:
Brieuc Dubois 2024-01-17 21:23:10 +01:00
parent f5896509da
commit 089bde27fd
2 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/lib/components/tags/SelectTags.svelte
View File

@ -4,6 +4,7 @@
import { cards } from '$lib/types/Card'; import { cards } from '$lib/types/Card';
import CardTag from '$lib/types/CardTag'; import CardTag from '$lib/types/CardTag';
import type ProjectTag from '$lib/types/ProjectTag'; import type ProjectTag from '$lib/types/ProjectTag';
import { projectTags } from '$lib/types/ProjectTag';
import type TagOption from '$lib/types/TagOption'; import type TagOption from '$lib/types/TagOption';
import TrashIcon from '../icons/TrashIcon.svelte'; import TrashIcon from '../icons/TrashIcon.svelte';
@ -37,6 +38,7 @@
if (!newOption) return; if (!newOption) return;
if (!(await projectTag.addOption(newOption))) return; if (!(await projectTag.addOption(newOption))) return;
newOption = ''; newOption = '';
projectTags.reload();
} }
</script> </script>
@ -66,7 +68,7 @@
isOpen = false; isOpen = false;
}} }}
> >
{#each projectTag.options as option} {#each projectTag.options as option (option.id)}
<div <div
class="option" class="option"
on:click={() => selectOption(option)} on:click={() => selectOption(option)}
@ -80,8 +82,9 @@
> >
<span class="value">{option.value}</span> <span class="value">{option.value}</span>
<button <button
on:click|stopPropagation={() => { on:click|stopPropagation={async () => {
projectTag.deleteOption(option); await projectTag.deleteOption(option);
projectTags.reload();
}}><TrashIcon size={16} /></button }}><TrashIcon size={16} /></button
> >
</div> </div>

9
frontend/src/lib/types/ProjectTag.ts
View File

@ -5,7 +5,14 @@ import TagOption from './TagOption';
import Project from './Project'; import Project from './Project';
import projectTagsApi from '$lib/api/projectTagsApi'; import projectTagsApi from '$lib/api/projectTagsApi';
export const projectTags = writable([] as ProjectTag[]); const { subscribe, update, set } = writable([] as ProjectTag[]);
export const projectTags = {
subscribe,
update,
set,
reload: () => update((ps) => ps)
};
export const ProjectTagTypes = {}; export const ProjectTagTypes = {};