diff --git a/src/endpoints/base.css b/src/endpoints/base.css index f44828a..266d8cf 100644 --- a/src/endpoints/base.css +++ b/src/endpoints/base.css @@ -48,3 +48,31 @@ label { #i-hourlyrate { width: 8ch; } +#table { + display: grid; + grid: auto-flow / 3fr 1fr 1fr 1fr 1fr 1fr; + border: 1px solid black; + margin: 4mm 0; + font-weight: bold; + text-align: center; +} +#table > * { + border: 1px solid black; + padding: 1px; +} +#task { + grid-row: 1 / 3; + display: flex; + justify-content: center; + align-items: center; +} +.i-task { + box-sizing: border-box; + width: 100%; +} +.i-day { + width: 6ch; +} +.i-dur { + width: 8ch; +} diff --git a/src/endpoints/index.rs b/src/endpoints/index.rs index 0fa976e..e08e3c8 100644 --- a/src/endpoints/index.rs +++ b/src/endpoints/index.rs @@ -52,6 +52,35 @@ pub async fn get() -> Markup { } } } + + div #table { + div #task { "Tätigkeit" br; "(Stichwort, Projekt)" } + div { "Tag" } + div { "Beginn" } + div { "Ende" } + div { "Pause" } + div { "Arbeitszeit" } + div { } + div { "(hh:mm)" } + div { "(hh:mm)" } + div { "(hh:mm)" } + div { } + + @for _ in 0..22 { + div { input .i-task name="task[]" type="text" {} } + div { input .i-day name="day[]" type="number" value="1" {} } + div { input .i-dur name="start[]" type="text" placeholder="12:34" {} } + div { input .i-dur name="end[]" type="text" placeholder="12:34" {} } + div { input .i-dur name="pause[]" type="text" placeholder="01:23" value="00:00" {} } + div { select name="note[]" value="" { + option value="" { "Normal" } + option value="U" { "Urlaub" } + option value="K" { "Krankheit" } + option value="F" { "Feiertag" } + option value="S" { "Sonstiges" } + } } + } + } } }, )