@nixweb/nixloc-ui 0.0.53 → 0.0.56

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "0.0.53",
+  "version": "0.0.56",
   "description": "Componentes UI",
   "author": "Fábio Ávila <fabio@nixweb.com.br>",
   "private": false,

package/src/component/layout/Conta.vue

@@ -0,0 +1,132 @@
+<template>
+  <div>
+    <div class="foto-container" @click="escondeMostra = !escondeMostra">
+      <img
+        src="https://portal1.iff.edu.br/desenvolvimento-institucional/imagens/avatar.jpg/@@images/image.jpeg"
+        alt="Avatar"
+      />
+    </div>
+    <div class="perfil-container" v-if="escondeMostra">
+      <div class="item-header text-center">
+        <span>Conta</span>
+      </div>
+      <div class="perfil-conteudo" v-for="item in itens" :key="item.titulo">
+        <div class="item-conteudo" @click="navegarPara(item.nomeRota)">
+          <div class="titulo-container">
+            <span>
+              <i :class="item.classeIcone"></i>
+              <span class="titulo-perfil titulo-input">{{ item.titulo }}</span>
+            </span>
+          </div>
+        </div>
+      </div>
+      <div class="perfil-conteudo" @click="executarSair">
+        <div class="item-conteudo">
+          <div class="titulo-container">
+            <span>
+              <i class="fas fa-sign-in"></i>
+              <span class="titulo-perfil titulo-input">Sair</span>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "Conta",
+  props: {
+    itens: [],
+    sair: Function,
+  },
+  data() {
+    return {
+      escondeMostra: false,
+    };
+  },
+  methods: {
+    navegarPara(nomeRota) {
+      this.$router.push({ name: nomeRota });
+      this.escondeMostra = false;
+    },
+    executarSair() {
+      if (this.sair) this.sair();
+    },
+  },
+};
+</script>
+<style scoped>
+.foto-container {
+  margin-top: -32px;
+  padding-right: 10px;
+  cursor: pointer;
+  position: fixed;
+  float: right;
+  left: auto;
+  right: 0;
+}
+
+img {
+  border-radius: 50%;
+  height: 45px;
+  width: 45px;
+}
+
+.perfil-container {
+  position: fixed;
+  float: right;
+  left: auto;
+  right: 0;
+  margin-right: 20px;
+  height: 100%;
+  z-index: 1000;
+  width: 190px;
+  margin-top: 26px;
+  background-color: white;
+  height: auto;
+  border-bottom: 1px solid #e9ebec;
+}
+
+.perfil-conteudo {
+  right: 0;
+  height: 100%;
+  z-index: 101;
+  width: 190px;
+  height: auto;
+}
+
+.item-header {
+  padding: 8px 20px;
+  background: #f8f8f8;
+  border-left: 1px solid #e9ebec;
+  border-right: 1px solid #e9ebec;
+  border-top: 1px solid #e9ebec;
+}
+
+.item-conteudo {
+  padding-left: 15px;
+  height: 45px;
+  background: white;
+  border: 1px solid #e9ebec;
+  border-bottom: 0px solid #e9ebec;
+  cursor: pointer;
+}
+
+.item-conteudo:hover {
+  background: #f8f8f8;
+}
+
+.titulo-container {
+  padding-top: 10px;
+}
+
+.titulo-container:hover {
+  padding-top: 10px;
+  color: #37597c;
+}
+
+.titulo-perfil {
+  padding-left: 10px;
+}
+</style>

package/src/component/layout/Topo.vue

@@ -5,7 +5,10 @@
       :class="{ esconde: menu.escondeMostra, mostra: !menu.escondeMostra }"
       :style="'background-color:' + corTopo"
     >
-      <span class="icone" @click="mostrar = !mostrar"><i class="fal fa-bars"></i></span>
+      <div class="lado-a-lado" @click="mostrar = !mostrar">
+        <span class="icone"><i class="fal fa-bars"></i></span>
+      </div>
+      <div class="lado-a-lado"><slot></slot></div>
     </div>
     <br />
   </div>

package/src/component/shared/Mensagem.vue

@@ -1,10 +1,10 @@
 <template>
   <div :class="{ 'div-mensagem': !modal.abrir }" v-if="notificacoes.length > 0">
-    <Alerta tipo="perigo">
-      <div v-for="notificacao in notificacoes">
+    <div v-for="notificacao in notificacoes">
+      <Alerta tipo="perigo">
         {{ notificacao.mensagem }}
-      </div>
-    </Alerta>
+      </Alerta>
+    </div>
     <b-alert
       v-show="false"
       :show="contagemRegressiva"

package/src/component/shared/Toast.vue

@@ -18,11 +18,11 @@ export default {
   },
   methods: {
     notifica(value) {
-      if (value.tipo == "adicionarApiSucesso" || value.tipo == "modificarApiSucesso")
+      if (value.tipo == "postApi" || value.tipo == "putApi")
         this.$toasted.show("Salvo com sucesso", {
           type: "success",
         });
-      if (value.tipo == "adicionarApiErro" || value.tipo == "modificarApiErro") {
+      if (value.tipo == "postApiErro" || value.tipo == "putApiErro") {
         this.$toasted.show("Ops! Algo deu errado", {
           type: "error",
         });

package/src/component/template/ModeloLista.vue

@@ -150,8 +150,8 @@ export default {
   },
   watch: {
     metodoExecutadoApi: function (value) {
-      if (value != "obterTodosApi" && value != "" && value != "escolherApi") {
-        // this.obterTodos();
+      if (value == "deleteAllApi") {
+        this.obterTodos();
       }
     },
     buscouPesquisa: function () {

package/src/store/modulos/generic.js

@@ -7,11 +7,7 @@ export default {
     namespaced: true,
     state: {
         menu: {
-            escondeMostra: false, itens: [{
-                href: "/dashboard",
-                title: "Dashboard",
-                icon: "fa fa-chart-area",
-            },]
+            escondeMostra: false, itens: []
         },
         modal: {
             nome: undefined,
@@ -73,8 +69,13 @@ export default {
         },
     },
     mutations: {
-        insereItemMenu: (state, obj) => {
-            state.menu.itens.push(obj);
+        insereItemMenu: (state, itens) => {
+            itens.forEach(function (obj) {
+                state.menu.itens.push(obj);
+            });
+        },
+        removeItensMenu: (state) => {
+            state.menu.itens = [];
         },
         escondeMostraMenu: (state, escondeMostra) => {
             state.menu.escondeMostra = escondeMostra;
@@ -175,14 +176,17 @@ export default {
                 .then((response) => {
                     if (response.data.sucesso) {
                         context.commit('insereMetodoExecutadoApi', params.MetodoExecutadoApi);
-                        context.commit('insereToast', 'adicionarApiSucesso');
+
+                        if (!params.naoNotificarToast)
+                            context.commit('insereToast', 'postApi');
+
                         context.commit('removeNotificacao');
                         context.commit('validation/removeFormSujo', null, { root: true });
                         return response.data;
                     } else {
 
                         context.commit('insereNotificacao', response.data.notificacoes)
-                        context.commit('insereToast', 'falhaGenerica');
+                        context.commit('insereToast', 'postApiErro');
                         return response.data;
                     }
                 }, (err) => {
@@ -198,12 +202,15 @@ export default {
                 .then((response) => {
                     if (response.data.sucesso) {
                         context.commit('insereMetodoExecutadoApi', params.MetodoExecutadoApi);
-                        context.commit('insereToast', 'modificarApiSucesso');
+
+                        if (!params.naoNotificarToast)
+                            context.commit('insereToast', 'putApi');
+
                         context.commit('removeNotificacao');
                         context.commit('validation/removeFormSujo', null, { root: true });
                         return response.data;
                     } else {
-                        context.commit('insereToast', 'modificarApiErro');
+                        context.commit('insereToast', 'putApiErro');
                         context.commit('insereNotificacao', response.data.notificacoes)
                         return response.data;
                     }
@@ -246,7 +253,7 @@ export default {
             })
                 .then((response) => {
                     if (response.data.sucesso) {
-                        context.commit('insereMetodoExecutadoApi', 'deleteApi')
+                        context.commit('insereMetodoExecutadoApi', 'deleteAllApi');
                         context.commit('insereToast', 'deleteApiSucesso');
                         context.commit('removeNotificacao');
                         return response.data;