blob: 1d2d26d9097c64eb02f47602b618e326ae81423d (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
|
<script lang="ts">
import { ptStore } from "../stores";
import type PeerTeacher from "../models/PeerTeacher";
$: peerTeachers = [...$ptStore.values()].sort((a, b) =>
a.lastname.toUpperCase() === b.lastname.toUpperCase()
? a.firstname.toUpperCase().localeCompare(b.firstname.toUpperCase())
: a.lastname.toUpperCase().localeCompare(b.lastname.toUpperCase())
);
</script>
<div
class="flex flex-col overflow-y-auto h-full overflow-x-hidden mx-[25%] pt-10"
>
{#each peerTeachers as pt}
<div class="pb-4">
<hr />
<p>
<img
class="float-right"
alt={pt?.name}
src={pt?.drive_pic}
width="100"
height="125"
/>
</p>
<h1 class="text-xl font-bold">
{pt?.name} |
<a
href="mailto:{pt.email}"
rel="noopener"
target="_blank"
title="${pt?.name} email"
>
Email {pt?.firstname}
</a>
</h1>
{#if pt?.labs.size > 0}
<p>
<strong class="text-lg">Courses:</strong>
</p>
<ul class="text-lg">
{#each Array.from(pt.coursesAndLabs()) as lab}
<li>
CSCE {lab[0]} - {lab[1]}
</li>
{/each}
</ul>
{/if}
{#if pt.office_hours != undefined && pt.office_hours.length > 0}
<p>
<strong class="text-lg">Office Hours:</strong>
</p>
<ul class="text-lg">
{#each pt.office_hours as ofh}
<li>{ofh.longInfo}</li>
{/each}
</ul>
{/if}
</div>
{/each}
</div>
|
