43 lines
1.5 KiB
Svelte
43 lines
1.5 KiB
Svelte
<script>
|
|
import IconifyIcon from '@iconify/svelte'
|
|
import checkIcon from "@iconify-icons/oi/check";
|
|
import xIcon from "@iconify-icons/oi/x";
|
|
import {goto} from "$app/navigation";
|
|
|
|
const TITLE = "Erstellung eines neuen Eintrags"
|
|
</script>
|
|
|
|
<svelte:head>
|
|
<title>{TITLE}</title>
|
|
</svelte:head>
|
|
|
|
|
|
<section id="edit-record">
|
|
<header>
|
|
<h1>{TITLE}</h1>
|
|
</header>
|
|
<article>
|
|
<form action="/working-hours?/create" name="newRecord" method="POST">
|
|
<fieldset name="record-data-by-day">
|
|
<div>
|
|
<label for="workingDay">Arbeitstag</label>
|
|
<input name="workingDay" type="date" id="workingDay" value="" required
|
|
pattern="\d\{4}-[0-1]\d-[0-3]\d">
|
|
</div>
|
|
<div>
|
|
<label for="workingTime">Arbeitszeit</label>
|
|
<input name="workingTime" placeholder="Arbeitszeit" type="time" step="1" value=""
|
|
id="workingTime" required pattern="[0-5]\d:[0-5]\d:[0-5]\d">
|
|
</div>
|
|
</fieldset>
|
|
<fieldset name="buttons">
|
|
<button type="submit">Übernehmen und Weiter
|
|
<IconifyIcon icon={checkIcon} color="green"/>
|
|
</button>
|
|
<button type="button" class="sub-button" onclick={() => goto('/working-hours')}>Abbrechen
|
|
<IconifyIcon icon={xIcon}/>
|
|
</button>
|
|
</fieldset>
|
|
</form>
|
|
</article>
|
|
</section> |