From 4aff2271bee7b2fa0d61c91a5061cd1536595fbc Mon Sep 17 00:00:00 2001
From: Jack Psaras <jack.psaras@uconn.edu>
Date: Wed, 29 Nov 2023 17:58:27 -0500
Subject: [PATCH] Added course details

---
 src/views/ScheduleView.vue | 45 +++++++++++++++++++++++++++++---------
 1 file changed, 35 insertions(+), 10 deletions(-)

diff --git a/src/views/ScheduleView.vue b/src/views/ScheduleView.vue
index d7ce2a1..fb26e9c 100644
--- a/src/views/ScheduleView.vue
+++ b/src/views/ScheduleView.vue
@@ -16,6 +16,16 @@
           <div class="card-content">
             <h4>{{ course.courseName ? course.courseName.S : 'Course Name N/A' }}</h4>
             <button @click="unenroll(course.courseName.S)" class="unenroll-btn">Unenroll</button>
+            <!-- Display additional course information -->
+            <div v-if="courseDetails[index]">
+              <p><strong>Location:</strong> {{ courseDetails[index].location.S }}</p>
+              <p><strong>Days:</strong> {{ courseDetails[index].days.S }}</p>
+              <p><strong>Seats:</strong> {{ courseDetails[index].seats.N }}</p>
+              <p><strong>Professor:</strong> {{ courseDetails[index].professor.S }}</p>
+              <p><strong>Major:</strong> {{ courseDetails[index].major.S }}</p>
+              <p><strong>Time:</strong> {{ courseDetails[index].time.S }}</p>
+              <p><strong>Type:</strong> {{ courseDetails[index].type.S }}</p>
+            </div>
           </div>
         </div>
       </div>
@@ -37,21 +47,35 @@ export default {
     const parsedName = parsedUser._value.name;
     const parsedEmail = parsedUser._value.email;
     const schedule = ref([]);
+    const courseDetails = ref([]);
 
-    const viewSchedule = () => {
+    const viewSchedule = async () => {
       const url = 'https://xb55sqy2kf.execute-api.us-east-1.amazonaws.com/prod/testing';
 
-      axios.get(url, {
-        params: {
-          name: parsedName,
-        },
-      })
-      .then(response => {
+      try {
+        const response = await axios.get(url, {
+          params: {
+            name: parsedName,
+          },
+        });
+
         schedule.value = response.data;
-      })
-      .catch(error => {
+
+        // Fetch additional course details for each course
+        const promises = schedule.value.map(course => {
+          const courseDetailsUrl = 'https://8dbuywnj95.execute-api.us-east-1.amazonaws.com/Final_stage_course/search';
+          return axios.get(courseDetailsUrl, {
+            params: {
+              name: course.courseName.S,
+            },
+          });
+        });
+
+        const detailsResponses = await Promise.all(promises);
+        courseDetails.value = detailsResponses.map(response => response.data);
+      } catch (error) {
         console.error('Error fetching schedule:', error);
-      });
+      }
     };
 
     const unenroll = (courseName) => {
@@ -77,6 +101,7 @@ export default {
       parsedName,
       parsedEmail,
       schedule,
+      courseDetails,
       viewSchedule,
       unenroll,
     };