updates for presentation + starting update for newbooking component
This commit is contained in:
@@ -29,58 +29,60 @@ templ inputForm() {
|
||||
urlParams := ctx.Value("urlParams").(url.Values)
|
||||
user := ctx.Value("user").(models.User)
|
||||
}}
|
||||
<div class="grid-sub divide-x-1 bg-neutral-300 responsive">
|
||||
<div class="grid-cell md:col-span-1 max-md:grid grid-cols-2">
|
||||
<p class="font-bold uppercase">{ user.Vorname + " " + user.Name }</p>
|
||||
<div class="justify-self-end">
|
||||
<p class="text-sm">Überstunden</p>
|
||||
<p class="text-accent">{ user.Overtime }</p>
|
||||
<div class="sticky top-0 z-100 grid-sub divide-y-1">
|
||||
<div class="grid-sub divide-x-1 bg-neutral-300 responsive">
|
||||
<div class="grid-cell md:col-span-1 max-md:grid grid-cols-2">
|
||||
<p class="font-bold uppercase">{ user.Vorname + " " + user.Name }</p>
|
||||
<div class="justify-self-end">
|
||||
<p class="text-sm">Überstunden</p>
|
||||
<p class="text-accent">{ user.Overtime }</p>
|
||||
</div>
|
||||
</div>
|
||||
<form id="timeRangeForm" method="GET" class="grid-cell flex flex-row md:col-span-3 gap-2 ">
|
||||
@lineComponent()
|
||||
<div class="flex flex-col gap-2 justify-between grow-1">
|
||||
<input type="date" value={ urlParams.Get("time_from") } name="time_from" class="btn bg-neutral-100" placeholder="Zeitraum von..."/>
|
||||
<input type="date" value={ urlParams.Get("time_to") } name="time_to" class="btn bg-neutral-100" placeholder="Zeitraum bis..."/>
|
||||
</div>
|
||||
</form>
|
||||
<div class="grid-cell content-end">
|
||||
<button type="submit" form="timeRangeForm" class="btn bg-neutral-100 hover:bg-neutral-700 color-neutral-700">
|
||||
<p class="">Anzeigen</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<form id="timeRangeForm" method="GET" class="grid-cell flex flex-row md:col-span-3 gap-2 ">
|
||||
@lineComponent()
|
||||
<div class="flex flex-col gap-2 justify-between grow-1">
|
||||
<input type="date" value={ urlParams.Get("time_from") } name="time_from" class="btn bg-neutral-100" placeholder="Zeitraum von..."/>
|
||||
<input type="date" value={ urlParams.Get("time_to") } name="time_to" class="btn bg-neutral-100" placeholder="Zeitraum bis..."/>
|
||||
<form id="absence_form" method="POST" action="/absence" class="grid-sub responsive scroll-m-2 bg-neutral-300 hidden">
|
||||
<input type="hidden" name="aw_id" value=""/>
|
||||
<div class="grid-cell border-r-1"><p class="font-bold uppercase">Abwesenheit</p></div>
|
||||
<div class="grid-cell">
|
||||
<label class="block mb-1 text-sm text-neutral-700">Abwesenheitsart</label>
|
||||
<div class="relative">
|
||||
<select name="aw_type" class="btn appearance-none cursor-pointer bg-neutral-100">
|
||||
for _, absence := range models.GetAbsenceTypesCached() {
|
||||
<option value={ strconv.Itoa(int(absence.Id)) }>{ absence.Name }</option>
|
||||
}
|
||||
</select>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.2" stroke="currentColor" class="h-5 w-5 ml-1 absolute top-2.5 right-2.5 text-slate-700">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 15 12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid-cell">
|
||||
<label class="block mb-1 text-sm text-neutral-700">Abwesenheit ab</label>
|
||||
<input name="date_from" type="date" class="btn bg-neutral-100"/>
|
||||
</div>
|
||||
<div class="grid-cell border-r-1">
|
||||
<label class="block mb-1 text-sm text-neutral-700">Abwesenheit bis</label>
|
||||
<input name="date_to" type="date" class="btn bg-neutral-100"/>
|
||||
</div>
|
||||
<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] items-center"><span class="size-5 icon-[material-symbols-light--delete-outline]"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="grid-cell content-end">
|
||||
<button type="submit" form="timeRangeForm" class="btn bg-neutral-100 hover:bg-neutral-700 color-neutral-700">
|
||||
<p class="">Anzeigen</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<form id="absence_form" method="POST" action="/absence" class="grid-sub responsive scroll-m-2 bg-neutral-300 hidden">
|
||||
<input type="hidden" name="aw_id" value=""/>
|
||||
<div class="grid-cell border-r-1"><p class="font-bold uppercase">Abwesenheit</p></div>
|
||||
<div class="grid-cell">
|
||||
<label class="block mb-1 text-sm text-neutral-700">Abwesenheitsart</label>
|
||||
<div class="relative">
|
||||
<select name="aw_type" class="btn appearance-none cursor-pointer bg-neutral-100">
|
||||
for _, absence := range models.GetAbsenceTypesCached() {
|
||||
<option value={ strconv.Itoa(int(absence.Id)) }>{ absence.Name }</option>
|
||||
}
|
||||
</select>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.2" stroke="currentColor" class="h-5 w-5 ml-1 absolute top-2.5 right-2.5 text-slate-700">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 15 12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid-cell">
|
||||
<label class="block mb-1 text-sm text-neutral-700">Abwesenheit ab</label>
|
||||
<input name="date_from" type="date" class="btn bg-neutral-100"/>
|
||||
</div>
|
||||
<div class="grid-cell border-r-1">
|
||||
<label class="block mb-1 text-sm text-neutral-700">Abwesenheit bis</label>
|
||||
<input name="date_to" type="date" class="btn bg-neutral-100"/>
|
||||
</div>
|
||||
<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] items-center"><span class="size-5 icon-[material-symbols-light--delete-outline]"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
}
|
||||
|
||||
templ defaultDayComponent(day models.IWorkDay) {
|
||||
@@ -127,12 +129,13 @@ templ defaultDayComponent(day models.IWorkDay) {
|
||||
@lineComponent()
|
||||
<form id={ "time-" + day.Date().Format(time.DateOnly) } class={ "flex flex-col gap-2 w-full", justify } method="post">
|
||||
@newAbsenceComponent()
|
||||
@timeDayTypeSwitch(day, false)
|
||||
@timeDayTypeSwitch(day, true)
|
||||
@newBookingComponent(day)
|
||||
<input type="hidden" name="action" value="change"/> <!-- default action value for ändern button -->
|
||||
</form>
|
||||
</div>
|
||||
<div class="grid-cell flex flex-row gap-2 items-end">
|
||||
@changeButtonComponent("time-"+day.Date().Format(time.DateOnly), day.IsWorkDay())
|
||||
@changeButtonComponent("time-"+day.Date().Format(time.DateOnly), true)
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
@@ -164,7 +167,6 @@ templ workdayComponent(workDay *models.WorkDay) {
|
||||
for _, booking := range workDay.Bookings {
|
||||
@bookingComponent(booking)
|
||||
}
|
||||
@newBookingComponent(workDay)
|
||||
}
|
||||
|
||||
templ holidayComponent(d models.IWorkDay) {
|
||||
|
||||
Reference in New Issue
Block a user