login front end changes

zjf19002 · Nov 6, 2023 · 2f94735 · 2f94735
1 parent 6265767
commit 2f94735
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 2 deletions.
diff --git a/class_registration_app/src/assets/personimage.png b/class_registration_app/src/assets/personimage.png
diff --git a/class_registration_app/src/components/DashBoard.vue b/class_registration_app/src/components/DashBoard.vue
@@ -32,7 +32,10 @@
                 </button>
             </RouterLink>
             <RouterLink to="./courses">
-                <button class="uconn-button">Profile</button>
+                <button class="uconn-button">Profile
+                    <img src="../assets/personimage.png" class="icon">
+                </button>
+
             </RouterLink>
             <RouterLink to="./courses">
                 <button class="uconn-button">Placeholder</button>

diff --git a/class_registration_app/src/components/LoginPage.vue b/class_registration_app/src/components/LoginPage.vue
@@ -1,4 +1,5 @@
 <template>
+  <body>
   <section class="form animated flipInX">
     <h2>Login To Your Account</h2>
     <p class="valid">Valid. Please wait a moment.</p>
@@ -10,7 +11,9 @@
       <button @click.prevent="tryLogin" id="submit">Login</button>
     </form>
     <RouterLink to="/">Back</RouterLink>
+    <div id="test"></div>
   </section>
+</body>
 </template>
 
 <script setup lang="ts">
@@ -39,6 +42,11 @@ const tryLogin = async () => {
     if (authenticationValid === true) {
       router.push({path: './dashboard'});
     }
+    else{
+      let err = document.getElementById('test');
+      if(err){
+        err.innerText = "Login info is incorrect"}
+    }
 
   } catch (error) {
     console.error(error);
@@ -120,4 +128,14 @@ const tryLogin = async () => {
       .error, .valid{display:none;}
 
 
-    </style>
+    </style>
+
+<style scoped>
+    body{
+      background-color: #000066;
+    }
+    #test{
+      font-size: 20px;
+      color: red
+    }
+</style>