@metano/quasar_rest_auth 1.0.1

package/components/TopMenuSegundo.vue

@@ -0,0 +1,85 @@
+<template>
+    <div >
+      <q-btn class="q-mr-xs" flat square
+        v-for="App in Auth.TipoEntidadeMenus" :key="App"
+        style="padding: 0px;"
+        v-show="User.EntidadeModulos.includes(App.app) && User.isAuthorized(App.app.toLowerCase())"
+        :icon="App.icon"
+        :label="tdc(App.menu)"
+      >
+        
+        <q-menu auto-close>
+          <q-list  style="min-width: 155px">
+            <q-item  v-for="sm in App.submenu" :key="sm"
+              dense
+              clickable v-ripple
+              :to="{name: sm?.rota}"
+              v-show="User.isAuthorized(sm.role.toLowerCase())"
+            >
+              <q-item-section avatar>
+                <q-icon :name="sm.icon" :color="$q.dark.isActive ? '' : 'text-primary'" />
+              </q-item-section>
+              <q-item-section :color="$q.dark.isActive ? '' : 'text-primary'">{{tdc(sm.menu)}}</q-item-section>
+              <q-item-section side >
+                <q-item dense  style="margin-right: -20px;"
+                  v-show="User.isAuthorized('add_' + sm.menu.toLowerCase())"
+                  clickable v-ripple
+                  :to="{name: 'add_' + sm.menu.toLowerCase()}"
+                >
+                  <q-icon name="add" size="sm" :color="$q.dark.isActive ? '' : 'primary'">
+                    <q-tooltip :class="$q.dark.isActive ? 'bg-dark' : 'bg-primary'">
+                      {{ tdc('Adicionar ') }} {{ tdc(sm.menu) }}
+                    </q-tooltip>
+                  </q-icon>
+                </q-item>
+              </q-item-section>
+            </q-item>
+          </q-list>
+        </q-menu>
+      </q-btn>
+      </div>
+</template>
+
+<script >
+
+import { defineComponent } from 'vue'
+import { tdc } from '../boot/app'
+import { UserStore, AuthStore } from '../stores/AuthStore'
+
+
+
+export default defineComponent({
+  name: 'TopeMenuSegundo',
+
+  components: {
+  },
+  setup () {
+
+    const User = UserStore()
+    const Auth = AuthStore()
+
+    return {
+      User,
+      Auth,
+      tdc
+    }
+  },
+  data () {
+    return {
+     
+    }
+  },
+  computed: {
+
+  },
+  watch: {
+    
+  },
+  mounted () {
+
+  },
+  methods: {
+    
+  }
+})
+</script>

package/components/footer/Comments.vue

@@ -0,0 +1,77 @@
+
+<template>
+   <div class="">
+        <q-card>
+          <q-bar :class="$q.dark.isActive ? 'bg-primary text-white' : 'bg-primary text-white'">
+            &nbsp; {{tdc('Enviar comentário ou opinião')}} 
+            <q-space />
+            <q-btn dense flat icon="close" v-close-popup>
+              <q-tooltip>{{tdc('Fechar')}}</q-tooltip>
+            </q-btn>
+          </q-bar>
+
+          <q-card-section >
+            <q-input outlined
+                v-model="comment_text"
+                class=""
+                dense
+                :placeholder="tdc('Tem algum feedback? Adoraríamos ouvir; mas não compartilhe informações confidenciais. Tem perguntas? Tente ajuda ou suporte.')"
+                type="textarea"
+                :rules="[ val => val && val.length > 0 || tdc('Este campo e obrigatório.')]"
+                />
+          </q-card-section>
+
+          <q-card-section >
+            {{tdc('Algumas informações da conta e do sistema podem ser enviadas para a Mytech. Nós o usaremos para corrigir problemas e melhorar nossos serviços de acordo com nossa Política de Privacidade e Termos de Serviço. Podemos enviar um e-mail para mais informações ou atualizações. Vá para a Ajuda Jurídica para solicitar alterações de conteúdo por motivos legais.')}}
+          </q-card-section>
+          <q-separator />
+
+          <q-card-actions align="right">
+            <q-btn  v-close-popup   :color="$q.dark.isActive ? '' : 'dark'" >{{tdc('Cancelar')}}</q-btn>
+            <q-btn   :color="$q.dark.isActive ? 'primary' : 'primary'" type="submit" @click="comentar" > {{tdc('Enviar')}}</q-btn>
+          </q-card-actions>
+        </q-card>
+    
+  </div>
+</template>
+
+<script>
+import { defineComponent } from 'vue'
+import { tdc } from '../../boot/app'
+
+export default defineComponent({
+
+  setup () {
+    return {
+      
+    }
+  },
+  props: {
+    css: {
+      type: String,
+      required: false,
+      default: ''
+    }
+  },
+
+  data () {
+    return {
+      tdc: tdc
+    }
+  },
+  created () {
+  },
+  computed: {
+  },
+  mounted () {
+    
+  },
+
+  methods: {
+
+    modal_comment () {
+      this.comment = !this.comment
+    }
+  }
+})
+</script>

package/components/footer/MainFooter.vue

@@ -0,0 +1,71 @@
+
+<template>
+  <div class="">
+    <q-dialog v-model="comment" persistent>
+        <Comments />
+    </q-dialog>
+    <q-footer v-if=" true" bordered :class="$q.dark.isActive ? 'bg-dark text-white' : 'bg-primary text-white'">
+      <q-toolbar>
+        <q-toolbar-title>
+          <div class="row q-py-sm  justify-between ">
+            <div class="col-md-9   items-center" style="font-size:13px;" >
+              &copy; {{ User?.Entidade?.created_at==null? '2020' : User?.Entidade?.created_at }} - {{ new Date().getFullYear() }} {{ User?.Entidade?.tipoEntidade }} {{ User?.Entidade?.nome }}
+            </div>
+            <div class="col-md-3 text-right  items-center" style="font-size:12px;">
+                  {{ Load.count }} <label  @click="this.comment = !this.comment">  {{tdc('Enviar comentário ou opinião')}} </label>
+            </div>
+          </div>
+        </q-toolbar-title>
+      </q-toolbar>
+    </q-footer>
+  </div>
+</template>
+
+<script>
+import { defineComponent } from 'vue'
+import { tdc } from '../../boot/app';
+import { LoadStore, UserStore } from '../../stores/AuthStore';
+import Comments from "./Comments.vue";
+
+
+export default defineComponent({
+
+  components: {
+    Comments
+  },
+
+  setup () {
+    const User = UserStore
+    const Load = LoadStore()
+    return {
+      User,
+      Load
+    }
+  },
+  props: {
+    css: {
+      type: String,
+      required: false,
+      default: ''
+    }
+  },
+
+  data () {
+    return {
+      comment: false,
+      tdc: tdc,
+    }
+  },
+  created () {
+  },
+  computed: {
+  },
+  mounted () {
+    
+  },
+
+  methods: {
+
+  }
+})
+</script>

package/components/header/HeaderBrand.vue

@@ -0,0 +1,64 @@
+<template>
+  <div class="row items-center no-wrap q-gutter-sm">
+    <q-avatar size="40px">
+      <img   v-if="User.Entidade" :src="User?.Entidade?.logo" />
+      <img   v-else :src="User.TipoEntidade?.icon?.url" />
+    </q-avatar>
+
+    <div class="text-h6 text-weight-medium">
+      <label v-if="User?.Entidade">
+        {{ tdc(User?.Entidade?.nome) }}
+
+        <q-tooltip
+          v-if="User?.Sucursal?.nome"
+          :class="$q.dark.isActive
+            ? 'bg-dark text-white text-subtitle1'
+            : 'bg-primary text-white text-subtitle1'"
+        >
+          {{ tdc(User?.Sucursal?.nome) }}
+        </q-tooltip>
+      </label>
+      <label v-else >{{tdc( User.TipoEntidade?.nome )}}</label>
+    </div>
+  </div>
+</template>
+
+<script>
+
+import { defineComponent } from 'vue'
+import { AuthStore, UserStore } from '../../stores/AuthStore'
+import { tdc } from '../../boot/app';
+
+
+export default defineComponent({
+  components: {
+
+  },
+  setup () {
+    const Auth = AuthStore()
+    const User = UserStore()
+    return {
+      Auth,
+      User,
+      tdc
+    }
+  },
+  data () {
+    return {
+      
+    }
+  },
+  computed: {
+
+  },
+
+  mounted(){
+
+  },
+
+  methods: {
+    
+  
+  }
+})
+</script>

package/components/header/HeaderDarkModeToggle.vue

@@ -0,0 +1,40 @@
+<template>
+  <q-btn
+    dense flat round
+    :icon="$q.dark.isActive ? 'mdi-weather-night' : 'mdi-white-balance-sunny'"
+    @click="toggleDark"
+  >
+    <q-tooltip
+      :class="$q.dark.isActive ? 'bg-dark text-white' : 'bg-primary text-white'"
+    >
+      {{ $q.dark.isActive ? tdc('Clique para modo dia') : tdc('Clique para modo noite') }}
+    </q-tooltip>
+  </q-btn>
+</template>
+
+
+<script>
+  import { defineComponent } from 'vue'
+  import { tdc } from '../../boot/app'
+  import { getStorage, setStorage } from '../../boot/base'
+
+  export default defineComponent({
+    name: 'HeaderDarkMode',
+    data () {
+      return {
+        tdc: tdc
+      }
+    },
+    mounted() {
+      const isDark = ('' + getStorage('c', 'dark')).toLowerCase() === 'true'
+      this.$q.dark.set(isDark) 
+    },
+    methods: {
+      toggleDark () {
+        const newValue = !this.$q.dark.isActive
+        this.$q.dark.set(newValue)
+        setStorage('c', 'dark', newValue, 365)
+      }
+    }
+  })
+</script>

package/components/header/HeaderFullScreen.vue

@@ -0,0 +1,55 @@
+<template>
+  <q-btn flat dense round
+    :icon="fullscreen ? 'fullscreen_exit' : 'fullscreen'"
+    @click="toggleFullScreen" >
+    <q-tooltip :class="$q.dark.isActive ? 'bg-transparent' : 'bg-primary'">
+      {{ fullscreen ? tdc('Clique para desactivar da tela cheia'): tdc('Clique para activar da tela cheia') }}
+    </q-tooltip>
+  </q-btn>
+</template>
+
+<script>
+import { defineComponent } from 'vue'
+import { tdc } from '../../boot/app'
+import { getStorage, setStorage } from '../../boot/base'
+export default defineComponent({
+  components: {
+
+  },
+  setup () {
+    return {
+    }
+  },
+  data () {
+    return {
+      fullscreen: false,
+      tdc: tdc
+    }
+  },
+  computed: {
+
+  },
+
+  mounted(){
+    document.addEventListener("fullscreenchange", () => {
+      this.fullscreen = !!document.fullscreenElement
+    })
+    this.fullscreen = ('' + getStorage('c', 'FullScreen')).toLowerCase() === 'true'
+  },
+
+  methods: {
+    toggleFullScreen() {
+      if (!document.fullscreenElement) {
+        document.documentElement.requestFullscreen()
+        this.fullscreen = !!document.fullscreenElement
+        setStorage('c', 'FullScreen', this.fullscreen, 365)
+      } else if (document.exitFullscreen) {
+        document.exitFullscreen()
+        this.fullscreen = !!document.fullscreenElement
+        setStorage('c', 'FullScreen', this.fullscreen, 365)
+      }
+
+    }
+  }
+})
+</script>

package/components/header/HeaderLanguage.vue

@@ -0,0 +1,56 @@
+<template>
+  <q-btn dense flat round icon="language">
+    <q-menu>
+      <q-list dense>
+        <q-item
+          v-for="idioma in Language.list"
+          :key="idioma"
+          clickable
+          @click="Language?.change(idioma)"
+        >
+          <q-item-section v-if="Language.current?.id == idioma.id" ><b>{{ idioma.nome }}</b></q-item-section>
+          <q-item-section v-else >{{ idioma.nome }}</q-item-section>
+        </q-item>
+      </q-list>
+    </q-menu>
+    <q-tooltip :class="$q.dark.isActive ? 'bg-dark text-white' : 'bg-primary text-white'">
+      {{Language.current?.nome }}
+    </q-tooltip>
+  </q-btn>
+</template>
+
+<script>
+import { defineComponent } from 'vue'
+import {  UserStore, LanguageStore} from '../../stores/AuthStore'
+
+
+export default defineComponent({
+  components: {
+
+  },
+  setup () {
+    const User = UserStore()
+    const Language = LanguageStore()
+    return {
+      User,
+      Language
+    }
+  },
+  data () {
+    return {
+      
+    }
+  },
+  computed: {
+
+  },
+
+  async mounted(){
+    await this.Language.get()
+  },
+
+  methods: {
+    
+  }
+})
+</script>

package/components/header/HeaderNotifications.vue

@@ -0,0 +1,53 @@
+<template>
+  <q-btn flat round dense @click="verNotificacoes()" 
+   :class="$q.dark.isActive ? 'bg-dark text-white' : 'bg-primary text-white'"
+  >
+    <q-icon name="notifications" />
+    <q-badge v-if="unreadCount > 0" color="red" floating transparent>
+      {{ unreadCount }}
+    </q-badge>
+    <q-tooltip :class="$q.dark.isActive ? 'bg-dark text-white' : 'bg-primary text-white'">
+      {{tdc('Ver notificações')}}
+    </q-tooltip>
+  </q-btn>
+</template>
+
+<script >
+import { defineComponent } from 'vue'
+import { tdc } from '../../boot/app'
+
+
+export default defineComponent({
+  components: {
+
+  },
+  setup () {
+    
+    return {
+      
+    }
+  },
+  data () {
+    return {
+      unreadCount: 3,
+      tdc: tdc
+    }
+  },
+  computed: {
+
+  },
+
+  mounted(){
+   
+  },
+
+  methods: {
+    verNotificacoes() {
+     
+    }
+  }
+})
+</script>
+<style scoped>
+/* Estilos específicos do HeaderServices */
+</style>

package/components/header/HeaderServices.vue

@@ -0,0 +1,118 @@
+<template>
+  <div>
+    <!-- Conteúdo do HeaderServices -->
+    <q-btn round dense flat  size="14px" icon="apps">
+          <q-tooltip :class="$q.dark.isActive ? 'bg-transparent' : 'bg-primary'" >{{tdc("Serviços")}}</q-tooltip>
+          <q-menu flat bordered square  fit :offset="[175, 5]"  >
+            <q-card class="my-card"  style="min-width:270px;" >
+                <q-card-section class="text-center"   flat bordered square  >
+                  <q-scroll-area
+                    :thumb-style="thumbStyle"
+                    :bar-style="barStyle"
+                    style="height: 300px"
+                  >
+                    <div class="row col-xs-12"  >
+                      <div  v-for=" te in Auth?.TipoEntidades" :key="te">
+                        <q-item   v-close-popup   flat bordered   class="col-4 " v-if="getHostname(te)"  >
+                          <q-item-label  clickable @click="selectteidadeLink(te)"  class="localhover">
+                            <q-avatar class="" size="45px" style="border-radius:5px;" >
+                              <img :src="te?.icon?.url" >
+                            </q-avatar>
+                            <br>
+                            {{tdc(te.nome)}}
+                          </q-item-label>
+                        </q-item  >
+                        </div>
+                    </div>
+                  </q-scroll-area>
+                </q-card-section>
+              </q-card>
+          </q-menu>
+      </q-btn>
+  </div>
+</template>
+
+<script>
+import { defineComponent } from 'vue'
+import { tdc } from '../../boot/app'
+import { AuthStore, UserStore } from '../../stores/AuthStore'
+import { setStorage } from '../../boot/storage';
+
+
+export default defineComponent({
+
+  setup () {
+    const User = UserStore()
+    const Auth = AuthStore()
+    return {
+      User,
+      Auth
+    }
+  },
+  props: {
+
+  },
+
+  data () {
+    return {
+      tdc: tdc
+    }
+  },
+  created () {
+  },
+  computed: {
+  },
+  async mounted () {
+    await this.Auth.getTipoEntidades()
+    this.Auth?.TipoEntidades?.forEach(entidade => {
+      this.getHostname(entidade)
+    })
+  },
+
+  methods: {
+    isIP(host) {
+      return /^\d{1,3}(\.\d{1,3}){3}$/.test(host) || host.includes(":");
+    },
+    getHostname (tipoEnt) {
+      let domain = ''
+
+      if (this.isIP(window.location.hostname)){
+        const url = new URL(window.location.href);
+        const tipoentidade = url.pathname.split("/").filter(Boolean)[0];
+        domain = tipoentidade
+      }else{
+        domain = window.location.href.split('/')[2].split('.')[0]
+        if (domain === 'www') {
+          domain = window.location.href.split('/')[2].split('.')[1]
+        }
+      }
+
+      if(domain){
+        if (domain.toLocaleLowerCase() !== tipoEnt.nome.toLowerCase()) {
+          return true
+        } else {
+          this.User.TipoEntidade = tipoEnt
+          this.Auth.TipoEntidade = tipoEnt
+          setStorage('c', 'tipoEntidade', JSON.stringify(this.User.TipoEntidade))
+          return false
+        }
+      }
+
+    },
+
+
+    selectteidadeLink(x){
+      var url = ''
+      if (this.isIP(window.location.hostname)){
+        url = new URL(window.location.href)
+        url.pathname = `/${x.nome}/`
+      }else{
+        url = ''
+      }
+
+      window.open(url.toString(), '_blank');
+    }
+
+  }
+})
+</script>