39 lines
1.4 KiB
Handlebars
39 lines
1.4 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.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">
|
|
{{#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.resume" }}</button>
|
|
{{/if}}
|
|
<button class="button delete-button" data-action="delete">{{ localize "YAT.delete" }}</button>
|
|
</div>
|
|
</section>
|
|
{{/each}}
|
|
</section>
|