koloml/furbooru-tagging-assistant
1
0
Fork 0
mirror of https://github.com/koloml/furbooru-tagging-assistant.git synced 2025-12-23 23:02:58 +00:00
Code Issues Activity

Editing tag category, applying category color on view

Browse Source
This commit is contained in:
KoloMl
2024-12-08 22:59:13 +04:00
parent 17396952c3
commit 62bcba34da
2 changed files with 31 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/features/GroupView.svelte
View File

@@ -1,4 +1,6 @@
<script>
import TagsColorContainer from "$components/tags/TagsColorContainer.svelte";
/**
* @type {import('$entities/TagGroup.ts').default}
*/
@@ -16,19 +18,23 @@
</div>
<div class="block">
<strong>Tags:</strong>
<div class="tags-list">
{#each sortedTagsList as tagName}
<span class="tag">{tagName}</span>
{/each}
</div>
<TagsColorContainer targetCategory="{group.settings.category}">
<div class="tags-list">
{#each sortedTagsList as tagName}
<span class="tag">{tagName}</span>
{/each}
</div>
</TagsColorContainer>
</div>
<div class="block">
<strong>Prefixes:</strong>
<div class="tags-list">
{#each sortedPrefixes as prefixName}
<span class="tag">{prefixName}*</span>
{/each}
</div>
<TagsColorContainer targetCategory="{group.settings.category}">
<div class="tags-list">
{#each sortedPrefixes as prefixName}
<span class="tag">{prefixName}*</span>
{/each}
</div>
</TagsColorContainer>
</div>
<style lang="scss">

20
src/routes/features/groups/[id]/edit/+page.svelte
View File

@@ -1,8 +1,10 @@
<script>
import { goto } from "$app/navigation";
import { page } from "$app/stores";
import TagsColorContainer from "$components/tags/TagsColorContainer.svelte";
import FormContainer from "$components/ui/forms/FormContainer.svelte";
import FormControl from "$components/ui/forms/FormControl.svelte";
import TagCategorySelectField from "$components/ui/forms/TagCategorySelectField.svelte";
import TextField from "$components/ui/forms/TextField.svelte";
import Menu from "$components/ui/menu/Menu.svelte";
import MenuItem from "$components/ui/menu/MenuItem.svelte";
@@ -19,6 +21,7 @@
let tagsList = [];
/** @type {string[]} */
let prefixesList = [];
let tagCategory = '';
if (groupId==='new') {
targetGroup = new TagGroup(crypto.randomUUID(), {});
@@ -29,6 +32,7 @@
groupName = targetGroup.settings.name;
tagsList = [ ...targetGroup.settings.tags ].sort((a, b) => a.localeCompare(b));
prefixesList = [ ...targetGroup.settings.prefixes ].sort((a, b) => a.localeCompare(b));
tagCategory = targetGroup.settings.category;
} else {
goto('/features/groups');
}
@@ -43,6 +47,7 @@
targetGroup.settings.name = groupName;
targetGroup.settings.tags = [ ...tagsList ];
targetGroup.settings.prefixes = [ ...prefixesList ];
targetGroup.settings.category = tagCategory;
await targetGroup.save();
await goto(`/features/groups/${ targetGroup.id }`);
@@ -57,12 +62,17 @@
<FormControl label="Group Name">
<TextField bind:value={groupName} placeholder="Group Name"></TextField>
</FormControl>
<FormControl label="Tags">
<TagsEditor bind:tags={tagsList}/>
</FormControl>
<FormControl label="Tag Prefixes">
<TagsEditor bind:tags={prefixesList}/>
<FormControl label="Group Color">
<TagCategorySelectField bind:value={tagCategory}/>
</FormControl>
<TagsColorContainer targetCategory="{tagCategory}">
<FormControl label="Tags">
<TagsEditor bind:tags={tagsList}/>
</FormControl>
<FormControl label="Tag Prefixes">
<TagsEditor bind:tags={prefixesList}/>
</FormControl>
</TagsColorContainer>
</FormContainer>
<Menu>
<hr>