@nixweb/nixloc-ui 0.0.55 → 0.0.58

package/package.json

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

package/src/component/forms/Texto.vue

@@ -155,6 +155,6 @@ export default {
 }
 
 .margem-botao {
-  margin-top: -10px;
+  margin-top: -15px;
 }
 </style>

package/src/component/layout/Conta.vue

@@ -58,7 +58,7 @@ export default {
 </script>
 <style scoped>
 .foto-container {
-  margin-top: -32px;
+  margin-top: -15px;
   padding-right: 10px;
   cursor: pointer;
   position: fixed;

package/src/component/layout/Menu.vue

@@ -1,84 +1,114 @@
 <template>
-  <div>
-    <sidebar-menu
-      :menu="menu.itens"
-      :collapsed="menu.escondeMostra"
-      theme="white-theme"
-      width="220px"
-    />
+  <div class="menu-container">
+    <ul class="menu">
+      <li>
+        <a
+          href="#"
+          @click.prevent="navegarPara('dashboard')"
+          :class="sessaoDestaque('home')"
+        >
+          <i class="fa fa-home menu__icon" aria-hidden="true"></i>
+          Dashboard
+        </a>
+      </li>
+
+      <li v-for="(item, index) in menuFiltro(true)" :key="index">
+        <a
+          href="#"
+          @click.prevent="abrirSubMenu(item.modulo)"
+          :class="sessaoDestaque(item.modulo)"
+        >
+          <i :class="item.icone" class="menu__icon" aria-hidden="true"></i>
+          {{ item.modulo }}
+          <i class="fa fa-chevron-right menu__arrow-icon" aria-hidden="true"></i>
+        </a>
+      </li>
+    </ul>
+
+    <transition name="slide-fade">
+      <div class="context-menu-container" v-show="subMenuPrimeiroNivel">
+        <ul class="context-menu">
+          <li v-for="(item, index) in subMenuFiltro(false)" :key="index">
+            <h5 v-if="item.tipo === 'grupo'" class="context-menu__title">
+              <i :class="item.icone" aria-hidden="true"></i>
+              {{ item.grupoNome }}
+              <span
+                v-if="index === 0"
+                @click.prevent="fecharSubMenu"
+                class="context-menu__btn-close"
+                href="#"
+              >
+                <i class="fas fa-times-circle"></i>
+              </span>
+            </h5>
+
+            <a
+              v-else
+              href="#"
+              @click.prevent="navegarPara(item.nomeRota)"
+              :class="classeSubMenu(item.titulo)"
+            >
+              {{ item.titulo }}
+            </a>
+          </li>
+        </ul>
+      </div>
+    </transition>
   </div>
 </template>
 
 <script>
-import { SidebarMenu } from "vue-sidebar-menu";
-import { mapState, mapMutations } from "vuex";
+import { mapState } from "vuex";
 
 export default {
-  components: {
-    SidebarMenu,
-  },
+  name: "Menu",
   data() {
     return {
-      tamanhoPagina: "0",
-      windowWidth: 0,
-      windowHeight: 0,
+      modulo: "",
+      subMenuPrimeiroNivel: false,
     };
   },
-  created() {
-    this.tamanhoPagina = window.innerWidth;
-    var corpo = document.getElementsByTagName("body")[0];
-    corpo.style = "margin-left: 220px;transition: all 0.2s ease-in-out;";
-  },
-  mounted() {
-    this.esconderBotaoRodape();
-    this.escondeMostra(false);
-
-    this.$nextTick(function () {
-      window.addEventListener("resize", this.getWindowWidth);
-      window.addEventListener("resize", this.getWindowHeight);
-      this.getWindowWidth();
-      this.getWindowHeight();
-    });
-  },
-  beforeDestroy() {
-    window.removeEventListener("resize", this.getWindowWidth);
-    window.removeEventListener("resize", this.getWindowHeight);
-  },
-  updated() {
-    this.esconderBotaoRodape();
-  },
   methods: {
-    ...mapMutations("generic", ["escondeMostraMenu"]),
-    escondeMostra(esconde) {
-      var corpo = document.getElementsByTagName("body")[0];
-      this.escondeMostraMenu(esconde);
-      if (esconde) {
-        corpo.style = "margin-left: 50px;transition: all 0.2s ease-in-out;";
-      } else {
-        corpo.style = "margin-left: 220px;transition: all 0.2s ease-in-out;";
-      }
+    abrirSubMenu(modulo) {
+      this.subMenuPrimeiroNivel = true;
+      this.modulo = modulo;
     },
-    getWindowWidth(event) {
-      this.windowWidth = document.documentElement.clientWidth;
+    fecharSubMenu() {
+      this.subMenuPrimeiroNivel = false;
+      this.menuItens = [];
     },
-    getWindowHeight(event) {
-      this.windowHeight = document.documentElement.clientHeight;
+    sessaoDestaque(section) {
+      return {
+        menu__link: true,
+        "menu__link--active": section === this.contextSection,
+      };
     },
-    esconderBotaoRodape() {
-      var botao = document.getElementsByClassName("collapse-btn")[0];
-      botao.style = "visibility: hidden !important;";
+    classeSubMenu(subMenuName) {
+      return {
+        "context-menu__link": true,
+        "context-menu__link--active": this.activeSubMenu === subMenuName,
+      };
     },
-  },
-  watch: {
-    windowWidth: function () {
-      if (this.windowWidth < 1280) {
-        this.escondeMostra(true);
-      } else {
-        this.escondeMostra(false);
-      }
+    navegarPara(nomeRota) {
+      this.$router.push({
+        name: nomeRota,
+      });
+      this.fecharSubMenu();
     },
-    "menu.escondeMostra": function (value) {
-      this.escondeMostra(value);
+    menuFiltro(ehModulo) {
+      let filtro = [];
+      this.menu.itens.forEach(function (obj) {
+        if (obj.ehModulo == ehModulo) filtro.push(obj);
+      });
+      return filtro;
+    },
+    subMenuFiltro(ehModulo) {
+      let filtro = [];
+      let self = this;
+      this.menu.itens.forEach(function (obj) {
+        if (obj.ehModulo == ehModulo && obj.modulo === self.modulo) filtro.push(obj);
+      });
+      return filtro;
     },
   },
   computed: {
@@ -86,28 +116,3 @@ export default {
   },
 };
 </script>
-
-<style>
-.v-sidebar-menu .vsm-title {
-  font-size: 14px !important;
-  font-weight: normal !important;
-}
-
-.v-sidebar-menu.white-theme .vsm-dropdown > .vsm-list {
-  background-color: #fafafc !important;
-}
-
-.v-sidebar-menu {
-  background-color: white !important;
-  border-right: 1px solid #e1e1e2;
-}
-
-.v-sidebar-menu.white-theme .vsm-item.first-item > .vsm-link > .vsm-icon {
-  color: #4680a5 !important;
-}
-
-.v-sidebar-menu .vsm-arrow:after {
-  font-family: "Font Awesome 5 Pro" !important;
-  content: "\f105" !important;
-}
-</style>

package/src/component/layout/Painel.vue

@@ -98,7 +98,7 @@ export default {
 <style scoped>
 .c-container {
   margin: auto;
-  padding-left: 30px;
+  padding-left: 240px;
   padding-right: 30px;
   max-width: 1400px;
 }

package/src/component/layout/Topo.vue

@@ -1,14 +1,9 @@
 <template>
   <div>
-    <div
-      class="topo"
-      :class="{ esconde: menu.escondeMostra, mostra: !menu.escondeMostra }"
-      :style="'background-color:' + corTopo"
-    >
-      <div class="lado-a-lado" @click="mostrar = !mostrar">
-        <span class="icone"><i class="fal fa-bars"></i></span>
+    <div class="topo" :style="'background-color:' + corTopo">
+      <div class="lado-a-lado">
+        <slot></slot>
       </div>
-      <div class="lado-a-lado"><slot></slot></div>
     </div>
     <br />
   </div>
@@ -25,20 +20,6 @@ export default {
       default: "#4680A5",
     },
   },
-  data() {
-    return { mostrar: false };
-  },
-  methods: {
-    ...mapMutations("generic", ["escondeMostraMenu"]),
-  },
-  computed: {
-    ...mapState("generic", ["menu"]),
-  },
-  watch: {
-    mostrar(valor) {
-      this.escondeMostraMenu(valor);
-    },
-  },
 };
 </script>
 
@@ -51,18 +32,4 @@ export default {
   left: 0;
   z-index: 20;
 }
-
-.esconde {
-  padding-left: 60px;
-}
-
-.mostra {
-  padding-left: 230px;
-}
-
-.icone {
-  font-size: 25px;
-  color: white;
-  cursor: pointer;
-}
 </style>

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/value-objects/DadosContato.js

@@ -0,0 +1,7 @@
+export default class DadosContato {
+    constructor() {
+        this.telefone = "";
+        this.site = "";
+        this.email = "";
+    }
+}

package/src/component/value-objects/DadosContato.vue

@@ -0,0 +1,90 @@
+<template>
+  <div>
+    <b-row>
+      <b-col xs="12" sm="12" md="12" lg="4" xl="4">
+        <Texto
+          titulo="Telefone"
+          campo="telefone"
+          :formNome="formNome"
+          :mascara="['(##) ####-####', '(##) #####-####']"
+          :tamanhoMaximo="20"
+          v-model="dadosContato.telefone"
+        />
+      </b-col>
+      <b-col xs="12" sm="12" md="12" lg="4" xl="4">
+        <Texto
+          titulo="Site"
+          campo="site"
+          :formNome="formNome"
+          mascara=""
+          :tamanhoMaximo="100"
+          v-model="dadosContato.site"
+        />
+      </b-col>
+      <b-col xs="12" sm="12" md="12" lg="4" xl="4">
+        <Texto
+          titulo="E-mail"
+          campo="email"
+          :formNome="formNome"
+          mascara=""
+          :tamanhoMaximo="100"
+          v-model="dadosContato.email"
+        />
+      </b-col>
+    </b-row>
+  </div>
+</template>
+
+<script>
+import Botao from "@nixweb/nixloc-ui/src/component/forms/Botao";
+import Texto from "@nixweb/nixloc-ui/src/component/forms/Texto";
+import Opcoes from "@nixweb/nixloc-ui/src/component/forms/Opcoes";
+import DadosContato from "@nixweb/nixloc-ui/src/component/value-objects/DadosContato.js";
+
+import { mapGetters } from "vuex";
+
+export default {
+  name: "DadosContato",
+  props: {
+    formNome: String,
+    value: Object,
+  },
+  components: { Opcoes, Texto, Botao },
+  data() {
+    return {
+      dadosContato: new DadosContato(),
+    };
+  },
+  methods: {
+    carregaDados(dados) {
+      this.dadosContato.telefone = dados.telefone;
+      this.dadosContato.email = dados.email;
+    },
+  },
+  computed: {
+    ...mapGetters("generic", ["evento"]),
+  },
+  watch: {
+    value: {
+      handler() {
+        this.dadosPessoa = this.value;
+      },
+      deep: true,
+    },
+    dadosContato: {
+      handler() {
+        this.$emit("input", this.dadosContato);
+      },
+      deep: true,
+    },
+    evento: {
+      handler(evento) {
+        if (evento.nome == "buscarCnpjReceita") {
+          this.carregaDados(evento.dados);
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/component/value-objects/DadosPessoa.js

@@ -0,0 +1,10 @@
+export default class DadosPessoa {
+    constructor() {
+        this.tipoPessoa = 2;
+        this.razaoSocialNome = "";
+        this.fantasiaApelido = "";
+        this.cnpjCpf = "";
+        this.inscricaoEstadualRg = "";
+        this.inscricaoMunicipal = "";
+    }
+}

package/src/component/value-objects/DadosPessoa.vue

@@ -0,0 +1,138 @@
+<template>
+  <div>
+    <b-row>
+      <b-col xs="12" sm="12" md="12" lg="4" xl="4">
+        <Opcoes
+          campo="tipoPessoa"
+          :formNome="formNome"
+          :opcoes="[
+            { text: 'Física', value: 1 },
+            { text: 'Jurídica', value: 2 },
+          ]"
+          v-model="dadosPessoa.tipoPessoa"
+        />
+      </b-col>
+    </b-row>
+    <b-row>
+      <b-col xs="12" sm="12" md="12" lg="4" xl="4">
+        <Texto
+          :titulo="dadosPessoa.tipoPessoa == 2 ? 'CNPJ' : 'CPF'"
+          campo="cnpjCpf"
+          :formNome="formNome"
+          :mascara="['##.###.###/####-##', '###.###.###-##']"
+          :tamanhoMaximo="30"
+          v-model="dadosPessoa.cnpjCpf"
+          ><div class="glyphicon margem-botao">
+            <Botao
+              v-if="dadosPessoa.tipoPessoa == 2"
+              chave="buscarCnpjReceita"
+              tipo="sucesso"
+              classeIcone="fas fa-search"
+              :desabilitado="dadosPessoa.cnpjCpf.length < 18"
+              tamanho="pequeno"
+              :clique="buscarCnpjReceita"
+            /></div
+        ></Texto>
+      </b-col>
+      <b-col xs="12" sm="12" md="12" lg="4" xl="4">
+        <Texto
+          :titulo="dadosPessoa.tipoPessoa == 2 ? 'Inscrição Estadual' : 'RG'"
+          campo="inscricaoEstadualRg"
+          :formNome="formNome"
+          :tamanhoMaximo="50"
+          v-model="dadosPessoa.inscricaoEstadualRg"
+        />
+      </b-col>
+      <b-col xs="12" sm="12" md="12" lg="4" xl="4">
+        <Texto
+          v-if="dadosPessoa.tipoPessoa == 2"
+          titulo="Inscrição Municipal"
+          campo="inscricaoMunicipal"
+          :formNome="formNome"
+          :tamanhoMaximo="50"
+          v-model="dadosPessoa.inscricaoMunicipal"
+        />
+      </b-col>
+    </b-row>
+    <br v-if="dadosPessoa.tipoPessoa == 2" />
+    <b-row>
+      <b-col xs="12" sm="12" md="12" lg="8" xl="8">
+        <Texto
+          :titulo="dadosPessoa.tipoPessoa == 2 ? 'Razão Social' : 'Nome'"
+          campo="razaoSocialNome"
+          :formNome="formNome"
+          :requerido="true"
+          :tamanhoMaximo="100"
+          v-model="dadosPessoa.razaoSocialNome"
+        />
+      </b-col>
+      <b-col xs="12" sm="12" md="12" lg="4" xl="4">
+        <Texto
+          :titulo="dadosPessoa.tipoPessoa == 2 ? 'Fantasia' : 'Apelido'"
+          campo="fantasiaApelido"
+          :formNome="formNome"
+          :requerido="true"
+          :tamanhoMaximo="100"
+          v-model="dadosPessoa.fantasiaApelido"
+        />
+      </b-col>
+    </b-row>
+  </div>
+</template>
+
+<script>
+import Botao from "@nixweb/nixloc-ui/src/component/forms/Botao";
+import Texto from "@nixweb/nixloc-ui/src/component/forms/Texto";
+import Opcoes from "@nixweb/nixloc-ui/src/component/forms/Opcoes";
+import DadosPessoa from "@nixweb/nixloc-ui/src/component/value-objects/DadosPessoa.js";
+
+import { mapMutations } from "vuex";
+
+export default {
+  name: "DadosPessoa",
+  props: {
+    formNome: String,
+    value: Object,
+  },
+  components: { Opcoes, Texto, Botao },
+
+  data() {
+    return {
+      dadosPessoa: new DadosPessoa(),
+    };
+  },
+  methods: {
+    ...mapMutations("generic", ["insereEvento", "insereNotificacao", "removeCarregando"]),
+    buscarCnpjReceita() {
+      let url = `https://ws.hubdodesenvolvedor.com.br/v2/cnpj/?cnpj=${this.dadosPessoa.cnpjCpf}&token=94473735FzLqpNKajP170569464`;
+      this.$http.post(url, {}, {}).then((response) => {
+        if (response.data.return == "OK") {
+          this.insereEvento({
+            nome: "buscarCnpjReceita",
+            dados: response.data.result,
+          });
+          this.dadosPessoa.razaoSocialNome = response.data.result.nome;
+          this.dadosPessoa.fantasiaApelido = response.data.result.fantasia;
+        } else {
+          this.insereNotificacao([{ mensagem: "CNPJ inválido ou não encontrado." }]);
+        }
+        this.removeCarregando(["buscarCnpjReceita"]);
+      });
+    },
+  },
+  watch: {
+    value: {
+      handler() {
+        this.dadosPessoa = this.value;
+      },
+      deep: true,
+    },
+    dadosPessoa: {
+      handler() {
+        this.$emit("input", this.dadosPessoa);
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/component/value-objects/Endereco.js

@@ -0,0 +1,11 @@
+export default class Endereco {
+    constructor() {
+        this.cep = "";
+        this.logradouro = "";
+        this.numero = "";
+        this.complemento = "";
+        this.bairro = "";
+        this.cidade = "";
+        this.estado = { id: "", conteudo: "" };
+    }
+}

package/src/component/value-objects/Endereco.vue

@@ -0,0 +1,183 @@
+<template>
+  <div>
+    <b-row>
+      <b-col xs="12" sm="12" md="12" lg="3" xl="3">
+        <Texto
+          titulo="CEP"
+          campo="cep"
+          :formNome="formNome"
+          :mascara="'#####-###'"
+          :tamanhoMaximo="9"
+          v-model="endereco.cep"
+        >
+          <div class="glyphicon margem-botao">
+            <Botao
+              chave="buscarCep"
+              tipo="sucesso"
+              classeIcone="fas fa-search"
+              tamanho="pequeno"
+              :desabilitado="endereco.cep.length < 9"
+              :clique="buscarCep"
+            /></div
+        ></Texto>
+      </b-col>
+      <b-col xs="12" sm="12" md="12" lg="5" xl="5">
+        <Texto
+          titulo="Endereço"
+          campo="logradouro"
+          :formNome="formNome"
+          :tamanhoMaximo="150"
+          v-model="endereco.logradouro"
+        />
+      </b-col>
+      <b-col xs="12" sm="12" md="12" lg="2" xl="2">
+        <Texto
+          titulo="Número"
+          campo="numero"
+          :formNome="formNome"
+          :tamanhoMaximo="20"
+          v-model="endereco.numero"
+        />
+      </b-col>
+      <b-col xs="12" sm="12" md="12" lg="2" xl="2">
+        <Texto
+          titulo="Complemento"
+          campo="complemento"
+          :formNome="formNome"
+          :tamanhoMaximo="50"
+          v-model="endereco.complemento"
+        />
+      </b-col>
+      <br />
+    </b-row>
+    <b-row>
+      <b-col xs="12" sm="12" md="12" lg="5" xl="5">
+        <Texto
+          titulo="Bairro"
+          campo="bairro"
+          :formNome="formNome"
+          :tamanhoMaximo="100"
+          v-model="endereco.bairro"
+        /> </b-col
+      ><b-col xs="12" sm="12" md="12" lg="5" xl="5">
+        <Texto
+          titulo="Cidade"
+          campo="cidade"
+          :formNome="formNome"
+          :tamanhoMaximo="100"
+          v-model="endereco.cidade"
+        />
+      </b-col>
+      <b-col xs="12" sm="12" md="12" lg="2" xl="2">
+        <EscolherEstatico
+          titulo="UF"
+          campoAlvo="uf"
+          v-model="endereco.estado"
+          :dados="estados"
+        /> </b-col
+    ></b-row>
+  </div>
+</template>
+
+<script>
+import Botao from "@nixweb/nixloc-ui/src/component/forms/Botao";
+import Texto from "@nixweb/nixloc-ui/src/component/forms/Texto";
+import Opcoes from "@nixweb/nixloc-ui/src/component/forms/Opcoes";
+import EscolherEstatico from "@nixweb/nixloc-ui/src/component/forms/EscolherEstatico";
+
+import Endereco from "@nixweb/nixloc-ui/src/component/value-objects/Endereco.js";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "Endereco",
+  props: {
+    formNome: String,
+    value: Object,
+  },
+  components: { Opcoes, Texto, Botao, EscolherEstatico },
+
+  data() {
+    return {
+      endereco: new Endereco(),
+      estados: [
+        { titulo: "AC", valor: "AC" },
+        { titulo: "AL", valor: "AL" },
+        { titulo: "AP", valor: "AP" },
+        { titulo: "AM", valor: "AM" },
+        { titulo: "BA", valor: "BA" },
+        { titulo: "CE", valor: "CE" },
+        { titulo: "DF", valor: "DF" },
+        { titulo: "ES", valor: "ES" },
+        { titulo: "GO", valor: "GO" },
+        { titulo: "MA", valor: "MA" },
+        { titulo: "MT", valor: "MT" },
+        { titulo: "MS", valor: "MS" },
+        { titulo: "MG", valor: "MG" },
+        { titulo: "PA", valor: "PA" },
+        { titulo: "PB", valor: "PB" },
+        { titulo: "PR", valor: "PR" },
+        { titulo: "PE", valor: "PE" },
+        { titulo: "PI", valor: "PI" },
+        { titulo: "RJ", valor: "RJ" },
+        { titulo: "RN", valor: "RN" },
+        { titulo: "RS", valor: "RS" },
+        { titulo: "RO", valor: "RO" },
+        { titulo: "RR", valor: "RR" },
+        { titulo: "SC", valor: "SC" },
+        { titulo: "SP", valor: "SP" },
+        { titulo: "SE", valor: "SE" },
+        { titulo: "TO", valor: "TO" },
+      ],
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["evento"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["insereEvento", "insereNotificacao", "removeCarregando"]),
+    buscarCep() {
+      let cep = this.endereco.cep.replace(/\.|\-/g, "");
+      let url = `https://viacep.com.br/ws/${cep}/json/`;
+      this.$http.get(url).then((response) => {
+        let self = this;
+        setTimeout(function () {
+          self.carregaDados(response.data);
+          self.removeCarregando(["buscarCep"]);
+        }, 300);
+      });
+    },
+    carregaDados(dados) {
+      this.endereco.cep = dados.cep;
+      this.endereco.logradouro = dados.logradouro;
+      this.endereco.numero = dados.complemento;
+      this.endereco.bairro = dados.bairro;
+      this.endereco.cidade =
+        dados.localidade == undefined ? dados.municipio : dados.localidade;
+      this.endereco.estado = { id: dados.uf, conteudo: dados.uf };
+    },
+  },
+  watch: {
+    value: {
+      handler() {
+        this.endereco = this.value;
+      },
+      deep: true,
+    },
+    endereco: {
+      handler() {
+        this.$emit("input", this.endereco);
+      },
+      deep: true,
+    },
+    evento: {
+      handler(evento) {
+        if (evento.nome == "buscarCnpjReceita") {
+          this.carregaDados(evento.dados);
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/store/modulos/generic.js

@@ -7,7 +7,7 @@ export default {
     namespaced: true,
     state: {
         menu: {
-            escondeMostra: false, itens: []
+            itens: []
         },
         modal: {
             nome: undefined,
@@ -77,9 +77,6 @@ export default {
         removeItensMenu: (state) => {
             state.menu.itens = [];
         },
-        escondeMostraMenu: (state, escondeMostra) => {
-            state.menu.escondeMostra = escondeMostra;
-        },
         abrirModal: (state, nome) => {
             state.modal.nome = nome;
             state.modal.abrir = true;
@@ -176,14 +173,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) => {
@@ -199,12 +199,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;
                     }