slococo-uni
/
breakoften
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Reformat

This commit is contained in:
Santiago Lo Coco 2024-05-09 14:02:02 +02:00
parent 2603c57018
commit d93640c9ba
1 changed files with 95 additions and 90 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/routes/timer/+page.svelte
View File

@ -2,11 +2,23 @@
import { onDestroy, onMount } from "svelte"
import { browser } from "$app/environment"
let BREAK_INTERVAL_STORE = $state(browser ? (localStorage.getItem('breakInterval') || 20) : 20)
let MINI_BREAK_DURATION_STORE = $state(browser ? (localStorage.getItem('miniBreakDuration') || 20) : 20)
let LONG_BREAK_DURATION_STORE = $state(browser ? (localStorage.getItem('longBreakDuration') || 5) : 5)
let SOUND_ENABLED = $state(browser ? ((localStorage.getItem('soundEnabled') || 'true') === 'true') : true)
let NOTIFICATIONS_ENABLED = $state(browser ? ((localStorage.getItem('notificationsEnabled') || 'true') === 'true') : true)
let BREAK_INTERVAL_STORE = $state(
browser ? localStorage.getItem("breakInterval") || 20 : 20
)
let MINI_BREAK_DURATION_STORE = $state(
browser ? localStorage.getItem("miniBreakDuration") || 20 : 20
)
let LONG_BREAK_DURATION_STORE = $state(
browser ? localStorage.getItem("longBreakDuration") || 5 : 5
)
let SOUND_ENABLED = $state(
browser ? (localStorage.getItem("soundEnabled") || "true") === "true" : true
)
let NOTIFICATIONS_ENABLED = $state(
browser
? (localStorage.getItem("notificationsEnabled") || "true") === "true"
: true
)
let BREAK_INTERVAL: number
let MINI_BREAK_DURATION: number
@ -27,20 +39,20 @@
$effect(() => {
MINI_BREAK_DURATION = MINI_BREAK_DURATION_STORE * 1000
localStorage.setItem('miniBreakDuration', MINI_BREAK_DURATION_STORE)
localStorage.setItem("miniBreakDuration", MINI_BREAK_DURATION_STORE)
})
$effect(() => {
LONG_BREAK_DURATION = LONG_BREAK_DURATION_STORE * 60 * 1000
localStorage.setItem('longBreakDuration', LONG_BREAK_DURATION_STORE)
localStorage.setItem("longBreakDuration", LONG_BREAK_DURATION_STORE)
})
$effect(() => {
localStorage.setItem('soundEnabled', SOUND_ENABLED)
localStorage.setItem("soundEnabled", SOUND_ENABLED)
})
$effect(() => {
localStorage.setItem('notificationsEnabled', NOTIFICATIONS_ENABLED)
localStorage.setItem("notificationsEnabled", NOTIFICATIONS_ENABLED)
})
let miniBreakCount = 0
@ -142,15 +154,11 @@
</script>
<main>
{#if !browser}
<div class="loading-spinner" />
{:else}
<div class="container">
<div class="settings">
<div class="setting">
<label for="break-interval"
>Break interval: {BREAK_INTERVAL_STORE} minutes</label
@ -221,7 +229,6 @@
{/if}
</div>
</div>
{/if}
</main>
@ -293,6 +300,4 @@
transform: rotate(360deg);
}
}
</style>