feat: updated docs and added description to files

Backend/templates/timeComponents.templ

@@ -2,23 +2,10 @@ package templates
 
 import (
 	"arbeitszeitmessung/models"
-	"fmt"
 	"strconv"
 	"time"
 )
 
-templ lineComponent() {
-	<div class="flex flex-col w-2 py-2 items-center text-accent print:hidden">
-		<svg class="size-2" viewBox="0 0 24 24" fill="currentColor">
-			<polygon points="12,2 22,12 12,22 2,12"></polygon>
-		</svg>
-		<div class="w-[2px] bg-accent flex-grow -my-1"></div>
-		<svg class="size-2" viewBox="0 0 24 24" fill="currentColor">
-			<polygon points="12,2 22,12 12,22 2,12"></polygon>
-		</svg>
-	</div>
-}
-
 templ changeButtonComponent(id string, workDay bool) {
 	<button class="h-10 change-button-component btn w-auto group/button" type="button" onclick={ templ.JSFuncCall("editWorkday", templ.JSExpression("this"), templ.JSExpression("event"), id, workDay) }>
 		<p class="hidden md:block group-[.edit]/button:hidden">Ändern</p>
@@ -31,36 +18,6 @@ templ changeButtonComponent(id string, workDay bool) {
 	<button class="h-10 hidden group-[.edit]:flex btn  basis-[content] items-center" onclick={ templ.JSFuncCall("clearEditState") }><span class="size-5 icon-[material-symbols-light--cancel-outline]"></span></button>
 }
 
-templ timeGaugeComponent(progress int8, today bool) {
-	{{
-		var bgColor string
-		switch {
-		case (0 > progress):
-			bgColor = "bg-red-600"
-			break
-		case (progress > 0 && progress < 95):
-			bgColor = "bg-orange-500"
-			break
-		case (95 <= progress && progress <= 105):
-			bgColor = "bg-accent"
-			break
-		case (progress > 105):
-			bgColor = "bg-purple-600"
-			break
-		default:
-			bgColor = "bg-neutral-400"
-			break
-		}
-	}}
-	if today {
-		<div class="flex-start flex w-2 h-full overflow-hidden rounded-full bg-neutral-300 print:hidden">
-			<div class={ "flex w-full items-center justify-center overflow-hidden  rounded-full", bgColor } style={ fmt.Sprintf("height: %d%%", int(progress)) }></div>
-		</div>
-	} else {
-		<div class={ "w-2 h-full bg-accent rounded-md flex-shrink-0", bgColor }></div>
-	}
-}
-
 templ newAbsenceComponent() {
 	<div class="no-booking-component hidden group-[.edit]:flex flex-col gap-2 align-center ">
 		<button type="button" name="absence" onclick={ templ.JSFuncCall("editWorkday", templ.JSExpression("this"), templ.JSExpression("event"), 0, false) } class="btn border-neutral-500">
@@ -131,12 +88,20 @@ templ bookingComponent(booking models.Booking) {
 	</div>
 }
 
-templ LegendComponent() {
-	<div class="flex flex-row gap-4 md:mx-[10%] print:hidden">
-		<div class="flex flex-row items-center gap-2"><div class="rounded-full size-4 bg-red-600"></div><span>Fehler</span></div>
-		<div class="flex flex-row items-center gap-2"><div class="rounded-full size-4 bg-orange-500"></div><span>Arbeitszeit unter regulär</span></div>
-		<div class="flex flex-row items-center gap-2"><div class="rounded-full size-4 bg-accent"></div><span>Arbeitszeit vollständig</span></div>
-		<div class="flex flex-row items-center gap-2"><div class="rounded-full size-4 bg-purple-600"></div><span>Überstunden</span></div>
-		<div class="flex flex-row items-center gap-2"><div class="rounded-full size-4 bg-neutral-400"></div><span>Keine Buchungen</span></div>
-	</div>
+templ workdayComponent(workDay *models.WorkDay) {
+	if len(workDay.Bookings) < 1 {
+		<p class="text group-[.edit]:hidden">Keine Buchung gefunden. Bitte Arbeitsstunden oder Grund der Abwesenheit eingeben!</p>
+	} else {
+		if workDay.IsKurzArbeit() && len(workDay.Bookings) > 0 {
+			@absenceComponent(workDay.GetKurzArbeit(), true)
+		}
+		for _, booking := range workDay.Bookings {
+			@bookingComponent(booking)
+		}
+		<input type="hidden" name="select_kommen" value={ len(workDay.Bookings) > 0 && workDay.Bookings[len(workDay.Bookings)-1].CheckInOut%2 == 0 }/>
+	}
+}
+
+templ holidayComponent(d models.IWorkDay) {
+	<p>{ d.ToString() }</p>
 }