From 158401a6304cf4de2befef401c57580dd64eaf9b Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Fri, 29 Dec 2023 22:41:01 -0800
Subject: feat(wrapped): acitivity history position

---
 src/lib/Tools/Wrapped.svelte | 27 ++++++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

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>
-- 
cgit v1.2.3