aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Tools/ActivityHistory/Tool.svelte
diff options
context:
space:
mode:
authorFuwn <[email protected]>2024-10-09 00:41:20 -0700
committerFuwn <[email protected]>2024-10-09 00:41:43 -0700
commit998b63a35256ac985a5a2714dd1ca451af4dfd8a (patch)
tree50796121a9d5ab0330fdc5d7e098bda2860d9726 /src/lib/Tools/ActivityHistory/Tool.svelte
parentfeat(graphql): add badgeCount field (diff)
downloaddue.moe-998b63a35256ac985a5a2714dd1ca451af4dfd8a.tar.xz
due.moe-998b63a35256ac985a5a2714dd1ca451af4dfd8a.zip
chore(prettier): use spaces instead of tabs
Diffstat (limited to 'src/lib/Tools/ActivityHistory/Tool.svelte')
-rw-r--r--src/lib/Tools/ActivityHistory/Tool.svelte220
1 files changed, 110 insertions, 110 deletions
diff --git a/src/lib/Tools/ActivityHistory/Tool.svelte b/src/lib/Tools/ActivityHistory/Tool.svelte
index aafac40d..b6e66a5e 100644
--- a/src/lib/Tools/ActivityHistory/Tool.svelte
+++ b/src/lib/Tools/ActivityHistory/Tool.svelte
@@ -1,116 +1,116 @@
<script lang="ts">
- import {
- activityHistory,
- fillMissingDays,
- type ActivityHistoryEntry
- } from '$lib/Data/AniList/activity';
- import { onMount } from 'svelte';
- import userIdentity from '$stores/identity';
- import type { AniListAuthorisation } from '$lib/Data/AniList/identity';
- import { clearAllParameters } from '../../Utility/parameters';
- import { domToBlob } from 'modern-screenshot';
- import ActivityHistoryGrid from './Grid.svelte';
- import SettingHint from '$lib/Settings/SettingHint.svelte';
- import Skeleton from '$lib/Loading/Skeleton.svelte';
- import LogInRestricted from '$lib/Error/LogInRestricted.svelte';
-
- export let user: AniListAuthorisation;
-
- let activityHistoryData: Promise<ActivityHistoryEntry[]>;
- let generated = false;
-
- onMount(async () => {
- clearAllParameters();
-
- if (user !== undefined) activityHistoryData = activityHistory($userIdentity);
- });
-
- // const incrementDate = (date: Date): Date => {
- // date.setDate(date.getDate() + 1);
-
- // return date;
- // };
-
- const screenshot = async () => {
- let element = document.querySelector('.grid') as HTMLElement;
-
- if (element !== null) {
- domToBlob(element, {
- quality: 1,
- scale: 2
- }).then((blob) => {
- const downloadWrapper = document.createElement('a');
- const image = document.createElement('img');
- const object = (window.URL || window.webkitURL || window || {}).createObjectURL(blob);
-
- downloadWrapper.href = object;
- downloadWrapper.target = '_blank';
- image.src = object;
-
- downloadWrapper.appendChild(image);
-
- const gridFinal = document.getElementById('grid-final');
-
- if (gridFinal !== null) {
- gridFinal.innerHTML = '';
-
- gridFinal.appendChild(downloadWrapper);
-
- generated = true;
- }
-
- downloadWrapper.click();
- });
- }
- };
+ import {
+ activityHistory,
+ fillMissingDays,
+ type ActivityHistoryEntry
+ } from '$lib/Data/AniList/activity';
+ import { onMount } from 'svelte';
+ import userIdentity from '$stores/identity';
+ import type { AniListAuthorisation } from '$lib/Data/AniList/identity';
+ import { clearAllParameters } from '../../Utility/parameters';
+ import { domToBlob } from 'modern-screenshot';
+ import ActivityHistoryGrid from './Grid.svelte';
+ import SettingHint from '$lib/Settings/SettingHint.svelte';
+ import Skeleton from '$lib/Loading/Skeleton.svelte';
+ import LogInRestricted from '$lib/Error/LogInRestricted.svelte';
+
+ export let user: AniListAuthorisation;
+
+ let activityHistoryData: Promise<ActivityHistoryEntry[]>;
+ let generated = false;
+
+ onMount(async () => {
+ clearAllParameters();
+
+ if (user !== undefined) activityHistoryData = activityHistory($userIdentity);
+ });
+
+ // const incrementDate = (date: Date): Date => {
+ // date.setDate(date.getDate() + 1);
+
+ // return date;
+ // };
+
+ const screenshot = async () => {
+ let element = document.querySelector('.grid') as HTMLElement;
+
+ if (element !== null) {
+ domToBlob(element, {
+ quality: 1,
+ scale: 2
+ }).then((blob) => {
+ const downloadWrapper = document.createElement('a');
+ const image = document.createElement('img');
+ const object = (window.URL || window.webkitURL || window || {}).createObjectURL(blob);
+
+ downloadWrapper.href = object;
+ downloadWrapper.target = '_blank';
+ image.src = object;
+
+ downloadWrapper.appendChild(image);
+
+ const gridFinal = document.getElementById('grid-final');
+
+ if (gridFinal !== null) {
+ gridFinal.innerHTML = '';
+
+ gridFinal.appendChild(downloadWrapper);
+
+ generated = true;
+ }
+
+ downloadWrapper.click();
+ });
+ }
+ };
</script>
{#if user === undefined}
- <LogInRestricted />
+ <LogInRestricted />
{:else}
- {#await activityHistoryData}
- <Skeleton card={false} count={5} height="0.9rem" list />
- {:then activities}
- {#if activities === undefined}
- <Skeleton card={false} count={5} height="0.9rem" list />
- {:else}
- {@const filledActivities = fillMissingDays(activities)}
-
- <div class="card">
- <ActivityHistoryGrid {user} />
-
- <p />
-
- <div id="grid-final" />
-
- {#if generated}
- <p />
- {/if}
-
- <button on:click={screenshot}>Generate grid image</button>
- </div>
-
- <p />
-
- <details open>
- <summary>Days in risk of developing an activity history hole</summary>
-
- <SettingHint>
- Days in which you did not log any activity or only have one activity logged.
- </SettingHint>
-
- <ul>
- {#each filledActivities as activity}
- {#if activity.amount === 0}
- <li>
- {new Date(
- activity.date * 1000 + new Date().getTimezoneOffset() * 60 * 1000
- ).toDateString()}
- </li>
- {/if}
- {/each}
- </ul>
- </details>
- {/if}
- {/await}
+ {#await activityHistoryData}
+ <Skeleton card={false} count={5} height="0.9rem" list />
+ {:then activities}
+ {#if activities === undefined}
+ <Skeleton card={false} count={5} height="0.9rem" list />
+ {:else}
+ {@const filledActivities = fillMissingDays(activities)}
+
+ <div class="card">
+ <ActivityHistoryGrid {user} />
+
+ <p />
+
+ <div id="grid-final" />
+
+ {#if generated}
+ <p />
+ {/if}
+
+ <button on:click={screenshot}>Generate grid image</button>
+ </div>
+
+ <p />
+
+ <details open>
+ <summary>Days in risk of developing an activity history hole</summary>
+
+ <SettingHint>
+ Days in which you did not log any activity or only have one activity logged.
+ </SettingHint>
+
+ <ul>
+ {#each filledActivities as activity}
+ {#if activity.amount === 0}
+ <li>
+ {new Date(
+ activity.date * 1000 + new Date().getTimezoneOffset() * 60 * 1000
+ ).toDateString()}
+ </li>
+ {/if}
+ {/each}
+ </ul>
+ </details>
+ {/if}
+ {/await}
{/if}