blob: 5983514500341874304d1990f63d173c26b8a74b (
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
|
<script>
import {
getDisplay,
getRunning,
start,
stopTimer,
changeMinutes,
} from "../stores/timer.svelte.js";
</script>
<fieldset id="timer">
<button
title="Timer decrement"
disabled={getRunning()}
onclick={() => changeMinutes(-0.5)}
>
<i class="fa-solid fa-minus"></i>
</button>
<input
id="timer-display"
title="Time display"
type="text"
readonly
value={getDisplay()}
/>
<button
title="Timer increment"
disabled={getRunning()}
onclick={() => changeMinutes(0.5)}
>
<i class="fa-solid fa-plus"></i>
</button>
<button title="Timer start" onclick={() => start(true)}>
<i class="fa-solid fa-play"></i>
</button>
<button title="Timer stop" onclick={() => stopTimer()}>
<i class="fa-solid fa-stop"></i>
</button>
</fieldset>
|
