diff options
Diffstat (limited to 'web/index.html')
| -rw-r--r-- | web/index.html | 32 |
1 files changed, 19 insertions, 13 deletions
diff --git a/web/index.html b/web/index.html index 438216f..fd7228a 100644 --- a/web/index.html +++ b/web/index.html @@ -15,31 +15,37 @@ <button id="btn-new-task" class="btn-primary">New Task</button> </header> <nav class="tab-bar"> - <button class="tab active" data-tab="tasks">Tasks</button> - <button class="tab" data-tab="active">Active</button> + <button class="tab active" data-tab="queue">Queue</button> + <button class="tab" data-tab="interrupted">Interrupted</button> + <button class="tab" data-tab="ready">Ready</button> <button class="tab" data-tab="running">Running</button> + <button class="tab" data-tab="all">All</button> <button class="tab" data-tab="stats">Stats</button> + <button class="tab" data-tab="settings">Settings</button> </nav> <main id="app"> - <div data-panel="tasks"> - <div class="task-list-toolbar"> - <button class="filter-tab active" data-filter="active">Active</button> - <button class="filter-tab" data-filter="interrupted">Interrupted</button> - <button class="filter-tab" data-filter="done">Done</button> - <button class="filter-tab" data-filter="all">All</button> - </div> - <div class="task-list"> - <div id="loading">Loading tasks…</div> + <div data-panel="queue"> + <div class="panel-task-list"> + <div class="task-empty">Loading…</div> </div> </div> - <div data-panel="active" hidden> - <div class="active-task-list"></div> + <div data-panel="interrupted" hidden> + <div class="panel-task-list"></div> + </div> + <div data-panel="ready" hidden> + <div class="panel-task-list"></div> </div> <div data-panel="running" hidden> <div class="running-current"></div> <div class="running-history"></div> </div> + <div data-panel="all" hidden> + <div class="all-history"></div> + </div> <div data-panel="stats" hidden></div> + <div data-panel="settings" hidden> + <p class="task-meta" style="padding:1rem">Settings coming soon.</p> + </div> </main> <dialog id="task-modal"> |