41 lines
1.5 KiB
Handlebars
41 lines
1.5 KiB
Handlebars
<h2>{{localize "YAT.title" }}</h2> <!-- TODO: how to localize -->
|
|
|
|
<section id="yet-another-timer-config">
|
|
<p>{{ localize "YAT.status.timers-are" }} {{#if config.isPaused }}{{ localize "YAT.status.timers-paused" }}{{else}}{{ localize "YAT.status.timers-active"}}{{/if}}.</p>
|
|
<button class="button pause-button" data-action="flip-timers">
|
|
{{#if config.isPaused}}
|
|
{{ localize "YAT.resume-runner" }}
|
|
{{else}}
|
|
{{ localize "YAT.pause-runner" }}
|
|
{{/if}}
|
|
</button>
|
|
<button class="button resume-button" data-action="add-timer">
|
|
{{ localize "YAT.status.add-timer" }}
|
|
</button>
|
|
|
|
</section>
|
|
|
|
<hr>
|
|
|
|
<section id="yet-another-timer timers">
|
|
{{#each timers }}
|
|
<section class="timer-card {{#if isPaused}}{{ localize "YAT.paused" }}{{/if}}" data-timer-name="{{ name }}">
|
|
<h3 class="title">{{ name }}</h3>
|
|
<div class="content">
|
|
<p>{{ localize "YAT.duration" }}: {{ duration }}</p>
|
|
<p>{{ localize "YAT.time-remaining" }}: {{ formatRemainingTime durationSeconds elapsedTimeSeconds }}</p>
|
|
</div>
|
|
<div class="actions">
|
|
{{#unless isComplete }}
|
|
{{#if isPaused }}
|
|
<button class="button resume-button" data-action="resume">{{ localize "YAT.resume" }}</button>
|
|
{{ else }}
|
|
<button class="button pause-button" data-action="pause">{{ localize "YAT.pause" }}</button>
|
|
{{/if }}
|
|
{{/unless }}
|
|
<button class="button delete-button" data-action="delete">{{ localize "YAT.delete" }}</button>
|
|
</div>
|
|
</section>
|
|
{{/each }}
|
|
</section>
|