46 lines
1.2 KiB
Svelte
46 lines
1.2 KiB
Svelte
<script>
|
|
export let params;
|
|
console.log(params)
|
|
</script>
|
|
|
|
<svelte:head>
|
|
<title>{params.title}</title>
|
|
</svelte:head>
|
|
|
|
<section id="list-records">
|
|
<header>
|
|
<h1>{params.title}</h1>
|
|
</header>
|
|
<article>
|
|
{#if params.isLoading === true}
|
|
<p>Loading...</p>
|
|
{:else}
|
|
<table>
|
|
<colgroup>
|
|
<col />
|
|
<col />
|
|
<col />
|
|
<col />
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th>Zeitraum</th>
|
|
<th>Arbeitstage</th>
|
|
<th>Arbeitsstunden</th>
|
|
<th>Über- / Unterstunden</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{#each params.records as record}
|
|
<tr>
|
|
<td>{record.period}</td>
|
|
<td>{record.workingDays}</td>
|
|
<td>{record.totalHours}</td>
|
|
<td>{record.overtime}</td>
|
|
</tr>
|
|
{/each}
|
|
</tbody>
|
|
</table>
|
|
{/if}
|
|
</article>
|
|
</section> |