package updates and cleanup 2 of 2

6 files changed, 38 insertions, 31 deletions

diff --git a/front-end/src/bootstrap/components/Footer.vue b/front-end/src/bootstrap/components/Footer.vue
index 5d05a6c..e0551f9 100644
--- a/front-end/src/bootstrap/components/Footer.vue
+++ b/front-end/src/bootstrap/components/Footer.vue
@@ -1,19 +1,19 @@
 <template>
-  <footer class="bottom-0 left-0 z-10 w-full">
+  <footer id="vn-footer" class="bottom-0 left-0 z-10 w-full">
     <div id="footer-content" class="footer-content" >
       <div class="footer-main-container">
-        <div class="col-span-4 sm:col-span-6 lg:col-span-3">
+        <div id="footer-text-container" class="col-span-4 sm:col-span-6 lg:col-span-3">
           <p class="my-4 text-sm leading-normal">
               CMNext ia a AGPL3 licensed free and open source content management system
           </p>
         </div>
-        <nav>
+        <nav class="footer-nav" data-footer-nav="1">
           <slot name="footer-nav-1" />
         </nav>
-        <nav>
+        <nav class="footer-nav" data-footer-nav="2">
           <slot name="footer-nav-2" />
         </nav>
-        <nav>
+        <nav class="footer-nav" data-footer-nav="3">
           <p class="nav-title">
             Built with
           </p>
@@ -22,13 +22,13 @@
           <a class="footer-link" href="https://vuejs.org/">Vuejs v3</a>
           <a class="footer-link" href="https://fontawesome.com/">Font Awesome</a>
         </nav>
-        <div class="color-selector-container">
-          <p class="nav-title">
+        <div id="theme-selection-container" class="color-selector-container">
+          <p id="nav-title" class="nav-title">
             Color Scheme
           </p>
           <div class="flex flex-row gap-6 md:my-auto">
             <div class="">
-              <button class="bg-sel-btn" @click.prevent="Dark" >
+              <button class="bg-sel-btn" data-theme-button="dark-mode" @click.prevent="Dark" >
                 Dark
               </button>
             </div>
@@ -36,14 +36,14 @@
               <fa-icon icon="lightbulb" />
             </div>
             <div class="">
-              <button class="bg-sel-btn" @click.prevent="Light">
+              <button class="bg-sel-btn" data-theme-button="light-mode" @click.prevent="Light">
                 Light
               </button>
             </div>
           </div>
         </div>
       </div>
-      <div class="text-sm footer-lower">
+      <div id="footer-lower" class="text-sm footer-lower">
         <div class="mb-6 md:mb-0">
           <p class="text-left">
             Highly angular trousers ~ Pete Jordanson
diff --git a/front-end/src/bootstrap/components/Header.vue b/front-end/src/bootstrap/components/Header.vue
index f7481a3..dfdd667 100644
--- a/front-end/src/bootstrap/components/Header.vue
+++ b/front-end/src/bootstrap/components/Header.vue
@@ -52,16 +52,16 @@
           <div ref="userDrop" class="absolute top-0 right-0 duration-100 ease-in-out" style="z-index:-1" :style="dropStyle">
             <div class="drop-menu" @click.prevent="userMenuHovered = false">
               <span class="space-x-2" />
-              <a v-if="!loggedIn" href="#" @click="gotoRoute('/register')">
+              <a v-if="!loggedIn" href="#" data-header-dropdown="register" @click="gotoRoute('/register')">
                 Register
               </a>
-              <a v-else href="#" @click="gotoRoute('/account')">
+              <a v-else href="#" data-header-dropdown="account" @click="gotoRoute('/account')">
                 Account
               </a>
-              <a v-if="!loggedIn" href="#" @click="gotoRoute('/login')">
+              <a v-if="!loggedIn" href="#" data-header-dropdown="login" @click="gotoRoute('/login')">
                 Login
               </a>
-              <a v-else href="#" @click.prevent="OnLogout">
+              <a v-else href="#" data-header-dropdown="logout" @click.prevent="OnLogout">
                 Logout
               </a>
             </div>
diff --git a/front-end/src/components/DynamicForm.vue b/front-end/src/components/DynamicForm.vue
index 137ca3b..06fed3d 100644
--- a/front-end/src/components/DynamicForm.vue
+++ b/front-end/src/components/DynamicForm.vue
@@ -64,7 +64,7 @@ import { toRefs, computed } from 'vue'
 
 const props = defineProps<{
   form: any
-  disabled?: boolean
+  disabled: boolean
   validator: any
 }>()
 
diff --git a/front-end/src/components/FooterNav1.vue b/front-end/src/components/FooterNav1.vue
index 2bc5b28..937bf99 100644
--- a/front-end/src/components/FooterNav1.vue
+++ b/front-end/src/components/FooterNav1.vue
@@ -1,7 +1,19 @@
 <template>
-    <div>
-
-    </div>
+  <p class="nav-title">
+    Account
+  </p>
+  <router-link class="footer-link" to="/login" >
+    Login
+  </router-link>
+  <router-link class="footer-link" to="/register">
+    Regsiter
+  </router-link>
+  <router-link class="footer-link" to="/account">
+    Profile
+  </router-link>
+  <router-link class="footer-link" to="/account/settings">
+    Settings
+  </router-link>
 </template>
 <script setup lang="ts">
 
diff --git a/front-end/src/components/FooterNav2.vue b/front-end/src/components/FooterNav2.vue
index 9a50e58..8254486 100644
--- a/front-end/src/components/FooterNav2.vue
+++ b/front-end/src/components/FooterNav2.vue
@@ -1,19 +1,13 @@
 <template>
   <p class="nav-title">
-    Account
+    Help
   </p>
-  <router-link class="footer-link" to="/login" >
-    Login
-  </router-link>
-  <router-link class="footer-link" to="/register">
-    Regsiter
-  </router-link>
-  <router-link class="footer-link" to="/account">
-    Profile
-  </router-link>
-  <router-link class="footer-link" to="/account/settings">
-    Settings
-  </router-link>
+  <a href="https://www.vaughnnugent.com/resources/software/articles?tags=_cmnext" target="_blank" class="footer-link">
+    Documentation
+  </a>
+  <a href="https://github.com/VnUgE/CMNext" class="footer-link" target="_blank">
+    Source Code
+  </a>
 </template>
 <script setup lang="ts">
 
diff --git a/front-end/src/vite-env.d.ts b/front-end/src/vite-env.d.ts
index 11f02fe..d2bf7af 100644
--- a/front-end/src/vite-env.d.ts
+++ b/front-end/src/vite-env.d.ts
@@ -1 +1,2 @@
 /// <reference types="vite/client" />
+/// <reference types="vite-plugin-pages/client" />
\ No newline at end of file