From ac783a8df38461503ed31269af4146c9854a12c0 Mon Sep 17 00:00:00 2001
From: githubmamatha <harmainimamatha@gmail.com>
Date: Mon, 17 Jun 2024 12:01:06 -0700
Subject: [PATCH 01/11] Grad2-2622 Fine Arts Applied Skills code table on Codes
 tab.

---
 .../Codes/FineArtsAppliedSkillsCodes.vue      | 87 +++++++++++++++++++
 frontend/src/router/index.js                  |  8 ++
 frontend/src/services/CourseService.js        |  3 +
 frontend/src/views/Codes.vue                  | 34 ++++++++
 4 files changed, 132 insertions(+)
 create mode 100644 frontend/src/components/Codes/FineArtsAppliedSkillsCodes.vue

diff --git a/frontend/src/components/Codes/FineArtsAppliedSkillsCodes.vue b/frontend/src/components/Codes/FineArtsAppliedSkillsCodes.vue
new file mode 100644
index 00000000..b136b4ce
--- /dev/null
+++ b/frontend/src/components/Codes/FineArtsAppliedSkillsCodes.vue
@@ -0,0 +1,87 @@
+<template>
+  <div>
+    <p>A list of Fine Arts Applied Skills Codes maintained in this table.</p>
+    {{fineArtsAppliedSkillsTypes}}
+    <DisplayTable
+        title="Fine Arts Applied Skills Codes"
+        v-bind:items="fineArtsAppliedSkillsTypes"
+        v-bind:fields="fineArtsAppliedSkillsTypesFields"
+        id=""
+        showFilter="true"
+    >
+      <template #cell(effectiveDate)="row">
+        {{ $filters.formatSimpleDate(row.item.effectiveDate) }}
+      </template>
+      <template #cell(expiryDate)="row">
+        {{ $filters.formatSimpleDate(row.item.expiryDate) }}
+      </template>
+    </DisplayTable>
+  </div>
+</template>
+
+<script>
+import DisplayTable from "@/components/DisplayTable.vue";
+import CourseService from "@/services/CourseService";
+
+export default {
+  name: "FineArtsAppliedSkillsTypes",
+  components: {
+    DisplayTable: DisplayTable,
+  },
+  created() {
+    CourseService.getFineArtsAppliedSkillsTypes()
+        .then((response) => {
+          this.fineArtsAppliedSkillsTypes = response.data;
+        })
+        // eslint-disable-next-line
+        .catch((error) => {
+          this.$bvToast.toast("ERROR " + error.response.statusText, {
+            title: "ERROR" + error.response.status,
+            variant: "danger",
+            noAutoHide: true,
+          });
+        });
+  },
+  data: function () {
+    return {
+      fineArtsAppliedSkillsTypes: [],
+      fineArtsAppliedSkillsTypesFields: [
+        {
+          key: "code",
+          label: "Code",
+          sortable: true,
+          sortDirection: "desc",
+        },
+        {
+          key: "label",
+          label: "Label",
+          sortable: true,
+        },
+        {
+          key: "description",
+          label: "Description",
+          sortable: true,
+        },
+        {
+          key: "effectiveDate",
+          label: "Effective Date",
+          sortable: true,
+        },
+        {
+          key: "expiryDate",
+          label: "Expiry Date",
+          sortable: true,
+        },
+      ],
+    };
+  },
+  methods: {},
+};
+</script>
+
+<style>
+.table th,
+.table td {
+  border-top: none !important;
+}
+</style>
diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js
index e896d303..45279dce 100644
--- a/frontend/src/router/index.js
+++ b/frontend/src/router/index.js
@@ -20,6 +20,7 @@ import UngradReasons from "../components/Codes/UngradReasons.vue";
 import HistoryActivityCodes from "../components/Codes/HistoryActivityCodes.vue";
 import DocumentStatusCode from "../components/Codes/DocumentStatusCode.vue";
 import BatchTypes from "../components/Codes/BatchTypes.vue";
+import FineArtsAppliedSkillsTypes from "../components/Codes/FineArtsAppliedSkillsCodes.vue";
 // Programs
 import AdminGraduationPrograms from "../views/Programs.vue";
 import AlgorithmRules from "../components/Programs/AlgorithmRules.vue";
@@ -351,6 +352,13 @@ const router = createRouter({
             requiresAuth: true,
           },
         },
+        {
+          path: "/codes/fine-arts-applied-skills",
+          component: FineArtsAppliedSkillsTypes,
+          meta: {
+            requiresAuth: true,
+          },
+        },
       ],
       meta: {
         requiresAuth: true,
diff --git a/frontend/src/services/CourseService.js b/frontend/src/services/CourseService.js
index 43aeccf8..966a03c5 100644
--- a/frontend/src/services/CourseService.js
+++ b/frontend/src/services/CourseService.js
@@ -44,4 +44,7 @@ export default {
       "/api/v1/course/studentexam/pen/" + pen + "?sortForUI=true"
     );
   },
+  getFineArtsAppliedSkillsTypes() {
+    return ApiService.apiAxios.get("/api/v1/course/fineArtsAppliedSkillsCodes");
+  },
 };
diff --git a/frontend/src/views/Codes.vue b/frontend/src/views/Codes.vue
index 5ab184fa..946b6f8b 100644
--- a/frontend/src/views/Codes.vue
+++ b/frontend/src/views/Codes.vue
@@ -103,6 +103,12 @@
               @click="tab = 7"
               >Batch Type Codes</b-nav-item
             >
+          <b-nav-item
+            to="/codes/fine-arts-applied-skills"
+            :active="tab === 8"
+            @click="tab = 8"
+            >Fine Arts Applied Skills Code</b-nav-item
+          >
           </b-nav>
         </b-card-header>
         <b-card-body>
@@ -123,6 +129,7 @@ import GraduationReportService from "@/services/GraduationReportService.js";
 import StudentService from "@/services/StudentService.js";
 import ProgramManagementService from "@/services/ProgramManagementService.js";
 import BatchProcessingService from "@/services/BatchProcessingService.js";
+import CourseService from "@/services/CourseService";
 
 export default {
   name: "codes",
@@ -148,6 +155,19 @@ export default {
           sortable: true,
         },
       ],
+      fineArtsAppliedSkillsTypes: [],
+      fineArtsAppliedSkillsTypesFields: [
+        {
+          key: "code",
+          label: "Code",
+          sortable: true,
+        },
+        {
+          key: "label",
+          label: "Label",
+          sortable: true,
+        },
+      ],
       reportSignaturesFields: [
         {
           key: "signatureContent",
@@ -328,6 +348,7 @@ export default {
     this.getStudentStatusCodes();
     this.getUngradReasons();
     this.getBatchJobTypes();
+    this.getFineArtsAppliedSkillsTypes();
   },
   methods: {
     closeDropdown(dropdown) {
@@ -420,6 +441,19 @@ export default {
           });
         });
     },
+    getFineArtsAppliedSkillsTypes() {
+      console.log(CourseService.getFineArtsAppliedSkillsTypes()
+          .then((response) => {
+            this.fineArtsAppliedSkillsTypes = response.data;
+          })
+          .catch((error) => {
+            this.$bvToast.toast("ERROR " + error.response.statusText, {
+              title: "ERROR" + error.response.status,
+              variant: "danger",
+              noAutoHide: true,
+            });
+          }));
+    },
     getUngradReasons() {
       StudentService.getUngradReasons()
         .then((response) => {

From fdb5b3043a83373c92fa401c8f27c4eb389e1191 Mon Sep 17 00:00:00 2001
From: suzalflueck <samflueck95@gmail.com>
Date: Mon, 17 Jun 2024 15:23:40 -0700
Subject: [PATCH 02/11] Updated FaAs code key and applied displayOrder sort

---
 .../Codes/FineArtsAppliedSkillsCodes.vue      | 42 +++++++++++--------
 1 file changed, 24 insertions(+), 18 deletions(-)

diff --git a/frontend/src/components/Codes/FineArtsAppliedSkillsCodes.vue b/frontend/src/components/Codes/FineArtsAppliedSkillsCodes.vue
index b136b4ce..9fb8f3c5 100644
--- a/frontend/src/components/Codes/FineArtsAppliedSkillsCodes.vue
+++ b/frontend/src/components/Codes/FineArtsAppliedSkillsCodes.vue
@@ -1,13 +1,12 @@
 <template>
   <div>
     <p>A list of Fine Arts Applied Skills Codes maintained in this table.</p>
-    {{fineArtsAppliedSkillsTypes}}
     <DisplayTable
-        title="Fine Arts Applied Skills Codes"
-        v-bind:items="fineArtsAppliedSkillsTypes"
-        v-bind:fields="fineArtsAppliedSkillsTypesFields"
-        id=""
-        showFilter="true"
+      title="Fine Arts Applied Skills Codes"
+      v-bind:items="sortedFaAsCodes"
+      v-bind:fields="fineArtsAppliedSkillsTypesFields"
+      id="fineArtsAppliedSkillsCode"
+      showFilter="true"
     >
       <template #cell(effectiveDate)="row">
         {{ $filters.formatSimpleDate(row.item.effectiveDate) }}
@@ -23,6 +22,9 @@
 import DisplayTable from "@/components/DisplayTable.vue";
 import CourseService from "@/services/CourseService";
 
+// import shared functions & validations
+import { applyDisplayOrder } from "@/utils/common.js";
+
 export default {
   name: "FineArtsAppliedSkillsTypes",
   components: {
@@ -30,24 +32,24 @@ export default {
   },
   created() {
     CourseService.getFineArtsAppliedSkillsTypes()
-        .then((response) => {
-          this.fineArtsAppliedSkillsTypes = response.data;
-        })
-        // eslint-disable-next-line
-        .catch((error) => {
-          this.$bvToast.toast("ERROR " + error.response.statusText, {
-            title: "ERROR" + error.response.status,
-            variant: "danger",
-            noAutoHide: true,
-          });
+      .then((response) => {
+        this.fineArtsAppliedSkillsTypes = response.data;
+      })
+      // eslint-disable-next-line
+      .catch((error) => {
+        this.$bvToast.toast("ERROR " + error.response.statusText, {
+          title: "ERROR" + error.response.status,
+          variant: "danger",
+          noAutoHide: true,
         });
+      });
   },
   data: function () {
     return {
       fineArtsAppliedSkillsTypes: [],
       fineArtsAppliedSkillsTypesFields: [
         {
-          key: "code",
+          key: "fineArtsAppliedSkillsCode",
           label: "Code",
           sortable: true,
           sortDirection: "desc",
@@ -75,7 +77,11 @@ export default {
       ],
     };
   },
-  methods: {},
+  computed: {
+    sortedFaAsCodes() {
+      return applyDisplayOrder(this.fineArtsAppliedSkillsTypes);
+    },
+  },
 };
 </script>
 

From ec621497f74261b088a6e056798ed92a8a634c38 Mon Sep 17 00:00:00 2001
From: suzalflueck <samflueck95@gmail.com>
Date: Mon, 17 Jun 2024 15:57:25 -0700
Subject: [PATCH 03/11] Moved FaAs codes to courses view/tab

---
 .../FineArtsAppliedSkillsCodes.vue            |  7 ++--
 frontend/src/views/Codes.vue                  | 33 -------------------
 frontend/src/views/Courses.vue                |  7 ++++
 3 files changed, 12 insertions(+), 35 deletions(-)
 rename frontend/src/components/{Codes => Courses}/FineArtsAppliedSkillsCodes.vue (91%)

diff --git a/frontend/src/components/Codes/FineArtsAppliedSkillsCodes.vue b/frontend/src/components/Courses/FineArtsAppliedSkillsCodes.vue
similarity index 91%
rename from frontend/src/components/Codes/FineArtsAppliedSkillsCodes.vue
rename to frontend/src/components/Courses/FineArtsAppliedSkillsCodes.vue
index 9fb8f3c5..4c978a97 100644
--- a/frontend/src/components/Codes/FineArtsAppliedSkillsCodes.vue
+++ b/frontend/src/components/Courses/FineArtsAppliedSkillsCodes.vue
@@ -1,6 +1,9 @@
 <template>
   <div>
-    <p>A list of Fine Arts Applied Skills Codes maintained in this table.</p>
+    <p>
+      Fine Arts Applied Skills codes Indicates that a course is being used for
+      the Fine Arts and/or Applied Skills graduation requirement.
+    </p>
     <DisplayTable
       title="Fine Arts Applied Skills Codes"
       v-bind:items="sortedFaAsCodes"
@@ -26,7 +29,7 @@ import CourseService from "@/services/CourseService";
 import { applyDisplayOrder } from "@/utils/common.js";
 
 export default {
-  name: "FineArtsAppliedSkillsTypes",
+  name: "FineArtsAppliedSkillsCodes",
   components: {
     DisplayTable: DisplayTable,
   },
diff --git a/frontend/src/views/Codes.vue b/frontend/src/views/Codes.vue
index 946b6f8b..95032c3a 100644
--- a/frontend/src/views/Codes.vue
+++ b/frontend/src/views/Codes.vue
@@ -103,12 +103,6 @@
               @click="tab = 7"
               >Batch Type Codes</b-nav-item
             >
-          <b-nav-item
-            to="/codes/fine-arts-applied-skills"
-            :active="tab === 8"
-            @click="tab = 8"
-            >Fine Arts Applied Skills Code</b-nav-item
-          >
           </b-nav>
         </b-card-header>
         <b-card-body>
@@ -155,19 +149,6 @@ export default {
           sortable: true,
         },
       ],
-      fineArtsAppliedSkillsTypes: [],
-      fineArtsAppliedSkillsTypesFields: [
-        {
-          key: "code",
-          label: "Code",
-          sortable: true,
-        },
-        {
-          key: "label",
-          label: "Label",
-          sortable: true,
-        },
-      ],
       reportSignaturesFields: [
         {
           key: "signatureContent",
@@ -348,7 +329,6 @@ export default {
     this.getStudentStatusCodes();
     this.getUngradReasons();
     this.getBatchJobTypes();
-    this.getFineArtsAppliedSkillsTypes();
   },
   methods: {
     closeDropdown(dropdown) {
@@ -441,19 +421,6 @@ export default {
           });
         });
     },
-    getFineArtsAppliedSkillsTypes() {
-      console.log(CourseService.getFineArtsAppliedSkillsTypes()
-          .then((response) => {
-            this.fineArtsAppliedSkillsTypes = response.data;
-          })
-          .catch((error) => {
-            this.$bvToast.toast("ERROR " + error.response.statusText, {
-              title: "ERROR" + error.response.status,
-              variant: "danger",
-              noAutoHide: true,
-            });
-          }));
-    },
     getUngradReasons() {
       StudentService.getUngradReasons()
         .then((response) => {
diff --git a/frontend/src/views/Courses.vue b/frontend/src/views/Courses.vue
index f8cadb19..762a0335 100644
--- a/frontend/src/views/Courses.vue
+++ b/frontend/src/views/Courses.vue
@@ -173,6 +173,7 @@
             </b-card-text>
           </b-tab>
           <b-tab title="Course restrictions">
+            <!-- TODO: Refactor this into it's own component for Vuetify -->
             <b-card-text>
               <DisplayTable
                 title="Course restrictions"
@@ -304,6 +305,9 @@
               </DisplayTable>
             </b-card-text>
           </b-tab>
+          <b-tab title="Fine Arts Applied Skills">
+            <FineArtsAppliedSkillsCodes
+          /></b-tab>
         </b-tabs>
       </b-card>
     </div>
@@ -314,10 +318,13 @@
 import { showNotification } from "../utils/common.js";
 import CourseService from "@/services/CourseService.js";
 import DisplayTable from "@/components/DisplayTable.vue";
+import FineArtsAppliedSkillsCodes from "@/components/Courses/FineArtsAppliedSkillsCodes.vue";
+
 export default {
   name: "courses",
   components: {
     DisplayTable: DisplayTable,
+    FineArtsAppliedSkillsCodes: FineArtsAppliedSkillsCodes,
   },
   data() {
     return {

From 8a4b2f03a3a9953a95413e0134505605d3bf3b42 Mon Sep 17 00:00:00 2001
From: suzalflueck <samflueck95@gmail.com>
Date: Mon, 17 Jun 2024 16:05:18 -0700
Subject: [PATCH 04/11] Remove unused import from codes view

---
 frontend/src/views/Codes.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/frontend/src/views/Codes.vue b/frontend/src/views/Codes.vue
index 95032c3a..04e28cf2 100644
--- a/frontend/src/views/Codes.vue
+++ b/frontend/src/views/Codes.vue
@@ -122,8 +122,6 @@ import { useAuthStore } from "../store/modules/auth";
 import GraduationReportService from "@/services/GraduationReportService.js";
 import StudentService from "@/services/StudentService.js";
 import ProgramManagementService from "@/services/ProgramManagementService.js";
-import BatchProcessingService from "@/services/BatchProcessingService.js";
-import CourseService from "@/services/CourseService";
 
 export default {
   name: "codes",

From bbf40d1b6d60677c6611949ada040cfa5d162d03 Mon Sep 17 00:00:00 2001
From: suzalflueck <samflueck95@gmail.com>
Date: Mon, 17 Jun 2024 16:07:01 -0700
Subject: [PATCH 05/11] fix

---
 frontend/src/views/Codes.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/src/views/Codes.vue b/frontend/src/views/Codes.vue
index 04e28cf2..5ab184fa 100644
--- a/frontend/src/views/Codes.vue
+++ b/frontend/src/views/Codes.vue
@@ -122,6 +122,7 @@ import { useAuthStore } from "../store/modules/auth";
 import GraduationReportService from "@/services/GraduationReportService.js";
 import StudentService from "@/services/StudentService.js";
 import ProgramManagementService from "@/services/ProgramManagementService.js";
+import BatchProcessingService from "@/services/BatchProcessingService.js";
 
 export default {
   name: "codes",

From f42c03d4756bf5ba3222f8e2f62b5f49cbaaa6f7 Mon Sep 17 00:00:00 2001
From: suzalflueck <samflueck95@gmail.com>
Date: Tue, 18 Jun 2024 08:45:57 -0700
Subject: [PATCH 06/11] fix import

---
 frontend/src/router/index.js | 9 +--------
 1 file changed, 1 insertion(+), 8 deletions(-)

diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js
index 45279dce..f328297c 100644
--- a/frontend/src/router/index.js
+++ b/frontend/src/router/index.js
@@ -20,7 +20,7 @@ import UngradReasons from "../components/Codes/UngradReasons.vue";
 import HistoryActivityCodes from "../components/Codes/HistoryActivityCodes.vue";
 import DocumentStatusCode from "../components/Codes/DocumentStatusCode.vue";
 import BatchTypes from "../components/Codes/BatchTypes.vue";
-import FineArtsAppliedSkillsTypes from "../components/Codes/FineArtsAppliedSkillsCodes.vue";
+
 // Programs
 import AdminGraduationPrograms from "../views/Programs.vue";
 import AlgorithmRules from "../components/Programs/AlgorithmRules.vue";
@@ -352,13 +352,6 @@ const router = createRouter({
             requiresAuth: true,
           },
         },
-        {
-          path: "/codes/fine-arts-applied-skills",
-          component: FineArtsAppliedSkillsTypes,
-          meta: {
-            requiresAuth: true,
-          },
-        },
       ],
       meta: {
         requiresAuth: true,

From 400688738ba93534f252bb9a2dc4b5b31900cad4 Mon Sep 17 00:00:00 2001
From: suzalflueck <samflueck95@gmail.com>
Date: Tue, 18 Jun 2024 13:25:24 -0700
Subject: [PATCH 07/11] added exam special case codes to courses view on UI

---
 .../Courses/ExamSpecialCaseCodes.vue          | 98 +++++++++++++++++++
 .../Courses/FineArtsAppliedSkillsCodes.vue    |  1 -
 frontend/src/services/CourseService.js        |  3 +
 frontend/src/views/Courses.vue                | 11 ++-
 4 files changed, 109 insertions(+), 4 deletions(-)
 create mode 100644 frontend/src/components/Courses/ExamSpecialCaseCodes.vue

diff --git a/frontend/src/components/Courses/ExamSpecialCaseCodes.vue b/frontend/src/components/Courses/ExamSpecialCaseCodes.vue
new file mode 100644
index 00000000..17ad4aaf
--- /dev/null
+++ b/frontend/src/components/Courses/ExamSpecialCaseCodes.vue
@@ -0,0 +1,98 @@
+<template>
+  <div>
+    <p>
+      Identifies the special cases associated with writing the exam or allowing
+      an exemption from exam writing
+    </p>
+    <DisplayTable
+      title="Exam Special Case Codes"
+      v-bind:items="sortedExamSpecialCaseCodes"
+      v-bind:fields="examSpecialCaseCodesFields"
+      id="examSpecialCaseCode"
+      showFilter="true"
+    >
+      <template #cell(effectiveDate)="row">
+        {{ $filters.formatSimpleDate(row.item.effectiveDate) }}
+      </template>
+      <template #cell(expiryDate)="row">
+        {{ $filters.formatSimpleDate(row.item.expiryDate) }}
+      </template>
+    </DisplayTable>
+  </div>
+</template>
+
+<script>
+import DisplayTable from "@/components/DisplayTable.vue";
+import CourseService from "@/services/CourseService";
+
+// import shared functions & validations
+import { applyDisplayOrder } from "@/utils/common.js";
+
+export default {
+  name: "ExamSpecialCaseCodes",
+  components: {
+    DisplayTable: DisplayTable,
+  },
+  created() {
+    // get codes
+    CourseService.getExamSpecialCaseCodes()
+      .then((response) => {
+        this.examSpecialCaseCodes = response.data;
+      })
+      // eslint-disable-next-line
+      .catch((error) => {
+        this.$bvToast.toast("ERROR " + error.response.statusText, {
+          title: "ERROR" + error.response.status,
+          variant: "danger",
+          noAutoHide: true,
+        });
+      });
+  },
+  data: function () {
+    return {
+      examSpecialCaseCodes: [],
+      examSpecialCaseCodesFields: [
+        {
+          key: "examSpecialCaseCode",
+          label: "Code",
+          sortable: true,
+        },
+        {
+          key: "label",
+          label: "Label",
+          sortable: true,
+        },
+        {
+          key: "description",
+          label: "Description",
+          sortable: true,
+        },
+        {
+          key: "effectiveDate",
+          label: "Effective Date",
+          sortable: true,
+          class: "w-25",
+        },
+        {
+          key: "expiryDate",
+          label: "Expiry Date",
+          sortable: true,
+          class: "w-25",
+        },
+      ],
+    };
+  },
+  computed: {
+    sortedExamSpecialCaseCodes() {
+      return applyDisplayOrder(this.examSpecialCaseCodes);
+    },
+  },
+};
+</script>
+
+<style>
+.table th,
+.table td {
+  border-top: none !important;
+}
+</style>
diff --git a/frontend/src/components/Courses/FineArtsAppliedSkillsCodes.vue b/frontend/src/components/Courses/FineArtsAppliedSkillsCodes.vue
index 4c978a97..ac94ca11 100644
--- a/frontend/src/components/Courses/FineArtsAppliedSkillsCodes.vue
+++ b/frontend/src/components/Courses/FineArtsAppliedSkillsCodes.vue
@@ -55,7 +55,6 @@ export default {
           key: "fineArtsAppliedSkillsCode",
           label: "Code",
           sortable: true,
-          sortDirection: "desc",
         },
         {
           key: "label",
diff --git a/frontend/src/services/CourseService.js b/frontend/src/services/CourseService.js
index 966a03c5..eefc94e7 100644
--- a/frontend/src/services/CourseService.js
+++ b/frontend/src/services/CourseService.js
@@ -47,4 +47,7 @@ export default {
   getFineArtsAppliedSkillsTypes() {
     return ApiService.apiAxios.get("/api/v1/course/fineArtsAppliedSkillsCodes");
   },
+  getExamSpecialCaseCodes() {
+    return ApiService.apiAxios.get("/api/v1/course/examSpecialCaseCodes");
+  },
 };
diff --git a/frontend/src/views/Courses.vue b/frontend/src/views/Courses.vue
index 762a0335..176f573c 100644
--- a/frontend/src/views/Courses.vue
+++ b/frontend/src/views/Courses.vue
@@ -172,11 +172,11 @@
               ></DisplayTable>
             </b-card-text>
           </b-tab>
-          <b-tab title="Course restrictions">
+          <b-tab title="Course Restrictions">
             <!-- TODO: Refactor this into it's own component for Vuetify -->
             <b-card-text>
               <DisplayTable
-                title="Course restrictions"
+                title="Course Restrictions"
                 v-bind:items="courseRestrictions"
                 v-bind:fields="courseRestrictionFields"
                 id="courseRestrictionId"
@@ -186,7 +186,7 @@
               </DisplayTable>
             </b-card-text>
           </b-tab>
-          <b-tab title="Course requirements">
+          <b-tab title="Course Requirements">
             <b-card-text>
               <form v-on:submit.prevent>
                 <div class="advanced-search-form">
@@ -308,6 +308,9 @@
           <b-tab title="Fine Arts Applied Skills">
             <FineArtsAppliedSkillsCodes
           /></b-tab>
+          <b-tab title="Exam Special Cases">
+            <ExamSpecialCaseCodes />
+          </b-tab>
         </b-tabs>
       </b-card>
     </div>
@@ -319,12 +322,14 @@ import { showNotification } from "../utils/common.js";
 import CourseService from "@/services/CourseService.js";
 import DisplayTable from "@/components/DisplayTable.vue";
 import FineArtsAppliedSkillsCodes from "@/components/Courses/FineArtsAppliedSkillsCodes.vue";
+import ExamSpecialCaseCodes from "@/components/Courses/ExamSpecialCaseCodes.vue";
 
 export default {
   name: "courses",
   components: {
     DisplayTable: DisplayTable,
     FineArtsAppliedSkillsCodes: FineArtsAppliedSkillsCodes,
+    ExamSpecialCaseCodes: ExamSpecialCaseCodes,
   },
   data() {
     return {

From bf4ae6ef38f36877a332661b2cbe0ae3adca5fee Mon Sep 17 00:00:00 2001
From: suzalflueck <samflueck95@gmail.com>
Date: Tue, 18 Jun 2024 14:10:00 -0700
Subject: [PATCH 08/11] added equivalency or challenge codes to courses view on
 UI

---
 .../Courses/EquivalentOrChallengeCodes.vue    | 96 +++++++++++++++++++
 .../Courses/ExamSpecialCaseCodes.vue          |  2 +-
 frontend/src/services/CourseService.js        |  3 +
 frontend/src/views/Courses.vue                |  5 +
 4 files changed, 105 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/components/Courses/EquivalentOrChallengeCodes.vue

diff --git a/frontend/src/components/Courses/EquivalentOrChallengeCodes.vue b/frontend/src/components/Courses/EquivalentOrChallengeCodes.vue
new file mode 100644
index 00000000..bd852bfc
--- /dev/null
+++ b/frontend/src/components/Courses/EquivalentOrChallengeCodes.vue
@@ -0,0 +1,96 @@
+<template>
+  <div>
+    <p>
+      Indicates if credit for the course was granted through the Equivalency (E)
+      or Challenge (C) process.
+    </p>
+    <DisplayTable
+      title="Exam Special Case Codes"
+      v-bind:items="sortedEquivalentOrChallengeCodes"
+      v-bind:fields="equivalentOrChallengeCodesFields"
+      id="equivalentOrChallengeCode"
+      showFilter="true"
+    >
+      <template #cell(effectiveDate)="row">
+        {{ $filters.formatSimpleDate(row.item.effectiveDate) }}
+      </template>
+      <template #cell(expiryDate)="row">
+        {{ $filters.formatSimpleDate(row.item.expiryDate) }}
+      </template>
+    </DisplayTable>
+  </div>
+</template>
+
+<script>
+import DisplayTable from "@/components/DisplayTable.vue";
+import CourseService from "@/services/CourseService";
+
+// import shared functions & validations
+import { applyDisplayOrder } from "@/utils/common.js";
+
+export default {
+  name: "EquivalentOrChallengeCodes",
+  components: {
+    DisplayTable: DisplayTable,
+  },
+  created() {
+    // get codes
+    CourseService.getEquivalentOrChallengeCodes()
+      .then((response) => {
+        this.equivalentOrChallengeCodes = response.data;
+      })
+      // eslint-disable-next-line
+      .catch((error) => {
+        this.$bvToast.toast("ERROR " + error.response.statusText, {
+          title: "ERROR" + error.response.status,
+          variant: "danger",
+          noAutoHide: true,
+        });
+      });
+  },
+  data: function () {
+    return {
+      equivalentOrChallengeCodes: [],
+      equivalentOrChallengeCodesFields: [
+        {
+          key: "equivalentOrChallengeCode",
+          label: "Code",
+          sortable: true,
+        },
+        {
+          key: "label",
+          label: "Label",
+          sortable: true,
+        },
+        {
+          key: "description",
+          label: "Description",
+          sortable: true,
+        },
+        {
+          key: "effectiveDate",
+          label: "Effective Date",
+          sortable: true,
+        },
+        {
+          key: "expiryDate",
+          label: "Expiry Date",
+          sortable: true,
+        },
+      ],
+    };
+  },
+  computed: {
+    sortedEquivalentOrChallengeCodes() {
+      return applyDisplayOrder(this.equivalentOrChallengeCodes);
+    },
+  },
+};
+</script>
+
+<style>
+.table th,
+.table td {
+  border-top: none !important;
+}
+</style>
diff --git a/frontend/src/components/Courses/ExamSpecialCaseCodes.vue b/frontend/src/components/Courses/ExamSpecialCaseCodes.vue
index 17ad4aaf..d92fd8c4 100644
--- a/frontend/src/components/Courses/ExamSpecialCaseCodes.vue
+++ b/frontend/src/components/Courses/ExamSpecialCaseCodes.vue
@@ -2,7 +2,7 @@
   <div>
     <p>
       Identifies the special cases associated with writing the exam or allowing
-      an exemption from exam writing
+      an exemption from exam writing.
     </p>
     <DisplayTable
       title="Exam Special Case Codes"
diff --git a/frontend/src/services/CourseService.js b/frontend/src/services/CourseService.js
index eefc94e7..3a7a0bf7 100644
--- a/frontend/src/services/CourseService.js
+++ b/frontend/src/services/CourseService.js
@@ -50,4 +50,7 @@ export default {
   getExamSpecialCaseCodes() {
     return ApiService.apiAxios.get("/api/v1/course/examSpecialCaseCodes");
   },
+  getEquivalentOrChallengeCodes() {
+    return ApiService.apiAxios.get("/api/v1/course/equivalentOrChallengeCodes");
+  },
 };
diff --git a/frontend/src/views/Courses.vue b/frontend/src/views/Courses.vue
index 176f573c..ad6d39b4 100644
--- a/frontend/src/views/Courses.vue
+++ b/frontend/src/views/Courses.vue
@@ -311,6 +311,9 @@
           <b-tab title="Exam Special Cases">
             <ExamSpecialCaseCodes />
           </b-tab>
+          <b-tab title="Equivalency or Challenge">
+            <EquivalentOrChallengeCodes />
+          </b-tab>
         </b-tabs>
       </b-card>
     </div>
@@ -323,6 +326,7 @@ import CourseService from "@/services/CourseService.js";
 import DisplayTable from "@/components/DisplayTable.vue";
 import FineArtsAppliedSkillsCodes from "@/components/Courses/FineArtsAppliedSkillsCodes.vue";
 import ExamSpecialCaseCodes from "@/components/Courses/ExamSpecialCaseCodes.vue";
+import EquivalentOrChallengeCodes from "@/components/Courses/EquivalentOrChallengeCodes.vue";
 
 export default {
   name: "courses",
@@ -330,6 +334,7 @@ export default {
     DisplayTable: DisplayTable,
     FineArtsAppliedSkillsCodes: FineArtsAppliedSkillsCodes,
     ExamSpecialCaseCodes: ExamSpecialCaseCodes,
+    EquivalentOrChallengeCodes: EquivalentOrChallengeCodes,
   },
   data() {
     return {

From 7a65e69f31ce66edd124fd75e94dc8e893041209 Mon Sep 17 00:00:00 2001
From: suzalflueck <samflueck95@gmail.com>
Date: Wed, 19 Jun 2024 08:29:47 -0700
Subject: [PATCH 09/11] formatting fix

---
 frontend/src/views/Courses.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/Courses.vue b/frontend/src/views/Courses.vue
index ad6d39b4..06bdc029 100644
--- a/frontend/src/views/Courses.vue
+++ b/frontend/src/views/Courses.vue
@@ -306,8 +306,8 @@
             </b-card-text>
           </b-tab>
           <b-tab title="Fine Arts Applied Skills">
-            <FineArtsAppliedSkillsCodes
-          /></b-tab>
+            <FineArtsAppliedSkillsCodes />
+          </b-tab>
           <b-tab title="Exam Special Cases">
             <ExamSpecialCaseCodes />
           </b-tab>

From 981eb0c20f4c940a4840b265de05de446ff3dbdc Mon Sep 17 00:00:00 2001
From: suzalflueck <samflueck95@gmail.com>
Date: Wed, 19 Jun 2024 09:21:25 -0700
Subject: [PATCH 10/11] fixed format of opt program completion date to YYYY-MM

---
 .../components/StudentProfile/StudentOptionalPrograms.vue   | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/frontend/src/components/StudentProfile/StudentOptionalPrograms.vue b/frontend/src/components/StudentProfile/StudentOptionalPrograms.vue
index dae1fef9..c400d369 100644
--- a/frontend/src/components/StudentProfile/StudentOptionalPrograms.vue
+++ b/frontend/src/components/StudentProfile/StudentOptionalPrograms.vue
@@ -441,6 +441,12 @@
             </DisplayTable>
           </b-card>
         </template>
+
+        <template #cell(optionalProgramCompletionDate)="row">
+          {{
+            $filters.formatYYYYMMDate(row.item.optionalProgramCompletionDate)
+          }}
+        </template>
       </DisplayTable>
     </div>
   </div>

From 3014e2ff37463be901c00136b69a4101a818f329 Mon Sep 17 00:00:00 2001
From: suzalflueck <samflueck95@gmail.com>
Date: Wed, 26 Jun 2024 12:19:38 -0700
Subject: [PATCH 11/11] fix grammar typo

---
 frontend/src/components/Courses/FineArtsAppliedSkillsCodes.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/Courses/FineArtsAppliedSkillsCodes.vue b/frontend/src/components/Courses/FineArtsAppliedSkillsCodes.vue
index ac94ca11..45c2cbd8 100644
--- a/frontend/src/components/Courses/FineArtsAppliedSkillsCodes.vue
+++ b/frontend/src/components/Courses/FineArtsAppliedSkillsCodes.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <p>
-      Fine Arts Applied Skills codes Indicates that a course is being used for
+      Fine Arts Applied Skills codes indicates that a course is being used for
       the Fine Arts and/or Applied Skills graduation requirement.
     </p>
     <DisplayTable