36 lines
982 B
Svelte
36 lines
982 B
Svelte
<script module>
|
|
import { Modal, Content, Trigger } from "sv-popup";
|
|
|
|
import Time from "./components/time/DisplayCollsOfTime.svelte";
|
|
import TimeTable from "./components/timetable/DisplayRowsOfTimetable.svelte";
|
|
import EditTimetableDiv from "./components/timetable/EditTimetable.svelte";
|
|
import { colseModal } from "./logic/TimeAndTableData.svelte.js";
|
|
|
|
export let ShowSeconds = $state({ v: true });
|
|
</script>
|
|
|
|
<div class="flex h-full flex-col">
|
|
<div>
|
|
<button
|
|
class="btn"
|
|
onclick={() => {
|
|
ShowSeconds.v = !ShowSeconds.v;
|
|
localStorage.setItem("ShowSeconds", String(ShowSeconds.v));
|
|
}}
|
|
>
|
|
{#if ShowSeconds.v}Disable Seconds{:else}Enable Seconds{/if}</button
|
|
>
|
|
<Modal big={true} close={colseModal.v}>
|
|
<Content>
|
|
<EditTimetableDiv />
|
|
</Content>
|
|
<Trigger>
|
|
<button class="btn">Edit timetable </button>
|
|
</Trigger>
|
|
</Modal>
|
|
</div>
|
|
|
|
<div class="flex flex-1 flex-col items-center justify-center">
|
|
<Time /><TimeTable />
|
|
</div>
|
|
</div>
|