diff options
Diffstat (limited to 'front-end/src')
-rw-r--r-- | front-end/src/bootstrap/components/Footer.vue | 20 | ||||
-rw-r--r-- | front-end/src/bootstrap/components/Header.vue | 8 | ||||
-rw-r--r-- | front-end/src/components/DynamicForm.vue | 2 | ||||
-rw-r--r-- | front-end/src/components/FooterNav1.vue | 18 | ||||
-rw-r--r-- | front-end/src/components/FooterNav2.vue | 20 | ||||
-rw-r--r-- | front-end/src/vite-env.d.ts | 1 |
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 |