maggot/timetracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update better-sqlite3 dependency and enhance timer metrics with target hours functionality
Some checks failed
Build and Push Docker Image / build (push) Failing after 27s
Details

Browse Source
This commit is contained in:
Felix Schlusche
2025-10-31 18:15:32 +01:00
parent 763d7d141b
commit 425c817522
4 changed files with 98 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
public/index.html
View File

@@ -372,7 +372,8 @@
<!-- Start/Stop Timer Section -->
<div class="mb-6 p-6 glass-card rounded-xl">
<div class="flex flex-wrap items-center justify-between gap-4">
<div class="flex flex-col lg:flex-row items-start lg:items-center justify-between gap-6">
<!-- Left side: Timer display and controls -->
<div class="flex-1">
<div class="text-sm text-gray-400 mb-2 font-medium">Heutige Arbeitszeit</div>
<div id="timerDisplay" class="text-5xl font-bold text-white">00:00:00</div>
@@ -384,11 +385,8 @@
<!-- Target hours selector -->
<div class="mt-3 flex items-center gap-2">
<label for="targetHoursSelect" class="text-sm text-gray-400">Soll-Stunden:</label>
<label for="targetHoursSelect" class="text-sm text-gray-400">Geplante Arbeitszeit:</label>
<select id="targetHoursSelect" class="px-3 py-1 bg-gray-700 text-gray-100 border border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm">
<option value="1">1h</option>
<option value="2">2h</option>
<option value="3">3h</option>
<option value="4">4h</option>
<option value="5">5h</option>
<option value="6">6h</option>
@@ -400,24 +398,30 @@
</div>
<input type="text" id="manualStartTimeInput" class="hidden">
<!-- Additional Timer Metrics -->
<div id="timerMetrics" class="hidden mt-4 space-y-1 text-sm">
<button id="timerStatus" class="flex items-center gap-2 text-gray-300 hover:text-gray-100 cursor-pointer transition-all text-left w-full" title="Startzeit manuell eingeben">
<i data-lucide="clock" class="w-4 h-4 text-yellow-400"></i>
<span id="timerStatusText">Nicht gestartet</span>
</button>
<div class="flex items-center gap-2 text-gray-300">
<i data-lucide="target" class="w-4 h-4 text-green-400"></i>
<span>Soll erreicht: <span id="targetReachedTime" class="font-semibold text-white">--:--</span></span>
</div>
<div class="flex items-center gap-2 text-gray-300">
<i data-lucide="timer" class="w-4 h-4 text-blue-400"></i>
<span>Zeit bis Soll: <span id="timeUntilTarget" class="font-semibold text-white">--:--</span></span>
</div>
</div>
<!-- Right side: Timer Metrics (responsive - below on small screens, right on large) -->
<div id="timerMetrics" class="hidden w-full lg:w-auto lg:min-w-[280px] space-y-1 text-sm">
<button id="timerStatus" class="flex items-center gap-2 text-gray-300 hover:text-gray-100 cursor-pointer transition-all text-left w-full" title="Startzeit manuell eingeben">
<i data-lucide="clock" class="w-4 h-4 text-yellow-400"></i>
<span id="timerStatusText">Nicht gestartet</span>
</button>
<div class="flex items-center gap-2 text-gray-300">
<i data-lucide="target" class="w-4 h-4 text-green-400"></i>
<span>Soll erreicht: <span id="targetReachedTime" class="font-semibold text-white">--:--</span></span>
</div>
<div class="flex items-center gap-2 text-gray-300">
<i data-lucide="timer" class="w-4 h-4 text-blue-400"></i>
<span>Zeit bis Soll: <span id="timeUntilTarget" class="font-semibold text-white">--:--</span></span>
</div>
<div class="flex items-center gap-2 text-gray-300">
<i data-lucide="trending-up" class="w-4 h-4 text-purple-400"></i>
<span>Saldo bei Soll: <span id="balanceAtTarget" class="font-semibold text-white">--:--</span></span>
</div>
</div>
<div class="flex gap-3">
<!-- Buttons -->
<div class="flex gap-3 w-full lg:w-auto justify-center lg:justify-start">
<button id="btnStartWork"
class="btn-elevated inline-flex items-center justify-center gap-2 px-8 py-4 bg-gradient-to-r from-green-600 to-green-500 text-white rounded-xl font-semibold text-lg" title="Start">
<i data-lucide="play" class="w-6 h-6"></i>