@nixweb/nixloc-ui 0.0.273 → 0.0.274

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

@@ -1,184 +0,0 @@
-<template>
-  <div>
-    <Molded>
-      <b-row>
-        <b-col xs="12" sm="12" md="12" lg="4" xl="4">
-          <InputText title="Nome" field="name" :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" :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" 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" 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 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>
-    </Molded>
-    <br />
-    <b-tabs v-if="id">
-      <b-tab title="Regras">
-        <UserRule :userType="user.type" />
-      </b-tab>
-    </b-tabs>
-  </div>
-</template>
-
-<script>
-import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
-import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
-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 UserRule from "./UserRule.vue";
-
-import User from "@/components/modules/adm/user/User.js";
-
-import { mapMutations, mapGetters, mapActions } from "vuex";
-
-export default {
-  name: "UserCreateUpdate",
-  components: {
-    Molded,
-    InputText,
-    InputWhatsApp,
-    InputPassword,
-    UserRule,
-    RadioGroup,
-    Button,
-  },
-  data() {
-    return {
-      id: this.$route.params.id,
-      formName: "user",
-      user: new User(),
-      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",
-    };
-  },
-  created() {
-    if (!this.id) this.removeLoading(["panel"]);
-    if (this.id) this.getById();
-  },
-  methods: {
-    ...mapMutations("validation", ["removeFormDirty"]),
-    ...mapMutations("generic", ["removeLoading"]),
-    ...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 };
-      this.putApi(params).then((response) => {
-        if (response.success) {
-          this.getById();
-        }
-        this.removeLoading(["saveSaveCancel"]);
-      });
-    },
-    getById() {
-      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"]);
-      });
-    },
-  },
-  computed: {
-    ...mapGetters("generic", ["event"]),
-  },
-  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,82 +0,0 @@
-<template>
-  <div>
-    <Loading v-show="loading" />
-    <Rules
-      v-if="!loading"
-      :rules="rules"
-      :userType="userType"
-      :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,
-  },
-  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>

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

@@ -1,122 +0,0 @@
-<template>
-    <div>
-        <Loading :center="false" v-if="loading" />
-        <ScrollBar v-else :minHeight="200" :maxHeight="300">
-            <div v-for="billet in content">
-                <div class="div-billet">
-                    <b-row>
-                        <b-col sm="8">
-                            <span class="icon-error" v-if="billet.error">
-                                <i class="fa-solid fa-triangle-exclamation"></i>
-                                Inválido -
-                            </span>
-                            <span v-else>
-                                <i class="icon-ok fa-solid fa-circle-plus" v-if="action == 'create'"></i>
-                                <i class="icon-update fa-solid fa-calendar-lines-pen" v-if="action == 'update'"></i>
-                                <i class="icon-error fa-solid fa-ban" v-if="action == 'cancel'"></i>
-                                <i class="icon-pdf fa-solid fa-file-pdf" v-if="action == 'pdf'"></i>
-                            </span>
-                            <span class="title">
-                                {{ billet.recipientName }} -
-                                {{ billet.description }}
-                            </span>
-                        </b-col>
-                        <b-col sm="2">
-                            <span class="title"> {{ billet.dueDate }}</span>
-                        </b-col>
-                        <b-col sm="2">
-                            <span class="title"> {{ billet.value | currency }}</span>
-                        </b-col>
-                    </b-row>
-                    <div class="icon-error">
-                        {{ billet.error }}
-                    </div>
-                </div>
-            </div>
-            <div v-if="content.length == 0">
-                <span class="title"> Nenhum registro encontrado!</span>
-            </div>
-        </ScrollBar>
-    </div>
-</template>
-
-<script>
-
-import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-
-import { mapActions } from "vuex";
-
-export default {
-    name: "CheckBillet",
-    props: {
-        selected: Array,
-        value: Array,
-        action: String,
-    },
-    components: {
-        ScrollBar, Loading
-    },
-    data() {
-        return {
-            urlCheck: "/api/v1/billing/billet/check-billet",
-            content: {},
-            loading: true
-        }
-    },
-    mounted() {
-        this.checkBillet();
-    },
-    methods: {
-        ...mapActions("generic", ["postApi"]),
-        checkBillet() {
-            let obj = {
-                listIds: this.selected,
-                action: this.action
-            };
-            let params = { url: this.urlCheck, obj: obj, notNotifyToast: true };
-            this.postApi(params).then((response) => {
-                if (response.success) {
-                    this.content = response.content;
-                }
-                this.loading = false;
-            });
-        },
-    },
-    watch: {
-        content: {
-            handler(content) {
-                this.$emit("input", content);
-            },
-            deep: true,
-        },
-    }
-}
-
-</script>
-<style scoped>
-.div-billet {
-    border: 1px solid #e8eaed;
-    background-color: #FAFAFC;
-    border-radius: 8px !important;
-    padding: 7px;
-    margin-right: 4px;
-    margin-bottom: 10px;
-}
-
-.icon-ok {
-    color: #007BFF;
-}
-
-.icon-update {
-    color: darkgray;
-}
-
-.icon-error {
-    color: red;
-}
-
-.icon-pdf {
-    color: #0011FF;
-}
-</style>