CHANGE: added team page + working on function
This commit is contained in:
43
Backend/templates/teamComponents.templ
Normal file
43
Backend/templates/teamComponents.templ
Normal file
@@ -0,0 +1,43 @@
|
||||
package templates
|
||||
|
||||
import (
|
||||
"arbeitszeitmessung/models"
|
||||
"time"
|
||||
)
|
||||
|
||||
templ weekDayComponent(day models.WorkDay) {
|
||||
{{ work, pause := day.GetWorkTimeString() }}
|
||||
<div class="flex flex-row gap-2">
|
||||
@timeGaugeComponent(92, false, false)
|
||||
<div class="flex flex-col">
|
||||
<p class=""><span class="font-bold uppercase hidden md:inline">{ day.Day.Format("Mon") }:</span> { day.Day.Format("02.01.2006") }</p>
|
||||
<div class="flex flex-row gap-2">
|
||||
<span class="text-accent">{ work }</span>
|
||||
<span class="text-neutral-500">{ pause }</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
templ employeComponent(user models.User) {
|
||||
{{
|
||||
workWeek := user.GetWeek(time.Now().AddDate(0, 0, -2))
|
||||
}}
|
||||
<div class="grid-sub divide-x-1">
|
||||
<div class="grid-cell">
|
||||
<p class="font-bold uppercase">{ user.Vorname } { user.Name }</p>
|
||||
<p class="text-sm">Arbeitszeit</p>
|
||||
<p class="text-accent">40h 12min</p>
|
||||
</div>
|
||||
<div class="grid-cell col-span-3 flex flex-col gap-2">
|
||||
for _, day := range workWeek.WorkDays {
|
||||
@weekDayComponent(day)
|
||||
}
|
||||
</div>
|
||||
<div class="grid-cell flex flex-col justify-end">
|
||||
<button type="submit" class="w-full bg-neutral-100 cursor-pointer rounded-md text-neutral-800 p-2 md:px-4 border text-center text-sm hover:text-white transition-colors border-neutral-900 focus:bg-neutral-700 active:bg-neutral-700 hover:bg-neutral-700 disabled:pointer-events-none disabled:opacity-50">
|
||||
<p class="">Bestätigen</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
Reference in New Issue
Block a user