diff options
| author | Furkan Sahin <furkan-dev@proton.me> | 2022-07-23 23:38:33 -0500 |
|---|---|---|
| committer | Furkan Sahin <furkan-dev@proton.me> | 2022-07-23 23:38:33 -0500 |
| commit | e4915154c6bb71b3d0fb8da6e971783156548b8e (patch) | |
| tree | 0894a1c35280389e2c7d1067cfcb734712d93c17 /src/components/AssignLabs/PTBox.svelte | |
| parent | 31530fcb5b881d3ac83f202f0b2c913aba935b8b (diff) | |
Restructure file organization
Diffstat (limited to 'src/components/AssignLabs/PTBox.svelte')
| -rw-r--r-- | src/components/AssignLabs/PTBox.svelte | 44 |
1 files changed, 0 insertions, 44 deletions
diff --git a/src/components/AssignLabs/PTBox.svelte b/src/components/AssignLabs/PTBox.svelte deleted file mode 100644 index 3ad50d1..0000000 --- a/src/components/AssignLabs/PTBox.svelte +++ /dev/null @@ -1,44 +0,0 @@ -<script lang="ts"> - import type PeerTeacher from "../../models/PeerTeacher"; - import Icon from "../helpers/Icon.svelte"; - export let pt: PeerTeacher; - - let modalID = () => { - return `my-modal-${pt.id}`; - } -</script> - -<!-- PT Box --> -<div - class="block border-b px-3 py-3 hover:bg-sky-100 hover:text-black h-20 overflow-hidden group" -> - <!-- Top half, name and button --> - <div class="flex flex-row items-center "> - <!-- Left half, name --> - <strong class="flex-grow text-sm">{pt.name}</strong> - - <!-- Right half, button --> - <!-- The button to open modal --> - <label for={modalID()} class=""> - <Icon name="info" class="h-6 w-6" /> - </label> - - <!-- Modal PT event info --> - <input type="checkbox" id={modalID()} class="modal-toggle" /> - <label for={modalID()} class="modal cursor-pointer"> - <label class="modal-box relative bg-slate-300" for=""> - <h3 class="text-lg font-bold font-serif underline"> - {pt.name} - </h3> - {#each pt.events as e} - <p class="py-2"> - {e.info} - </p> - {/each} - </label> - </label> - </div> - - <!-- Bottom half, hours --> - <div class="">Hours: {pt.lab_hours}</div> -</div> |
