今やっているタスクの名前を.status-barに常時表示する
表示するもの
今実行中のタスク
開始時刻が印字されているが終了時刻がまだ印字されていないものを実行中と判定する
実行中のタスクがなければno taskと表示する
実行開始からの経過時間
min:secという形式
悩み中
幅を専有しすぎないか?
とりあえず表示することにして、スペースを取って邪魔くさいときはpage menuから表示を切り替えられるようにしよう
次に実行するタスク
実行開始までの残り時間
UI
場所
候補
❌.status-bar
project nameの下
project nameの下だと、おそらく邪魔くさくなる
やめた理由をどこにも明記してなかった気がするtakker.icon
いや、ここでもよくないか?
右上
まあその下に表示すれば干渉しないが、縦方向が込みすぎて使いにくくなりそう
.status-barの少し上
これでもいいか
DOM
めんどいのでPreactで組み立てる
.nowに今やっているタスクを出す
.nextに次にやるタスクを出す
.nowの下に.nextを小さめかつ少し薄字で表示する
code:html
<div class="monitor">
<div class="now">
<span class="task-name"></span>
<time class="elaspsed"></time>
</div>
<div class="next">
<span class="task-name"></span>
<time class="count-down"></time>
</div>
</div>
データ