added a couple basic framework pages

zjf19002 · Oct 18, 2023 · 3d1eb0d · 3d1eb0d
1 parent f6bdef1
commit 3d1eb0d
Show file tree

Hide file tree

Showing 4 changed files with 89 additions and 1 deletion.
diff --git a/class_registration_app/src/components/DashBoard.vue b/class_registration_app/src/components/DashBoard.vue
@@ -0,0 +1,57 @@
+<script setup lang="ts">
+</script>
+
+<template>
+    <div class="dashboard">
+        <h1>Class Registration Dashboard</h1>
+        <div class="button-container">
+            <RouterLink to="./login">
+            <button class="uconn-button">Sign Out</button>
+            </RouterLink>
+            <RouterLink to="./schedule_viewer">
+            <button class="uconn-button">Schedule Viewer</button>
+            </RouterLink>
+            <RouterLink to="./courses">
+            <button class="uconn-button">Course Search</button>
+            </RouterLink>
+
+            <button class="uconn-button">Current Classes</button>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+
+.dashboard {
+    text-align: center;
+}
+
+h1 {
+    font-size: 2em;
+    margin-bottom: 30px;
+}
+
+.uconn-button {
+    background-color: #D4A00A; /* UConn Gold */
+    color: #000066; /* UConn Navy Blue */
+    padding: 20px 40px;
+    font-size: 1.2em;
+    border: none;
+    border-radius: 10px;
+    margin: 10px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
+.uconn-button:hover {
+    background-color: #000066; /* UConn Navy Blue */
+    color: #D4A00A; /* UConn Gold */
+}
+
+.button-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+</style>
diff --git a/class_registration_app/src/components/LoginPage.vue b/class_registration_app/src/components/LoginPage.vue
@@ -10,7 +10,9 @@
         <form class="loginbox" autocomplete="off">
           <input placeholder="Username" type="text" id="username"/>
           <input placeholder="Password" type="password" id="password"/>
-      <button id="submit">Login</button>
+      <RouterLink to="./dashboard">
+        <button  id="submit">Login</button>
+      </RouterLink>
       </form>
       <RouterLink to="/">Back</RouterLink>
       </section>

diff --git a/class_registration_app/src/components/ScheduleView.vue b/class_registration_app/src/components/ScheduleView.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+</script>
+
+<template>
+    <div id="head">Uconn</div>
+    <div id=week>
+        <div id = time-column>Time</div>
+        <div class="day">M</div>
+        <div class="day">T</div>
+        <div class="day">W</div>
+        <div class="day">Th</div>
+        <div class="day">F</div>
+    </div>
+    <div id="cur">
+
+    </div>
+</template>
diff --git a/class_registration_app/src/router/index.ts b/class_registration_app/src/router/index.ts
@@ -3,6 +3,8 @@ import StartUp from '../components/StartUp.vue'
 import LoginPage from '../components/LoginPage.vue'
 import RegisterAccount from '../components/RegisterAccount.vue'
 import CourseSearch from '../components/CourseSearch.vue'
+import ScheduleView from '../components/ScheduleView.vue'
+import DashBoard from '../components/DashBoard.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -12,6 +14,11 @@ const router = createRouter({
       name: 'Start Up',
       component: StartUp
     },
+    {
+      path: '/dashboard',
+      name: 'Dashboard',
+      component: DashBoard,
+    },
     {
       path: '/login',
       name: 'Login Page',
@@ -29,6 +36,11 @@ const router = createRouter({
       path: '/courses',
       name: 'Courses',
       component : CourseSearch,
+    },
+    {
+      path: '/schedule_viewer',
+      name: 'Schedule Viewer',
+      component: ScheduleView
     }
 
   ]