@nixweb/nixloc-ui 0.0.271 → 0.0.273

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

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

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

@@ -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>

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

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