@nixweb/nixloc-ui 1.14.0 → 1.16.0

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

@@ -0,0 +1,277 @@
+<template>
+  <div>
+    <Alert v-if="isDisabled" type="info">
+      <span>Não é permitido alterar as regras ou as informações do usuário <b>Adm</b>.</span>
+    </Alert>
+    <b-tabs v-model="tabIndex">
+      <b-tab title="Dados">
+        <b-row>
+          <b-col xs="12" sm="12" md="12" lg="4" xl="4">
+            <InputText title="Nome" field="name" :disabled="isDisabled" :formName="formName" :required="true"
+              :maxLength="50" v-model="user.name">
+            </InputText>
+          </b-col>
+          <b-col xs="12" sm="12" md="12" lg="4" xl="4">
+            <InputText title="E-mail" field="email" :disabled="isDisabled" :formName="formName" :required="true"
+              :maxLength="50" v-model="user.email">
+              <div v-if="user.isConfirmedEmail" class="glyphicon" v-b-tooltip.hover title="Confirmado">
+                <i class="icon-success fa-solid fa-circle-check"> </i>
+              </div>
+              <div v-else class="glyphicon margin-button" v-b-tooltip.hover title="Enviar confirmação">
+                <Button _key="sendMailConfirm" color="white" backGroundColor="#F6BA45"
+                  classIcon="fa-solid fa-triangle-exclamation" size="small" :params="{ typeConfirm: 'email' }"
+                  :clicked="sendConfirm" />
+              </div>
+            </InputText>
+          </b-col>
+          <b-col xs="12" sm="12" md="12" lg="4" xl="4">
+            <InputText title="Celular" :disabled="isDisabled" field="mobile" :formName="formName"
+              :mask="['(##) ####-####', '(##) #####-####']" :required="false" :maxLength="50" v-model="user.mobile">
+              <div v-if="user.mobile">
+                <div v-if="user.isConfirmedMobile" class="glyphicon" v-b-tooltip.hover title="Confirmado">
+                  <i class="icon-success fa-solid fa-circle-check"> </i>
+                </div>
+                <div v-else class="glyphicon margin-button" v-b-tooltip.hover title="Enviar confirmação">
+                  <Button _key="sendMobileConfirm" color="white" backGroundColor="#F6BA45"
+                    classIcon="fa-solid fa-triangle-exclamation" size="small" :params="{ typeConfirm: 'mobile' }"
+                    :clicked="sendConfirm" />
+                </div>
+              </div>
+            </InputText>
+          </b-col>
+        </b-row>
+        <b-row>
+          <b-col xs="12" sm="12" md="12" lg="6" xl="6">
+            <InputText title="Login" :disabled="isDisabled" field="userName" :formName="formName" :required="true"
+              :maxLength="50" v-model="user.userName">
+            </InputText>
+          </b-col>
+          <b-col xs="12" sm="12" md="12" lg="6" xl="6">
+            <InputPassword :disabled="isDisabled" title="Senha" field="password" :formName="formName" :required="true"
+              :maxLength="50" v-model="user.password">
+            </InputPassword>
+          </b-col>
+        </b-row>
+        <b-row v-if="id && user.type == 2">
+          <b-col sm="12">
+            <RadioGroup title="Status" field="status" :formName="formName" :options="[
+              { text: 'Ativo', value: 1 },
+              { text: 'Inativo', value: 2 },
+            ]" v-model="user.status" />
+          </b-col>
+        </b-row>
+        <b-row>
+          <b-col sm="12">
+            <InputTag title="Grupos" placeholder="Digite um grupo e pressione Enter" :initialValue="user.groups"
+              v-model="user.groups" :change="changeGroups" />
+          </b-col>
+        </b-row>
+        <b-row v-if="userLogged.user.type == 1 && user.type == 1">
+          <b-col sm="12">
+            <div>
+              <br>
+              <Button _key="btnTransfer" title="Tranferir Administrador" type="danger"
+                classIcon="fa-solid fa-triangle-exclamation" size="small" :clicked="transferAdm" />
+            </div>
+          </b-col>
+        </b-row>
+      </b-tab>
+      <b-tab title="Auditoria" v-if="id && (userLogged.user.userName === 'UserTemp' || hasRule('Audit'))">
+        <TimelineLog v-if="tabIndex == 1" :id="id" />
+      </b-tab>
+    </b-tabs>
+
+    <br />
+    <b-tabs v-if="id && !isDisabled && tabIndex == 0">
+      <b-tab title="Regras">
+        <UserRule :userType="user.type" :disabled="isDisabled" />
+      </b-tab>
+    </b-tabs>
+
+    <Modal title="Transferir Administrador" :width="600" :height="750" v-if="showModal('transfer')">
+      <Alert type="warning">
+        <span>Atenção: ao transferir sua regra de Adm, você não será mais responsável pela segurança e
+          permissões.</span>
+      </Alert>
+      <Select title="Transferir para" field="user" :formName="formName" :required="true"
+        url="/api/v1/adm/user/select-all" :showNewRegister="false" v-model="userTransferTarget" />
+
+      <InputText title="Digite 'Confirmar' para alterar" v-model="inputConfirm" />
+      <div class="text-center">
+        <Button _key="btnSaveTransfer" :disabled="inputConfirm != 'Confirmar'" title="Aplicar" type="primary"
+          size="small" :clicked="saveTransfer" />
+      </div>
+    </Modal>
+  </div>
+</template>
+
+<script>
+
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import InputTag from "@nixweb/nixloc-ui/src/component/forms/InputTag";
+import InputWhatsApp from "@nixweb/nixloc-ui/src/component/forms/InputWhatsApp";
+import InputPassword from "@nixweb/nixloc-ui/src/component/forms/InputPassword";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import Select from "@nixweb/nixloc-ui/src/component/forms/Select";;
+import TimelineLog from '../audit-log/TimelineLog.vue'
+
+import UserRule from "./UserRule.vue";
+
+import User from "@/components/modules/adm/user/User.js";
+
+import { mapMutations, mapGetters, mapActions, mapState } from "vuex";
+
+export default {
+  name: "UserCreateUpdate",
+  components: {
+    Molded,
+    InputText,
+    InputWhatsApp,
+    InputPassword,
+    UserRule,
+    RadioGroup,
+    Button,
+    InputTag,
+    Alert,
+    Modal,
+    Select, TimelineLog
+  },
+  data() {
+    return {
+      id: this.$route.params.id,
+      formName: "user",
+      user: new User(),
+      inputConfirm: "",
+      userTransferTarget: {},
+      urlCreate: "/api/v1/adm/user/create",
+      urlUpdate: "/api/v1/adm/user/update",
+      urlGetById: "/api/v1/adm/user/get-by-id",
+      urlConfirm: "/api/v1/adm/auth/sendconfirm-mail-mobile",
+      urlTransferAdm: "/api/v1/adm/user/transfer-adm",
+      tabIndex: 0,
+      notNotifyToast: false
+    };
+  },
+  created() {
+    if (!this.id) this.removeLoading(["panel"]);
+    if (this.id) this.getById();
+  },
+  methods: {
+    ...mapMutations("validation", ["removeFormDirty"]),
+    ...mapMutations("generic", ["openModal", "removeLoading"]),
+    ...mapMutations("user", ["addUserLogged"]),
+    ...mapActions("generic", ["postApi", "putApi", "getApi"]),
+    create() {
+      let params = { url: this.urlCreate, obj: this.user };
+      this.postApi(params).then((response) => {
+        if (response.success) {
+          this.$router.push({
+            name: "userUpdate",
+            params: { id: response.content.id },
+          });
+        }
+        this.removeLoading(["saveSaveCancel"]);
+      });
+    },
+    update() {
+      let params = { url: this.urlUpdate, obj: this.user, notNotifyToast: this.notNotifyToast };
+      this.putApi(params).then((response) => {
+        if (response.success) {
+          this.getById();
+        }
+        this.removeLoading(["saveSaveCancel"]);
+      });
+    },
+    getById() {
+      this.notNotifyToast = false;
+      let params = { url: this.urlGetById, obj: { userId: this.id } };
+      this.getApi(params).then((response) => {
+        if (response.success) {
+          this.user.update(response.content);
+          let self = this;
+          setTimeout(function () {
+            self.removeLoading(["panel"]);
+            self.removeFormDirty();
+          }, 100);
+        }
+      });
+    },
+    sendConfirm(obj) {
+      let params = {
+        url: this.urlConfirm,
+        obj: {
+          typeConfirm: obj.typeConfirm,
+          email: this.user.email,
+          mobile: this.user.mobile,
+        },
+      };
+      this.postApi(params).then((response) => {
+        this.removeLoading(["sendMailConfirm", "sendMobileConfirm"]);
+      });
+    },
+    changeGroups() {
+      if (this.id) {
+        this.notNotifyToast = true;
+        this.update();
+      }
+    },
+    transferAdm() {
+      this.openModal("transfer");
+      this.removeLoading(["btnTransfer"]);
+    },
+    saveTransfer() {
+      let params = {
+        url: this.urlTransferAdm,
+        obj: { id: this.userLogged.user.id, any: this.userTransferTarget.id },
+        notNotifyToast: true
+      };
+      this.putApi(params).then((response) => {
+        if (response.success) {
+          this.addUserLogged({});
+          localStorage.setItem("codeBrowser", "");
+          window.location.replace("/login");
+        }
+        this.removeLoading(["btnSaveTransfer"]);
+      });
+    }
+  },
+  computed: {
+    ...mapGetters("generic", ["event", "showModal"]),
+    ...mapGetters("user", ["hasRule"]),
+    ...mapState("user", ["userLogged"]),
+    isDisabled() {
+      if (this.userLogged.user.id == this.user.id) {
+        return false;
+      } else {
+        if (this.userLogged.user.type == 2 && this.user.type == 1) {
+          return true;
+        }
+      }
+    }
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "saveSaveCancel") {
+          if (!this.id) this.create();
+          if (this.id) this.update();
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style scoped>
+.icon-success {
+  color: green;
+}
+
+.icon-warning {
+  color: #f6ba45;
+}
+</style>

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

@@ -0,0 +1,78 @@
+<template>
+  <div>
+    <Loading v-show="loading" />
+    <Rules v-if="!loading" :rules="rules" :userType="userType" :disabled="disabled"
+      :urlCreate="'/api/v1/adm/user-rule/create'" :urlDelete="`/api/v1/adm/user-rule/delete`"
+      :urlCreateDeletePermission="'/api/v1/adm/user-rule/create-delete-permission'" />
+    <Alert type="warning" v-if="!loading && rules.length == 0">
+      <span> É necessário solicitar liberação dos módulos!</span>
+    </Alert>
+  </div>
+</template>
+
+<script>
+import Rules from "./Rules.vue";
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+import Toggle from "@nixweb/nixloc-ui/src/component/forms/Toggle";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading";
+
+import { mapActions, mapState } from "vuex";
+
+export default {
+  name: "UserRule",
+  components: { Alert, Toggle, Rules, Loading },
+  props: {
+    userType: Number,
+    disabled: Boolean
+  },
+  data() {
+    return {
+      id: this.$route.params.id,
+      urlGetRulesCompany: "/api/v1/adm/company/get-all-rules",
+      urlGetRulesUser: "/api/v1/adm/user-rule/get-all",
+      rules: [],
+      loading: true,
+    };
+  },
+  computed: {
+    ...mapState("user", ["userLogged"]),
+  },
+  mounted() {
+    this.getCompanyRules();
+  },
+  methods: {
+    ...mapActions("generic", ["getApi"]),
+    getCompanyRules() {
+      let params = {
+        url: this.urlGetRulesCompany,
+        obj: { companyId: this.userLogged.companyId },
+      };
+      this.getApi(params).then((response) => {
+        this.rules = response.content;
+        this.getUserRules();
+      });
+    },
+    getUserRules() {
+      let params = {
+        url: this.urlGetRulesUser,
+        obj: { userId: this.id },
+      };
+      this.getApi(params).then((response) => {
+        let self = this;
+        response.content.forEach(function (rule) {
+          self.hasRule(rule);
+        });
+        this.loading = false;
+      });
+    },
+    hasRule(userRule) {
+      this.rules.forEach(function (companyRule) {
+        if (companyRule.ruleId === userRule.ruleId) {
+          companyRule.hasRule = true;
+          companyRule.permission = userRule.permission == null ? [] : userRule.permission;
+        }
+      });
+    },
+  },
+};
+</script>

package/src/components/modules/automation/AutomationBuilder.vue

@@ -0,0 +1,54 @@
+<template>
+    <div class="recurrence-main">
+        <div class="title-automation">
+            <i class="fa-regular fa-robot"></i> O que o Robô irá fazer?
+        </div>
+        <div class="div-automation">
+            <AutomationBuilder :rules="rules" />
+        </div>
+    </div>
+</template>
+<script>
+
+import SelectStatic from "@nixweb/nixloc-ui/src/component/forms/SelectStatic";
+import DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
+import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
+import AutomationBuilder from "@nixweb/nixloc-ui/src/component/shared/automation/AutomationBuilder";
+
+
+export default {
+    name: "AutomationRentLong",
+    props: {
+        formName: String,
+        rules: Array,
+    },
+    components: {
+        SelectStatic,
+        DateTime,
+        InputDecimal,
+        AutomationBuilder
+    },
+    data() {
+        return {
+            frequency: "",
+            dateStart: "",
+            dateEnd: "",
+            value: 0
+        }
+    }
+}
+</script>
+<style scoped>
+.recurrence-main {
+    margin-top: 10px;
+}
+
+.title-automation {
+    font-size: 15px;
+    margin-bottom: 10px;
+}
+
+.div-automation {
+    min-height: 100px;
+}
+</style>

package/src/components/modules/billing/billet/Billet.vue

@@ -0,0 +1,133 @@
+<template>
+    <div class="main">
+        <div class="div-btn">
+            <b-row>
+                <b-col sm="2">
+                    <div class="text-left">
+                        <div v-show="selectedOption != 0">
+                            <Button _key="back" title="Voltar" type="info" classIcon="fa-solid fa-arrow-left" size="small"
+                                eventName="back" />
+                        </div>
+                    </div>
+                </b-col>
+            </b-row>
+        </div>
+        <div v-show="selectedOption == 0">
+            <SelectOption buttonSize="large" buttonClassIcon="fas fa-arrow-circle-right" :width="130" :height="80"
+                :options="options" v-model="selectedOption" :showButtonNext="false" />
+        </div>
+        <CreateBillet v-if="selectedOption == 1" :selected="selected" />
+        <UpdateBillet v-if="selectedOption == 2" :selected="selected" />
+        <CancelBillet v-if="selectedOption == 3" :selected="selected" />
+        <PDFBillet v-if="selectedOption == 4" :selected="selected" />
+    </div>
+</template>
+<script>
+
+
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import SelectOption from "@nixweb/nixloc-ui/src/component/shared/SelectOption.vue";
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+
+import CreateBillet from './CreateBillet.vue'
+import UpdateBillet from './UpdateBillet.vue'
+import CancelBillet from './CancelBillet.vue'
+import PDFBillet from './PDFBillet.vue'
+
+import { mapMutations, mapGetters } from "vuex";
+
+export default {
+    name: "Billet",
+    props: {
+        origin: String,
+        selected: Array,
+        value: Number
+    },
+    components: {
+        SelectOption,
+        Button, CreateBillet, UpdateBillet, CancelBillet, Alert, PDFBillet
+    },
+    data() {
+        return {
+            selectedOption: 0,
+            options: [
+                {
+                    title: "Emitir",
+                    titleSize: "15",
+                    icon: "fa-solid fa-barcode",
+                    iconSize: 20,
+                    value: 1,
+                },
+                {
+                    title: "Alterar",
+                    titleSize: "15",
+                    icon: "fa-solid fa-calendar-lines-pen",
+                    iconSize: 20,
+                    iconStyle: "color:#BBBBBB;",
+                    value: 2,
+                },
+                {
+                    title: "Cancelar",
+                    titleSize: "15",
+                    icon: "fa-solid fa-ban",
+                    iconSize: 20,
+                    iconStyle: "color:red;",
+                    value: 3,
+                },
+                {
+                    title: "Compartilhar",
+                    titleSize: "15",
+                    icon: "fa-sharp fa-regular fa-share-nodes",
+                    iconSize: 20,
+                    iconStyle: "color:blue;",
+                    value: 4,
+                },
+
+            ],
+        }
+    },
+    computed: {
+        ...mapGetters("generic", ["event"]),
+    },
+    methods: {
+        ...mapMutations("generic", ["removeLoading"]),
+
+    },
+    watch: {
+        selectedOption: {
+            handler(selectedOption) {
+                this.$emit("input", selectedOption);
+            },
+            deep: true,
+        },
+        event: {
+            handler(event) {
+                if (event.name == "generatedBillet") {
+                    this.selectedOption = 4;
+                    this.$emit("input", selectedOption);
+                }
+
+                if (event.name == "back") {
+                    this.selectedOption = 0;
+                    this.removeLoading(["back"]);
+                }
+            },
+            deep: true,
+        },
+    }
+}
+</script>
+<style scoped>
+.main {
+    min-height: 150px;
+}
+
+.div-btn {
+    margin-bottom: 15px;
+}
+
+.title {
+    font-size: 18px;
+    margin-bottom: 5px;
+}
+</style>

package/src/components/modules/billing/billet/CancelBillet.vue

@@ -0,0 +1,68 @@
+<template>
+    <div>
+        <div v-if="loading">
+            <br>
+            <span>Aguarde, estamos cancelando os boletos, isso pode levar alguns segundos...</span>
+            <Loading type="line" :center="false" />
+        </div>
+        <div v-else>
+            <Molded>
+                <CheckBillet action="cancel" :selected="selected" v-model="listBillet" />
+            </Molded>
+            <div class="btn-generate text-center" v-if="listBillet.length != 0">
+                <Button _key="btnCancelBillet" type="danger" title="Cancelar Boleto" size="medium"
+                    :clicked="cancelBillet" />
+            </div>
+        </div>
+
+    </div>
+</template>
+<script>
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+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 CheckBillet from './CheckBillet.vue'
+
+import { mapActions, mapMutations } from "vuex";
+
+export default {
+    name: "CancelBillet",
+    props: {
+        selected: Array
+    },
+    components: { Alert, Molded, Button, Loading, CheckBillet },
+    data() {
+        return {
+            urlCheck: "/api/v1/billing/billet/cancel-billet",
+            listBillet: [],
+            loading: false
+        }
+    },
+    methods: {
+        ...mapMutations("generic", ["addEvent", "removeLoading"]),
+        ...mapActions("generic", ["postApi"]),
+        cancelBillet() {
+            this.loading = true;
+            let obj = {
+                listBillet: this.listBillet
+            };
+            let params = { url: this.urlCheck, obj: obj, notNotifyToast: true };
+            this.postApi(params).then((response) => {
+                if (response.success) {
+                    this.addEvent({ name: "canceledBillet" });
+                }
+                this.loading = false;
+                this.removeLoading(["btnCancelBillet"]);
+            });
+        },
+    }
+
+}
+</script>
+<style scoped>
+.btn-generate {
+    margin-top: 10px;
+}
+</style>