sam/goalsbreakdown
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: replace status dropdown with one-click toggle buttons

Browse Source 
Replace <select> in side panel with 4 toggle buttons (To Do / Doing /
Pending / Done). Clicking a button immediately sends the PATCH status
API call. Active button is highlighted with status-specific colors and
shadow. saveTask now only handles title/description changes.
This commit is contained in:
Yuyao Huang
2026-05-09 16:16:58 +08:00
parent 43ca6b8462
commit 9c1d45506a
3 changed files with 93 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/tasks.html
+7 -7
View File
@@ -39,13 +39,13 @@
<textarea id="edit-task-desc" rows="12" autocomplete="off"></textarea>
</div>
<div class="form-group">
<label for="edit-task-status">Status</label>
<select id="edit-task-status">
<option value="todo">To Do</option>
<option value="doing">Doing</option>
<option value="pending">Pending</option>
<option value="done">Done</option>
</select>
<label>Status</label>
<div class="status-toggle" id="status-toggle">
<button class="status-btn todo" data-status="todo" onclick="setTaskStatus('todo')">To Do</button>
<button class="status-btn doing" data-status="doing" onclick="setTaskStatus('doing')">Doing</button>
<button class="status-btn pending" data-status="pending" onclick="setTaskStatus('pending')">Pending</button>
<button class="status-btn done" data-status="done" onclick="setTaskStatus('done')">Done</button>
</div>
</div>
<div id="side-panel-error" class="error-message"></div>
<div class="side-panel-actions">