22 lines
905 B
Handlebars
22 lines
905 B
Handlebars
<h2>{{localize "YAT.title" }}</h2> <!-- TODO: how to localize -->
|
|
|
|
<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>
|