@nixweb/nixloc-ui 1.16.0 → 1.19.0

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

@@ -1,277 +0,0 @@
-<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

@@ -1,78 +0,0 @@
-<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

@@ -1,54 +0,0 @@
-<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

@@ -1,133 +0,0 @@
-<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

@@ -1,68 +0,0 @@
-<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>