From a98e9535a865026956c7a5b93affa4e96251e92c Mon Sep 17 00:00:00 2001
From: Tyler Brown <tylerbrown10704@gmail.com>
Date: Mon, 6 Nov 2023 19:01:15 -0500
Subject: [PATCH 1/4] simple course list

---
 class_registration_app/src/assets/main.css    |   9 ++
 .../src/components/EnrolledCourseList.vue     | 141 +++++++++++++++++-
 2 files changed, 144 insertions(+), 6 deletions(-)

diff --git a/class_registration_app/src/assets/main.css b/class_registration_app/src/assets/main.css
index 4fe1cb1..17aba9d 100644
--- a/class_registration_app/src/assets/main.css
+++ b/class_registration_app/src/assets/main.css
@@ -131,3 +131,12 @@ a,
 
 }
 
+.test{
+  background-color: #ccc;
+}
+
+.test2{
+  box-shadow: 5px black;
+}
+
+
diff --git a/class_registration_app/src/components/EnrolledCourseList.vue b/class_registration_app/src/components/EnrolledCourseList.vue
index 697cc61..2baea89 100644
--- a/class_registration_app/src/components/EnrolledCourseList.vue
+++ b/class_registration_app/src/components/EnrolledCourseList.vue
@@ -1,12 +1,141 @@
-<script setup lang="ts">
-</script>
-
 <template>
-    <div class="container">
-        <h1>My Classes</h1>
+    <div class="homehead">
+        UConn&ensp;|&ensp;University of Connecticut
+     </div>
+    <div id="container">
+        <h1 class=myclasses>My Classes</h1>
     </div>
-
 </template>
 
+<script setup lang="js">
+const class_slots = [
+    [[0,2,4],2], //1
+    [[10,12,14],2,"MWF"],
+    [[20,22,24],2,"MWF"],
+    [[30,32,34],2,"MWF"],
+    [[40,42,44],2,"MWF"],
+    [[50,52,54],2,"MWF"], //6
+    [[60,62,64],2,"MWF"],
+    [[70,72,74],2,"MWF"],
+    [[80,82,84],2,"MWF"],
+    [[1,3],3,"TTh"],
+    [[16,18],3,"TTh"], //11
+    [[31,33],3,"TTh"],
+    [[46,48],3,"TTh"],
+    [[61,63],3,"TTh"],
+    [[76,78],3,"TTh"],
+    [[0],4,"M"], //16
+    [[20],4,"M"],
+    [[40],4,"M"],
+    [[60],4,"M"],
+    [[2],4,"W"],
+    [[22],4,"W"], //21
+    [[42],4,"W"],
+    [[62],4,"W"],
+    [[4],4,"F"],
+    [[24],4,"F"],
+    [[44],4,"F"], //26
+    [[64],4,"F"]
+]
+    const classes = [
+    {
+        "period": "2",
+        "class_name": "CSE1010",
+        "prof": "John",
+        "description": "Intro CS",
+        "room": "McHugh 101",
+        "credits": "3"
+    },
+    {
+        "period": "4",
+        "class_name": "MATH1131" ,
+        "prof": "Bob",
+        "description": "Calc 1",
+        "room": "McHugh 101",
+        "credits": "3"
+    },
+    {
+        "period": "12",
+        "class_name": "ANTH1000" ,
+        "prof": "Joey",
+        "description": "Intro Anth",
+        "room": "McHugh 101",
+        "credits": "3"
+    },
+    {
+        "period": "13",
+        "class_name": "CHEM1127",
+        "prof": "Joe",
+        "description": "Intro Chem",
+        "room": "McHugh 101",
+        "credits": "3"
+    },
+    {
+        "period": "23",
+        "class_name": "MATH1071",
+        "prof": "Billy",
+        "description": "Business Calc",
+        "room": "McHugh 101",
+        "credits": "2"
+    }
+    ]
+    function do_all(){
+
+    for(let i=0;i<classes.length;i++){
+        let con = document.getElementById('container')
+
+        let c = classes[i]
+
+        let d = document.createElement("div")
+        d.style.width = "85%";
+        d.style.height = "150px";
+        d.style.margin = "20px auto";
+        
+        let period = classes[i].period;
+        let start = class_slots[period-1][0][0] 
+        let starttime = 8+.5*Math.floor(start/5)
+        let end = class_slots[period-1][0][0] + 5*class_slots[period-1][1]
+        let endtime = 8+.5*Math.floor(end/5)-.25
+        let timestring = toTime(starttime) + "-" + toTime(endtime) + " " + class_slots[period-1][2];
+
+        d.innerHTML += `<h1 style="color:#d18c0a">${classes[i].class_name}</h1>
+        <h3>${timestring}</h3>
+        <h4>${classes[i].credits}.00 Credits</h4>
+        <h4>Instructor: ${classes[i].prof}</h4>
+        <h4>Description: ${classes[i].description}</h4>`
+
+
+
+        d.className = "test";
+        con.appendChild(d);
+    }
+    
+
+    }
+    setTimeout(do_all,0);
+
+    function toTime(time){
+    let timestring = ""
+    if(time%1==0){
+        timestring = (time-1)%12+1 + ":00"
+    }
+    else{
+        timestring = Math.floor((time-1)%12 + 1).toString() + ":" + 60*(time%1)
+    }
+
+    if (time<12){
+        timestring += "am"
+    }
+    else{
+        timestring += "pm"
+    }
+    return timestring
+}
+</script>
+
+
 <style scoped>
+.myclasses{
+    text-align: center;
+}
 </style>
\ No newline at end of file

From 094ec0d7fc2c64e4891e68d8122712bc99855b8a Mon Sep 17 00:00:00 2001
From: Tyler Brown <tylerbrown10704@gmail.com>
Date: Wed, 15 Nov 2023 13:41:07 -0500
Subject: [PATCH 2/4] toLowerCase params

---
 .../src/components/CourseSearch.vue                  |  7 ++++---
 .../src/components/EnrolledCourseList.vue            |  1 +
 .../src/components/ScheduleView.vue                  | 12 +++++++++++-
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/class_registration_app/src/components/CourseSearch.vue b/class_registration_app/src/components/CourseSearch.vue
index 0d68759..8f58e0a 100644
--- a/class_registration_app/src/components/CourseSearch.vue
+++ b/class_registration_app/src/components/CourseSearch.vue
@@ -76,11 +76,11 @@ function clearFilters() {
 function applySelectedFilters(courses: CourseInfo[]): CourseInfo[] {
   // Apply filters based on selectedFilters
   return courses.filter(course => {
-    const matchesLocation = !selectedFilters.courseLocation || course.CourseLocation.includes(selectedFilters.courseLocation);
+    const matchesLocation = !selectedFilters.courseLocation || course.CourseLocation.toLowerCase().includes(selectedFilters.courseLocation.toLowerCase());
     const matchesMeetingTimes = selectedFilters.meetingTimes.length === 0 || (course.CourseScheduledDays && selectedFilters.meetingTimes.some(day => course.CourseScheduledDays.includes(day)));
     const matchesCourseLevel = selectedFilters.courseLevel.length === 0 || selectedFilters.courseLevel.includes(course.Level.toString()); // DONE
     const matchesOpenStatus = selectedFilters.openStatus.length === 0 || selectedFilters.openStatus.includes(course.OpenStatus ? 'Open' : 'Closed');
-    const matchesProfessor = !selectedFilters.courseProfessor || course.Professor.includes(selectedFilters.courseProfessor);
+    const matchesProfessor = !selectedFilters.courseProfessor || course.Professor.toLowerCase().includes(selectedFilters.courseProfessor.toLowerCase());
 
     return matchesCourseLevel && matchesLocation && matchesOpenStatus && matchesProfessor && matchesMeetingTimes;
 
@@ -222,7 +222,8 @@ document.addEventListener("click", function() {
         <label for="meetingTimes">Meeting Times:</label>
         <ul>
           <li><label><input type="checkbox" id="meetingSelection" value="Sunday" :checked="selectedFilters.meetingTimes.includes('Sunday')" @change="updateMeetingFilters('Sunday')">Sunday</label></li>
-          <li><label><input type="checkbox" id="meetingSelection" value="Monday" :checked="selectedFilters.meetingTimes.includes('Monday')" @change="updateMeetingFilters('Monday')">Monday</label></li>
+          <li><label><input type="checkbox" id="meetingSelection" value="
+            " :checked="selectedFilters.meetingTimes.includes('Monday')" @change="updateMeetingFilters('Monday')">Monday</label></li>
           <li><label><input type="checkbox" id="meetingSelection" value="Tuesday" :checked="selectedFilters.meetingTimes.includes('Tuesday')" @change="updateMeetingFilters('Tuesday')">Tuesday</label></li>
           <li><label><input type="checkbox" id="meetingSelection" value="Wednesday" :checked="selectedFilters.meetingTimes.includes('Wednesday')" @change="updateMeetingFilters('Wednesday')">Wednesday</label></li>
           <li><label><input type="checkbox" id="meetingSelection" value="Thursday" :checked="selectedFilters.meetingTimes.includes('Thursday')" @change="updateMeetingFilters('Thursday')">Thursday</label></li>
diff --git a/class_registration_app/src/components/EnrolledCourseList.vue b/class_registration_app/src/components/EnrolledCourseList.vue
index 2baea89..e5cee4c 100644
--- a/class_registration_app/src/components/EnrolledCourseList.vue
+++ b/class_registration_app/src/components/EnrolledCourseList.vue
@@ -2,6 +2,7 @@
     <div class="homehead">
         UConn&ensp;|&ensp;University of Connecticut
      </div>
+     <RouterLink to="/dashboard">Back</RouterLink>
     <div id="container">
         <h1 class=myclasses>My Classes</h1>
     </div>
diff --git a/class_registration_app/src/components/ScheduleView.vue b/class_registration_app/src/components/ScheduleView.vue
index 8adcf74..755f579 100644
--- a/class_registration_app/src/components/ScheduleView.vue
+++ b/class_registration_app/src/components/ScheduleView.vue
@@ -1,6 +1,7 @@
 <template>
     <section>
       <div id="head">Uconn</div>
+      <RouterLink to="/dashboard">Back</RouterLink>
       <div id=week>
           <div id=time-column>Time</div>
           <div class="day">M</div>
@@ -136,6 +137,7 @@ for (var i = 0; i <18;i++){
     time.innerHTML = time_times[i];
     grid.appendChild(time);
 
+
     for (var j=0; j<5; j++){
         let child = document.createElement('div')
         child.style.backgroundColor = "#dfd"
@@ -310,7 +312,15 @@ function toTime(time){
 
 classes1.forEach((element) => {add_class_to_schedule(element)})
 }
-setTimeout(all,100) 
+setTimeout(all,100)
+
+const apiUrl = 'https://s9hc4htm53.execute-api.us-east-1.amazonaws.com/Beta';
+
+async function dataidk(){
+const response = await fetch(apiUrl+"/courses")
+console.log(response)
+}
+dataidk()
 </script>
 
 

From bb1b3e0e2b2daa65768adfab8959fdfe46f8f059 Mon Sep 17 00:00:00 2001
From: Tyler Brown <tylerbrown10704@gmail.com>
Date: Wed, 15 Nov 2023 14:22:49 -0500
Subject: [PATCH 3/4] course search- no courses were returned

---
 class_registration_app/src/assets/main.css    |  1 +
 .../src/components/CourseSearch.vue           | 23 ++++++++++++++++++-
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/class_registration_app/src/assets/main.css b/class_registration_app/src/assets/main.css
index bc889ca..304a0d5 100644
--- a/class_registration_app/src/assets/main.css
+++ b/class_registration_app/src/assets/main.css
@@ -203,3 +203,4 @@ a,
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   overflow-y: auto;
 }
+
diff --git a/class_registration_app/src/components/CourseSearch.vue b/class_registration_app/src/components/CourseSearch.vue
index 8f58e0a..011b200 100644
--- a/class_registration_app/src/components/CourseSearch.vue
+++ b/class_registration_app/src/components/CourseSearch.vue
@@ -88,10 +88,14 @@ function applySelectedFilters(courses: CourseInfo[]): CourseInfo[] {
 }
 
 function handleSearch() {
-  const elementsToRemove = document.querySelectorAll(`.${"course-list-item"}`);
+  const elementsToRemove = document.querySelectorAll(`.${"course-list-item"}` );
+  const test = document.getElementById('noCourses')
       elementsToRemove.forEach(element => {
         element.remove();
       });
+      if(test!=null){
+        test.remove()
+      }
 
 
   console.log("button clicked");
@@ -107,6 +111,12 @@ function handleSearch() {
         throw "Error"
       }
     }).then(response => {
+      let test = document.getElementById("noCourses")
+      if(test!=null && test.parentNode!=null){
+        test.parentNode.removeChild(test);
+      }
+
+
       console.log(response.Items);
 
       let searchbar = <HTMLInputElement>document.getElementById("search");
@@ -117,7 +127,18 @@ function handleSearch() {
 
       let newFilteredCourses = applySelectedFilters(filteredCourses);
       console.log(filteredCourses);
+      
+      if(newFilteredCourses.length == 0){
+        let container = document.getElementById("container");
+        let div = document.createElement('div');
+        div.id = ("noCourses");
 
+        div.innerHTML = "<h1>No courses were returned</h1>";
+        if(container!=null){
+          container.appendChild(div)
+        }
+      }
+    
       newFilteredCourses.forEach((Course: CourseInfo) => {
         let container = document.getElementById("container");
         let div = document.createElement("div");

From dded76b2cbe1bf7ede6271b690439ca33d830ea6 Mon Sep 17 00:00:00 2001
From: Tyler Brown <tylerbrown10704@gmail.com>
Date: Wed, 15 Nov 2023 15:04:42 -0500
Subject: [PATCH 4/4] like nothing

---
 class_registration_app/src/assets/main.css         |  9 ---------
 .../src/components/EnrolledCourseList.vue          | 14 +++++++++++---
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/class_registration_app/src/assets/main.css b/class_registration_app/src/assets/main.css
index 304a0d5..07b5eca 100644
--- a/class_registration_app/src/assets/main.css
+++ b/class_registration_app/src/assets/main.css
@@ -181,15 +181,6 @@ a,
 }
 
 
-.test{
-  background-color: #ccc;
-}
-
-.test2{
-  box-shadow: 5px black;
-}
-
-
 .advanced-search-container{
   min-width: 80vw;
   width: 600px; /* Adjust the width as needed */
diff --git a/class_registration_app/src/components/EnrolledCourseList.vue b/class_registration_app/src/components/EnrolledCourseList.vue
index e5cee4c..2d0b07d 100644
--- a/class_registration_app/src/components/EnrolledCourseList.vue
+++ b/class_registration_app/src/components/EnrolledCourseList.vue
@@ -1,7 +1,5 @@
 <template>
-    <div class="homehead">
-        UConn&ensp;|&ensp;University of Connecticut
-     </div>
+    <div id="head">Uconn</div>
      <RouterLink to="/dashboard">Back</RouterLink>
     <div id="container">
         <h1 class=myclasses>My Classes</h1>
@@ -139,4 +137,14 @@ const class_slots = [
 .myclasses{
     text-align: center;
 }
+
+#head{
+    margin: 0 auto 10px;
+    width: 90%;
+    height: auto;
+    font-size: 50px;
+    text-align: center;
+    background-color: #0f1938;
+    color: #ffffff;
+  }
 </style>
\ No newline at end of file