Skip to content

PFP static quick fix #96

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
kfinberg7581 wants to merge 2 commits into
base: main
Choose a base branch
from
Open

PFP static quick fix #96

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
8b03804
added a new branch with source code from pfp PR and a static version …
kfinberg7581 May 6, 2024
85e88b7
fixup! Formatted code
kfinberg7581 May 6, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
68 changes: 68 additions & 0 deletions src/lib/components/profile/Appointment.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
<script lang="ts">
// import type { ExtendedAppointment } from "$lib/types";
// import { sectionName, userName } from "$lib/utils";

// export let appointment: ExtendedAppointment;

// $: appointmentBlock = appointment.appointment_block;
// $: instructionalMember = appointmentBlock.instructional_member;
// $: startTime = appointment.appointment_block.start_time;
</script>

<!-- Appointment Space -->
<div class="flex space-x-5">
<!-- Appointment Block -->
<div class="bg-secondary w-fit h-fit p-4 rounded">
<!-- Name of TA -->
<p class="font-bold mb-1">Office Hours with Dylan Halstead</p>

<!-- Class of Appointment -->
<p class="text-sm">ITSC 3155 - Software Engineering</p>

<!-- Time of Appointment -->
<p class="text-sm">12:00 - 1:00 PM</p>

<!-- Unique Zoom Link -->
<a class="text-sm" href="#"><u>Zoom Link</u></a>
</div>
</div>
<!-- End Appointment Block -->

<!-- Below is the original code for the Appointment component with dynamic inserts -->

<!-- <script lang="ts">

import type { ExtendedAppointment } from "$lib/types";
import { sectionName, userName } from "$lib/utils";

export let appointment: ExtendedAppointment;

$: appointmentBlock = appointment.appointment_block;
$: instructionalMember = appointmentBlock.instructional_member;
$: startTime = appointment.appointment_block.start_time;

</script> -->

<!-- Appointment Space -->
<!-- <div class="flex space-x-5"> -->

<!-- Appointment Block -->
<!-- <div class="bg-secondary w-fit h-fit p-4 rounded"> -->

<!-- Name of TA -->
<!-- <p class='font-bold mb-1'>Office Hours with {userName(instructionalMember.user)}</p> -->

<!-- Class of Appointment -->
<!-- <p class="text-sm">{sectionName(instructionalMember.section)}</p> -->

<!-- Time of Appointment -->
<!-- <p class="text-sm">{startTime.toLocaleString("en-US", {
timeStyle: "short"
})}</p> -->

<!-- Unique Zoom Link -->
<!-- <a class="text-sm" href={appointment.link}><u>{appointment.link}</u></a>

</div>
</div> -->
<!-- End Appointment Block -->
70 changes: 70 additions & 0 deletions src/lib/components/profile/Class.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
<script lang="ts">
//import type { PartialCourse } from "$lib/types";
//let course: PartialCourse;

// export let departmentCode = 'unknown';
// export let className = 'unknown';
</script>

<!-- Class Space -->
<div class="flex flex-wrap space-x-5">
<!-- Class Block -->
<div class="bg-neutral w-fit h-fit p-4 rounded flex justify-between space-x-5">
<!-- Dynamic: Name of Class and its Department Code -->
<div class="flex space-x-2">
<div>
<p class="p-1">ITSC 2214</p>
</div>
<div>
<p class="p-1">Data Structures and Algorithms</p>
</div>
</div>

<div class="flex rounded shadow-md p-1 bg-secondary pl-2 pr-2">
<div>
<a class="text-white" href="/courses/[id]/sections/[id]/members/[id]/appointments/book"
>+ Book</a>
</div>
</div>
</div>
</div>
<!-- End Class Block -->

<!-- Below is the original code for the Appointment component with dynamic inserts -->

<!-- <script lang="ts">

//import type { PartialCourse } from "$lib/types";
//let course: PartialCourse;

export let departmentCode = 'unknown';
export let className = 'unknown';

</script> -->

<!-- Class Space -->
<!-- <div class="flex flex-wrap space-x-5"> -->

<!-- Class Block -->
<!-- <div class="bg-neutral w-fit h-fit p-4 rounded flex justify-between space-x-5"> -->

<!-- Dynamic: Name of Class and its Department Code -->
<!-- <div class="flex space-x-2">
<div>
<p class="p-1">{departmentCode}</p>
</div>
<div>
<p class="p-1">{className}</p>
</div>
</div>

<div class="flex rounded shadow-md p-1 bg-secondary pl-2 pr-2">

<div>
<a class="text-white" href="/courses/[id]/sections/[id]/members/[id]/appointments/book">+ Book</a>
</div>
</div>

</div>
</div> -->
<!-- End Class Block -->
75 changes: 75 additions & 0 deletions src/lib/components/profile/InstructorClass.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,75 @@
<script lang="ts">
// We want this to display the classes in which an instructor teaches only
// Instead of a booking button in the modal, point to the class overview page
// import type { PartialCourse } from "$lib/types";

// export let insCourse : PartialCourse;

// $: name = insCourse.course_name;
// $: dptName = insCourse.department_code;
</script>

<!-- Class Space -->
<div class="flex flex-wrap space-x-5">
<!-- Class Block -->
<div class="bg-neutral w-fit h-fit p-4 rounded flex justify-between space-x-5">
<!-- Dynamic: Name of Class and its Department Code -->
<div class="flex space-x-2">
<div>
<p class="p-1">ITSC 4681</p>
</div>
<div>
<p class="p-1">Senior Design I</p>
</div>
</div>

<div class="flex rounded shadow-md p-1 bg-secondary pl-2 pr-2">
<div>
<a class="text-white" href="/courses/[id]/sections/[id]">View Class</a>
</div>
</div>
</div>
</div>
<!-- End Class Block -->

<!-- Below is the original code for the InstructorClass component with dynamic inserts -->

<!-- <script lang="ts">

// We want this to display the classes in which an instructor teaches only
// Instead of a booking button in the modal, point to the class overview page
import type { PartialCourse } from "$lib/types";

export let insCourse : PartialCourse;

$: name = insCourse.course_name;
$: dptName = insCourse.department_code;

</script> -->

<!-- Class Space -->
<!-- <div class="flex flex-wrap space-x-5"> -->

<!-- Class Block -->
<!-- <div class="bg-neutral w-fit h-fit p-4 rounded flex justify-between space-x-5"> -->

<!-- Dynamic: Name of Class and its Department Code -->
<!-- <div class="flex space-x-2">
<div>
<p class="p-1">{dptName}</p>
</div>
<div>
<p class="p-1">{name}</p>
</div>
</div>

<div class="flex rounded shadow-md p-1 bg-secondary pl-2 pr-2">

<div>
<a class="text-white" href="/courses/[id]/sections/[id]">View Class</a>
</div>
</div>

</div>
</div> -->
<!-- End Class Block -->
Loading