From 767f09aab735c3e04c4839424df1bb75f581123f Mon Sep 17 00:00:00 2001
From: Douglas Barone <douglasvbarone@gmail.com>
Date: Wed, 28 Jun 2023 10:44:56 -0400
Subject: [PATCH] Topbar OK

---
 package.json                     |  2 +-
 web/src/layouts/default/View.vue | 53 ++++++++++++--------------------
 web/src/plugins/vuetify.ts       | 20 ++++++------
 3 files changed, 31 insertions(+), 44 deletions(-)

diff --git a/package.json b/package.json
index 3ce140f..92cebe1 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,7 @@
     "build": "npm run build:server && npm run build:web",
     "start": "NODE_ENV=production node dist",
     "dev": "concurrently --kill-others -n Server,Web \"npm run dev:server\" \"npm run dev:web\"",
-    "dev:server": "nodemon --ext js,ts,mts,mjs,json,prisma --exec \"tsx src/index.ts\"",
+    "dev:server": "nodemon --ext js,ts,mts,mjs,json,prisma --exclude ./web/* --exec \"tsx src/index.ts\"",
     "dev:web": "npm run dev -w web",
     "devLegacy": "NODE_OPTIONS=\"--loader ts-node/esm\" node ./src/index.ts"
   },
diff --git a/web/src/layouts/default/View.vue b/web/src/layouts/default/View.vue
index 9b727cf..f8c4ff7 100644
--- a/web/src/layouts/default/View.vue
+++ b/web/src/layouts/default/View.vue
@@ -1,36 +1,27 @@
 <template>
   <v-app id="inspire">
-    <v-navigation-drawer v-model="drawer">
-      <v-list>
-        <v-list-item>
-          <template v-slot:prepend>
-            <v-avatar :image="me?.thumbnailPhoto || undefined" />
-          </template>
-          <v-list-item-title>{{ me?.displayName }}</v-list-item-title>
-          <v-list-item-subtitle>
-            {{ me?.campus }}
-          </v-list-item-subtitle>
-        </v-list-item>
-      </v-list>
-      <template v-slot:append>
-        <div class="pa-2">
-          <v-btn block variant="text" @click="logout">
-            <template v-slot:prepend>
-              <v-icon icon="mdi-logout"></v-icon>
-            </template>
-            Logout
-          </v-btn>
-        </div>
-      </template>
-    </v-navigation-drawer>
+    <v-app-bar :elevation="0">
+      <v-text-field
+        class="ml-2"
+        density="compact"
+        style="max-width: 350px"
+        placeholder="Pesquisar"
+        hide-details
+        rounded
+        variant="solo"
+        prepend-inner-icon="mdi-printer-search"
+        clearable
+      />
 
-    <v-app-bar>
-      <v-app-bar-nav-icon @click="drawer = !drawer"></v-app-bar-nav-icon>
-
-      <v-toolbar-title
-        ><v-icon icon="mdi-printer" /> Impressoras</v-toolbar-title
-      >
       <v-spacer />
+
+      <v-chip variant="flat" color="primary">
+        <v-avatar v-if="me?.thumbnailPhoto" :image="me?.thumbnailPhoto" start />
+        {{ me?.displayName }}
+      </v-chip>
+      <v-btn class="ml-2" variant="text" @click="logout" icon size="small">
+        <v-icon icon="mdi-logout"></v-icon>
+      </v-btn>
     </v-app-bar>
 
     <v-main>
@@ -40,8 +31,6 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from "vue";
-
 import { useAppStore } from "@/store/app";
 import { removeJwtToken } from "@/auth";
 
@@ -49,8 +38,6 @@ import { useRouter } from "vue-router";
 
 const { me } = useAppStore();
 
-const drawer = ref(true);
-
 const router = useRouter();
 
 function logout() {
diff --git a/web/src/plugins/vuetify.ts b/web/src/plugins/vuetify.ts
index 5bdf82f..ed3aa11 100644
--- a/web/src/plugins/vuetify.ts
+++ b/web/src/plugins/vuetify.ts
@@ -13,14 +13,14 @@ import { createVuetify } from "vuetify";
 
 // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
 export default createVuetify({
-  // theme: {
-  //   themes: {
-  //     light: {
-  //       colors: {
-  //         primary: '#1867C0',
-  //         secondary: '#5CBBF6',
-  //       },
-  //     },
-  //   },
-  // },
+  theme: {
+    themes: {
+      light: {
+        colors: {
+          primary: "#2196F3",
+          secondary: "#3F51B5",
+        },
+      },
+    },
+  },
 });