From b61c81acf50c1cb5468ffd17cb673f3ddeae1699 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Pedro=20Zampoli?= <jpszampoli53@gmail.com>
Date: Sun, 28 Jul 2024 15:01:08 -0300
Subject: [PATCH 1/5] Rework da Tabela da Lista de CIDs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Foram feitas algumas alterações de Design e adaptabilidade
---
 pages/lista-cids.vue | 267 ++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 240 insertions(+), 27 deletions(-)

diff --git a/pages/lista-cids.vue b/pages/lista-cids.vue
index ee33328..efa6fbc 100644
--- a/pages/lista-cids.vue
+++ b/pages/lista-cids.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container">
-    <ul class="filters">
+    <!-- <ul class="filters">
       <v-text-field
         v-model="search.text"
         label="Pesquisar"
@@ -83,16 +83,124 @@
     </ul>
     <v-alert v-if="errorMessage" type="error" class="error-message">
       {{ errorMessage }}
-    </v-alert>
+    </v-alert> -->
     <div class="table-container">
-      <v-data-table
-        :headers="headers"
-        :items="filteredCids"
-        :items-per-page="5"
-        class="elevation-1 table"
-        dense
-        fixed-header
-      />
+      <v-card class="table-card">
+        <div class="upper-container">
+          <v-card-title class="table-card-title">
+            Lista de CIDs
+          </v-card-title>
+          <v-spacer></v-spacer>
+          <v-text-field
+            v-model="search.text"
+            append-icon="mdi-magnify"
+            label="Pesquisar"
+            single-line
+            class="table-search"
+          >
+          </v-text-field>
+          <ul class="filters">
+            <!-- <v-text-field
+              v-model="search.text"
+              label="Pesquisar"
+              placeholder="Pesquisar"
+              solo
+              dense
+              class="input"
+            /> -->
+            <v-select
+              v-model="search.companion"
+              :items="['Sim', 'Não']"
+              label="Acompanhante"
+              solo
+              dense
+              class="input"
+              clearable
+            />
+            <v-select
+              v-model="search.group"
+              :items="['G1', 'G2', 'G3']"
+              label="Grupo"
+              solo
+              dense
+              class="input"
+              clearable
+            />
+            <!-- <v-btn class="button" color="primary">
+              Buscar
+            </v-btn> -->
+            <v-btn class="button group-button" @click="dialog = true">
+              O que são os grupos?
+            </v-btn>
+            <v-dialog v-model="dialog" class="v-dialog" max-width="80vw">
+              <v-card>
+                <v-card-title class="headline" />
+                <v-card-text>
+                  <div class="dialog-container">
+                    <v-card class="dialog-card">
+                      <v-card-title class="dialog-title">
+                        <v-icon class="dialog-icon">
+                          mdi-wheelchair-accessibility
+                        </v-icon>
+                        G1
+                      </v-card-title>
+                      <v-card-text class="dialog-text">
+                        Pessoas com deficiência que necessitam de um alto nível de acessibilidade, por exemplo, a utilização de elevador.
+                      </v-card-text>
+                    </v-card>
+                    <v-card class="dialog-card">
+                      <v-card-title class="dialog-title">
+                        <v-icon class="dialog-icon">
+                          mdi-human-white-cane
+                        </v-icon>
+                        G2
+                      </v-card-title>
+                      <v-card-text class="dialog-text">
+                        Pessoas com necessidades de acessibilidade que não tenham interferência direta no ônibus, por exemplo, a presença de piso tátil.
+                      </v-card-text>
+                    </v-card>
+                    <v-card class="dialog-card">
+                      <v-card-title class="dialog-title">
+                        <v-icon class="dialog-icon">
+                          mdi-human-male
+                        </v-icon>
+                        G3
+                      </v-card-title>
+                      <v-card-text class="dialog-text">
+                        Pessoas que não necessitam de adaptações no ônibus para seu deslocamento de forma segura.
+                      </v-card-text>
+                    </v-card>
+                  </div>
+                </v-card-text>
+                <v-card-actions>
+                  <v-btn color="primary" class="ml-auto" @click="dialog = false">
+                    Fechar
+                  </v-btn>
+                </v-card-actions>
+              </v-card>
+            </v-dialog>
+            <v-alert v-if="errorMessage" type="error" class="error-message">
+              {{ errorMessage }}
+            </v-alert>
+          </ul>
+        </div>
+        <v-data-table
+          :headers="headers"
+          :items="filteredCids"
+          :items-per-page="5"
+          class="elevation-1 table"
+          fixed-header
+        >
+          <template #[`item.group`]="{ item }">
+            <v-chip
+              :color="getColor(item.group)"
+              dark
+            >
+              {{ item.group }}
+            </v-chip>
+          </template>
+        </v-data-table>
+      </v-card>
     </div>
   </div>
 </template>
@@ -109,11 +217,11 @@ export default {
         group: null
       },
       headers: [
-        { text: 'Código', value: 'cod', align: 'start' },
-        { text: 'Diagnóstico', value: 'diagnostic', align: 'start' },
-        { text: 'Observações', value: 'observations', align: 'start' },
-        { text: 'Acompanhante', value: 'companion', align: 'start' },
-        { text: 'Grupo', value: 'group', align: 'start' }
+        { text: 'Código', align: 'start', value: 'cod' },
+        { text: 'Diagnóstico', align: 'start', value: 'diagnostic' },
+        { text: 'Observações', align: 'start', value: 'observations' },
+        { text: 'Acompanhante', align: 'start', value: 'companion' },
+        { text: 'Grupo', align: 'center', value: 'group' }
       ],
       cids: [],
       dialog: false,
@@ -145,6 +253,17 @@ export default {
       .catch(() => {
         this.errorMessage = 'Ocorreu um erro ao buscar os CIDs.'
       })
+  },
+  methods: {
+    getColor (group) {
+      if (group === 'G1') {
+        return 'red'
+      } else if (group === 'G2') {
+        return 'orange'
+      } else {
+        return 'blue'
+      }
+    }
   }
 }
 </script>
@@ -160,7 +279,8 @@ export default {
 
 .filters {
   display: flex;
-  width: fit-content;
+  width: 100%;
+  margin: 0 1.5em 0 1.5em;
   padding: 0;
 }
 
@@ -169,16 +289,16 @@ export default {
   height: 100%;
   display: flex;
   align-items: center;
+  justify-content: center;
 }
 
 .input {
   padding: 0 15px 0 0;
-  margin: 0 0 0 0.25em;
   min-width: 40px;
 }
 
 .button{
-  margin: 0 15px 0 0;
+  margin: 0 0 0 1.5em;
 }
 
 .v-dialog{
@@ -213,14 +333,32 @@ export default {
   font-size: 3em;
 }
 
-.table {
-  width: 75%;
-  height: min-content;
-  margin: auto;
+.table-card {
+  width: 85%;
+  height: 100%;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.upper-container{
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+}
+
+.table-card-title {
+  padding-left: 1.5em;
 }
 
-.v-data-table-header {
-  text-align: left;
+.table-search {
+  margin-right: 1.5em;
+}
+
+.table {
+  width: 100%;
+  height: min-content;
+  margin: 0 1.5em 1.5em 1.5em;
+  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
 }
 
 .error-message {
@@ -228,18 +366,26 @@ export default {
   width: 60%;
 }
 
+@media (max-width: 1000px) and (min-width: 601px){
+  .table-card {
+    width: 100%;
+  }
+}
+
 @media (max-width: 600px) {
   .filters {
     flex-wrap: wrap;
+    margin: 0;
   }
   .input{
     padding: 0;
+    margin: 0 1.5em;
   }
   .button{
-    margin: 0 0 1em 0.25em;
+    margin: 0 1.5em;
   }
   .group-button{
-    margin: 0em 0em 1em 0.25em;
+    margin: 0em 1.75em 1em 1.75em;
   }
   .v-dialog{
     max-width: 85vw !important;
@@ -252,7 +398,10 @@ export default {
     width: 100%;
     margin: 0.5em 0;
   }
-  .table {
+  .table-search{
+    margin-left: 1.75em;
+  }
+  .table-card {
     width: 100%;
   }
   .error-message {
@@ -260,3 +409,67 @@ export default {
   }
 }
 </style>
+
+<!-- <div class="table-container">
+  <v-data-table
+    :headers="headers"
+    :items="filteredCids"
+    :items-per-page="5"
+    class="elevation-1 table"
+    dense
+    fixed-header
+  />
+</div>
+</div>
+</template>
+<script>
+import axiosClient from '~/assets/services/emtu-api'
+
+export default {
+data () {
+return {
+  search: {
+    text: '',
+    companion: null,
+    group: null
+  },
+  headers: [
+    { text: 'Código', value: 'cod', align: 'start' },
+    { text: 'Diagnóstico', value: 'diagnostic', align: 'start' },
+    { text: 'Observações', value: 'observations', align: 'start' },
+    { text: 'Acompanhante', value: 'companion', align: 'start' },
+    { text: 'Grupo', value: 'group', align: 'start' }
+  ],
+  cids: [],
+  dialog: false,
+  errorMessage: null
+}
+},
+computed: {
+filteredCids () {
+  if (!this.search.text && !this.search.companion && !this.search.group) {
+    return this.cids
+  }
+  return this.cids.filter((item) => {
+    return ((item.cod && item.cod.toLowerCase().includes(this.search.text.toLowerCase())) ||
+    (item.diagnostic && item.diagnostic.toLowerCase().includes(this.search.text.toLowerCase())) ||
+    (item.observations && item.observations.toLowerCase().includes(this.search.text.toLowerCase())) ||
+    (item.companion && item.companion.toLowerCase().includes(this.search.text.toLowerCase())) ||
+    (item.group && item.group.toLowerCase().includes(this.search.text.toLowerCase()))) &&
+    (!this.search.group || (item.group && item.group.toLowerCase().includes(this.search.group.toLowerCase()))) &&
+    (!this.search.companion || (item.companion && item.companion.toLowerCase().includes(this.search.companion.toLowerCase())))
+  })
+}
+},
+created () {
+axiosClient.get('/cids')
+  .then((response) => {
+    this.cids = response.data
+    this.errorMessage = null
+  })
+  .catch(() => {
+    this.errorMessage = 'Ocorreu um erro ao buscar os CIDs.'
+  })
+}
+}
+</script> -->

From a792f6d142ac7ddd45b47331beba86fd45396e98 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Pedro=20Zampoli?= <jpszampoli53@gmail.com>
Date: Mon, 29 Jul 2024 23:35:36 -0300
Subject: [PATCH 2/5] Updates QoL
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Agora o menu principal fica acima de todos os elementos da tabela (inclusive dos headers que se sobrepunham anteriormente), além disso, foi ajustado o escopo da pesquisa da tabela de cids
---
 components/SideBar.vue | 6 +++++-
 pages/lista-cids.vue   | 4 +---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/components/SideBar.vue b/components/SideBar.vue
index d9f30fa..931fe95 100644
--- a/components/SideBar.vue
+++ b/components/SideBar.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-sheet>
+  <v-sheet class="side-bar">
     <v-navigation-drawer
       :value="openDrawer"
       :width="sideBarWidth"
@@ -93,6 +93,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.side-bar{
+  z-index: 5;
+}
+
 .title-container {
   display: flex;
   justify-content: center;
diff --git a/pages/lista-cids.vue b/pages/lista-cids.vue
index efa6fbc..7088fb6 100644
--- a/pages/lista-cids.vue
+++ b/pages/lista-cids.vue
@@ -236,9 +236,7 @@ export default {
       return this.cids.filter((item) => {
         return ((item.cod && item.cod.toLowerCase().includes(this.search.text.toLowerCase())) ||
         (item.diagnostic && item.diagnostic.toLowerCase().includes(this.search.text.toLowerCase())) ||
-        (item.observations && item.observations.toLowerCase().includes(this.search.text.toLowerCase())) ||
-        (item.companion && item.companion.toLowerCase().includes(this.search.text.toLowerCase())) ||
-        (item.group && item.group.toLowerCase().includes(this.search.text.toLowerCase()))) &&
+        (item.slugdiagnostic && item.slugdiagnostic.toLowerCase().includes(this.search.text.toLowerCase()))) &&
         (!this.search.group || (item.group && item.group.toLowerCase().includes(this.search.group.toLowerCase()))) &&
         (!this.search.companion || (item.companion && item.companion.toLowerCase().includes(this.search.companion.toLowerCase())))
       })

From 536d6db33266397a692bb7754be8fae4f86c8a3f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Pedro=20Zampoli?= <jpszampoli53@gmail.com>
Date: Fri, 2 Aug 2024 17:34:58 -0300
Subject: [PATCH 3/5] =?UTF-8?q?Atualiza=C3=A7=C3=A3o=20da=20barra=20de=20p?=
 =?UTF-8?q?esquisa=20da=20Lista=20de=20CIDs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/lista-cids.vue | 135 ++++++++++---------------------------------
 1 file changed, 32 insertions(+), 103 deletions(-)

diff --git a/pages/lista-cids.vue b/pages/lista-cids.vue
index 7088fb6..fafecd6 100644
--- a/pages/lista-cids.vue
+++ b/pages/lista-cids.vue
@@ -1,89 +1,5 @@
 <template>
   <div class="container">
-    <!-- <ul class="filters">
-      <v-text-field
-        v-model="search.text"
-        label="Pesquisar"
-        placeholder="Pesquisar"
-        solo
-        dense
-        class="input"
-      />
-      <v-select
-        v-model="search.companion"
-        :items="['Sim', 'Não']"
-        label="Acompanhante"
-        solo
-        dense
-        class="input"
-        clearable
-      />
-      <v-select
-        v-model="search.group"
-        :items="['G1', 'G2', 'G3']"
-        label="Grupo"
-        solo
-        dense
-        class="input"
-        clearable
-      />
-      <v-btn class="button" color="primary">
-        Buscar
-      </v-btn>
-      <v-btn class="button group-button" @click="dialog = true">
-        O que são os grupos?
-      </v-btn>
-      <v-dialog v-model="dialog" class="v-dialog" max-width="80vw">
-        <v-card>
-          <v-card-title class="headline" />
-          <v-card-text>
-            <div class="dialog-container">
-              <v-card class="dialog-card">
-                <v-card-title class="dialog-title">
-                  <v-icon class="dialog-icon">
-                    mdi-wheelchair-accessibility
-                  </v-icon>
-                  G1
-                </v-card-title>
-                <v-card-text class="dialog-text">
-                  Pessoas com deficiência que necessitam de um alto nível de acessibilidade, por exemplo, a utilização de elevador.
-                </v-card-text>
-              </v-card>
-              <v-card class="dialog-card">
-                <v-card-title class="dialog-title">
-                  <v-icon class="dialog-icon">
-                    mdi-human-white-cane
-                  </v-icon>
-                  G2
-                </v-card-title>
-                <v-card-text class="dialog-text">
-                  Pessoas com necessidades de acessibilidade que não tenham interferência direta no ônibus, por exemplo, a presença de piso tátil.
-                </v-card-text>
-              </v-card>
-              <v-card class="dialog-card">
-                <v-card-title class="dialog-title">
-                  <v-icon class="dialog-icon">
-                    mdi-human-male
-                  </v-icon>
-                  G3
-                </v-card-title>
-                <v-card-text class="dialog-text">
-                  Pessoas que não necessitam de adaptações no ônibus para seu deslocamento de forma segura.
-                </v-card-text>
-              </v-card>
-            </div>
-          </v-card-text>
-          <v-card-actions>
-            <v-btn color="primary" class="ml-auto" @click="dialog = false">
-              Fechar
-            </v-btn>
-          </v-card-actions>
-        </v-card>
-      </v-dialog>
-    </ul>
-    <v-alert v-if="errorMessage" type="error" class="error-message">
-      {{ errorMessage }}
-    </v-alert> -->
     <div class="table-container">
       <v-card class="table-card">
         <div class="upper-container">
@@ -100,14 +16,6 @@
           >
           </v-text-field>
           <ul class="filters">
-            <!-- <v-text-field
-              v-model="search.text"
-              label="Pesquisar"
-              placeholder="Pesquisar"
-              solo
-              dense
-              class="input"
-            /> -->
             <v-select
               v-model="search.companion"
               :items="['Sim', 'Não']"
@@ -126,9 +34,6 @@
               class="input"
               clearable
             />
-            <!-- <v-btn class="button" color="primary">
-              Buscar
-            </v-btn> -->
             <v-btn class="button group-button" @click="dialog = true">
               O que são os grupos?
             </v-btn>
@@ -179,10 +84,10 @@
                 </v-card-actions>
               </v-card>
             </v-dialog>
-            <v-alert v-if="errorMessage" type="error" class="error-message">
-              {{ errorMessage }}
-            </v-alert>
           </ul>
+          <v-alert v-if="errorMessage" type="error" class="error-message">
+            {{ errorMessage }}
+          </v-alert>
         </div>
         <v-data-table
           :headers="headers"
@@ -204,7 +109,7 @@
     </div>
   </div>
 </template>
-<!--Companhia -> Acompanhante-->
+
 <script>
 import axiosClient from '~/assets/services/emtu-api'
 
@@ -216,6 +121,7 @@ export default {
         companion: null,
         group: null
       },
+      slugifiedText: '',
       headers: [
         { text: 'Código', align: 'start', value: 'cod' },
         { text: 'Diagnóstico', align: 'start', value: 'diagnostic' },
@@ -230,18 +136,24 @@ export default {
   },
   computed: {
     filteredCids () {
-      if (!this.search.text && !this.search.companion && !this.search.group) {
+      if (!this.slugifiedText && !this.search.companion && !this.search.group) {
         return this.cids
       }
       return this.cids.filter((item) => {
-        return ((item.cod && item.cod.toLowerCase().includes(this.search.text.toLowerCase())) ||
-        (item.diagnostic && item.diagnostic.toLowerCase().includes(this.search.text.toLowerCase())) ||
-        (item.slugdiagnostic && item.slugdiagnostic.toLowerCase().includes(this.search.text.toLowerCase()))) &&
+        return ((item.cod && item.cod.toLowerCase().includes(this.slugifiedText.toLowerCase())) ||
+        (item.diagnostic && item.diagnostic.toLowerCase().includes(this.slugifiedText.toLowerCase())) ||
+        (item.slugdiagnostic && item.slugdiagnostic.toLowerCase().includes(this.slugifiedText.toLowerCase()))) &&
         (!this.search.group || (item.group && item.group.toLowerCase().includes(this.search.group.toLowerCase()))) &&
         (!this.search.companion || (item.companion && item.companion.toLowerCase().includes(this.search.companion.toLowerCase())))
       })
     }
   },
+  watch: {
+    'search.text' (newText) {
+      this.slugifiedText = this.slugify(newText)
+      console.log(this.slugifiedText)
+    }
+  },
   created () {
     axiosClient.get('/cids')
       .then((response) => {
@@ -261,6 +173,23 @@ export default {
       } else {
         return 'blue'
       }
+    },
+    slugify (text) {
+      const original = 'áàãâäéèêëíìîïóòõôöúùûüçñ'
+      const newFormat = 'aaaaaeeeeiiiiooooouuuucn'
+
+      return text
+        .toString()
+        .toLowerCase()
+        .trim()
+        .split('')
+        .map((char) => {
+          const index = original.indexOf(char)
+          return index !== -1 ? newFormat[index] : char
+        })
+        .join('')
+        .replace(/[^a-z0-9]+/g, '-')
+        .replace(/^-+|-+$/g, '')
     }
   }
 }

From 7f87677d328ffa1933c74d9471a4535010547bc3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Pedro=20Zampoli?= <jpszampoli53@gmail.com>
Date: Sat, 21 Sep 2024 17:03:57 -0300
Subject: [PATCH 4/5] Update lista-cids.vue

---
 pages/lista-cids.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/lista-cids.vue b/pages/lista-cids.vue
index fafecd6..7337fe4 100644
--- a/pages/lista-cids.vue
+++ b/pages/lista-cids.vue
@@ -126,7 +126,7 @@ export default {
         { text: 'Código', align: 'start', value: 'cod' },
         { text: 'Diagnóstico', align: 'start', value: 'diagnostic' },
         { text: 'Observações', align: 'start', value: 'observations' },
-        { text: 'Acompanhante', align: 'start', value: 'companion' },
+        { text: 'Direito a Acompanhante', align: 'start', value: 'companion' },
         { text: 'Grupo', align: 'center', value: 'group' }
       ],
       cids: [],

From 80c46a1d0deec66771f1b513fa33ec14380a509e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Pedro=20Zampoli?= <jpszampoli53@gmail.com>
Date: Sat, 21 Sep 2024 17:07:48 -0300
Subject: [PATCH 5/5] Delete SideBar.test.js.snap

---
 .../__snapshots__/SideBar.test.js.snap        | 578 ------------------
 1 file changed, 578 deletions(-)
 delete mode 100644 components/__tests__/__snapshots__/SideBar.test.js.snap

diff --git a/components/__tests__/__snapshots__/SideBar.test.js.snap b/components/__tests__/__snapshots__/SideBar.test.js.snap
deleted file mode 100644
index d24b649..0000000
--- a/components/__tests__/__snapshots__/SideBar.test.js.snap
+++ /dev/null
@@ -1,578 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Components / Sidebar when component renders when is desktop should render 300 1`] = `
-<div
-  class="v-sheet theme--light"
->
-  <div
-    class="v-overlay v-overlay--absolute theme--dark"
-    style="z-index: 5;"
-  >
-    <div
-      class="v-overlay__scrim"
-      style="opacity: 0; background-color: rgb(33, 33, 33); border-color: #212121;"
-    />
-  </div>
-  <aside
-    class="v-navigation-drawer v-navigation-drawer--absolute v-navigation-drawer--is-mobile v-navigation-drawer--open v-navigation-drawer--right theme--light"
-    style="height: 100%; top: 0px; transform: translateX(0%); width: 300px;"
-  >
-    <div
-      class="v-navigation-drawer__content"
-    >
-      <div
-        class="title-container"
-      >
-        <i
-          aria-hidden="true"
-          class="v-icon notranslate title-navigation mdi mdi-bus theme--light primary--text"
-        />
-         
-        <div
-          class="v-list-item__title title-navigation"
-        >
-          
-        EMTU
-      
-        </div>
-         
-        <button
-          class="v-icon notranslate title-navigation v-icon--link mdi mdi-close theme--light primary--text"
-          type="button"
-        />
-      </div>
-       
-      <div
-        class="v-list v-sheet theme--light v-list--dense"
-        role="list"
-      >
-        <a
-          class="v-list-item v-list-item--link theme--light"
-          role="listitem"
-          router=""
-          tabindex="0"
-        >
-          <div
-            class="v-list-item__icon"
-          >
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate mdi mdi-magnify theme--light"
-            />
-          </div>
-           
-          <div
-            class="v-list-item__content"
-          >
-            <span
-              class="item-title"
-            >
-              Buscar
-            </span>
-          </div>
-        </a>
-        <a
-          class="v-list-item v-list-item--link theme--light"
-          role="listitem"
-          router=""
-          tabindex="0"
-        >
-          <div
-            class="v-list-item__icon"
-          >
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate mdi mdi-format-list-numbered theme--light"
-            />
-          </div>
-           
-          <div
-            class="v-list-item__content"
-          >
-            <span
-              class="item-title"
-            >
-              Lista de CID's
-            </span>
-          </div>
-        </a>
-        <a
-          class="v-list-item v-list-item--link theme--light"
-          role="listitem"
-          router=""
-          tabindex="0"
-        >
-          <div
-            class="v-list-item__icon"
-          >
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate mdi mdi-account-group theme--light"
-            />
-          </div>
-           
-          <div
-            class="v-list-item__content"
-          >
-            <span
-              class="item-title"
-            >
-              Sobre nós
-            </span>
-          </div>
-        </a>
-      </div>
-    </div>
-    <div
-      class="v-navigation-drawer__border"
-    />
-  </aside>
-</div>
-`;
-
-exports[`Components / Sidebar when component renders when is mobile should render 100% 1`] = `
-<div
-  class="v-sheet theme--light"
->
-  <div
-    class="v-overlay v-overlay--absolute theme--dark"
-    style="z-index: 5;"
-  >
-    <div
-      class="v-overlay__scrim"
-      style="opacity: 0; background-color: rgb(33, 33, 33); border-color: #212121;"
-    />
-  </div>
-  <aside
-    class="v-navigation-drawer v-navigation-drawer--absolute v-navigation-drawer--is-mobile v-navigation-drawer--open v-navigation-drawer--right theme--light"
-    style="height: 100%; top: 0px; transform: translateX(0%); width: 100%;"
-  >
-    <div
-      class="v-navigation-drawer__content"
-    >
-      <div
-        class="title-container"
-      >
-        <i
-          aria-hidden="true"
-          class="v-icon notranslate title-navigation mdi mdi-bus theme--light primary--text"
-        />
-         
-        <div
-          class="v-list-item__title title-navigation"
-        >
-          
-        EMTU
-      
-        </div>
-         
-        <button
-          class="v-icon notranslate title-navigation v-icon--link mdi mdi-close theme--light primary--text"
-          type="button"
-        />
-      </div>
-       
-      <div
-        class="v-list v-sheet theme--light v-list--dense"
-        role="list"
-      >
-        <a
-          class="v-list-item v-list-item--link theme--light"
-          role="listitem"
-          router=""
-          tabindex="0"
-        >
-          <div
-            class="v-list-item__icon"
-          >
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate mdi mdi-magnify theme--light"
-            />
-          </div>
-           
-          <div
-            class="v-list-item__content"
-          >
-            <span
-              class="item-title"
-            >
-              Buscar
-            </span>
-          </div>
-        </a>
-        <a
-          class="v-list-item v-list-item--link theme--light"
-          role="listitem"
-          router=""
-          tabindex="0"
-        >
-          <div
-            class="v-list-item__icon"
-          >
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate mdi mdi-format-list-numbered theme--light"
-            />
-          </div>
-           
-          <div
-            class="v-list-item__content"
-          >
-            <span
-              class="item-title"
-            >
-              Lista de CID's
-            </span>
-          </div>
-        </a>
-        <a
-          class="v-list-item v-list-item--link theme--light"
-          role="listitem"
-          router=""
-          tabindex="0"
-        >
-          <div
-            class="v-list-item__icon"
-          >
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate mdi mdi-account-group theme--light"
-            />
-          </div>
-           
-          <div
-            class="v-list-item__content"
-          >
-            <span
-              class="item-title"
-            >
-              Sobre nós
-            </span>
-          </div>
-        </a>
-      </div>
-    </div>
-    <div
-      class="v-navigation-drawer__border"
-    />
-  </aside>
-</div>
-`;
-
-exports[`Components / Sidebar when is not logged should render default items 1`] = `
-<div
-  class="v-sheet theme--light"
->
-  <aside
-    class="v-navigation-drawer v-navigation-drawer--absolute v-navigation-drawer--is-mobile v-navigation-drawer--open v-navigation-drawer--right theme--light"
-    style="height: 100%; top: 0px; transform: translateX(0%); width: 100%;"
-  >
-    <div
-      class="v-navigation-drawer__content"
-    >
-      <div
-        class="title-container"
-      >
-        <i
-          aria-hidden="true"
-          class="v-icon notranslate title-navigation mdi mdi-bus theme--light primary--text"
-        />
-         
-        <div
-          class="v-list-item__title title-navigation"
-        >
-          
-        EMTU
-      
-        </div>
-         
-        <button
-          class="v-icon notranslate title-navigation v-icon--link mdi mdi-close theme--light primary--text"
-          type="button"
-        />
-      </div>
-       
-      <div
-        class="v-list v-sheet theme--light v-list--dense"
-        role="list"
-      >
-        <a
-          class="v-list-item v-list-item--link theme--light"
-          role="listitem"
-          router=""
-          tabindex="0"
-        >
-          <div
-            class="v-list-item__icon"
-          >
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate mdi mdi-magnify theme--light"
-            />
-          </div>
-           
-          <div
-            class="v-list-item__content"
-          >
-            <span
-              class="item-title"
-            >
-              Buscar
-            </span>
-          </div>
-        </a>
-        <a
-          class="v-list-item v-list-item--link theme--light"
-          role="listitem"
-          router=""
-          tabindex="0"
-        >
-          <div
-            class="v-list-item__icon"
-          >
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate mdi mdi-format-list-numbered theme--light"
-            />
-          </div>
-           
-          <div
-            class="v-list-item__content"
-          >
-            <span
-              class="item-title"
-            >
-              Lista de CID's
-            </span>
-          </div>
-        </a>
-        <a
-          class="v-list-item v-list-item--link theme--light"
-          role="listitem"
-          router=""
-          tabindex="0"
-        >
-          <div
-            class="v-list-item__icon"
-          >
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate mdi mdi-account-group theme--light"
-            />
-          </div>
-           
-          <div
-            class="v-list-item__content"
-          >
-            <span
-              class="item-title"
-            >
-              Sobre nós
-            </span>
-          </div>
-        </a>
-      </div>
-    </div>
-    <div
-      class="v-navigation-drawer__border"
-    />
-  </aside>
-</div>
-`;
-
-exports[`Components / Sidebar when user is logged should render admin items 1`] = `
-<div
-  class="v-sheet theme--light"
->
-  <aside
-    class="v-navigation-drawer v-navigation-drawer--absolute v-navigation-drawer--is-mobile v-navigation-drawer--open v-navigation-drawer--right theme--light"
-    style="height: 100%; top: 0px; transform: translateX(0%); width: 100%;"
-  >
-    <div
-      class="v-navigation-drawer__content"
-    >
-      <div
-        class="title-container"
-      >
-        <i
-          aria-hidden="true"
-          class="v-icon notranslate title-navigation mdi mdi-bus theme--light primary--text"
-        />
-         
-        <div
-          class="v-list-item__title title-navigation"
-        >
-          
-        EMTU
-      
-        </div>
-         
-        <button
-          class="v-icon notranslate title-navigation v-icon--link mdi mdi-close theme--light primary--text"
-          type="button"
-        />
-      </div>
-       
-      <div
-        class="v-list v-sheet theme--light v-list--dense"
-        role="list"
-      >
-        <a
-          class="v-list-item v-list-item--link theme--light"
-          role="listitem"
-          router=""
-          tabindex="0"
-        >
-          <div
-            class="v-list-item__icon"
-          >
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate material-icons theme--light"
-            />
-          </div>
-           
-          <div
-            class="v-list-item__content"
-          >
-            <span
-              class="item-title"
-            >
-              Home
-            </span>
-          </div>
-        </a>
-        <a
-          class="v-list-item v-list-item--link theme--light"
-          role="listitem"
-          router=""
-          tabindex="0"
-        >
-          <div
-            class="v-list-item__icon"
-          >
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate material-icons theme--light"
-            />
-          </div>
-           
-          <div
-            class="v-list-item__content"
-          >
-            <span
-              class="item-title"
-            >
-              Buscas realizadas
-            </span>
-          </div>
-        </a>
-        <a
-          class="v-list-item v-list-item--link theme--light"
-          role="listitem"
-          router=""
-          tabindex="0"
-        >
-          <div
-            class="v-list-item__icon"
-          >
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate material-icons theme--light"
-            />
-          </div>
-           
-          <div
-            class="v-list-item__content"
-          >
-            <span
-              class="item-title"
-            >
-              Acessos diários
-            </span>
-          </div>
-        </a>
-        <a
-          class="v-list-item v-list-item--link theme--light"
-          role="listitem"
-          router=""
-          tabindex="0"
-        >
-          <div
-            class="v-list-item__icon"
-          >
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate material-icons theme--light"
-            />
-          </div>
-           
-          <div
-            class="v-list-item__content"
-          >
-            <span
-              class="item-title"
-            >
-              Ranking de Linhas
-            </span>
-          </div>
-        </a>
-        <a
-          class="v-list-item v-list-item--link theme--light"
-          role="listitem"
-          router=""
-          tabindex="0"
-        >
-          <div
-            class="v-list-item__icon"
-          >
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate material-icons theme--light"
-            />
-          </div>
-           
-          <div
-            class="v-list-item__content"
-          >
-            <span
-              class="item-title"
-            >
-              Solicitações
-            </span>
-          </div>
-        </a>
-        <a
-          class="v-list-item v-list-item--link theme--light"
-          role="listitem"
-          router=""
-          tabindex="0"
-        >
-          <div
-            class="v-list-item__icon"
-          >
-            <i
-              aria-hidden="true"
-              class="v-icon notranslate material-icons theme--light"
-            />
-          </div>
-           
-          <div
-            class="v-list-item__content"
-          >
-            <span
-              class="item-title"
-            >
-              Fazer uma busca
-            </span>
-          </div>
-        </a>
-      </div>
-    </div>
-    <div
-      class="v-navigation-drawer__border"
-    />
-  </aside>
-</div>
-`;