aboutsummaryrefslogtreecommitdiff
path: root/src/routes/settings/+page.svelte
blob: c9bc8b459096e5d9fb4437451e29aa905b480bdd (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<script lang="ts">
	import displayUnresolved from '../../stores/displayUnresolved';
	import closeAnimeByDefault from '../../stores/closeAnimeByDefault';
	import closeMangaByDefault from '../../stores/closeMangaByDefault';
	import { chapterDatabase } from '$lib/chapterDatabase';
	import cacheMangaMinutes from '../../stores/cacheMangaMinutes';
	import cacheMinutes from '../../stores/cacheMinutes';
	import roundDownChapters from '../../stores/roundDownChapters';
	import sortByDifference from '../../stores/sortByDifference';
	import displayNotStarted from '../../stores/displayNotStarted';
	import manga from '../../stores/manga';
	import anime from '../../stores/anime';

	export let data;

	const pruneUnresolved = async () => {
		const unresolved = await chapterDatabase.chapters.where('chapters').equals(-1).toArray();
		const ids = unresolved.map((m) => m.id);

		manga.set('');
		anime.set('');
		await chapterDatabase.chapters.bulkDelete(ids);
	};
	const pruneAll = async () => {
		const all = await chapterDatabase.chapters.toArray();
		const ids = all.map((m) => m.id);

		manga.set('');
		await chapterDatabase.chapters.bulkDelete(ids);
	};
	const resetSettings = () => {
		displayUnresolved.set('false');
		roundDownChapters.set('true');
		closeAnimeByDefault.set('false');
		closeMangaByDefault.set('false');
		sortByDifference.set('true');
		cacheMinutes.set('30');
		cacheMangaMinutes.set('60');
	};
</script>

<a href="/">Home</a>

<p />

{#if data.user === undefined}
	Please log in to modify settings.
{:else}
	<ul>
		<li>
			<a
				href="#"
				on:click={() =>
					$displayUnresolved === 'true'
						? displayUnresolved.set('false')
						: displayUnresolved.set('true')}
				>{$displayUnresolved === 'true' ? 'Hide' : 'Show'} unresolved</a
			>
			<small style="opacity: 50%;">Displays unresolved chapter counts as "?"</small>
		</li>
		<li>
			<a
				href="#"
				on:click={() =>
					$displayNotStarted === 'true'
						? displayNotStarted.set('false')
						: displayNotStarted.set('true')}
				>{$displayNotStarted === 'true' ? 'Hide' : 'Show'} media with zero progress</a
			>
			<small style="opacity: 50%;">Displays unresolved chapter counts as "?"</small>
		</li>
		<li>
			<a
				href="#"
				on:click={() =>
					$roundDownChapters === 'true'
						? roundDownChapters.set('false')
						: roundDownChapters.set('true')}
				>{$roundDownChapters === 'false' ? 'Round down' : 'Maintain'} chapters</a
			>
			<small style="opacity: 50%;"
				>50/50.6 would {@html $roundDownChapters === 'true' ? '<b>not</b>' : ''} be due</small
			>
		</li>
		<li>
			<a
				href="#"
				on:click={() =>
					$closeAnimeByDefault === 'true'
						? closeAnimeByDefault.set('false')
						: closeAnimeByDefault.set('true')}
				>{$closeAnimeByDefault === 'true' ? 'Expand' : 'Close'} anime panel by default</a
			>
		</li>
		<li>
			<a
				href="#"
				on:click={() =>
					$closeMangaByDefault === 'true'
						? closeMangaByDefault.set('false')
						: closeMangaByDefault.set('true')}
				>{$closeMangaByDefault === 'true' ? 'Expand' : 'Close'} manga panel by default</a
			>
		</li>
		<li>
			<a
				href="#"
				on:click={() =>
					$sortByDifference === 'true'
						? sortByDifference.set('false')
						: sortByDifference.set('true')}
				>Sort anime by {@html $sortByDifference === 'false'
					? 'difference between last watched and next episode'
					: 'days left until next episode'}</a
			>
		</li>
		<li>
			<a href="#" on:click={pruneUnresolved}>Re-cache <b>ALL</b> unresolved manga</a>
		</li>
		<li><a href="#" on:click={pruneAll}>Re-cache <b>ALL</b> manga</a></li>
		<li>
			Re-cache <b>ALL</b> media keys every
			<input type="number" bind:value={$cacheMinutes} min="1" max="60" placeholder="30" /> minutes
		</li>
		<li>
			Re-cache <b>ALL</b> manga chapter counts every
			<input type="number" bind:value={$cacheMangaMinutes} min="1" max="1440" placeholder="60" />
			minutes
			<small style="opacity: 50%;"
				>Values may cause <a href="https://en.wikipedia.org/wiki/Rate_limiting"
					>rate-limiting depending on how much releasing manga are on your lists</a
				></small
			>
		</li>
		<li>
			<a href="#" on:click={resetSettings}>Reset <b>ALL</b> settings</a>
		</li>
		<li>
			<a href="#" on:click={() => localStorage.clear()}>Clear <code>localStorage</code> </a>
			<small style="opacity: 50%;"
				>Doesn't break anything, but resets all settings and key caches. Recommended after updates</small
			>
		</li>
	</ul>
{/if}