Updated main

src/App.vue

@@ -18,7 +18,6 @@ export default {
         { path: '/fetch', label: 'Create an Account' },
         { path: { name: 'search' }, label: 'Course Search' },
         { path: '/schedule', label: 'Schedule View' },
-        { path: '/searchtool', label: 'Search'},
         { path: '/admin/createcourse', label: 'Create Course' },
         { path: '/login', label: 'Login' },
       ]
@@ -29,4 +28,4 @@ export default {
     Footer
   }
 };
-</script>
+</script>

src/components/Header.vue

@@ -1,75 +1,74 @@
 <template>
-    <header class="site-header">
-      <div class="header-content">
-        <h1 class="header-title">Section 2 Group 3 </h1>
-        <nav>
-          <ul class="tabs">
-            <li v-for="tab in tabs" :key="tab.path" :class="{ active: isActiveTab(tab.path) }">
-              <router-link :to="tab.path">{{ tab.label }}</router-link>
-            </li>
-          </ul>
-        </nav>
-      </div>
-    </header>
-  </template>
-
-  <script>
-  export default {
-    props: {
-      tabs: Array
-    },
-    methods: {
-      isActiveTab(path) {
-        return this.$route.path === path;
-      }
+  <header class="site-header">
+    <div class="header-content">
+      <h1 class="header-title">Section 2 Group 3 </h1>
+      <nav>
+        <ul class="tabs">
+          <li v-for="tab in tabs" :key="tab.path" :class="{ active: isActiveTab(tab.path) }">
+            <router-link :to="tab.path">{{ tab.label }}</router-link>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </header>
+</template>
+
+<script>
+export default {
+  props: {
+    tabs: Array
+  },
+  methods: {
+    isActiveTab(path) {
+      return this.$route.path === path;
     }
-  };
-  </script>
-
-  <style scoped>
-  /* UConn website header styles */
-  .site-header {
-    background-color: #003366;
-    color: #fff;
-    padding: 20px;
   }
-  
-  /* Add UConn specific styling for header content */
-  .site-header .header-content {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-  
-  /* Define styles for navigation tabs */
-  .site-header nav ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-  }
-  
-  .site-header nav ul li {
-    display: inline;
-    margin-right: 20px;
-  }
-  
-  .site-header nav ul li a {
-    text-decoration: none;
-    color: #fff;
-  }
-  
-  .site-header nav ul li.active a {
-    background-color: #fff;
-    color: #003366;
-    border-radius: 5px;
-    padding: 5px 10px;
-  }
-  
-  /* Style for the header title */
-  .header-title {
-    font-size: 2.5rem; /* Adjust as needed for the desired size */
-    color: #fff; /* White color for better contrast */
-    font-weight: bold; /* Emphasize the font weight */
-  }
-  </style>
-
+};
+</script>
+
+<style scoped>
+/* UConn website header styles */
+.site-header {
+  background-color: #003366;
+  color: #fff;
+  padding: 20px;
+}
+
+/* Add UConn specific styling for header content */
+.site-header .header-content {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+/* Define styles for navigation tabs */
+.site-header nav ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.site-header nav ul li {
+  display: inline;
+  margin-right: 20px;
+}
+
+.site-header nav ul li a {
+  text-decoration: none;
+  color: #fff;
+}
+
+.site-header nav ul li.active a {
+  background-color: #fff;
+  color: #003366;
+  border-radius: 5px;
+  padding: 5px 10px;
+}
+
+/* Style for the header title */
+.header-title {
+  font-size: 2.5rem; /* Adjust as needed for the desired size */
+  color: #fff; /* White color for better contrast */
+  font-weight: bold; /* Emphasize the font weight */
+}
+</style>

src/main.js

@@ -1,11 +1,27 @@
 import "./assets/main.css";
 
+//Added for Auth) login
+// import { createAuth0 } from '@auth0/auth0-vue'
+
 import { createApp } from "vue";
 import App from "./App.vue";
 import router from "./router";
 
 const app = createApp(App);
 
+//Original app.use()
 app.use(router);
 
+//Auth0 app.use()
+// app.use(
+//     createAuth0({
+//         domain:"dev-gi0zusfv0z1zvt1x.us.auth0.com",
+//         clientId: "clCyl1SjISWMmL2iMStXnQzHTBy44wwq",
+//         authorizationParams: {
+//             redirect_uri: window.location.origin
+//         }
+//     })
+// );
+
+
 app.mount("#app");