tom/arbeitszeitmessung
3
0
Fork 0
Code Issues 17 Pull Requests Actions Packages Releases 9 Wiki Activity

ui/ux improvements on time page
All checks were successful
Tests / Run Go Tests (push) Successful in 15s
Details

Browse Source
This commit is contained in:
Tom Tröger
2025-10-04 19:16:21 +02:00
parent c093127a8c
commit 566776910a
11 changed files with 526 additions and 485 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
Backend/templates/timePage.templ
View File

@@ -79,7 +79,7 @@ templ inputForm() {
<div class="grid-cell flex flex-row items-end">
<div class="flex flex-row gap-2 w-full">
<button name="action" value="insert" type="submit" class="bg-neutral-100 btn hover:bg-neutral-700">Speichern</button>
<button name="action" value="delete" type="submit" class="bg-neutral-100 btn hover:bg-red-700 flex basis-[content]"><span class="icon-[material-symbols-light--delete-outline]"></span></button>
<button name="action" value="delete" type="submit" class="bg-neutral-100 btn hover:bg-red-700 flex basis-[content] items-center"><span class="size-5 icon-[material-symbols-light--delete-outline]"></span></button>
</div>
</div>
</form>
@@ -93,7 +93,7 @@ templ defaultDayComponent(day models.IWorkDay) {
justify = "justify-between"
}
}}
<div class={ "grid-sub divide-x-1 hover:bg-neutral-200 transition-colors" }>
<div class={ "grid-sub divide-x-1 hover:bg-neutral-200 transition-colors group" }>
<div class="grid-cell md:col-span-1 flex flex-row gap-2">
@timeGaugeComponent(day.GetDayProgress(user), day.Date().Equal(time.Now().Truncate(24*time.Hour)))
<div>
@@ -127,12 +127,12 @@ templ defaultDayComponent(day models.IWorkDay) {
</div>
<div class="all-booking-component grid-cell flex flex-row md:col-span-3 col-span-2 gap-2 w-full">
@lineComponent()
<form id={ "time-" + day.Date().Format("2006-01-02") } class={ "flex flex-col gap-2 group w-full", justify } method="post">
@newAbsenceComponent()
<form id={ "time-" + day.Date().Format("2006-01-02") } class={ "flex flex-col gap-2 w-full", justify } method="post">
if day.IsWorkDay() {
{{
workDay, _ := day.(*models.WorkDay)
}}
@newAbsenceComponent()
if len(workDay.Bookings) < 1 {
<p class="text group-[.edit]:hidden">Keine Buchung gefunden. Bitte Arbeitsstunden oder Grund der Abwesenheit eingeben!</p>
}
@@ -151,7 +151,7 @@ templ defaultDayComponent(day models.IWorkDay) {
}
</form>
</div>
<div class="grid-cell">
<div class="grid-cell flex flex-row gap-2 items-end">
@changeButtonComponent("time-"+day.Date().Format("2006-01-02"), day.IsWorkDay())
</div>
</div>