47 lines
1.4 KiB
Plaintext
47 lines
1.4 KiB
Plaintext
created: 20210627025415569
|
|
modified: 20210627154440472
|
|
tags: $:/tags/TopRightBar
|
|
title: $:/sib/Templates/Automatic/Clock
|
|
type: text/vnd.tiddlywiki
|
|
|
|
\define reset-pomodoro() <$action-setfield $tiddler="$:/temp/time/pomodoro-remaining" text="1500"/>
|
|
\define introspect-pomodoro()
|
|
<$vars
|
|
minutes={{{ [{$:/temp/time/pomodoro-remaining}divide[60]floor[]] }}}
|
|
seconds={{{ [{$:/temp/time/pomodoro-remaining}remainder[60]] }}}>
|
|
<$vars
|
|
zeroedMinutes={{{ [<minutes>addprefix[0]] }}}
|
|
zeroedSeconds={{{ [<seconds>addprefix[0]] }}}>
|
|
<$text text={{{ [<minutes>length[]match[1]then<zeroedMinutes>else<minutes>] }}}/>:<$text text={{{ [<seconds>length[]match[1]then<zeroedSeconds>else<seconds>] }}}/>
|
|
</$vars>
|
|
</$vars>
|
|
\end
|
|
|
|
<$list filter=<<ff Clock>>>
|
|
<$vars ticker={{$:/temp/time/ticker}}>
|
|
<div class="sib-clock">
|
|
<div class="sib-clock-item"><<now "0hh12:0mm AM">></div>
|
|
<div class="sib-clock-item">
|
|
<$button actions=<<reset-pomodoro>> class="tc-tiddlylink tc-btn-invisible" tooltip="Reset pomodoro to 25 minutes"><i class="fa fa-stopwatch"/></$button><$list filter="[{$:/temp/time/pomodoro-remaining}compare:number:gt[0]]" emptyMessage=" done"><<introspect-pomodoro>></$list>
|
|
</div>
|
|
</div>
|
|
|
|
</$vars>
|
|
</$list>
|
|
|
|
<style>
|
|
div.sib-clock {
|
|
background-color: <<color tiddler-background>>;
|
|
padding: 5px;
|
|
width: 5rem;
|
|
}
|
|
|
|
div.sib-clock-item {
|
|
text-align: center;
|
|
}
|
|
|
|
div.sib-clock-item button {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
</style> |