From 734d75cdeeae61e6e5f856f36ef3b2beafbcbb0b Mon Sep 17 00:00:00 2001
From: Douglas Barone <douglasvbarone@gmail.com>
Date: Fri, 11 Dec 2020 18:44:22 -0400
Subject: [PATCH] Added dynamic title

---
 web/src/components/CreateTokenForm.vue        |  2 +-
 web/src/components/MainDrawer.vue             |  1 +
 web/src/components/ReplacePasswordForm.vue    |  2 +-
 web/src/components/UpdatePasswordForm.vue     |  2 +-
 web/src/components/UserPresenceStatusList.vue |  5 ++--
 web/src/components/widgets/Widget.vue         |  9 ++-----
 web/src/layouts/Default.vue                   | 24 ++++++++++++++-----
 web/src/router/index.js                       |  6 ++---
 web/src/scss/style.scss                       |  6 ++---
 web/src/views/UserPresence.vue                |  2 +-
 10 files changed, 33 insertions(+), 26 deletions(-)

diff --git a/web/src/components/CreateTokenForm.vue b/web/src/components/CreateTokenForm.vue
index 6b889d9..08915d3 100755
--- a/web/src/components/CreateTokenForm.vue
+++ b/web/src/components/CreateTokenForm.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card :loading="loading" flat outlined>
+  <v-card :loading="loading" flat outlined class="light-shadow">
     <v-card-title class="font-weight-light display-1 mb-2">
       Criar token
     </v-card-title>
diff --git a/web/src/components/MainDrawer.vue b/web/src/components/MainDrawer.vue
index 3948ea6..0a86607 100755
--- a/web/src/components/MainDrawer.vue
+++ b/web/src/components/MainDrawer.vue
@@ -2,6 +2,7 @@
   <v-navigation-drawer
     v-if="me"
     v-model="drawer"
+    class="light-shadow"
     :mini-variant="mini"
     :mini-variant-width="64"
     :right="$vuetify.breakpoint.mdAndDown"
diff --git a/web/src/components/ReplacePasswordForm.vue b/web/src/components/ReplacePasswordForm.vue
index 516a1d3..c6c5120 100755
--- a/web/src/components/ReplacePasswordForm.vue
+++ b/web/src/components/ReplacePasswordForm.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card :loading="loading" flat outlined>
+  <v-card :loading="loading" flat outlined class="light-shadow">
     <v-card-title class="font-weight-light display-1 mb-2">
       Alterar uma senha
     </v-card-title>
diff --git a/web/src/components/UpdatePasswordForm.vue b/web/src/components/UpdatePasswordForm.vue
index 84570cb..81445fd 100755
--- a/web/src/components/UpdatePasswordForm.vue
+++ b/web/src/components/UpdatePasswordForm.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card :loading="loading" flat outlined>
+  <v-card :loading="loading" flat outlined class="light-shadow">
     <v-card-title class="display-1 font-weight-light mb-2">
       Alterar minha senha
     </v-card-title>
diff --git a/web/src/components/UserPresenceStatusList.vue b/web/src/components/UserPresenceStatusList.vue
index 2d96bf0..3c15fe7 100644
--- a/web/src/components/UserPresenceStatusList.vue
+++ b/web/src/components/UserPresenceStatusList.vue
@@ -15,7 +15,7 @@
       >
         <v-card
           outlined
-          class="border-highlight"
+          class="border-highlight light-shadow"
           :class="{ online: userPresence.wifiDevices[0].isOnline }"
         >
           <v-list three-line>
@@ -70,7 +70,7 @@
   <div v-else>
     <div class="layout row row--dense wrap">
       <v-col v-for="i in 12" :key="i" cols="12" md="6" lg="3">
-        <v-card outlined class="border-highlight">
+        <v-card outlined class="border-highlight light-shadow">
           <v-list three-line>
             <v-list-item>
               <v-list-item-avatar>
@@ -108,7 +108,6 @@ export default {
 
 <style scoped lang="scss">
 .border-highlight {
-  box-shadow: 1.5px 1.5px 12px rgba(0, 0, 0, 0.05);
   border-left: 4px solid grey;
 }
 .online {
diff --git a/web/src/components/widgets/Widget.vue b/web/src/components/widgets/Widget.vue
index 5fe46c1..48feb2c 100755
--- a/web/src/components/widgets/Widget.vue
+++ b/web/src/components/widgets/Widget.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card v-bind="$attrs" outlined class="fill-height widged">
+  <v-card v-bind="$attrs" outlined class="fill-height widged light-shadow">
     <v-toolbar flat class="font-weight-light headline">
       <v-icon v-if="widgetIcon" left>{{ widgetIcon }}</v-icon>
       <span>
@@ -37,9 +37,4 @@ export default {
 }
 </script>
 
-<style scoped>
-.v-card.v-sheet.v-sheet--outlined.theme--light,
-.v-card.v-sheet.v-sheet--outlined.theme--dark {
-  box-shadow: 1.5px 1.5px 12px rgba(0, 0, 0, 0.05);
-}
-</style>
+<style scoped></style>
diff --git a/web/src/layouts/Default.vue b/web/src/layouts/Default.vue
index 32cb235..f8aa2d6 100755
--- a/web/src/layouts/Default.vue
+++ b/web/src/layouts/Default.vue
@@ -5,13 +5,18 @@
     <v-app-bar app elevate-on-scroll color="primary darken-2" dark clipped-left>
       <v-container fluid>
         <v-row>
-          <v-col v-if="$vuetify.breakpoint.lgAndUp">
+          <v-col v-if="$vuetify.breakpoint.mdAndUp">
             <v-toolbar-title>
-              <v-avatar tile left>
-                <v-img src="../assets/logoTI-white.svg" contain />
-              </v-avatar>
+              <v-tooltip right>
+                <span>Portal de Tecnologia da Informação</span>
+                <template #activator="{ on }">
+                  <v-avatar tile left v-on="on">
+                    <v-img src="../assets/logoTI-white.svg" contain />
+                  </v-avatar>
+                </template>
+              </v-tooltip>
               <span class="title font-weight-light ml-4">
-                Portal de Tecnologia da Informação
+                {{ pageTitle }}
               </span>
             </v-toolbar-title>
           </v-col>
@@ -45,6 +50,13 @@ export default {
   components: { UserMenu, MainDrawer },
   data: () => ({
     mainDrawer: true
-  })
+  }),
+  computed: {
+    pageTitle() {
+      return this.$route.meta.title
+        ? `PTI - ${this.$route.meta.title}`
+        : 'Portal de Tecnologia da Informação'
+    }
+  }
 }
 </script>
diff --git a/web/src/router/index.js b/web/src/router/index.js
index 0628ab1..7e6a615 100755
--- a/web/src/router/index.js
+++ b/web/src/router/index.js
@@ -17,7 +17,7 @@ const routes = [
       tokenCreator: false,
       servant: false,
       student: false,
-      title: 'Home'
+      title: null
     }
   },
   {
@@ -59,7 +59,7 @@ const routes = [
     path: '/user-info',
     name: 'user-info',
     meta: {
-      title: 'Informações do usuário',
+      title: 'Inspecionar usuário',
       superAdmin: true
     },
     component: () =>
@@ -69,7 +69,7 @@ const routes = [
     path: '/replace-password',
     name: 'replace-password',
     meta: {
-      title: 'Alterar uma senha',
+      title: 'Redefinir uma senha',
       superAdmin: true
     },
     component: () =>
diff --git a/web/src/scss/style.scss b/web/src/scss/style.scss
index b526eeb..d1539ce 100755
--- a/web/src/scss/style.scss
+++ b/web/src/scss/style.scss
@@ -3,9 +3,9 @@
 //   background-color: #3fa14c;
 //   background-image: linear-gradient(
 //     45deg,
-//     #3fa14cff 0%,
-//     #3ecf51 60%,
-//     #39e650 100%
+//     #3fa14c 0%,
+//     #317e3b 60%,
+//     #386d40 100%
 //   );
 // }
 
diff --git a/web/src/views/UserPresence.vue b/web/src/views/UserPresence.vue
index 716930d..8c706f2 100644
--- a/web/src/views/UserPresence.vue
+++ b/web/src/views/UserPresence.vue
@@ -51,7 +51,7 @@
         Sua pesquisa não encontrou nenhum usuário.
       </v-alert>
 
-      <v-footer>
+      <v-footer class="mt-6 light-shadow" outlined rounded>
         <span v-if="$vuetify.breakpoint.mdAndUp">
           Ordenando por <em>"visto por último"</em>
         </span>