@nixweb/nixloc-ui 0.0.271 → 0.0.273

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

@@ -0,0 +1,216 @@
+<template>
+  <div>
+    <ViewTemplateReportPreview
+      :panel="panel"
+      :templateList="templateList"
+      :templateReport="templateReport"
+    />
+  </div>
+</template>
+
+<script>
+import ViewTemplateReportPreview from "@nixweb/nixloc-ui/src/component/template/ViewTemplateReportPreview.vue";
+
+export default {
+  name: "ReportAuditView",
+  components: {
+    ViewTemplateReportPreview,
+  },
+  data() {
+    return {
+      panel: {
+        module: "Adm",
+        title: "Auditoria",
+        showFilter: false,
+        showSearch: false,
+        showButtons: false,
+      },
+      templateList: {
+        urlGetApi: "/odata/AuditOData",
+        showChecks: false,
+      },
+      templateReport: {
+        fields: [
+          {
+            field: "description",
+            title: "Descrição",
+            type: "text",
+            orderBy: "asc",
+            fieldComparison: "actionName",
+            selected: true,
+            requiredOData: false,
+            /* classCssBody: [
+              {
+                classCss: "primary",
+                fieldComparison: "Adicionar",
+              },
+              { classCss: "edit", fieldComparison: "Modificar" },
+              { classCss: "danger", fieldComparison: "Remover" },
+              { classCss: "info", fieldComparison: "Login" },
+            ],*/
+          },
+          {
+            field: "actionName",
+            title: "Ação",
+            type: "text",
+            classCssTitle: "text-center",
+            fieldComparison: "actionName",
+            requiredOData: true,
+            selected: true,
+            classCssBody: "text-center",
+          },
+          {
+            field: "registeredUser",
+            title: "Usuário",
+            type: "text",
+            requiredOData: false,
+            selected: true,
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+          {
+            field: "registeredDate",
+            title: "Data",
+            type: "dateTime",
+            requiredOData: false,
+            selected: true,
+            classCssTitle: "text-center",
+            classCssBody: "text-center",
+          },
+        ],
+        rules: [
+          {
+            name: "registeredDate",
+            title: "Período",
+            icon: "fas fa-database",
+            typeField: "dateTime",
+            type: "field",
+            props: {
+              format: "DD/MM/YYYY",
+              type: "date",
+              range: true,
+            },
+            notDuplicate: true,
+            isRequired: true,
+          },
+          {
+            name: "description",
+            title: "Descrição",
+            icon: "fas fa-database",
+            typeField: "text",
+            type: "field",
+            notDuplicate: false,
+            isRequired: false,
+          },
+          {
+            name: "action",
+            title: "Ação",
+            icon: "fas fa-database",
+            typeField: "checkbox",
+            type: "field",
+            options: [
+              { title: "Login", value: 4 },
+              { title: "Adicionar", value: 1 },
+              { title: "Modificar", value: 2 },
+              { title: "Remover", value: 3 },
+            ],
+            notDuplicate: true,
+            isRequired: false,
+          },
+          {
+            name: "registeredUser",
+            title: "Usuário",
+            icon: "fas fa-database",
+            typeField: "text",
+            type: "field",
+            notDuplicate: false,
+            isRequired: false,
+          },
+          /*           
+          {
+            icon: "fas fa-database",
+            type: "text",
+            type: "field",
+            id: "user",
+            label: "Usuário",
+            valida: true,
+            obrigatorio: false,
+          },
+            {
+                icon: "fas fa-sigma",
+                type: "checkbox",
+                type: "resumo",
+                id: "despesa",
+                label: "Despesa",
+                classeCss: "danger",
+                typeField: "value",
+                choices: [
+                  {
+                    label: "Soma",
+                    value: "sum",
+                    como: {
+                      title: "Soma Despesa",
+                      value: "somaDespesa",
+                    },
+                  },
+                  {
+                    label: "Média",
+                    value: "average",
+                    como: {
+                      title: "Média Despesa",
+                      value: "mediaDespesa",
+                    },
+                  },
+                  {
+                    label: "Máximo",
+                    value: "max",
+                    como: {
+                      title: "Máximo Despesa",
+                      value: "maximoDespesa",
+                    },
+                  },
+                ],
+                valida: true,
+              },
+              {
+                icon: "fas fa-sigma",
+                type: "checkbox",
+                id: "receita",
+                type: "resumo",
+                label: "Receita",
+                classeCss: "primary",
+                typeField: "value",
+                choices: [
+                  {
+                    label: "Soma",
+                    value: "sum",
+                    como: {
+                      title: "Soma Receita",
+                      value: "somaReceita",
+                    },
+                  },
+                  {
+                    label: "Média",
+                    value: "average",
+                    como: {
+                      title: "Média Receita",
+                      value: "mediaReceita",
+                    },
+                  },
+                  {
+                    label: "Máximo",
+                    value: "max",
+                    como: {
+                      title: "Máximo Receita",
+                      value: "maximoReceita",
+                    },
+                  },
+                ],
+                valida: true,
+              },*/
+        ],
+      },
+    };
+  },
+};
+</script>

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

@@ -0,0 +1,73 @@
+<template>
+  <div style="overflow: hidden">
+    <div class="div-logo text-center">
+      <img src="https://nixloc.com.br/wp-content/themes/nix-loc/images/logo.svg" />
+    </div>
+    <br />
+    <div class="principal">
+      <Molded>
+        <ResetPassword />
+      </Molded>
+    </div>
+    <div class="text-center">
+      <a href="https://www.instagram.com/nixloc.sistema/?hl=pt-br" target="_blank" class="fa fa-instagram"></a>
+      <a href="https://www.facebook.com/nixloc.sistema" target="_blank" class="fa fa-facebook"></a>
+      <a href="https://www.youtube.com/channel/UC2uW-eHwBwy_EYXj9ISayWQ" target="_blank" class="fa fa-youtube"></a>
+      <a href="https://wa.me/551131362654" target="_blank" class="fa fa-whatsapp"></a>
+    </div>
+  </div>
+</template>
+
+<script>
+
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded.vue";
+import ResetPassword from '../../../components/modules/adm/login/ResetPassword.vue'
+
+export default {
+  name: "ResetPasswordView",
+  components: { Molded, ResetPassword },
+  data() {
+    return {
+      forgotPassword: false,
+    };
+  },
+};
+</script>
+
+<style scoped>
+.principal {
+  background-color: white;
+  max-width: 500px;
+  margin: auto;
+}
+
+.div-logo {
+  margin-top: 30px;
+  padding: 18px;
+}
+
+.fa {
+  padding: 20px;
+  font-size: 25px;
+  width: 45px;
+  text-align: center;
+  text-decoration: none;
+  color: #c4c4c4;
+}
+
+.fa-facebook:hover {
+  color: #0b86ee;
+}
+
+.fa-youtube:hover {
+  color: #bb0000;
+}
+
+.fa-instagram:hover {
+  color: #125688;
+}
+
+.fa-whatsapp:hover {
+  color: green;
+}
+</style>

package/src/views/modules/adm/SignatureFranchise.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: "SignatureFranchiseView",
+  components: {
+    ViewTemplateConfiguration,
+  },
+  data() {
+    return {
+      templateList: {
+        urlGetApi: "/api/v1/signature-file/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/Store.vue

@@ -0,0 +1,47 @@
+<template>
+    <div>
+        <Panel :module="panel.module" :title="panel.title" :showFilter="panel.showFilter" :showSearch="panel.showSearch"
+            :showButtons="panel.showButtons">
+            <div slot="content-main">
+                <div>
+                    <br />
+                    <Store />
+                </div>
+            </div>
+        </Panel>
+    </div>
+</template>
+
+<script>
+
+import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
+import Store from '../../../components/modules/adm/store/Store.vue'
+
+import { mapGetters, mapState, mapMutations } from "vuex";
+
+export default {
+    name: "StoreView",
+    components: { Panel, Store },
+    data() {
+        return {
+            panel: {
+                module: "Adm",
+                title: "Loja",
+                showFilter: false,
+                showSearch: false,
+                showButtons: false,
+            },
+        };
+    },
+    mounted() {
+        this.removeLoading(["panel"]);
+    },
+    computed: {
+        ...mapGetters("user", ["hasModule"]),
+        ...mapState("user", ["userLogged"]),
+    },
+    methods: {
+        ...mapMutations("generic", ["removeLoading"]),
+    }
+};
+</script>

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

@@ -0,0 +1,66 @@
+<template>
+  <div>
+    <ViewTemplateWithSalveCancel :panel="panel">
+      <div slot="content-buttons">
+        <Button
+          v-if="id"
+          _key="createUser"
+          title="Usuário"
+          classIcon="fas fa-plus-circle"
+          type="primary"
+          size="small"
+          eventName="createUser"
+          :clicked="create"
+        />
+      </div>
+      <div slot="content-main">
+        <UserCreateUpdate :formName="panel.formName" />
+      </div>
+    </ViewTemplateWithSalveCancel>
+  </div>
+</template>
+
+<script>
+import ViewTemplateWithSalveCancel from "@nixweb/nixloc-ui/src/component/template/ViewTemplateWithSalveCancel";
+import UserCreateUpdate from "../../../components/modules/adm/user/UserCreateUpdate.vue";
+
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "UsuarioAdicionarModificarView",
+  components: {
+    Button,
+    Molded,
+    ViewTemplateWithSalveCancel,
+    UserCreateUpdate,
+  },
+  data() {
+    return {
+      id: this.$route.params.id,
+      panel: {
+        module: "Administração",
+        title: "Usuário",
+        formName: "userCreateUpdate",
+        showFilter: false,
+        showSearch: false,
+        showButtons: true,
+      },
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["event"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+    create() {
+      this.$router.push({
+        name: "usuarioAdicionar",
+      });
+      this.removeLoading(["createUser"]);
+    },
+  },
+};
+</script>

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

@@ -0,0 +1,178 @@
+<template>
+  <div>
+    <ViewTemplateWithTable :panel="panel" :templateList="templateList" :filters="filters">
+      <div slot="content-buttons">
+        <Button _key="btnUserCreate" title="Usuário" classIcon="fas fa-plus-circle" type="primary" size="small"
+          eventName="userCreate" :clicked="create" />
+      </div>
+      <div slot="content-buttons-table-header">
+        <Button _key="btnDisconnectUser" :title="'Desconectar ' + selected.length" type="primary" size="small"
+          :clicked="disconnect" />
+      </div>
+    </ViewTemplateWithTable>
+  </div>
+</template>
+
+<script>
+import ViewTemplateWithTable from "@nixweb/nixloc-ui/src/component/template/ViewTemplateWithTable.vue";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+
+import { mapGetters, mapMutations, mapState } from "vuex";
+
+export default {
+  name: "UsuarioListaView",
+  components: {
+    ViewTemplateWithTable,
+    Button,
+  },
+  data() {
+    return {
+      panel: {
+        module: "Adm",
+        title: "Usuário",
+        showFilter: true,
+        showSearch: true,
+        showButtons: true,
+      },
+      templateList: {
+        urlGetApi: "/api/v1/adm/user/get-all",
+        urlDeleteAllApi: "/api/v1/adm/user/delete",
+        showChecks: true,
+        headerTable: [
+          {
+            field: "name",
+            title: "Nome",
+            type: "link",
+            iconSearch: true,
+            routeName: "userUpdate",
+          },
+          {
+            field: "userName",
+            title: "Login",
+            type: "text",
+            iconSearch: false,
+          },
+          {
+            field: "email",
+            title: "E-mail",
+            type: "text",
+            iconSearch: false,
+          },
+          {
+            field: "typeName",
+            title: "Tipo",
+            type: "class",
+            fieldComparison: "typeName",
+            classCssTitle: "text-center",
+            classCssBody: [
+              {
+                classCss: "badge badge-info text-center",
+                fieldComparison: "Adm",
+              },
+              { classCss: "badge badge-warning text-center", fieldComparison: "Padrão" },
+            ],
+          },
+          {
+            field: "statusName",
+            title: "Status",
+            type: "class",
+            fieldComparison: "statusName",
+            classCssTitle: "text-center",
+            classCssBody: [
+              {
+                classCss: "badge badge-primary text-center",
+                fieldComparison: "Ativo",
+              },
+              { classCss: "badge badge-danger text-center", fieldComparison: "Inativo" },
+            ],
+          },
+          {
+            field: "isConnected",
+            title: "Conexão",
+            type: "html",
+            iconSearch: false,
+          },
+        ],
+      },
+      filters: [
+        {
+          type: "options",
+          title: "Status",
+          field: "StatusName",
+          options: [
+            { text: "Ativo", value: "Ativo" },
+            { text: "Inativo", value: "Inativo" },
+          ],
+          value: [],
+        },
+        {
+          type: "options",
+          title: "Tipo",
+          field: "TypeName",
+          options: [
+            { text: "Adm", value: "Adm" },
+            { text: "Padrão", value: "Padrão" },
+          ],
+          value: [],
+        },
+      ],
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["event"]),
+    ...mapState("generic", ["selected"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["addEvent", "removeLoading"]),
+    create() {
+      this.$router.push({
+        name: "userCreate",
+      });
+      this.removeLoading(["btnUserCreate"]);
+    },
+    disconnect() {
+      var event = { name: "disconnectUsers", data: this.selected };
+      this.addEvent(event);
+
+      let self = this;
+      setTimeout(function () {
+        self.removeLoading(["btnDisconnectUser"]);
+      }, 200);
+
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "userUpdate") {
+          let self = this;
+          setTimeout(function () {
+            self.$router.push({
+              name: "userUpdate",
+              params: { id: event.data.id },
+            });
+            self.removeLoading([event.data.id]);
+          }, 300);
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style>
+.box-user {
+  width: 10px;
+  height: 10px;
+  border-radius: 50px;
+  margin-right: 8px;
+}
+
+.disconnected {
+  background-color: red;
+}
+
+.connected {
+  background-color: green;
+}
+</style>