diff options
| author | Fuwn <[email protected]> | 2023-12-29 22:41:01 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2023-12-29 22:41:01 -0800 |
| commit | 158401a6304cf4de2befef401c57580dd64eaf9b (patch) | |
| tree | e7f3dfcb8be6e0d966b717ddd6f29d8ea9915f7d /src/lib/Tools | |
| parent | fix(wrapped): sort anime watched by progress (diff) | |
| download | due.moe-158401a6304cf4de2befef401c57580dd64eaf9b.tar.xz due.moe-158401a6304cf4de2befef401c57580dd64eaf9b.zip | |
feat(wrapped): acitivity history position
Diffstat (limited to 'src/lib/Tools')
| -rw-r--r-- | src/lib/Tools/Wrapped.svelte | 27 |
1 files changed, 26 insertions, 1 deletions
diff --git a/src/lib/Tools/Wrapped.svelte b/src/lib/Tools/Wrapped.svelte index 3d5dd29f..35f3e0e3 100644 --- a/src/lib/Tools/Wrapped.svelte +++ b/src/lib/Tools/Wrapped.svelte @@ -62,6 +62,7 @@ let mediaSort = SortOptions.SCORE; let includeMovies = true; let includeOVAs = true; + let activityHistoryPosition: 'TOP' | 'BELOW_TOP' | 'ORIGINAL' = 'ORIGINAL'; $: { if (browser && mounted) { @@ -492,6 +493,15 @@ style={`width: ${width}px;`} class:transparent={transparency} > + {#if !disableActivityHistory && activityHistoryPosition === 'TOP'} + <div class="categories-grid" style="padding-bottom: 0;"> + <div class="category-grid bottom-category pure-category category"> + <div id="activity-history"> + <ActivityHistoryGrid {user} activityData={activities} /> + </div> + </div> + </div> + {/if} <div class="categories-grid" style="padding-bottom: 0;"> <div class="grid-item image-grid avatar-grid category top-category"> <a href={`https://anilist.co/user/${currentUserIdentity.name}`} target="_blank"> @@ -543,6 +553,15 @@ </div> </div> </div> + {#if !disableActivityHistory && activityHistoryPosition === 'BELOW_TOP'} + <div class="categories-grid" style="padding-bottom: 0;"> + <div class="category-grid bottom-category pure-category category"> + <div id="activity-history"> + <ActivityHistoryGrid {user} activityData={activities} /> + </div> + </div> + </div> + {/if} {#if animeList !== undefined || mangaList !== undefined} <div class="categories-grid"> {#if animeList !== undefined && animeList.length !== 0} @@ -677,7 +696,7 @@ {/if} </div> {/if} - {#if !disableActivityHistory} + {#if !disableActivityHistory && activityHistoryPosition === 'ORIGINAL'} <div class="categories-grid" style="padding-top: 0;"> <div class="category-grid bottom-category pure-category category"> <div id="activity-history"> @@ -720,6 +739,12 @@ media percentages<br /> <input type="checkbox" bind:checked={highestRatedGenreTagPercentage} /> Show highest rated genre and tag percentages<br /> + <select bind:value={activityHistoryPosition}> + <option value="ORIGINAL">Original</option> + <option value="TOP">Top</option> + <option value="BELOW_TOP">Below Top</option> + </select> + Activity history position<br /> <select bind:value={highestRatedCount}> {#each [3, 4, 5, 6, 7, 8, 9, 10] as count} <option value={count}>{count}</option> |