@nixweb/nixloc-ui 0.0.271 → 0.0.273

package/src/components/modules/adm/store/Success.vue

@@ -0,0 +1,79 @@
+<template>
+    <div>
+        <br />
+        <div v-if="loading">
+            <Loading type="line" :center="true" />
+            <div class="title">Aguarde, estamos liberando os serviços contratados...</div>
+        </div>
+        <div v-else class="div-success">
+            <Molded>
+                <div class="text-center">
+                    <div class="msg-success">Serviço contratado com sucesso!</div>
+                    <div class="icon-success">
+                        <i class="fa-light fa-circle-check"></i>
+                    </div>
+                    <div>
+                        <Button _key="btnBack" type="info" title="Voltar" classIcon="fa-solid fa-arrow-left"
+                            size="small" :clicked="back" />
+                    </div>
+                </div>
+                <br />
+            </Molded>
+        </div>
+        <div v-show="false">
+            <Timer :initialTimer="4" :endTime="success" />
+        </div>
+    </div>
+</template>
+
+<script>
+
+import { mapMutations } from "vuex";
+
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import Timer from "@nixweb/nixloc-ui/src/component/shared/Timer";
+
+
+export default {
+    name: "Success",
+    components: {
+        Loading, Molded, Button, Timer
+    },
+    data() {
+        return {
+            loading: true,
+        }
+    },
+    methods: {
+        ...mapMutations("generic", ["addEvent", "removeLoading"]),
+        success() {
+            this.loading = false;
+        },
+        back() {
+            this.removeLoading(["btnBack"]);
+            this.addEvent({ name: "backContractedPlan" });
+        }
+    }
+}
+
+</script>
+
+<style scoped>
+.div-success {
+    width: 550px;
+    margin: auto;
+}
+
+.msg-success {
+    font-size: 18px;
+}
+
+.icon-success {
+    font-size: 55px;
+    color: #38a169;
+    margin-top: 10px;
+    margin-bottom: 15px;
+}
+</style>

package/src/components/modules/adm/store/Term.vue

@@ -0,0 +1,198 @@
+<template>
+    <div>
+        <div class="contract-terms title">
+            <ScrollBar :minHeight="350" :maxHeight="350">
+                <div class="contract-text" ref="contractTermsDiv">
+                    <div class="section">
+                        <div class="text-center div-title">
+                            <h5>CONTRATADA</h5>
+                        </div>
+                        <div class="address">
+                            <strong>Razão Social:</strong> Nixweb Sistemas Ltda – Fantasia: Nixweb
+                            <strong>CNPJ:</strong> 05315131000181
+                            <strong>IE:</strong> Isenta
+                            <strong>CEP:</strong> 06454-000
+                            <strong>Endereço:</strong> Alameda Rio Negro, 503 - Sala 2020
+                            <strong>Bairro:</strong> Alphaville Centro Industrial e Empresarial/Alphaville
+                            <strong>Cidade:</strong> Barueri
+                            <strong>UF:</strong> SP
+                        </div>
+                    </div>
+
+                    <div class="section">
+                        <div class="text-center div-title">
+                            <h5>CONTRATANTE</h5>
+                        </div>
+                        <div class="address">
+                            <strong>Razão Social:</strong> {{ company.personResponse.companyName }} – Fantasia: {{
+                company.personResponse.tradeName }}
+                            <strong>CNPJ:</strong> {{ company.personResponse.document }}
+                            <strong>IE:</strong> {{ company.personResponse.stateInscription }}
+                            <strong>CEP:</strong> {{ company.addressResponse.zipCode }}
+                            <strong>Endereço:</strong> {{ company.addressResponse.street }}, {{
+                company.addressResponse.number }}
+                            <strong>Bairro:</strong> {{ company.addressResponse.province }}
+                            <strong>Cidade:</strong>{{ company.addressResponse.city }}
+                            <strong>UF:</strong> {{ company.addressResponse.state.id }}
+                        </div>
+                    </div>
+                    <br>
+                    <div class="section">
+                        <p class="section-title"><b>1. </b>As partes acima qualificadas firmaram o <b>CONTRATO DE
+                                ASSINATURA
+                                DE
+                                SOFTWARE</b> , na data de <b>{{ currentDate }}</b>. Considerando ter havido o interesse
+                            recíproco,
+                            entre os contratantes, de modificar o objeto
+                            de
+                            contratação, passando assim a ser considerada como nova realidade contratual, sobrepondo-se
+                            ao
+                            disposto nas cláusulas do contrato, o seguinte teor:.</p>
+                    </div>
+                    <br>
+                    <div class="section">
+                        <p class="section-title">Descrição: <b>
+                                {{ term.description }}
+                            </b>
+                        </p>
+                    </div>
+                    <br>
+                    <div class="section">
+                        <p><b>2. </b> Pelo(s) serviço(s) a serem prestados, a CONTRATANTE deverá pagar à CONTRATADA
+                            o
+                            valor de <b>{{ term.value | currency }} <span v-if="term.monthly || term.name == 'User'">
+                                    mês </span>
+                            </b>.
+                        </p>
+                    </div>
+                    <div class="section">
+                        <p><b>3. </b> Ficam ratificadas todas as demais cláusulas e condições do instrumento particular
+                            ora
+                            alterado.
+                        </p>
+                    </div>
+                    <br>
+                    <div>
+                        E por estarem assim justas e contratadas, assinam o presente em formato digital.
+                    </div>
+                </div>
+            </ScrollBar>
+
+        </div>
+        <div v-if="!nfseIntegrado && name == 'taxDocument'">
+            <Alert type="warning">
+                <span>
+                    Atenção, seu <b>
+                        Município </b> não
+                    é atendida para Nota Fiscal de Serviço, somente NFe de Remessa!
+                </span>
+            </Alert>
+        </div>
+        <div class="contract-action">
+            <CheckboxSimple title="Eu aceito os termos e condições" v-model="accepted" />
+        </div>
+        <div class="text-center">
+            <Button _key="save" title="Confirmar" type="primary" :clicked="save" :disabled="!accepted" size="medium" />
+        </div>
+    </div>
+
+</template>
+
+<script>
+
+import CheckboxSimple from "@nixweb/nixloc-ui/src/component/forms/CheckboxSimple";
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button.vue";
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+
+import { mapState, mapActions, mapMutations } from "vuex";
+
+export default {
+    name: "Term",
+    props: ["term"],
+    components: {
+        Button, CheckboxSimple, ScrollBar, Alert
+    },
+    data() {
+        return {
+            accepted: false,
+            currentDate: new Date().toLocaleDateString(),
+            urlConsultaMunicipio: "/api/v1/tax-document/nfse/consulta-municipio",
+            urlGetById: "/api/v1/adm/company/get-by-id",
+            urlCreate: "/api/v1/adm/company/contract-additive",
+            company: {},
+            nfseIntegrado: true,
+        };
+    },
+    mounted() {
+        this.getCompany();
+        this.consultaMunicipio();
+    },
+    computed: {
+        ...mapState("user", ["userLogged"]),
+    },
+    methods: {
+        ...mapActions("generic", ["getApi", "postApi"]),
+        ...mapMutations("generic", ["addEvent", "hideModal", "removeLoading"]),
+        getCompany() {
+            let params = {
+                url: this.urlGetById,
+                obj: { id: this.userLogged.companyId }
+            };
+            this.getApi(params).then((response) => {
+                this.company = response.content;
+            });
+        },
+        consultaMunicipio() {
+            let params = {
+                url: this.urlConsultaMunicipio,
+            };
+            this.getApi(params).then((response) => {
+                this.nfseIntegrado = response.content;
+            });
+        },
+        save() {
+            const content = this.$refs.contractTermsDiv.innerHTML;
+            let params = {
+                url: this.urlCreate,
+                obj: {
+                    name: this.term.name,
+                    ruleId: this.term.ruleId,
+                    quantity: this.term.quantity,
+                    term: content
+                },
+                notNotifyToast: true
+            };
+            this.postApi(params).then((response) => {
+                this.hideModal();
+                this.removeLoading(["save"]);
+                this.addEvent({ name: "contractedPlan" });
+            });
+        },
+    },
+};
+</script>
+
+<style scoped>
+.contract-terms {
+    padding: 1rem;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+    margin: 1rem auto;
+}
+
+.contract-text {
+    margin-bottom: 1rem;
+    padding-left: 5px;
+    padding-right: 20px;
+    text-align: justify;
+}
+
+.contract-action {
+    margin-bottom: 1rem;
+}
+
+.div-title {
+    padding: 10px;
+}
+</style>

package/src/components/modules/adm/user/Profile.vue

@@ -0,0 +1,131 @@
+<template>
+    <div class="main-profile">
+        <div v-if="loading">
+            <Loading :center="false" />
+        </div>
+        <div v-else>
+            <div class="text-center">
+                <ImageUpload title="Carregar Foto" container="nixloc-photo-user" classCss="img-round" :width="100"
+                    :height="100" accepted=".jpg .png" urlPost="/api/v1/adm/file-upload/upload"
+                    urlRemove="/api/v1/adm/file-upload/delete" :onLoad="_updatePhoto" v-model="user.photo" />
+            </div>
+            <div class="div-theme">
+                <Toggle title="Tema Escuro" :color="'#1C2128'" v-model="isThemeDark" :changed="changeTheme" />
+            </div>
+            <b-tabs>
+                <b-tab title="Nome">
+                    <InputText title="Nome" field="name" :formName="formName" :required="true" :maxLength="50"
+                        v-model="user.name" />
+                </b-tab>
+                <b-tab title="Alterar Senha">
+                    <InputPassword title="Senha" field="password" :formName="formName" :required="true" :maxLength="50"
+                        v-model="user.password">
+                    </InputPassword>
+                    <InputPassword title="Confirme Senha" field="password" :formName="formName" :required="true"
+                        :maxLength="50" v-model="user.confirmPassword">
+                    </InputPassword>
+                </b-tab>
+            </b-tabs>
+            <br>
+            <b-row>
+                <b-col sm="12">
+                    <div class="text-right">
+                        <Button _key="btnUpdateUser" type="success" title="Salvar"
+                            :disabled="!isFormValid(formName) || user.password != user.confirmPassword"
+                            classIcon="fas fa-save" size="medium" :clicked="update" />
+                    </div>
+                </b-col>
+            </b-row>
+        </div>
+
+    </div>
+</template>
+
+<script>
+
+import ImageUpload from "@nixweb/nixloc-ui/src/component/forms/ImageUpload";
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import InputPassword from "@nixweb/nixloc-ui/src/component/forms/InputPassword";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+import Toggle from "@nixweb/nixloc-ui/src/component/forms/Toggle";
+
+import User from "@/components/modules/adm/user/User.js";
+
+import { mapState, mapActions, mapMutations, mapGetters } from "vuex";
+
+export default {
+    name: "Profile",
+    components: {
+        ImageUpload, InputText, InputPassword, Button, Loading, Toggle
+    },
+    data() {
+        return {
+            formName: "profile",
+            user: new User(),
+            confirmPassword: "",
+            urlUpdate: "/api/v1/adm/user/update",
+            urlGetById: "/api/v1/adm/user/get-by-id",
+            loading: true,
+            isThemeDark: false,
+        };
+    },
+    mounted() {
+        this.getById();
+        var theme = localStorage.getItem('theme');
+        this.isThemeDark = theme == "dark" ? true : false;
+    },
+    computed: {
+        ...mapState("user", ["userLogged"]),
+        ...mapGetters("validation", ["isFormValid"]),
+    },
+    methods: {
+        ...mapActions("generic", ["putApi", "getApi"]),
+        ...mapMutations("generic", ["addEvent", "hideModal", "removeLoading"]),
+        ...mapMutations("user", ["updatePhoto"]),
+        getById() {
+            let params = { url: this.urlGetById, obj: { userId: this.userLogged.user.id } };
+            this.getApi(params).then((response) => {
+                if (response.success) {
+                    this.user.update(response.content);
+                    let self = this;
+                    setTimeout(function () {
+                        self.loading = false;
+                    }, 100);
+                }
+            });
+        },
+        update() {
+            let params = { url: this.urlUpdate, obj: this.user, notNotifyToast: true };
+            this.putApi(params).then((response) => {
+                if (response.success) {
+                    this.hideModal();
+                }
+                this.removeLoading(["btnUpdateUser"]);
+            });
+        },
+        _updatePhoto() {
+            let params = { url: this.urlUpdate, obj: this.user, notNotifyToast: true };
+            this.putApi(params).then((response) => {
+                if (response.success) {
+                    this.updatePhoto(this.user.photo);
+                }
+            });
+        },
+        changeTheme() {
+            this.addEvent({ name: "changeTheme", data: this.isThemeDark });
+        }
+    }
+}
+</script>
+<style scoped>
+.main-profile {
+    max-width: 800px;
+    margin: auto;
+}
+
+.div-theme {
+    margin-top: 40px;
+    margin-bottom: 20px;
+}
+</style>

package/src/components/modules/adm/user/Rules.vue

@@ -0,0 +1,219 @@
+<template>
+  <div>
+    <div v-for="rule in rules" :key="rule.id">
+      <Molded>
+        <b-row>
+          <b-col>
+            <div class="permission">
+              <Toggle :title="rule.namePortuguese" :color="'#577696'" classIcon="fa-duotone fa-lock" :params="rule"
+                :disabled="disabled || (rule.name === 'Adm' && userType === 1)" v-model="rule.hasRule"
+                :changed="changed" />
+            </div>
+          </b-col>
+        </b-row>
+        <div class="permission" v-if="rule.hasRule && rule.name != 'Adm'">
+          <CheckboxGroup field="permission" :markFormDirty="false" :options="options(rule.name)"
+            :initialValue="rule.permission" v-model="permission" :params="{ ruleId: rule.ruleId }"
+            :clicked="createDeletePermission" />
+        </div>
+      </Molded>
+      <br />
+    </div>
+  </div>
+</template>
+
+<script>
+import Toggle from "@nixweb/nixloc-ui/src/component/forms/Toggle";
+import CheckboxGroup from "@nixweb/nixloc-ui/src/component/forms/CheckboxGroup";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+
+import { mapActions } from "vuex";
+
+export default {
+  name: "Rules",
+  components: { Toggle, CheckboxGroup, Molded },
+  props: {
+    rules: Array,
+    userType: Number,
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    urlCreate: String,
+    urlDelete: String,
+    urlCreateDeletePermission: String,
+  },
+  data() {
+    return {
+      id: this.$route.params.id,
+      permission: [],
+      optionRules: [
+        {
+          name: "Cashier",
+          permission: [
+            { text: "Adicionar", value: "create" },
+            { text: "Modificar", value: "update" },
+            { text: "Remover", value: "delete" },
+          ],
+        },
+        {
+          name: "CRM",
+          permission: [
+            { text: "Adicionar", value: "create" },
+            { text: "Modificar", value: "update" },
+            { text: "Remover", value: "delete" },
+          ],
+        },
+        {
+          name: "Stock",
+          permission: [
+            { text: "Adicionar", value: "create" },
+            { text: "Modificar", value: "update" },
+            { text: "Remover", value: "delete" },
+          ],
+        },
+        {
+          name: "Maintenance",
+          permission: [
+            { text: "Adicionar", value: "create" },
+            { text: "Modificar", value: "update" },
+            { text: "Remover", value: "delete" },
+          ],
+        },
+        {
+          name: "Supplier",
+          permission: [
+            { text: "Adicionar", value: "create" },
+            { text: "Modificar", value: "update" },
+            { text: "Remover", value: "delete" },
+          ],
+        },
+        {
+          name: "Finance",
+          permission: [
+            { text: "Adicionar", value: "create" },
+            { text: "Modificar", value: "update" },
+            { text: "Remover", value: "delete" },
+            { text: "Dashboard", value: "dashboard" },
+          ],
+        },
+        {
+          name: "Billing",
+          permission: [
+            { text: "Adicionar", value: "create" },
+            { text: "Modificar", value: "update" },
+            { text: "Cancelar/Remover", value: "delete" },
+            { text: "Dashboard", value: "dashboard" },
+          ],
+        },
+        {
+          name: "Signature",
+          permission: [
+            { text: "Adicionar", value: "create" },
+            { text: "Remover", value: "delete" },
+            { text: "Dashboard", value: "dashboard" },
+          ],
+        },
+        {
+          name: "Billet",
+          permission: [
+            { text: "Adicionar", value: "create" },
+            { text: "Modificar", value: "update" },
+            { text: "Baixar/Remover", value: "delete" },
+            { text: "Dashboard", value: "dashboard" },
+          ],
+        },
+        {
+          name: "PDV",
+          permission: [
+            { text: "Adicionar", value: "create" },
+            { text: "Alterar Valor", value: "update" },
+            { text: "Abrir Caixa", value: "openCashier" },
+            { text: "Fechar Caixa", value: "closeCashier" },
+          ],
+        },
+        {
+          name: "Operational",
+          permission: [
+            { text: "Adicionar", value: "create" },
+            { text: "Modificar", value: "update" },
+            { text: "Remover", value: "delete" },
+            { text: "Transferir Todos", value: "transferAll" },
+            { text: "Dashboard", value: "dashboard" }
+          ],
+        },
+        {
+          name: "Rental",
+          permission: [
+            { text: "Adicionar", value: "create" },
+            { text: "Modificar", value: "update" },
+            { text: "Remover", value: "delete" },
+            { text: "Dashboard", value: "dashboard" },
+          ],
+        },
+        {
+          name: "HumanResources",
+          permission: [
+            { text: "Adicionar", value: "create" },
+            { text: "Modificar", value: "update" },
+            { text: "Remover", value: "delete" },
+          ],
+        },
+        {
+          name: "TaxDocument",
+          permission: [
+            { text: "Adicionar", value: "create" },
+            { text: "Modificar", value: "update" },
+            { text: "Cancelar/Remover", value: "delete" },
+            { text: "Dashboard", value: "dashboard" },
+          ],
+        },
+      ],
+    };
+  },
+  methods: {
+    ...mapActions("generic", ["postApi", "deleteApi"]),
+    changed(rule) {
+      let userRule = { ...rule, ...{ userId: this.id } };
+      if (rule.hasRule) this.create(userRule);
+      if (!rule.hasRule) this.delete(userRule);
+    },
+    create(rule) {
+      let params = { url: this.urlCreate, obj: rule, notNotifyToast: true };
+      this.postApi(params).then((response) => { });
+    },
+    delete(rule) {
+      let url = `${this.urlDelete}?userId=${this.id}&ruleId=${rule.ruleId}`;
+      let params = { url: url, obj: rule, notNotifyToast: true };
+      this.deleteApi(params).then((response) => { });
+    },
+    createDeletePermission(rule) {
+      let obj = {
+        userId: this.id,
+        ruleId: rule.ruleId,
+        permission: this.permission,
+      };
+      let params = {
+        url: this.urlCreateDeletePermission,
+        obj: obj,
+        notNotifyToast: true,
+      };
+      this.postApi(params).then((response) => { });
+    },
+    options(name) {
+      var options = [];
+
+      this.optionRules.forEach((option) => {
+        if (option.name == name) {
+          option.permission.forEach((permission) => {
+            options.push(permission);
+          });
+        }
+      });
+      return options;
+    },
+  },
+};
+</script>
+
+

package/src/components/modules/adm/user/User.js

@@ -0,0 +1,27 @@
+export default class User {
+    constructor() {
+        this.photo = "";
+        this.type = 2;
+        this.name = "";
+        this.email = "";
+        this.mobile = "";
+        this.userName = "";
+        this.password = "";
+        this.confirmPassword = "";
+        this.status = 1;
+    }
+    update(data) {
+        this.id = data.id;
+        this.photo = data.photo;
+        this.type = data.type;
+        this.name = data.name;
+        this.email = data.email;
+        this.isConfirmedEmail = data.isConfirmedEmail;
+        this.mobile = data.mobile;
+        this.isConfirmedMobile = data.isConfirmedMobile;
+        this.userName = data.userName;
+        this.password = data.password;
+        this.confirmPassword = data.password;
+        this.status = data.status;
+    }
+}