From 9e7a94d738eef1b9b66dc0bf9da48624769858b3 Mon Sep 17 00:00:00 2001
From: YCK03 <55895494+YCK03@users.noreply.github.com>
Date: Fri, 10 Feb 2023 16:18:01 -0500
Subject: [PATCH 01/17] Create compose-dev.yaml

---
 compose-dev.yaml | 12 ++++++++++++
 1 file changed, 12 insertions(+)
 create mode 100644 compose-dev.yaml

diff --git a/compose-dev.yaml b/compose-dev.yaml
new file mode 100644
index 000000000..a92f7012b
--- /dev/null
+++ b/compose-dev.yaml
@@ -0,0 +1,12 @@
+services:
+  app:
+    entrypoint:
+    - sleep
+    - infinity
+    image: docker/dev-environments-default:stable-1
+    init: true
+    volumes:
+    - type: bind
+      source: /var/run/docker.sock
+      target: /var/run/docker.sock
+

From cd9f32474009b5f4c5ad59eae26a28154dc03354 Mon Sep 17 00:00:00 2001
From: YCK03 <55895494+YCK03@users.noreply.github.com>
Date: Fri, 17 Feb 2023 12:09:05 -0500
Subject: [PATCH 02/17] Update NewCourseScheduler.vue

---
 src/web/src/pages/NewCourseScheduler.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/web/src/pages/NewCourseScheduler.vue b/src/web/src/pages/NewCourseScheduler.vue
index 0373a310c..178117b44 100644
--- a/src/web/src/pages/NewCourseScheduler.vue
+++ b/src/web/src/pages/NewCourseScheduler.vue
@@ -295,7 +295,7 @@ export default {
         {
           bgcolor: this.$store.state.darkMode
             ? allExportVariables.bColor
-            : "white",
+            : "black",
         }
       );
     },

From d138463bcbbbc27254cfd44e6702a00dcdbc4078 Mon Sep 17 00:00:00 2001
From: YCK03 <55895494+YCK03@users.noreply.github.com>
Date: Fri, 17 Feb 2023 17:11:07 -0500
Subject: [PATCH 03/17] Update Header.vue

---
 src/web/src/components/Header.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/web/src/components/Header.vue b/src/web/src/components/Header.vue
index 03e47cde5..99c654683 100644
--- a/src/web/src/components/Header.vue
+++ b/src/web/src/components/Header.vue
@@ -1,14 +1,14 @@
 <template>
   <b-navbar
     id="header"
-    class="bg-white"
+    class="bg-dark"
     style="margin-bottom: 0 !important;"
     toggleable="md"
     type="primary"
-    variant="light"
+    variant=dark
   >
     <b-navbar-brand
-      class="align-middle text-dark"
+      class="align-middle text-blue"
       :to="{ name: 'CourseScheduler' }"
     >
       YACS

From fa262391bd190f874aceff7c027e3d0b9dab00f0 Mon Sep 17 00:00:00 2001
From: YCK03 <55895494+YCK03@users.noreply.github.com>
Date: Sat, 25 Feb 2023 13:10:50 -0500
Subject: [PATCH 04/17] Update Header.vue

I tried to make the color gray
---
 src/web/src/components/Header.vue | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/web/src/components/Header.vue b/src/web/src/components/Header.vue
index 99c654683..2933ab782 100644
--- a/src/web/src/components/Header.vue
+++ b/src/web/src/components/Header.vue
@@ -1,3 +1,22 @@
+import { createVuetify } from 'vuetify'
+
+import colors from 'vuetify/lib/util/colors'
+
+export default createVuetify({
+  theme: {
+    themes: {
+      light: {
+        dark: false,
+        colors: {
+          primary: colors.red.darken1, // #E53935
+          secondary: colors.red.lighten4, // #FFCDD2
+          ...
+        }
+      },
+    },
+  },
+})
+
 <template>
   <b-navbar
     id="header"
@@ -5,7 +24,7 @@
     style="margin-bottom: 0 !important;"
     toggleable="md"
     type="primary"
-    variant=dark
+    variant=#6c757d
   >
     <b-navbar-brand
       class="align-middle text-blue"

From fc3a8f4a7a5e65ae6ca227bddad43c961c3e4876 Mon Sep 17 00:00:00 2001
From: YCK03 <55895494+YCK03@users.noreply.github.com>
Date: Tue, 28 Feb 2023 16:37:28 -0500
Subject: [PATCH 05/17] I updated sqlalchemy and changed the color to something
 slightly off grey, it makes it somewhat better

---
 src/api/requirements.txt          | 1 +
 src/web/src/components/Header.vue | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/api/requirements.txt b/src/api/requirements.txt
index 29768f14e..4b3f3d205 100644
--- a/src/api/requirements.txt
+++ b/src/api/requirements.txt
@@ -8,3 +8,4 @@ uvicorn==0.14.0
 python-multipart==0.0.5
 fastapi-cache2==0.1.8
 itsdangerous==2.0.1
+sqlalchemy==1.4.1
\ No newline at end of file
diff --git a/src/web/src/components/Header.vue b/src/web/src/components/Header.vue
index 2933ab782..48ab14546 100644
--- a/src/web/src/components/Header.vue
+++ b/src/web/src/components/Header.vue
@@ -8,8 +8,8 @@ export default createVuetify({
       light: {
         dark: false,
         colors: {
-          primary: colors.red.darken1, // #E53935
-          secondary: colors.red.lighten4, // #FFCDD2
+          primary: colors.grey.darken1, // #E53935
+          secondary: colors.grey.lighten4, // #FFCDD2
           ...
         }
       },
@@ -20,7 +20,7 @@ export default createVuetify({
 <template>
   <b-navbar
     id="header"
-    class="bg-dark"
+    class="bg-light"
     style="margin-bottom: 0 !important;"
     toggleable="md"
     type="primary"

From 8187a7cf1ee7acf42bb325d70387b7f6eac38d15 Mon Sep 17 00:00:00 2001
From: YCK03 <55895494+YCK03@users.noreply.github.com>
Date: Fri, 17 Mar 2023 17:23:47 -0400
Subject: [PATCH 06/17] I am attempting to put together a prerequisites page
 for the student to put in their prerequisites for them to eventually check
 their prereqs against the courses they are signing up for

---
 src/web/src/pages/Prerequisites.vue | 13 +++++++++++++
 src/web/src/routes.js               |  7 +++++++
 2 files changed, 20 insertions(+)
 create mode 100644 src/web/src/pages/Prerequisites.vue

diff --git a/src/web/src/pages/Prerequisites.vue b/src/web/src/pages/Prerequisites.vue
new file mode 100644
index 000000000..a5938498a
--- /dev/null
+++ b/src/web/src/pages/Prerequisites.vue
@@ -0,0 +1,13 @@
+<template>
+    <p>Choose your prerequisites from the search below</p>
+    
+</template>
+
+<script>
+export default {
+    name:"Prerequisites",
+    
+};
+</script>
+
+<style></style>
\ No newline at end of file
diff --git a/src/web/src/routes.js b/src/web/src/routes.js
index 02fa29b17..f68d85962 100644
--- a/src/web/src/routes.js
+++ b/src/web/src/routes.js
@@ -10,6 +10,7 @@ const DegreeTemplatesPage = () => import("./pages/DegreeTemplates");
 const PathwayPage = () => import("./pages/Pathway");
 const SubjectExplorerPage = () => import("./pages/SubjectExplorer");
 const NotFoundPage = () => import("./pages/NotFound");
+const Prerequisites = () => import("./pages/Prerequisites");
 
 var router = new VueRouter({
   routes: [
@@ -52,6 +53,12 @@ var router = new VueRouter({
           name: "CoursePage",
           props: true,
         },
+        {
+          path: "/Prerequisites",
+          component: Prerequisites,
+          name: "Prerequisites",
+          props: true,
+        },
       ],
     },
     {

From b0ac1a230659638531977443f15c3bfec5350e5b Mon Sep 17 00:00:00 2001
From: YCK03 <55895494+YCK03@users.noreply.github.com>
Date: Tue, 21 Mar 2023 16:40:50 -0400
Subject: [PATCH 07/17] Created rough draft

Added way to access the page through the header. I also cleaned up more of the page.
---
 src/web/src/components/Header.vue   |  4 ++++
 src/web/src/pages/Prerequisites.vue | 24 +++++++++++++++++-------
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/web/src/components/Header.vue b/src/web/src/components/Header.vue
index 48ab14546..0b0075983 100644
--- a/src/web/src/components/Header.vue
+++ b/src/web/src/components/Header.vue
@@ -69,6 +69,10 @@ export default createVuetify({
           <font-awesome-icon icon="list" />
           Pathways
         </b-nav-item>
+        <b-nav-item :to="{name: 'Prerequisites'}">
+          <font-awesome-icon icon="list" />
+          Prerequisites
+        </b-nav-item>
       </b-navbar-nav>
       <!-- If user has logged in -->
       <b-navbar-nav class="ml-auto">
diff --git a/src/web/src/pages/Prerequisites.vue b/src/web/src/pages/Prerequisites.vue
index a5938498a..5c7f1aa15 100644
--- a/src/web/src/pages/Prerequisites.vue
+++ b/src/web/src/pages/Prerequisites.vue
@@ -1,13 +1,23 @@
-<template>
-    <p>Choose your prerequisites from the search below</p>
-    
-</template>
-
 <script>
 export default {
     name:"Prerequisites",
-    
+    data() {
+    return {
+      Prerequisites: 'Select your classes from the menu below'
+    }
+  }
 };
 </script>
 
-<style></style>
\ No newline at end of file
+<template>
+    <p class = "Prerequisites">{{ Prerequisites }}</p>
+    
+</template>
+
+<style>
+.Prerequisites{
+    color: blue;
+  font-weight: bold;
+}
+
+</style>
\ No newline at end of file

From ef4af6e7fc9f96b269d68faf08dab2845abf9128 Mon Sep 17 00:00:00 2001
From: YCK03 <55895494+YCK03@users.noreply.github.com>
Date: Thu, 23 Mar 2023 20:55:45 -0400
Subject: [PATCH 08/17] Try to add a course list component for course list

---
 src/web/src/pages/Prerequisites.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/web/src/pages/Prerequisites.vue b/src/web/src/pages/Prerequisites.vue
index 5c7f1aa15..cf7751a17 100644
--- a/src/web/src/pages/Prerequisites.vue
+++ b/src/web/src/pages/Prerequisites.vue
@@ -4,6 +4,7 @@ export default {
     data() {
     return {
       Prerequisites: 'Select your classes from the menu below'
+      
     }
   }
 };
@@ -20,4 +21,6 @@ export default {
   font-weight: bold;
 }
 
-</style>
\ No newline at end of file
+</style>
+
+import CourseListComponent from "@/components/CourseList";
\ No newline at end of file

From 7f73638002252bc07ba7b9cde0a9d77f6232de94 Mon Sep 17 00:00:00 2001
From: YCK03 <55895494+YCK03@users.noreply.github.com>
Date: Sat, 1 Apr 2023 11:57:07 -0400
Subject: [PATCH 09/17] Update Prerequisites.vue

Restructuring prerequisites to have the same department list as the course scheduler.
---
 src/web/src/pages/Prerequisites.vue | 45 +++++++++++++++++++++++------
 1 file changed, 36 insertions(+), 9 deletions(-)

diff --git a/src/web/src/pages/Prerequisites.vue b/src/web/src/pages/Prerequisites.vue
index cf7751a17..79711d883 100644
--- a/src/web/src/pages/Prerequisites.vue
+++ b/src/web/src/pages/Prerequisites.vue
@@ -1,26 +1,53 @@
+<!--
+  look at newCourse Scheduler
+-->
+
+
+
+
+
+
+
+
+
+
+
+<template>
+  <p class = "Prerequisites"> Prerequisites {{ Prerequisites }}</p>
+  <b-tab
+    title = "Department"
+    active
+  >
+  <CourseList
+                  v-if="!loading"
+                  @addCourse="addCourse"
+                  @removeCourse="removeCourse"
+                  @showCourseInfo="showCourseInfo"
+                  class="w-100"
+                />
+</template>
+
 <script>
+import CourseListComponent from "@/components/CourseList";
 export default {
     name:"Prerequisites",
+    components : {
+      CourseList: CourseListComponent,
+    },
     data() {
     return {
       Prerequisites: 'Select your classes from the menu below'
-      
     }
   }
 };
 </script>
 
-<template>
-    <p class = "Prerequisites">{{ Prerequisites }}</p>
-    
-</template>
-
 <style>
 .Prerequisites{
     color: blue;
-  font-weight: bold;
+  
 }
 
-</style>
+</style> 
+
 
-import CourseListComponent from "@/components/CourseList";
\ No newline at end of file

From 08b4cbc50bc0ff9921ec9cdf7ba4103524c87fe0 Mon Sep 17 00:00:00 2001
From: YCK03 <55895494+YCK03@users.noreply.github.com>
Date: Fri, 7 Apr 2023 16:12:50 -0400
Subject: [PATCH 10/17] Update to prerequisites page

---
 src/web/src/pages/Prerequisites.vue | 43 +++++++++++++++++++++++++++--
 1 file changed, 40 insertions(+), 3 deletions(-)

diff --git a/src/web/src/pages/Prerequisites.vue b/src/web/src/pages/Prerequisites.vue
index 79711d883..df8d3ebbe 100644
--- a/src/web/src/pages/Prerequisites.vue
+++ b/src/web/src/pages/Prerequisites.vue
@@ -1,17 +1,54 @@
 <!--
   look at newCourse Scheduler
 -->
+<template>
+  <b-container fluid class="py-3 h-100 main-body">
+    <b-row class="h-100">
+      <b-col md="4" class="d-flex flex-column">
+        <b-tabs card class="h-100 d-flex flex-column flex-grow-1">
+          <b-tab
+            title = Prerequisites
+            active
+            class="flex-grow-1 w-100"
+            data-cy="course-search-tab"
+          >
+
+            <b-card-text class="d-flex flex-grow-1 w-100">
+              <CenterSpinner
+                v-if="loading"
+                class="d-flex flex-grow-1 flex-column w-100 justify-content-center align-items-center"
+                :height="60"
+                :fontSize="1"
+                loadingMessage="Prerequisites"
+                :topSpacing="0"
+              />
+
+                <CourseList
+                  v-if="!loading"
+                  @addCourse="addCourse"
+                  @removeCourse="removeCourse"
+                  @showCourseInfo="showCourseInfo"
+                  class="w-100"
+                />
+            </b-card-text>
+        </b-tab>
+        </b-tabs>
+      </b-col>
+    </b-row>
+  </b-container>
+</template>
 
 
+<script>
 
+</script>
 
 
 
 
 
 
-
-
+<!-- 
 <template>
   <p class = "Prerequisites"> Prerequisites {{ Prerequisites }}</p>
   <b-tab
@@ -50,4 +87,4 @@ export default {
 
 </style> 
 
-
+ -->

From fd0bdcf2edc22c7417f94fc1fd69366fe39c9244 Mon Sep 17 00:00:00 2001
From: YCK03 <55895494+YCK03@users.noreply.github.com>
Date: Fri, 7 Apr 2023 17:05:04 -0400
Subject: [PATCH 11/17] Fixing prerequisites.vue

---
 src/web/src/pages/Prerequisites.vue | 33 ++++++++++++++++++++++-------
 1 file changed, 25 insertions(+), 8 deletions(-)

diff --git a/src/web/src/pages/Prerequisites.vue b/src/web/src/pages/Prerequisites.vue
index df8d3ebbe..b80e834c7 100644
--- a/src/web/src/pages/Prerequisites.vue
+++ b/src/web/src/pages/Prerequisites.vue
@@ -23,24 +23,41 @@
                 :topSpacing="0"
               />
 
-                <CourseList
-                  v-if="!loading"
-                  @addCourse="addCourse"
-                  @removeCourse="removeCourse"
-                  @showCourseInfo="showCourseInfo"
-                  class="w-100"
-                />
+              <CourseList
+                v-if="!loading"
+                @addCourse="addCourse"
+                @removeCourse="removeCourse"
+                @showCourseInfo="showCourseInfo"
+                class="w-100"
+              />
+
+              
             </b-card-text>
         </b-tab>
         </b-tabs>
       </b-col>
+      <div class = "col-md-10">
+        
+      </div>
     </b-row>
   </b-container>
 </template>
 
 
 <script>
-
+import CourseListComponent from "@/components/CourseList";
+import CenterSpinnerComponent from "../components/CenterSpinner";
+// import SelectedCoursesComponent from "@/components/SelectedCourses";
+export default{
+  name: "MainPage",
+  // mixins: [NotificationsMixin],
+  components: {
+    // Schedule: ScheduleComponent,
+    // SelectedCourses: SelectedCoursesComponent,
+    CourseList: CourseListComponent,
+    CenterSpinner: CenterSpinnerComponent,
+  },
+};
 </script>
 
 

From 92bb69de4d033f4a11aa56280fb30882e403068e Mon Sep 17 00:00:00 2001
From: YCK03 <55895494+YCK03@users.noreply.github.com>
Date: Fri, 7 Apr 2023 20:01:06 -0400
Subject: [PATCH 12/17] Update Prerequisites.vue

---
 src/web/src/pages/Prerequisites.vue | 44 ++++++++++++++++++++++++++++-
 1 file changed, 43 insertions(+), 1 deletion(-)

diff --git a/src/web/src/pages/Prerequisites.vue b/src/web/src/pages/Prerequisites.vue
index b80e834c7..957cc6e38 100644
--- a/src/web/src/pages/Prerequisites.vue
+++ b/src/web/src/pages/Prerequisites.vue
@@ -1,7 +1,49 @@
 <!--
   look at newCourse Scheduler
 -->
+
 <template>
+  <b-container class="py-3 h-100 main-body">
+    
+    <b-row>
+      <p>Please enter your Course Code: {{ message }}</p>
+    </b-row>
+    
+    <b-row>
+	    <input v-model="message" placeholder="Enter the course code" hint = "ex. CSCI-1200" />
+      <b-col>
+        <button v-on:click="submit()">Submit Prerequisites</button>
+      </b-col>
+    </b-row>
+    
+    
+  </b-container>
+  
+</template>
+
+
+
+<script>
+  export default {
+    data() {
+      return {
+        message: ''
+      }
+    },
+    methods: {
+      submit() {
+        
+        this.$emit('', this.message)
+      }
+    }
+  }
+</script>
+
+
+
+
+
+<!-- <template>
   <b-container fluid class="py-3 h-100 main-body">
     <b-row class="h-100">
       <b-col md="4" class="d-flex flex-column">
@@ -59,7 +101,7 @@ export default{
   },
 };
 </script>
-
+ -->
 
 
 

From 9876eb8c0e4be144d1f51a0dc4aef299e96a17c9 Mon Sep 17 00:00:00 2001
From: YCK03 <55895494+YCK03@users.noreply.github.com>
Date: Fri, 7 Apr 2023 21:14:53 -0400
Subject: [PATCH 13/17] Update Prerequisites.vue

---
 src/web/src/pages/Prerequisites.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/web/src/pages/Prerequisites.vue b/src/web/src/pages/Prerequisites.vue
index 957cc6e38..948f2812c 100644
--- a/src/web/src/pages/Prerequisites.vue
+++ b/src/web/src/pages/Prerequisites.vue
@@ -32,8 +32,8 @@
     },
     methods: {
       submit() {
-        
         this.$emit('', this.message)
+        this.message = ''
       }
     }
   }

From 2577ade6263bad10269275cb4c2aac77bbb7ec7b Mon Sep 17 00:00:00 2001
From: YCK03 <55895494+YCK03@users.noreply.github.com>
Date: Tue, 11 Apr 2023 21:19:59 -0400
Subject: [PATCH 14/17] Overhaul of Prerequisites.vue

I overhauled the entire page to make it simpler for me to understand. I made it so that you have 2 input text boxes, one for department code and one for course number, this will output the course onto the page. I then created an erase button in case you want to get rid of a specific course, then I made a function that will delete it off the site with a click on it.
---
 src/web/src/pages/Prerequisites.vue | 201 ++++++++++------------------
 1 file changed, 73 insertions(+), 128 deletions(-)

diff --git a/src/web/src/pages/Prerequisites.vue b/src/web/src/pages/Prerequisites.vue
index 948f2812c..cb479da9a 100644
--- a/src/web/src/pages/Prerequisites.vue
+++ b/src/web/src/pages/Prerequisites.vue
@@ -1,149 +1,94 @@
-<!--
-  look at newCourse Scheduler
--->
 
 <template>
-  <b-container class="py-3 h-100 main-body">
+  <div>
+    <header style = "color:deepskyblue;">
+      <h2>Enter Prerequisite Course Code</h2>
+    </header>
     
-    <b-row>
-      <p>Please enter your Course Code: {{ message }}</p>
-    </b-row>
-    
-    <b-row>
-	    <input v-model="message" placeholder="Enter the course code" hint = "ex. CSCI-1200" />
-      <b-col>
-        <button v-on:click="submit()">Submit Prerequisites</button>
-      </b-col>
-    </b-row>
+    <label for="department">Department code</label>
+    <input id = "department" v-model="department" type="text" maxlength="4">
+
+    <!-- bug with length of number -->
+    <input v-model="courseID" type="number" max="9999">
     
+    <button @click = "addCourse">Submit</button>
+    <button @click = "removePrereq">Erase</button>
+    <h3>Click on any prerequisite to delete them</h3>
     
-  </b-container>
-  
+    <ul>
+      <li v-for="(course, index) in Plist" :key="index" v-on:click = "deleteCourse(index)">{{ course }}</li>
+    </ul>
+  </div>
 </template>
 
+<script>
 
 
-<script>
-  export default {
-    data() {
-      return {
-        message: ''
+export default {
+  data() {
+    const Plist = localStorage.getItem('Plist');
+    
+    if (Plist) {
+        this.Plist = Plist.split(",");
+      } else {
+        this.Plist = [];
+      }
+    return {
+      combination: '',
+      department: '',
+      courseID: '',
+      this:Plist,
+    };
+  },
+  methods: {
+    addCourse() {
+      if (this.courseID.trim() !== '' && this.department.trim() !== '') {
+        this.department = this.department.toUpperCase();
+        this.combination  = this.department + "-" + this.courseID;
+        this.Plist.push(this.combination);
+        this.courseID = '';
+        this.department = '';
+      }
+    },
+    removePrereq(){
+      if (this.courseID.trim() !== '' && this.department.trim() !== '') {
+        this.department = this.department.toUpperCase();
+        this.combination  = this.department + '-' + this.courseID;
+        this.Plist.splice(this.combination);
+        this.courseID = '';
+        this.department = '';
       }
     },
-    methods: {
-      submit() {
-        this.$emit('', this.message)
-        this.message = ''
+    deleteCourse(index) {
+      if(this.courseID.trim() == '' || this.department.trim() == ''){
+        this.combination = this.Plist[index];
+        this.Plist.splice(index,1);
+        this.courseID = '';
+        this.department = 'x';
+        this.department = '';
       }
+      
     }
-  }
-</script>
-
-
-
-
-
-<!-- <template>
-  <b-container fluid class="py-3 h-100 main-body">
-    <b-row class="h-100">
-      <b-col md="4" class="d-flex flex-column">
-        <b-tabs card class="h-100 d-flex flex-column flex-grow-1">
-          <b-tab
-            title = Prerequisites
-            active
-            class="flex-grow-1 w-100"
-            data-cy="course-search-tab"
-          >
-
-            <b-card-text class="d-flex flex-grow-1 w-100">
-              <CenterSpinner
-                v-if="loading"
-                class="d-flex flex-grow-1 flex-column w-100 justify-content-center align-items-center"
-                :height="60"
-                :fontSize="1"
-                loadingMessage="Prerequisites"
-                :topSpacing="0"
-              />
-
-              <CourseList
-                v-if="!loading"
-                @addCourse="addCourse"
-                @removeCourse="removeCourse"
-                @showCourseInfo="showCourseInfo"
-                class="w-100"
-              />
-
-              
-            </b-card-text>
-        </b-tab>
-        </b-tabs>
-      </b-col>
-      <div class = "col-md-10">
-        
-      </div>
-    </b-row>
-  </b-container>
-</template>
-
-
-<script>
-import CourseListComponent from "@/components/CourseList";
-import CenterSpinnerComponent from "../components/CenterSpinner";
-// import SelectedCoursesComponent from "@/components/SelectedCourses";
-export default{
-  name: "MainPage",
-  // mixins: [NotificationsMixin],
-  components: {
-    // Schedule: ScheduleComponent,
-    // SelectedCourses: SelectedCoursesComponent,
-    CourseList: CourseListComponent,
-    CenterSpinner: CenterSpinnerComponent,
   },
-};
-</script>
- -->
-
-
-
-
-
-<!-- 
-<template>
-  <p class = "Prerequisites"> Prerequisites {{ Prerequisites }}</p>
-  <b-tab
-    title = "Department"
-    active
-  >
-  <CourseList
-                  v-if="!loading"
-                  @addCourse="addCourse"
-                  @removeCourse="removeCourse"
-                  @showCourseInfo="showCourseInfo"
-                  class="w-100"
-                />
-</template>
-
-<script>
-import CourseListComponent from "@/components/CourseList";
-export default {
-    name:"Prerequisites",
-    components : {
-      CourseList: CourseListComponent,
+  watch: {
+    Plist: {
+      handler() {
+        localStorage.setItem('Plist', this.Plist.join(','));
+      },
+      deep: true,
     },
-    data() {
-    return {
-      Prerequisites: 'Select your classes from the menu below'
-    }
-  }
+  },
 };
 </script>
-
 <style>
-.Prerequisites{
-    color: blue;
-  
+input {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+button {
+  margin-left: 30px;
+  margin-right: 10px;
 }
 
-</style> 
 
- -->
+</style>
\ No newline at end of file

From e9f034faedeac37b795171ae732127bddf23744a Mon Sep 17 00:00:00 2001
From: YCK03 <55895494+YCK03@users.noreply.github.com>
Date: Thu, 13 Apr 2023 15:23:26 -0400
Subject: [PATCH 15/17] Update to undo the last entered prerequisite

---
 src/web/src/pages/Prerequisites.vue | 31 +++++++++++++++++------------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/src/web/src/pages/Prerequisites.vue b/src/web/src/pages/Prerequisites.vue
index cb479da9a..873066b5b 100644
--- a/src/web/src/pages/Prerequisites.vue
+++ b/src/web/src/pages/Prerequisites.vue
@@ -6,14 +6,14 @@
     </header>
     
     <label for="department">Department code</label>
-    <input id = "department" v-model="department" type="text" maxlength="4">
+    <input id = "department" v-model="department" type="text" maxlength="4"/>
 
     <!-- bug with length of number -->
-    <input v-model="courseID" type="number" max="9999">
+    <input v-model="courseID" type="number" max="9999"/>
     
     <button @click = "addCourse">Submit</button>
-    <button @click = "removePrereq">Erase</button>
-    <h3>Click on any prerequisite to delete them</h3>
+    <button @click = "removePrereq">Undo</button>
+    <span class = "info">Click on any prerequisite to delete them</span>
     
     <ul>
       <li v-for="(course, index) in Plist" :key="index" v-on:click = "deleteCourse(index)">{{ course }}</li>
@@ -36,7 +36,7 @@ export default {
     return {
       combination: '',
       department: '',
-      courseID: '',
+      courseID: null,
       this:Plist,
     };
   },
@@ -44,6 +44,10 @@ export default {
     addCourse() {
       if (this.courseID.trim() !== '' && this.department.trim() !== '') {
         this.department = this.department.toUpperCase();
+        if(this.courseID > 9999) {
+          const temper = this.courseID.toString().splice(0,4);
+          this.courseID = parseInt(temper);
+        }
         this.combination  = this.department + "-" + this.courseID;
         this.Plist.push(this.combination);
         this.courseID = '';
@@ -51,13 +55,12 @@ export default {
       }
     },
     removePrereq(){
-      if (this.courseID.trim() !== '' && this.department.trim() !== '') {
-        this.department = this.department.toUpperCase();
-        this.combination  = this.department + '-' + this.courseID;
-        this.Plist.splice(this.combination);
-        this.courseID = '';
-        this.department = '';
-      }
+      
+      this.Plist.pop();
+      this.courseID = '';
+      this.department = 'x';
+      this.department = '';
+      
     },
     deleteCourse(index) {
       if(this.courseID.trim() == '' || this.department.trim() == ''){
@@ -89,6 +92,8 @@ button {
   margin-left: 30px;
   margin-right: 10px;
 }
-
+.info {
+  display: block;
+}
 
 </style>
\ No newline at end of file

From 697b4c71d7c9427e272b157d7c07b0cce893aa92 Mon Sep 17 00:00:00 2001
From: YCK03 <55895494+YCK03@users.noreply.github.com>
Date: Sat, 22 Apr 2023 23:29:09 -0400
Subject: [PATCH 16/17] Attempt at dropdown menu for the department codes

---
 src/web/src/pages/Prerequisites.vue | 87 ++++++++++++++++++++++-------
 1 file changed, 68 insertions(+), 19 deletions(-)

diff --git a/src/web/src/pages/Prerequisites.vue b/src/web/src/pages/Prerequisites.vue
index 873066b5b..c7767445c 100644
--- a/src/web/src/pages/Prerequisites.vue
+++ b/src/web/src/pages/Prerequisites.vue
@@ -1,27 +1,37 @@
 
 <template>
-  <div>
+  <b-container fluid>
+    <div v-if="errorM" class ="misread">{{ errorM }}</div>
     <header style = "color:deepskyblue;">
       <h2>Enter Prerequisite Course Code</h2>
     </header>
     
-    <label for="department">Department code</label>
-    <input id = "department" v-model="department" type="text" maxlength="4"/>
+    <!-- <label for="department">Class code</label> -->
+
+    <v-select
+    v-model = "deptCode" :items="deptL" label="select department code"></v-select>
+    <!-- <input id = "department" v-model="department" placeholder="ex.CSCI" type="text" maxlength="4"/> -->
 
     <!-- bug with length of number -->
-    <input v-model="courseID" type="number" max="9999"/>
+    <input v-model="courseID" placeholder="course number" type="number" max="9999"/>
+    
+    <button class = "editedButton" @click = "addCourse">Submit</button>
+    
+
+
+    <button class = "editedButton" @click = "removePrereq">Undo</button>
+    <button class = "editedButton" @click = "clearing">Erase</button>
     
-    <button @click = "addCourse">Submit</button>
-    <button @click = "removePrereq">Undo</button>
     <span class = "info">Click on any prerequisite to delete them</span>
     
     <ul>
       <li v-for="(course, index) in Plist" :key="index" v-on:click = "deleteCourse(index)">{{ course }}</li>
     </ul>
-  </div>
+  </b-container>
 </template>
 
 <script>
+// import components from "@components/DepartmentList"; 
 
 
 export default {
@@ -33,25 +43,38 @@ export default {
       } else {
         this.Plist = [];
       }
+      
     return {
       combination: '',
       department: '',
+      errorM: '',
       courseID: null,
       this:Plist,
+      deptL:['ARTS', 'COGS', 'STSH', 'STSS', 'COMM', 'ECON', 'GSAS', 'IHSS', 'LANG', 'LITR', 
+      'PHIL', 'PSYC', 'WRIT', 'BMED', 'CHME', 'ECSE', 'ENVE', 'MANE', 'MTLE', 'CIVL', 'ENGR', 
+      'ISYE', 'EPOW', 'BCBP', 'CSCI', 'ERTH', 'IENV', 'ISCI', 'MATP', 'PHYS', 'ASTR', 'BIOL', 'CHEM', 
+      'MATH', 'ITWS', 'ARCH', 'LGHT', 'MGMT', 'ADMN', 'USAF', 'USNA', 'USAR'],
+      deptcode:null,
+
     };
   },
   methods: {
     addCourse() {
       if (this.courseID.trim() !== '' && this.department.trim() !== '') {
         this.department = this.department.toUpperCase();
-        if(this.courseID > 9999) {
-          const temper = this.courseID.toString().splice(0,4);
-          this.courseID = parseInt(temper);
+        if(this.courseID > 9999 || this.courseID < 1000) {
+         this.errorM = "invalid course number, change course ID number"
+         setTimeout(() => {
+          this.errorM = ''
+         }, 2000)
+
+        } else {
+          this.combination  = this.department + "-" + this.courseID;
+          this.Plist.push(this.combination);
+          this.courseID = '';
+          this.department = '';
         }
-        this.combination  = this.department + "-" + this.courseID;
-        this.Plist.push(this.combination);
-        this.courseID = '';
-        this.department = '';
+        
       }
     },
     removePrereq(){
@@ -63,14 +86,20 @@ export default {
       
     },
     deleteCourse(index) {
-      if(this.courseID.trim() == '' || this.department.trim() == ''){
+      // if(this.courseID.trim() == '' || this.department.trim() == ''){
         this.combination = this.Plist[index];
         this.Plist.splice(index,1);
         this.courseID = '';
         this.department = 'x';
         this.department = '';
-      }
+      // }
       
+    },
+    clearing() {
+      this.Plist = [];
+      this.courseID = '';
+      this.department = 'x';
+      this.department = '';
     }
   },
   watch: {
@@ -83,17 +112,37 @@ export default {
   },
 };
 </script>
+
 <style>
 input {
   margin-left: 10px;
   margin-right: 10px;
 }
-button {
+
+.info {
+  display: block;
+}
+.editedButton {
+  background-color: #b5b3e2;
+  border: none;
+  text-align: center;
   margin-left: 30px;
   margin-right: 10px;
+  border-radius: 8px;
 }
-.info {
-  display: block;
+
+.courseButton {
+  background-color: #3f35eb;
+  border: none;
+  text-align: center;
+  margin-left: 30px;
+  margin-right: 10px;
+  border-radius: 8px;
 }
 
+.misread {
+  background-color: red;
+  color: white;
+  padding: 10px;
+}
 </style>
\ No newline at end of file

From 5c0c248f525403995d3492fbcae402b53bbc98ad Mon Sep 17 00:00:00 2001
From: YCK03 <55895494+YCK03@users.noreply.github.com>
Date: Wed, 26 Apr 2023 12:06:45 -0400
Subject: [PATCH 17/17] Made an undo function that undoes what was deleted

---
 src/web/src/pages/Prerequisites.vue | 36 ++++++++++++++++++++---------
 1 file changed, 25 insertions(+), 11 deletions(-)

diff --git a/src/web/src/pages/Prerequisites.vue b/src/web/src/pages/Prerequisites.vue
index c7767445c..64e3c75d0 100644
--- a/src/web/src/pages/Prerequisites.vue
+++ b/src/web/src/pages/Prerequisites.vue
@@ -8,10 +8,18 @@
     
     <!-- <label for="department">Class code</label> -->
 
-    <v-select
-    v-model = "deptCode" :items="deptL" label="select department code"></v-select>
+    <!-- <v-select
+    v-model = "deptCode" :items="deptL" label="select department code"></v-select> -->
+    
+    
     <!-- <input id = "department" v-model="department" placeholder="ex.CSCI" type="text" maxlength="4"/> -->
+    
+    <select v-model="department">
+      <option disabled value="">Please select a Department code</option>
+      <option v-for="chosen in deptL" :key="chosen">{{ chosen }}</option>
+    </select>
 
+    <span>  Selected: {{ deptCode }}</span>
     <!-- bug with length of number -->
     <input v-model="courseID" placeholder="course number" type="number" max="9999"/>
     
@@ -19,7 +27,7 @@
     
 
 
-    <button class = "editedButton" @click = "removePrereq">Undo</button>
+    <button class = "editedButton" @click = "Undoer">Undo</button>
     <button class = "editedButton" @click = "clearing">Erase</button>
     
     <span class = "info">Click on any prerequisite to delete them</span>
@@ -54,7 +62,7 @@ export default {
       'PHIL', 'PSYC', 'WRIT', 'BMED', 'CHME', 'ECSE', 'ENVE', 'MANE', 'MTLE', 'CIVL', 'ENGR', 
       'ISYE', 'EPOW', 'BCBP', 'CSCI', 'ERTH', 'IENV', 'ISCI', 'MATP', 'PHYS', 'ASTR', 'BIOL', 'CHEM', 
       'MATH', 'ITWS', 'ARCH', 'LGHT', 'MGMT', 'ADMN', 'USAF', 'USNA', 'USAR'],
-      deptcode:null,
+      undone: '',
 
     };
   },
@@ -77,19 +85,20 @@ export default {
         
       }
     },
-    removePrereq(){
-      
-      this.Plist.pop();
-      this.courseID = '';
+    Undoer(){
+      if (this.undone.trim() !== ''){
+        this.Plist.push(this.undone);
+        this.undone = '';
+      }
       this.department = 'x';
       this.department = '';
-      
     },
     deleteCourse(index) {
       // if(this.courseID.trim() == '' || this.department.trim() == ''){
+        this.undone = this.Plist[index];
         this.combination = this.Plist[index];
         this.Plist.splice(index,1);
-        this.courseID = '';
+        this.courseID = null;
         this.department = 'x';
         this.department = '';
       // }
@@ -97,7 +106,7 @@ export default {
     },
     clearing() {
       this.Plist = [];
-      this.courseID = '';
+      this.courseID = null;
       this.department = 'x';
       this.department = '';
     }
@@ -145,4 +154,9 @@ input {
   color: white;
   padding: 10px;
 }
+
+.select {
+  padding-right: 10%;
+  padding-left: 10%;
+}
 </style>
\ No newline at end of file