From bcbd5cd136646bab2ac1979b8ef0799246fcd37f Mon Sep 17 00:00:00 2001
From: Rakantor <rakantor.dev@gmail.com>
Date: Thu, 20 Oct 2022 14:12:11 +0200
Subject: [PATCH] Update layout

---
 components/FooterApp.vue |  9 +++++++++
 layouts/default.vue      | 16 +++++++++++-----
 layouts/empty.vue        |  2 ++
 layouts/error.vue        |  1 +
 layouts/unverified.vue   |  1 +
 pages/dashboard.vue      | 10 ----------
 pages/login.vue          |  1 +
 7 files changed, 25 insertions(+), 15 deletions(-)
 create mode 100644 components/FooterApp.vue

diff --git a/components/FooterApp.vue b/components/FooterApp.vue
new file mode 100644
index 0000000..299cea1
--- /dev/null
+++ b/components/FooterApp.vue
@@ -0,0 +1,9 @@
+<template>
+  <v-footer app>
+    <v-row justify="center" no-gutters>
+      <v-col cols="12" class="text-center">
+        <span class="text-caption">&copy; {{ new Date().getFullYear() }}</span>
+      </v-col>
+    </v-row>
+  </v-footer>
+</template>
\ No newline at end of file
diff --git a/layouts/default.vue b/layouts/default.vue
index 0a6cdef..fa26e4b 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,18 +1,21 @@
 <template>
   <v-app dark>
-    <v-app-bar fixed app>
+    <NavigationDrawer ref="navDrawer" />
+    <v-app-bar app clipped-left>
+      <v-app-bar-nav-icon @click="toggleNavDrawer" />
       <v-toolbar-title v-text="title" />
       <v-spacer />
-      <v-btn v-if="loggedIn" icon color="primary" @click="logout">
+      <v-btn icon @click="$vuetify.theme.dark = !$vuetify.theme.dark">
+        <v-icon>mdi-theme-light-dark</v-icon>
+      </v-btn>
+      <v-btn v-if="loggedIn" icon @click="logout">
         <v-icon>mdi-logout-variant</v-icon>
       </v-btn>
     </v-app-bar>
     <v-main>
       <Nuxt />
     </v-main>
-    <v-footer :absolute="!fixed" app>
-      <span>&copy; {{ new Date().getFullYear() }}</span>
-    </v-footer>
+    <FooterApp />
     <ToastComponent />
   </v-app>
 </template>
@@ -34,6 +37,9 @@ export default {
     }
   },
   methods: {
+    toggleNavDrawer () {
+      this.$refs.navDrawer.toggle()
+    },
     logout () {
       signOut(this.$auth).then(() => {
         // Sign-out successful
diff --git a/layouts/empty.vue b/layouts/empty.vue
index e8c7b48..8878477 100644
--- a/layouts/empty.vue
+++ b/layouts/empty.vue
@@ -3,6 +3,8 @@
     <v-main>
       <Nuxt />
     </v-main>
+    <FooterApp />
+    <ToastComponent />
   </v-app>
 </template>
 
diff --git a/layouts/error.vue b/layouts/error.vue
index 6834bd8..ab865f7 100644
--- a/layouts/error.vue
+++ b/layouts/error.vue
@@ -7,6 +7,7 @@
       {{ otherError }}
     </h1>
     <NuxtLink to="/"> Home page </NuxtLink>
+    <FooterApp />
   </v-app>
 </template>
 
diff --git a/layouts/unverified.vue b/layouts/unverified.vue
index 472e428..23d0f87 100644
--- a/layouts/unverified.vue
+++ b/layouts/unverified.vue
@@ -18,6 +18,7 @@
         </v-card>
       </v-container>
     </v-main>
+    <FooterApp />
     <ToastComponent />
   </v-app>
 </template>
diff --git a/pages/dashboard.vue b/pages/dashboard.vue
index 2859d42..9706ba3 100644
--- a/pages/dashboard.vue
+++ b/pages/dashboard.vue
@@ -6,16 +6,6 @@
           {{ id.toUpperCase() }} - {{ course.name }}
         </v-card>
       </v-col>
-      <v-col cols="12" class="text-center">
-        <blockquote class="blockquote">
-          &#8220;First, solve the problem. Then, write the code.&#8221;
-          <footer>
-            <small>
-              <em>&mdash;John Johnson</em>
-            </small>
-          </footer>
-        </blockquote>
-      </v-col>
     </v-row>
   </v-container>
 </template>
diff --git a/pages/login.vue b/pages/login.vue
index 927748f..4a9febf 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -128,6 +128,7 @@ import {
 
 export default {
   name: 'LoginPage',
+  layout: 'empty',
   data () {
     return {
       existingUser: true,