@nixweb/nixloc-ui 1.14.0 → 1.16.0

package/src/views/modules/adm/DocumentList.vue

@@ -0,0 +1,112 @@
+<template>
+  <div>
+    <ViewTemplateWithTable :panel="panel" :templateList="templateList" :actions="actions">
+      <div slot="content-buttons">
+        <Button _key="createDocument" title="Documento" classIcon="fas fa-plus-circle" type="primary" size="small"
+          eventName="createDocument" :clicked="createDocument" />
+
+        <Button v-if="showBtnImport" _key="importDocument" title="Importar" classIcon="fa-solid fa-file-import"
+          backGroundColor="#009183" color="white" size="small" :clicked="openImport" />
+
+      </div>
+    </ViewTemplateWithTable>
+
+    <Modal title="Importar Modelo(s)" :width="550" :height="750" v-if="showModal('template')">
+      <TemplateDocument />
+    </Modal>
+  </div>
+</template>
+
+<script>
+
+import ViewTemplateWithTable from "@nixweb/nixloc-ui/src/component/template/ViewTemplateWithTable";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import TemplateDocument from '../../../components/modules/adm/document/TemplateDocument.vue'
+
+import { mapMutations, mapGetters, mapState } from "vuex";
+
+export default {
+  name: "DocumentListView",
+  components: {
+    ViewTemplateWithTable,
+    Modal,
+    Button, TemplateDocument
+  },
+  data() {
+    return {
+      panel: {
+        module: "Adm",
+        title: "Documento",
+        showFilter: true,
+        showSearch: true,
+        showButtons: true,
+      },
+      templateList: {
+        urlGetApi: "/api/v1/adm/document/get-all",
+        urlDeleteAllApi: "api/v1/adm/document/delete",
+        headerTable: [
+          {
+            field: "identification",
+            title: "Identificação",
+            type: "link",
+            routeName: "documentUpdate",
+            iconSearch: true,
+          },
+          {
+            field: "name",
+            title: "Arquivo",
+            type: "text",
+            iconSearch: false,
+          },
+        ],
+      },
+      actions: [
+        { type: "delete", title: "Remover", description: "Remover", url: "api/v1/adm/document/delete", method: "delete", },
+      ],
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal", "event"]),
+    ...mapState("user", ["userLogged"]),
+    showBtnImport() {
+      let user = this.userLogged;
+      if (user.user.userName == "UserTemp") return true;
+      return false;
+    },
+  },
+  methods: {
+    ...mapMutations("generic", ["openModal", "removeLoading"]),
+    createDocument() {
+      let self = this;
+      setTimeout(function () {
+        self.$router.push({
+          name: "documentCreate",
+        });
+      }, 300);
+    },
+    openImport() {
+      this.openModal("template");
+      this.removeLoading(["importDocument"]);
+    }
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "updateDocument") {
+          let self = this;
+          setTimeout(function () {
+            self.$router.push({
+              name: "documentUpdate",
+              params: { id: event.data.id },
+            });
+            self.removeLoading([event.data.id]);
+          }, 300);
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/views/modules/adm/DocumentPreviewPublic.vue

@@ -0,0 +1,124 @@
+<template>
+    <div>
+        <div>
+            <div class="div-logo text-center">
+                <img :src="srcLogo" />
+            </div>
+            <div class="div-download">
+                <Molded>
+                    <Loading :center="false" v-if="loading" />
+                    <div v-else>
+                        <br>
+                        <div class="div-text text-center">
+                            <i class="fa-regular fa-share-nodes"></i>
+                            <span class="title"> Clique abaixo para baixar os arquivos compartilhados...</span>
+                        </div>
+                        <br>
+                        <div class="div-molded text-center">
+                            <div class="side-by-side">
+                                <Button v-if="documentId != 'null'" _key="btnDownload" type="primary" title="Documento"
+                                    classIcon="fa-solid fa-download" size="small" :clicked="downloadDocument" />
+                            </div>
+                            <div class="side-by-side">
+                                <Button v-if="billetId != 'null'" _key="btnDownload" type="primary" title="Boleto"
+                                    classIcon="fa-solid fa-download" size="small" :clicked="downloadBillet" />
+                            </div>
+                        </div>
+                    </div>
+                </Molded>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+
+import { mapMutations, mapActions } from "vuex";
+
+export default {
+    name: "DocumentPreviewPublic",
+    components: {
+        Molded, Button, Loading
+    },
+    data() {
+        return {
+            urlGetLogo: "/api/v1/adm/company/get-logo",
+            documentId: this.$route.params.documentId,
+            billetId: this.$route.params.billetId,
+            logo: this.$route.params.logo,
+            loading: true,
+        }
+    },
+    mounted() {
+        this.getLogo();
+
+        let self = this;
+        setTimeout(function () {
+            self.loading = false;
+        }, 1000);
+    },
+    computed: {
+        srcLogo() {
+            return `https://espaco.blob.core.windows.net/nixloc-logo-company/${this.logo}`;
+        },
+    },
+    methods: {
+        ...mapMutations("generic", ["removeLoading"]),
+        ...mapActions("generic", ["getApi"]),
+        getLogo() {
+            let params = {
+                url: this.urlGetLogo,
+                obj: { id: this.logo },
+            };
+            this.getApi(params).then((response) => {
+                this.logo = response.content == "" ? "noImage.png" : response.content;
+            });
+        },
+        downloadDocument() {
+            this.download(this.documentId, "documento");
+        },
+        downloadBillet() {
+            this.download(this.billetId, "boleto");
+        },
+        download(urlFile, nameFile) {
+            this.removeLoading(["btnDownload"]);
+            const link = document.createElement('a');
+            link.href = `https://espaco.blob.core.windows.net/nixloc-preview/${urlFile}.pdf`;
+            link.target = '_blank';
+            link.download = `${nameFile}.pdf`;
+
+            document.body.appendChild(link);
+            link.click();
+
+            document.body.removeChild(link);
+        }
+    }
+}
+</script>
+<style scoped>
+img {
+    width: 200px;
+}
+
+.div-text {
+    font-size: 16px;
+    margin-bottom: 20px;
+}
+
+.div-logo {
+    margin-top: 50px;
+    margin-bottom: 50px;
+}
+
+.div-molded {
+    min-height: 100px;
+}
+
+.div-download {
+    margin: auto;
+    max-width: 900px;
+}
+</style>

package/src/views/modules/adm/DocumentPublic.vue

@@ -0,0 +1,73 @@
+<template>
+  <div>
+    <!-- É renderizado o html abaixo para modificar as tabelas -->
+    <div id="template-prod" v-show="false" v-html="template"></div>
+    <div class="text-center" v-show="loading">
+      <span>Não foi possível carregar o documento, tente novamente...</span>
+    </div>
+    <div :style="styleCss">
+      <DocumentPublic ref="document" :template="documentPreview('prod')" :d="parameter" v-show="!loading" />
+    </div>
+  </div>
+</template>
+<script>
+
+import DocumentPublic from "@nixweb/nixloc-ui/src/component/shared/DocumentPublic";
+
+import axios from 'axios';
+
+import { mapActions, mapMutations, mapGetters } from "vuex";
+
+export default {
+  name: "DocumentPublicView",
+  components: {
+    DocumentPublic,
+  },
+  data() {
+    return {
+      baseUrl: "https://espaco.blob.core.windows.net/nixloc-generate-pdf",
+      nameFileTemplate: this.$route.params.nameFileTemplate,
+      nameFileParameter: this.$route.params.nameFileParameter,
+      template: "",
+      parameter: {},
+      loading: false,
+      styleCss: "",
+    };
+  },
+  mounted() {
+    this.loadTemplate();
+  },
+  computed: {
+    ...mapGetters("generic", ["documentPreview"]),
+  },
+  methods: {
+    ...mapActions("generic", ["getDocumentApi", "getPdfApi", "postApi"]),
+    ...mapMutations("generic", ["updateDocumentHtml"]),
+    loadTemplate() {
+      const url = `${this.baseUrl}/${this.nameFileTemplate}.txt`
+      axios.get(url).then((response) => {
+        this.template = response.data;
+        this.loadParameter();
+      })
+    },
+    loadParameter() {
+      const url = `${this.baseUrl}/${this.nameFileParameter}.txt`
+      axios.get(url).then((response) => {
+        this.styleCss = response.data.styleCss;
+        this.parameter = response.data;
+        let self = this;
+        setTimeout(function () {
+          self.updateDocumentHtml(self.template);
+          self.template = self.documentPreview;
+          self.loading = false;
+        }, 100);
+      })
+    },
+  },
+};
+</script>
+<style scoped>
+.div-loading {
+  margin-top: 30px;
+}
+</style>

package/src/views/modules/adm/Login.vue

@@ -0,0 +1,172 @@
+<template>
+  <div class="login-root">
+    <div class="login-left">
+      <div class="login-left-inner">
+        <div class="div-margin-form">
+          <div class="div-logo text-center">
+            <img src="https://espaco.blob.core.windows.net/nixloc-imagens/nixloc.svg" alt="Nixloc" />
+          </div>
+
+          <br />
+
+          <Login v-if="!forgotPassword" />
+          <ForgotPassword v-else />
+
+          <div v-if="!forgotPassword" class="text-center div-forgot-password" @click="forgotPassword = true">
+            Esqueceu a senha?
+          </div>
+
+          <div v-else class="text-center div-forgot-password" @click="back">
+            Voltar para o login
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="login-right">
+      <div class="login-img-wrap">
+        <div class="login-img-bg" :style="bgStyle"></div>
+        <div class="login-img-overlay"></div>
+        <div class="login-img-center">
+          <img class="login-img-foreground" alt="Imagem de login" :src="selectedImage" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import Login from '../../../components/modules/adm/login/Login.vue'
+import ForgotPassword from '../../../components/modules/adm/login/ForgotPassword.vue'
+
+export default {
+  name: 'LoginView',
+  components: { Login, ForgotPassword },
+  data() {
+    return {
+      forgotPassword: false,
+      images: [/*'https://conteudo.nixloc.com.br/wp-content/uploads/2026/01/capa_evento3.webp',*/
+        'https://conteudo.nixloc.com.br/wp-content/uploads/2026/01/capa_eventonoite.webp',
+        'https://conteudo.nixloc.com.br/wp-content/uploads/2026/01/capa-doestoque.webp',
+        'https://conteudo.nixloc.com.br/wp-content/uploads/2026/01/capa_assinatura.webp',
+        'https://conteudo.nixloc.com.br/wp-content/uploads/2026/01/capa_dashboardpc.webp',],
+      selectedImage: '',
+    }
+  },
+  computed: {
+    bgStyle() {
+      return {
+        backgroundImage: this.selectedImage ? "url('" + this.selectedImage + "')" : 'none',
+      }
+    },
+  },
+  mounted() {
+    this.pickRandomImage()
+  },
+  methods: {
+    back() {
+      this.forgotPassword = false
+    },
+    pickRandomImage() {
+      var index = Math.floor(Math.random() * this.images.length)
+      this.selectedImage = this.images[index]
+    },
+  },
+}
+</script>
+
+<style scoped>
+.login-root {
+  min-height: 100vh;
+  height: 100vh;
+  display: flex;
+  overflow: hidden;
+}
+
+.login-left {
+  width: 520px;
+  max-width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 40px 48px;
+  height: 100vh;
+}
+
+.login-left-inner {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.login-right {
+  flex: 1;
+  background: #0b1220;
+  min-width: 0;
+  height: 100vh;
+}
+
+.login-img-wrap {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background: #0b1220;
+}
+
+
+.login-img-bg {
+  position: absolute;
+  inset: -20px;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+  filter: blur(18px);
+  transform: scale(1.08);
+  z-index: 0;
+}
+
+
+.login-img-overlay {
+  position: absolute;
+  inset: 0;
+  background: rgba(11, 18, 32, 0.55);
+  z-index: 1;
+}
+
+.login-img-center {
+  position: relative;
+  z-index: 2;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.login-img-foreground {
+  width: 1400px;
+  max-width: 100%;
+  height: auto;
+  max-height: 100%;
+  display: block;
+}
+
+.div-forgot-password {
+  margin-top: 15px;
+  margin-bottom: 5px;
+  cursor: pointer;
+  color: #4680a5;
+}
+
+@media (max-width: 920px) {
+  .login-left {
+    width: 100%;
+    padding: 28px 22px;
+  }
+
+  .login-right {
+    display: none;
+  }
+}
+</style>

package/src/views/modules/adm/LoginRedirect.vue

@@ -0,0 +1,74 @@
+<template>
+  <div>
+    <Loading v-show="loading" />
+  </div>
+</template>
+
+<script>
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+
+import Menu from "@/components/modules/adm/login/Menu.js";
+
+import { mapActions, mapMutations, mapState } from "vuex";
+
+export default {
+  name: "LoginTemView",
+  components: { Loading },
+  data() {
+    return {
+      menu: new Menu(),
+      urlLogin: "api/v1/adm/auth/login",
+      username: this.$route.params.username,
+      password: this.$route.params.password,
+      loading: true,
+    };
+  },
+  mounted() {
+    this.sigin();
+  },
+  computed: {
+    ...mapState("user", ["userLogged"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi"]),
+    ...mapMutations("user", ["addUserLogged", "addItemMenu", "removeItemMenu"]),
+    sigin() {
+
+      var username = this.desembaralhar(this.username, "NixlocKey");
+      var password = this.desembaralhar(this.password, "NixlocKey");
+
+      let params = { url: this.urlLogin, obj: { username: username, password: password } };
+      this.postApi(params).then((response) => {
+        if (response.success) {
+          this.addUserLogged(response.content);
+          this.loadMenu();
+          this.$router.replace(this.$route.query.redirect || "/dashboard");
+        }
+      });
+    },
+    loadMenu() {
+      this.removeItemMenu();
+      let self = this;
+      this.userLogged.user.rules.forEach(function (rule) {
+        self.hasRule(rule);
+      });
+    },
+    hasRule(rule) {
+      let self = this;
+      this.menu.itens.forEach(function (item) {
+        if (rule.name === item.rule) self.addItemMenu([item]);
+      });
+    },
+    desembaralhar(texto, chave) {
+      texto = atob(texto);
+      let result = "";
+      for (let i = 0; i < texto.length; i++) {
+        result += String.fromCharCode(
+          texto.charCodeAt(i) ^ chave.charCodeAt(i % chave.length)
+        );
+      }
+      return result;
+    }
+  },
+};
+</script>

package/src/views/modules/adm/LoginTemp.vue

@@ -0,0 +1,63 @@
+<template>
+  <div>
+    <Loading v-show="loading" />
+  </div>
+</template>
+
+<script>
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+
+import Menu from "@/components/modules/adm/login/Menu.js";
+
+import { mapActions, mapMutations, mapState } from "vuex";
+
+export default {
+  name: "LoginTemView",
+  components: { Loading },
+  data() {
+    return {
+      menu: new Menu(),
+      codeLoginTemp: this.$route.params.code,
+      companyId: this.$route.params.companyId,
+      urlLoginTemp: "api/v1/adm/auth/login-temp",
+      loading: true,
+    };
+  },
+  mounted() {
+    this.siginTemp();
+  },
+  computed: {
+    ...mapState("user", ["userLogged"]),
+  },
+  methods: {
+    ...mapActions("generic", ["postApi"]),
+    ...mapMutations("user", ["addUserLogged", "addItemMenu", "removeItemMenu"]),
+    siginTemp() {
+      let params = {
+        url: this.urlLoginTemp,
+        obj: { codeLoginTemp: this.codeLoginTemp, companyId: this.companyId },
+      };
+      this.postApi(params).then((response) => {
+        if (response.success) {
+          this.addUserLogged(response.content);
+          this.loadMenu();
+          this.$router.replace(this.$route.query.redirect || "/dashboard");
+        }
+      });
+    },
+    loadMenu() {
+      this.removeItemMenu();
+      let self = this;
+      this.userLogged.user.rules.forEach(function (rule) {
+        self.hasRule(rule);
+      });
+    },
+    hasRule(rule) {
+      let self = this;
+      this.menu.itens.forEach(function (item) {
+        if (rule.name === item.rule) self.addItemMenu([item]);
+      });
+    },
+  },
+};
+</script>

package/src/views/modules/adm/NfeFranchise.vue

@@ -0,0 +1,38 @@
+<template>
+  <div>
+    <ViewTemplateConfiguration :templateList="templateList" :showSearch="false" :showHorizontalFilter="false" />
+  </div>
+</template>
+
+<script>
+import ViewTemplateConfiguration from "@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration";
+
+export default {
+  name: "NfeFranchiseView",
+  components: {
+    ViewTemplateConfiguration,
+  },
+  data() {
+    return {
+      templateList: {
+        urlGetApi: "/api/v1/tax-document/nfe/total-document-module",
+        showChecks: false,
+        headerTable: [
+          {
+            field: "total",
+            title: "Total Emitido",
+            type: "text",
+          },
+          {
+            field: "fullPeriod",
+            title: "Período",
+            type: "text",
+          },
+
+        ],
+      },
+    };
+  },
+
+};
+</script>

package/src/views/modules/adm/NfseFranchise.vue

@@ -0,0 +1,38 @@
+<template>
+  <div>
+    <ViewTemplateConfiguration :templateList="templateList" :showSearch="false" :showHorizontalFilter="false" />
+  </div>
+</template>
+
+<script>
+import ViewTemplateConfiguration from "@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration";
+
+export default {
+  name: "NfseFranchiseView",
+  components: {
+    ViewTemplateConfiguration,
+  },
+  data() {
+    return {
+      templateList: {
+        urlGetApi: "/api/v1/tax-document/nfse/total-document-module",
+        showChecks: false,
+        headerTable: [
+          {
+            field: "total",
+            title: "Total Emitido",
+            type: "text",
+          },
+          {
+            field: "fullPeriod",
+            title: "Período",
+            type: "text",
+          },
+
+        ],
+      },
+    };
+  },
+
+};
+</script>