diff options
Diffstat (limited to 'src/lib/List')
| -rw-r--r-- | src/lib/List/Anime/CleanAnimeList.svelte | 13 | ||||
| -rw-r--r-- | src/lib/List/Manga/CleanMangaList.svelte | 11 | ||||
| -rw-r--r-- | src/lib/List/MediaRoulette.svelte | 4 |
3 files changed, 26 insertions, 2 deletions
diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte index e27378eb..c8bf1b7d 100644 --- a/src/lib/List/Anime/CleanAnimeList.svelte +++ b/src/lib/List/Anime/CleanAnimeList.svelte @@ -21,6 +21,7 @@ import stateBin from "$stores/stateBin"; import localforage from "localforage"; import MediaRoulette from "../MediaRoulette.svelte"; import type { Title } from "../mediaTitle"; +import { track } from "$lib/analytics"; export let media: Media[]; export let title: Title; @@ -117,6 +118,10 @@ $: if (browser && !dummy && media && previousAnimeList !== media) const updateSelectedList = (event: Event) => { const nextSelectedList = (event.currentTarget as HTMLSelectElement).value; + track("Filter Anime List", { + scope: nextSelectedList === "All" ? "all" : "custom", + }); + selectedList = nextSelectedList; if (!disableFilter && $stateBin[filterKey] !== nextSelectedList) @@ -213,6 +218,8 @@ onDestroy(() => clearAiringRefreshTimeout()); const increment = (anime: Media, progress: number) => { if (dummy || pendingUpdate === anime.id) return; + track("Increment Anime Progress"); + pendingUpdate = anime.id; lastUpdatedMedia = anime.id; @@ -247,6 +254,7 @@ const increment = (anime: Media, progress: number) => { class="small-button" onclick={() => (showRoulette = true)} title={$locale().lists.actions?.pickRandomAnime} + data-umami-event="Open Anime Roulette" > Roulette </button> @@ -255,7 +263,10 @@ const increment = (anime: Media, progress: number) => { {#if media.length === 0} {$locale().lists.empty?.anime} - <button onclick={() => (animeLists = cleanCache(user, $identity))}> + <button + onclick={() => (animeLists = cleanCache(user, $identity))} + data-umami-event="Force Refresh Anime" + > {$locale().lists.actions?.forceRefresh} </button> {:else if $settings.displayMediaListFilter && !disableFilter && hasDistinguishingList} diff --git a/src/lib/List/Manga/CleanMangaList.svelte b/src/lib/List/Manga/CleanMangaList.svelte index 25e6d48f..af52ca02 100644 --- a/src/lib/List/Manga/CleanMangaList.svelte +++ b/src/lib/List/Manga/CleanMangaList.svelte @@ -31,6 +31,7 @@ import CleanList from "../CleanList.svelte"; import stateBin from "$stores/stateBin"; import localforage from "localforage"; import MediaRoulette from "../MediaRoulette.svelte"; +import { track } from "$lib/analytics"; export let media: Media[]; export let cleanCache: () => void; @@ -105,6 +106,10 @@ $: filteredMedia = const updateSelectedList = (event: Event) => { const nextSelectedList = (event.currentTarget as HTMLSelectElement).value; + track("Filter Manga List", { + scope: nextSelectedList === "All" ? "all" : "custom", + }); + selectedList = nextSelectedList; if (!disableFilter && $stateBin[filterKey] !== nextSelectedList) @@ -125,8 +130,11 @@ $: if (rateLimited && !serviceStatusResponse) serviceStatusResponse = getMangadexServiceStatus(); const increment = (manga: Media) => { - if (!(pendingUpdate === manga.id || dummy)) + if (!(pendingUpdate === manga.id || dummy)) { + track("Increment Manga Progress"); + updateMedia(manga.id, manga.mediaListEntry?.progress, media); + } }; </script> @@ -154,6 +162,7 @@ const increment = (manga: Media) => { class="small-button" onclick={() => (showRoulette = true)} title={$locale().lists.actions?.pickRandomManga} + data-umami-event="Open Manga Roulette" > Roulette </button> diff --git a/src/lib/List/MediaRoulette.svelte b/src/lib/List/MediaRoulette.svelte index dc9a2269..64c585df 100644 --- a/src/lib/List/MediaRoulette.svelte +++ b/src/lib/List/MediaRoulette.svelte @@ -5,6 +5,7 @@ import { outboundLink } from "$lib/Media/links"; import settings from "$stores/settings"; import locale from "$stores/locale"; import { mediaTitle } from "./mediaTitle"; +import { track } from "$lib/analytics"; interface Props { media: Media[]; @@ -25,6 +26,8 @@ let currentMedia = $derived(media[displayIndex]); const startRoulette = () => { if (media.length === 0 || isSpinning) return; + track("Spin Roulette", { type }); + isSpinning = true; showResult = false; selectedIndex = Math.floor(Math.random() * media.length); @@ -131,6 +134,7 @@ const handleOverlayClick = (e: MouseEvent) => { href={outboundLink(currentMedia, type, $settings.displayOutboundLinksTo)} target="_blank" class="view-link" + data-umami-event="Roulette View Media" > {$locale({ values: { |