summaryrefslogtreecommitdiffstatshomepage
path: root/frontend/src/routes
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/routes')
-rw-r--r--frontend/src/routes/artists/+page.svelte9
-rw-r--r--frontend/src/routes/characters/+page.svelte9
-rw-r--r--frontend/src/routes/circles/+page.svelte9
-rw-r--r--frontend/src/routes/namespaces/+page.svelte9
-rw-r--r--frontend/src/routes/tags/+page.svelte9
-rw-r--r--frontend/src/routes/worlds/+page.svelte9
6 files changed, 36 insertions, 18 deletions
diff --git a/frontend/src/routes/artists/+page.svelte b/frontend/src/routes/artists/+page.svelte
index c907470..9f0d893 100644
--- a/frontend/src/routes/artists/+page.svelte
+++ b/frontend/src/routes/artists/+page.svelte
@@ -4,6 +4,7 @@
import type { Artist } from '$gql/graphql';
import { ArtistSortLabel } from '$lib/Enums';
import { BasicFilterContext } from '$lib/Filter.svelte';
+ import { quickComicFilter } from '$lib/Navigation';
import { toastFinally } from '$lib/Toasts';
import AddButton from '$lib/components/AddButton.svelte';
import Cardlet from '$lib/components/Cardlet.svelte';
@@ -53,6 +54,8 @@
.then((artist) => modals.open(EditArtist, { artist }))
.catch(toastFinally);
};
+
+ const quickFilter = (id: number) => quickComicFilter(id, 'artists');
</script>
<Head section="artists" />
@@ -78,9 +81,9 @@
<main>
<Cardlets>
{#each artists.edges as { id, name }, index (id)}
- <Selectable {index} {id} {edit}>
- {#snippet children({ onclick, selected })}
- <Cardlet {name} {onclick} filter="artists" {id}>
+ <Selectable {index} {id} onclick={edit} onauxclick={quickFilter}>
+ {#snippet children({ onclick, onauxclick, selected })}
+ <Cardlet {name} {onclick} {onauxclick}>
{#snippet overlay()}
<SelectionOverlay position="right" centered {selected} />
{/snippet}
diff --git a/frontend/src/routes/characters/+page.svelte b/frontend/src/routes/characters/+page.svelte
index 04c72cb..3a4b737 100644
--- a/frontend/src/routes/characters/+page.svelte
+++ b/frontend/src/routes/characters/+page.svelte
@@ -4,6 +4,7 @@
import type { Character } from '$gql/graphql';
import { CharacterSortLabel } from '$lib/Enums';
import { BasicFilterContext } from '$lib/Filter.svelte';
+ import { quickComicFilter } from '$lib/Navigation';
import { toastFinally } from '$lib/Toasts';
import AddButton from '$lib/components/AddButton.svelte';
import Cardlet from '$lib/components/Cardlet.svelte';
@@ -53,6 +54,8 @@
.then((character) => modals.open(EditCharacter, { character }))
.catch(toastFinally);
};
+
+ const quickFilter = (id: number) => quickComicFilter(id, 'characters');
</script>
<Head section="characters" />
@@ -78,9 +81,9 @@
<main>
<Cardlets>
{#each characters.edges as { id, name }, index (id)}
- <Selectable {index} {id} {edit}>
- {#snippet children({ onclick, selected })}
- <Cardlet {name} {onclick} filter="characters" {id}>
+ <Selectable {index} {id} onclick={edit} onauxclick={quickFilter}>
+ {#snippet children({ onclick, onauxclick, selected })}
+ <Cardlet {name} {onclick} {onauxclick}>
{#snippet overlay()}
<SelectionOverlay position="right" centered {selected} />
{/snippet}
diff --git a/frontend/src/routes/circles/+page.svelte b/frontend/src/routes/circles/+page.svelte
index 57520f8..8bac7ed 100644
--- a/frontend/src/routes/circles/+page.svelte
+++ b/frontend/src/routes/circles/+page.svelte
@@ -4,6 +4,7 @@
import type { Circle } from '$gql/graphql';
import { CircleSortLabel } from '$lib/Enums';
import { BasicFilterContext } from '$lib/Filter.svelte';
+ import { quickComicFilter } from '$lib/Navigation';
import { toastFinally } from '$lib/Toasts';
import AddButton from '$lib/components/AddButton.svelte';
import Cardlet from '$lib/components/Cardlet.svelte';
@@ -53,6 +54,8 @@
.then((circle) => modals.open(EditCircle, { circle }))
.catch(toastFinally);
};
+
+ const quickFilter = (id: number) => quickComicFilter(id, 'circles');
</script>
<Head section="circles" />
@@ -78,9 +81,9 @@
<main>
<Cardlets>
{#each circles.edges as { id, name }, index (id)}
- <Selectable {index} {id} {edit}>
- {#snippet children({ onclick, selected })}
- <Cardlet {name} {onclick} filter="circles" {id}>
+ <Selectable {index} {id} onclick={edit} onauxclick={quickFilter}>
+ {#snippet children({ onclick, onauxclick, selected })}
+ <Cardlet {name} {onclick} {onauxclick}>
{#snippet overlay()}
<SelectionOverlay position="right" centered {selected} />
{/snippet}
diff --git a/frontend/src/routes/namespaces/+page.svelte b/frontend/src/routes/namespaces/+page.svelte
index 04f7737..d8e728d 100644
--- a/frontend/src/routes/namespaces/+page.svelte
+++ b/frontend/src/routes/namespaces/+page.svelte
@@ -4,6 +4,7 @@
import type { Namespace } from '$gql/graphql';
import { NamespaceSortLabel } from '$lib/Enums';
import { BasicFilterContext } from '$lib/Filter.svelte';
+ import { quickComicFilter } from '$lib/Navigation';
import { toastFinally } from '$lib/Toasts';
import AddButton from '$lib/components/AddButton.svelte';
import Cardlet from '$lib/components/Cardlet.svelte';
@@ -53,6 +54,8 @@
.then((namespace) => modals.open(EditNamespace, { namespace }))
.catch(toastFinally);
};
+
+ const quickFilter = (id: number) => quickComicFilter(`${id}:`, 'tags');
</script>
<Head section="Namespaces" />
@@ -78,9 +81,9 @@
<main>
<Cardlets>
{#each namespaces.edges as { id, name }, index (id)}
- <Selectable {index} {id} {edit}>
- {#snippet children({ onclick, selected })}
- <Cardlet {name} {onclick} filter="tags" id={`${id}:`}>
+ <Selectable {index} {id} onclick={edit} onauxclick={quickFilter}>
+ {#snippet children({ onclick, onauxclick, selected })}
+ <Cardlet {name} {onclick} {onauxclick}>
{#snippet overlay()}
<SelectionOverlay position="right" centered {selected} />
{/snippet}
diff --git a/frontend/src/routes/tags/+page.svelte b/frontend/src/routes/tags/+page.svelte
index 30554c7..f71267f 100644
--- a/frontend/src/routes/tags/+page.svelte
+++ b/frontend/src/routes/tags/+page.svelte
@@ -4,6 +4,7 @@
import { type Tag } from '$gql/graphql';
import { TagSortLabel } from '$lib/Enums';
import { TagFilterContext } from '$lib/Filter.svelte';
+ import { quickComicFilter } from '$lib/Navigation';
import { toastFinally } from '$lib/Toasts';
import AddButton from '$lib/components/AddButton.svelte';
import Cardlet from '$lib/components/Cardlet.svelte';
@@ -58,6 +59,8 @@
.then((tag) => modals.open(EditTag, { tag }))
.catch(toastFinally);
};
+
+ const quickFilter = (id: number) => quickComicFilter(`:${id}`, 'tags');
</script>
<Head section="Tags" />
@@ -88,9 +91,9 @@
<main>
<Cardlets>
{#each tags.edges as { id, name, description }, index (id)}
- <Selectable {index} {id} {edit}>
- {#snippet children({ onclick, selected })}
- <Cardlet {name} title={description} {onclick} filter="tags" id={`:${id}`}>
+ <Selectable {index} {id} onclick={edit} onauxclick={quickFilter}>
+ {#snippet children({ onclick, onauxclick, selected })}
+ <Cardlet {name} title={description} {onclick} {onauxclick}>
{#snippet overlay()}
<SelectionOverlay position="right" centered {selected} />
{/snippet}
diff --git a/frontend/src/routes/worlds/+page.svelte b/frontend/src/routes/worlds/+page.svelte
index f223a61..6b95142 100644
--- a/frontend/src/routes/worlds/+page.svelte
+++ b/frontend/src/routes/worlds/+page.svelte
@@ -4,6 +4,7 @@
import type { World } from '$gql/graphql';
import { WorldSortLabel } from '$lib/Enums';
import { BasicFilterContext } from '$lib/Filter.svelte';
+ import { quickComicFilter } from '$lib/Navigation';
import { toastFinally } from '$lib/Toasts';
import AddButton from '$lib/components/AddButton.svelte';
import Cardlet from '$lib/components/Cardlet.svelte';
@@ -53,6 +54,8 @@
.then((world) => modals.open(EditWorld, { world }))
.catch(toastFinally);
};
+
+ const quickFilter = (id: number) => quickComicFilter(id, 'worlds');
</script>
<Head section="worlds" />
@@ -78,9 +81,9 @@
<main>
<Cardlets>
{#each worlds.edges as { id, name }, index (id)}
- <Selectable {index} {id} {edit}>
- {#snippet children({ onclick, selected })}
- <Cardlet {name} {onclick} filter="worlds" {id}>
+ <Selectable {index} {id} onclick={edit} onauxclick={quickFilter}>
+ {#snippet children({ onclick, onauxclick, selected })}
+ <Cardlet {name} {onclick} {onauxclick}>
{#snippet overlay()}
<SelectionOverlay position="right" centered {selected} />
{/snippet}
powered by cgit and git | oriole.systems | how to verify signatures