mirror of
https://github.com/Ark0N/Codeman.git
synced 2026-10-09 16:59:43 +02:00
feat(ui): add started time display in timer banner
- Show start time in timer banner (e.g., "Started: 14:30") - Style with monospace font for consistent width Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -1073,6 +1073,12 @@ class ClaudemanApp {
|
|||||||
// Timer
|
// Timer
|
||||||
showTimer() {
|
showTimer() {
|
||||||
document.getElementById('timerBanner').style.display = 'block';
|
document.getElementById('timerBanner').style.display = 'block';
|
||||||
|
// Set started time
|
||||||
|
if (this.currentRun && this.currentRun.startedAt) {
|
||||||
|
const startDate = new Date(this.currentRun.startedAt);
|
||||||
|
const timeStr = startDate.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
|
||||||
|
document.getElementById('timerStarted').textContent = `Started: ${timeStr}`;
|
||||||
|
}
|
||||||
this.updateTimer();
|
this.updateTimer();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -49,6 +49,7 @@
|
|||||||
<div class="timer-progress-fill" id="timerProgress"></div>
|
<div class="timer-progress-fill" id="timerProgress"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="timer-meta">
|
<div class="timer-meta">
|
||||||
|
<span id="timerStarted" class="timer-started">Started: --:--</span>
|
||||||
<span id="timerTasks">0 tasks completed</span>
|
<span id="timerTasks">0 tasks completed</span>
|
||||||
<span id="timerCost">$0.00</span>
|
<span id="timerCost">$0.00</span>
|
||||||
<button class="btn btn-sm btn-danger" onclick="app.stopCurrentRun()">Stop</button>
|
<button class="btn btn-sm btn-danger" onclick="app.stopCurrentRun()">Stop</button>
|
||||||
|
|||||||
@@ -175,6 +175,11 @@ body {
|
|||||||
color: var(--text-dim);
|
color: var(--text-dim);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.timer-started {
|
||||||
|
font-family: 'SF Mono', Monaco, monospace;
|
||||||
|
color: var(--text-muted);
|
||||||
|
}
|
||||||
|
|
||||||
/* Main */
|
/* Main */
|
||||||
.main {
|
.main {
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|||||||
Reference in New Issue
Block a user