diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/FileUploads.svelte | 2 | ||||
| -rw-r--r-- | src/components/PeerTeachers/PeerTeachers.svelte | 42 | ||||
| -rw-r--r-- | src/components/Sidebar.svelte | 6 |
3 files changed, 47 insertions, 3 deletions
diff --git a/src/components/FileUploads.svelte b/src/components/FileUploads.svelte index 756fe33..1d475de 100644 --- a/src/components/FileUploads.svelte +++ b/src/components/FileUploads.svelte @@ -1,4 +1,6 @@ <script lang="ts"> + let x: number | null; + import { Label } from "@smui/button"; import IconButton from "@smui/icon-button"; import Snackbar, { Actions } from "@smui/snackbar"; diff --git a/src/components/PeerTeachers/PeerTeachers.svelte b/src/components/PeerTeachers/PeerTeachers.svelte new file mode 100644 index 0000000..6def4ac --- /dev/null +++ b/src/components/PeerTeachers/PeerTeachers.svelte @@ -0,0 +1,42 @@ +<script lang="ts"> +</script> + +<div class="overflow-x-auto"> + <h1>TODO</h1> + <div class="overflow-x-auto"> + <table class="table w-full"> + <!-- head --> + <thead> + <tr> + <th></th> + <th>Name</th> + <th>Job</th> + <th>Favorite Color</th> + </tr> + </thead> + <tbody> + <!-- row 1 --> + <tr> + <th>1</th> + <td>Cy Ganderton</td> + <td>Quality Control Specialist</td> + <td>Blue</td> + </tr> + <!-- row 2 --> + <tr> + <th>2</th> + <td>Hart Hagerty</td> + <td>Desktop Support Technician</td> + <td>Purple</td> + </tr> + <!-- row 3 --> + <tr> + <th>3</th> + <td>Brice Swyre</td> + <td>Tax Accountant</td> + <td>Red</td> + </tr> + </tbody> + </table> + </div> +</div> diff --git a/src/components/Sidebar.svelte b/src/components/Sidebar.svelte index 64185b5..ed07ff2 100644 --- a/src/components/Sidebar.svelte +++ b/src/components/Sidebar.svelte @@ -2,12 +2,13 @@ import DarkModeSwitch from "./DarkModeSwitch.svelte"; import AssignLabs from "./AssignLabs/AssignLabs.svelte"; import FileUploads from "./FileUploads.svelte"; + import PeerTeachers from "./PeerTeachers/PeerTeachers.svelte"; import { onMount } from "svelte"; import { parseDatabaseLocalStorage } from "../util/parser"; let sections = [ { name: "File Uploads", component: FileUploads }, - { name: "Peer Teachers", component: null }, // TODO + { name: "Peer Teachers", component: PeerTeachers }, // TODO { name: "Assign Labs", component: AssignLabs }, { name: "Labs", component: null }, // TODO { name: "Active Peer Teachers", component: null }, // TODO @@ -15,8 +16,7 @@ { name: "TAMU Html Output", component: null }, // TODO ]; - // Set initial page to Assign Labs while I work on it - let selected = sections[2]; + let selected = sections[1]; // Load from local storage. FOR TESTING PURPOSES ONLY. REMOVE THIS FROM PRODUCTION onMount(() => { |