@metano/quasar_rest_auth 1.0.1

package/layouts/MainLayout.vue

@@ -0,0 +1,190 @@
+<template>
+  <q-layout view="hHh lpR fFf">
+    <!-- -------------------- DIALOGS -------------------- -->
+    <q-dialog v-model="permissoes" persistent>
+      <UserPermissoes />
+    </q-dialog>
+
+    <q-dialog v-model="pagepermissoes" persistent>
+      <PagePermissoes />
+    </q-dialog>
+
+    <q-dialog v-model="User.Settings" full-width full-height>
+      <q-card>
+        <q-bar :class="$q.dark.isActive ? 'bg-primary' : 'bg-primary text-white'">
+          <q-toolbar-title>
+            <span class="text-weight-bold">Definições de Layout</span>
+          </q-toolbar-title>
+          <q-space />
+          <q-btn dense flat icon="close" v-close-popup />
+        </q-bar>
+
+        <q-separator />
+
+        <q-card-section class="scroll">
+          <DefinicoesLayout />
+        </q-card-section>
+      </q-card>
+    </q-dialog>
+
+    <q-dialog v-model="api_retorno_modal" full-width full-height>
+      <q-card>
+        <q-bar class="bg-primary text-white">
+          <q-toolbar-title>
+            <span class="text-weight-bold">API</span>
+          </q-toolbar-title>
+          <q-space />
+          <q-btn dense flat icon="close" v-close-popup />
+        </q-bar>
+
+        <q-separator />
+
+        <q-card-section class="scroll">
+          <ApiRetorno />
+        </q-card-section>
+      </q-card>
+    </q-dialog>
+
+    <!-- -------------------- HEADER -------------------- -->
+    <q-header bordered :class="$q.dark.isActive ? 'bg-dark text-white' : 'bg-primary text-white'">
+      <q-toolbar class="no-wrap q-px-md">
+        <!-- Menu Esquerdo -->
+        <q-btn dense flat round icon="menu" @click="User.toggleLeftTop()" />
+
+        <!-- Marca (logo + nome) -->
+        <HeaderBrand />
+
+        <q-space />
+
+        <!-- Dark Mode -->
+        <HeaderDarkModeToggle />
+
+        <!-- Full Screen -->
+        <HeaderFullScreen />
+
+        <!-- Idiomas -->
+        <HeaderLanguage />
+
+        <!-- Serviços -->
+        <Servicos />
+
+        <!-- Notificações -->
+        <Notificacoes /> &nbsp;
+
+        <!-- User Menu -->
+        <HeaderUser />
+
+        <!-- Menu Direito -->
+        <q-btn dense flat round icon="menu" @click="User.toggleRightTop()" />
+      </q-toolbar>
+      <TopMenu v-show="!User.LeftTop"></TopMenu>
+    </q-header>
+
+    <!-- -------------------- LEFT DRAWER -------------------- -->
+    <q-drawer
+      v-model="User.LeftTop"
+      show-if-above
+      :mini="miniState"
+      side="left"
+      bordered
+      class="q-pr-0"
+      :width="300"
+    >
+      <q-scroll-area class="fit" :thumb-style="thumbStyle" :bar-style="barStyle">
+        <LeftMenu />
+      </q-scroll-area>
+    </q-drawer>
+
+    <!-- -------------------- RIGHT DRAWER -------------------- -->
+    <q-drawer v-model="User.RightTop" side="right" bordered :width="300">
+      <q-scroll-area class="fit">
+        <RightMenu />
+      </q-scroll-area>
+    </q-drawer>
+
+    <!-- -------------------- PAGE CONTAINER -------------------- -->
+
+    <q-page-container class="">
+      <router-view :showing="Load.count === 0" />
+      <q-inner-loading :showing="Load.count !== 0">
+        <q-spinner-gears size="80px" color="primary" />
+      </q-inner-loading>
+    </q-page-container>
+
+    <!-- -------------------- RODAPÉ -------------------- -->
+
+    <Rodape />
+
+    <!-- -------------------- PAGE SCROLLER -------------------- -->
+    <q-page-scroller position="bottom-right" :scroll-offset="50" :offset="[18, -10]">
+      <q-btn icon="keyboard_arrow_up" color="primary" round />
+    </q-page-scroller>
+  </q-layout>
+</template>
+
+<script>
+/* -------------------- IMPORT STORES -------------------- */
+
+import { AuthStore, LoadStore, UserStore } from '../stores/AuthStore'
+
+/* -------------------- IMPORT COMPONENTS -------------------- */
+import HeaderBrand from '../components/header/HeaderBrand.vue'
+import HeaderUser from '../components/header/HeaderUser.vue'
+import HeaderDarkModeToggle from '../components/header/HeaderDarkModeToggle.vue'
+import HeaderLanguage from '../components/header/HeaderLanguage.vue'
+import HeaderFullScreen from '../components/header/HeaderFullScreen.vue'
+import Servicos from '../components/header/HeaderServices.vue'
+import Notificacoes from '../components/header/HeaderNotifications.vue'
+
+import LeftMenu from '../components/LeftMenu.vue'
+import TopMenu from '../components/TopMenu.vue'
+import RightMenu from '../components/RightMenu.vue'
+import Rodape from '../components/footer/MainFooter.vue'
+
+
+
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  components: {
+    HeaderBrand,
+    HeaderUser,
+    HeaderDarkModeToggle,
+    HeaderLanguage,
+    HeaderFullScreen,
+    Servicos,
+    Notificacoes,
+    LeftMenu,
+    TopMenu,
+    RightMenu,
+    Rodape,
+  },
+  setup() {
+    const Auth = AuthStore()
+    const User = UserStore()
+    const Load = LoadStore()
+    return {
+      Auth,
+      User,
+      Load,
+    }
+  },
+  data() {
+    return {
+      permissoes: false,
+      pagepermissoes: false,
+      api_retorno_modal: false,
+      visibilidadeLoad: false,
+      comments: false,
+      miniState: false,
+    }
+  },
+  computed: {},
+
+  mounted() {},
+
+  methods: {},
+})
+</script>
+
+<style></style>

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@metano/quasar_rest_auth",
+  "publishConfig": {
+    "access": "public"
+  },
+  "version": "1.0.1",
+  "description": "Para cabesalho do quasar framework",
+  "keywords": [
+    "mytech",
+    "api"
+  ],
+  "homepage": "https://github.com/metanochava/quasar#readme",
+  "bugs": {
+    "url": "https://github.com/metanochava/quasar/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/metanochava/quasar_rest_auth.git"
+  },
+  "license": "MIT",
+  "author": "Dias Metano Salvador Chavana",
+  "type": "commonjs",
+  "main": "index.js",
+  "scripts": {
+    "test": "No test"
+  },
+  "dependencies": {
+    "axios": "^1.13.1",
+    "crypto-js": "^4.2.0"
+  }
+}

package/pages/auth/LoginPage.vue

@@ -0,0 +1,32 @@
+<template>
+  <div class="q-pa-md">
+    <FormLogin />
+  </div>
+</template>
+
+<script>
+import { defineComponent } from 'vue'
+
+import { UserStore } from '@metano/quasar/stores/AuthStore'
+import FormLogin from '@metano/quasar/components/FormLogin.vue'
+
+export default defineComponent({
+  components: {
+    FormLogin,
+  },
+  setup() {
+    const User = UserStore()
+    return {
+      User,
+    }
+  },
+  data() {
+    return {}
+  },
+  computed: {},
+
+  mounted() {},
+
+  methods: {},
+})
+</script>

package/pages/routes.js

@@ -0,0 +1,33 @@
+import { tdc } from '../boot/app'
+
+export let rotas = [
+  { 
+    path: '/rotas', 
+    component: () => import('../components/MyTest.vue'), 
+    name: 'list_test', 
+    meta: { title: tdc('Lista de') + ' ' + tdc('Tests'), 
+    requiresAuth: true, 
+    requiredRole: 'list_test' } 
+  },
+]
+
+export const mytech = {
+  path: '/',
+  component: () => import('../layouts/MainLayout.vue'),
+  children: { 
+    path: '/Teste', 
+    component: () => import('../components/MyTest.vue'), 
+    name: 'list_test', 
+    meta: { title: tdc('Lista de') + ' ' + tdc('Tests'), 
+    requiresAuth: true, 
+    requiredRole: 'list_test' } 
+  },
+}
+
+export const auth = {
+  path: '/',
+  component: () => import('../layouts/AuthLayout.vue'),
+  children: [
+    { path: 'login', component: () => import('./auth/LoginPage.vue'), name: 'login' },
+  ],
+}