diff options
| author | Fuwn <[email protected]> | 2023-10-01 02:14:57 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2023-10-01 02:14:57 -0700 |
| commit | cc331b59be0da7e8174ff2c420cd8d51e51ee419 (patch) | |
| tree | d659ef75f69a37f8b50eb9b4b75337570841ce0f | |
| parent | fix(manga): end time reset on force (diff) | |
| download | due.moe-cc331b59be0da7e8174ff2c420cd8d51e51ee419.tar.xz due.moe-cc331b59be0da7e8174ff2c420cd8d51e51ee419.zip | |
feat(list): colour last updated media if remains
| -rw-r--r-- | src/lib/List/Anime/CleanAnimeList.svelte | 19 | ||||
| -rw-r--r-- | src/lib/List/Template/MangaListTemplate.svelte | 10 |
2 files changed, 22 insertions, 7 deletions
diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte index 18700991..59303e6a 100644 --- a/src/lib/List/Anime/CleanAnimeList.svelte +++ b/src/lib/List/Anime/CleanAnimeList.svelte @@ -11,6 +11,8 @@ export let user: AniListAuthorisation; export let identity: UserIdentity; export let endTime: number; + + let lastUpdatedMedia = -1; </script> <ListTitle time={endTime / 1000} count={media.length} custom={title} /> @@ -36,7 +38,13 @@ }`} target="_blank" > - {anime.title.english || anime.title.romaji || anime.title.native} + {#if lastUpdatedMedia === anime.id} + <span style="color: lightcoral"> + {anime.title.english || anime.title.romaji || anime.title.native} + </span> + {:else} + {anime.title.english || anime.title.romaji || anime.title.native} + {/if} </a> <span style="opacity: 50%;">|</span> {#if title !== 'Upcoming Episodes'} @@ -45,11 +53,10 @@ <a href={'#'} on:click={() => - updateMedia( - anime.id, - anime.mediaListEntry?.progress, - () => (animeLists = cleanCache(user, identity)) - )}>+</a + updateMedia(anime.id, anime.mediaListEntry?.progress, () => { + animeLists = cleanCache(user, identity); + lastUpdatedMedia = anime.id; + })}>+</a > {#if !title.includes('Completed')} [{anime.nextAiringEpisode?.episode === -1 diff --git a/src/lib/List/Template/MangaListTemplate.svelte b/src/lib/List/Template/MangaListTemplate.svelte index c6d02bf8..52900bd4 100644 --- a/src/lib/List/Template/MangaListTemplate.svelte +++ b/src/lib/List/Template/MangaListTemplate.svelte @@ -18,6 +18,7 @@ let mangaLists: Promise<Media[]>; let startTime: number; let endTime: number; + let lastUpdatedMedia = -1; const keyCacher = setInterval(() => { startTime = performance.now(); @@ -112,6 +113,7 @@ $lastPruneTimes.manga, true ); + lastUpdatedMedia = id; }); }; @@ -155,7 +157,13 @@ {#each cleanedMedia as manga} <li> <a href={`https://anilist.co/manga/${manga.id}`} target="_blank"> - {manga.title.english || manga.title.romaji || manga.title.native} + {#if lastUpdatedMedia === manga.id} + <span style="color: lightcoral"> + {manga.title.english || manga.title.romaji || manga.title.native} + </span> + {:else} + {manga.title.english || manga.title.romaji || manga.title.native} + {/if} </a> <span style="opacity: 50%;">|</span> {(manga.mediaListEntry || { progress: 0 }).progress} |