@nixweb/nixloc-ui 0.0.271 → 0.0.273

package/src/components/modules/adm/login/ResetPassword.vue

@@ -0,0 +1,136 @@
+<template>
+  <div>
+    <div class="div-form">
+      <Messages />
+      <div class="div-title">
+        <span class="title-forgot">Redefinir Senha</span>
+      </div>
+      <b-row>
+        <b-col sm="12">
+          <InputPassword
+            title="Nova Senha"
+            field="password"
+            :formName="formName"
+            :required="true"
+            :maxLength="50"
+            v-model="forgot.password"
+          >
+            <div class="glyphicon">
+              <i class="fas fa-lock"></i>
+            </div>
+          </InputPassword>
+        </b-col>
+        <b-col sm="12">
+          <InputPassword
+            title="Confirme Nova Senha"
+            field="password"
+            :formName="formName"
+            :required="true"
+            :maxLength="50"
+            v-model="forgot.confirmPassword"
+          >
+            <div class="glyphicon">
+              <i class="fas fa-lock"></i>
+            </div>
+          </InputPassword>
+        </b-col>
+      </b-row>
+      <b-row>
+        <b-col md="6">
+          <div class="div-btn">
+            <Button
+              _key="save"
+              type="success"
+              title="Salvar"
+              :disabled="disabled"
+              classIcon="fa-solid fa-floppy-disk"
+              size="medium"
+              :clicked="save"
+            />
+          </div>
+        </b-col>
+      </b-row>
+    </div>
+  </div>
+</template>
+<script>
+import InputPassword from "@nixweb/nixloc-ui/src/component/forms/InputPassword";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Messages from "@nixweb/nixloc-ui/src/component/shared/Messages.vue";
+
+import ForgotPassword from "@/components/modules/adm/login/ForgotPassword.js";
+
+import { mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "ResetPassword",
+  components: { InputPassword, Button, Messages },
+  data() {
+    return {
+      formName: "forgot",
+      forgot: new ForgotPassword(),
+      urlReset: "api/v1/adm/auth/reset-password",
+      showSuccess: false,
+    };
+  },
+  computed: {
+    disabled() {
+      if (
+        this.forgot.password == this.forgot.confirmPassword &&
+        this.forgot.password
+      )
+        return false;
+
+      return true;
+    },
+  },
+  methods: {
+    ...mapActions("generic", ["postApi"]),
+    ...mapMutations("generic", ["removeLoading"]),
+    save() {
+      let obj = {
+        codeResetPassword: this.$route.params.code,
+        password: this.forgot.password,
+      };
+      let params = { url: this.urlReset, obj: obj };
+      this.postApi(params).then((response) => {
+        if (response.success) {
+          this.$toasted.show("Salvo com sucesso", {
+            type: "success",
+          });
+          this.$router.replace(this.$route.query.redirect || "/login");
+        }
+        this.removeLoading(["save"]);
+      });
+    },
+  },
+};
+</script>
+<style scoped>
+.div-form {
+  padding-top: 20px;
+  padding-left: 20px;
+  padding-right: 20px;
+  padding-bottom: 30px;
+}
+
+.div-title {
+  margin-bottom: 30px;
+}
+
+.div-btn {
+  margin-top: 20px;
+}
+
+.title-forgot {
+  font-size: 25px;
+}
+
+.title-rodape {
+  font-size: 13px;
+}
+
+.icon-whatsapp {
+  color: green;
+}
+</style>

package/src/components/modules/adm/login/SendConfirmMailMobile.vue

@@ -0,0 +1,72 @@
+<template>
+  <div class="main" v-if="!stopSend">
+    <div class="text-center">
+      <Timer :title="'Enviando confirmação para ' + email + mobile + ' em'" :initialTimer="10" :endTime="sendConfirm" />
+      <div class="div-btn">
+        <Button _key="cancel" type="danger" title="Cancelar" classIcon="fa-solid fa-ban" size="small" :clicked="cancel" />
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Timer from "@nixweb/nixloc-ui/src/component/shared/Timer";
+
+import { mapActions, mapMutations } from "vuex";
+
+export default {
+  name: "SendConfirmMailMobile",
+  components: {
+    Button,
+    Timer,
+  },
+  props: {
+    typeConfirm: String,
+    email: {
+      type: String,
+      default: "",
+    },
+    mobile: {
+      type: String,
+      default: "",
+    },
+  },
+  data() {
+    return {
+      urlConfirm: "/api/v1/adm/auth/sendconfirm-mail-mobile",
+      stopSend: false,
+    };
+  },
+  methods: {
+    ...mapActions("generic", ["postApi"]),
+    ...mapMutations("generic", ["addEvent", "removeLoading"]),
+    sendConfirm() {
+      if (this.stopSend) return;
+      let params = {
+        url: this.urlConfirm,
+        obj: {
+          typeConfirm: this.typeConfirm,
+          email: this.email,
+          mobile: this.mobile,
+        },
+      };
+      this.cancel();
+      this.postApi(params).then((response) => { });
+    },
+    cancel() {
+      this.stopSend = true;
+      this.addEvent({ name: "stopSendConfirmEmailMobile" });
+      this.removeLoading(["cancel"]);
+    },
+  },
+};
+</script>
+<style scoped>
+.main {
+  margin: 20px;
+}
+
+.div-btn {
+  margin-top: 10px;
+}
+</style>

package/src/components/modules/adm/login/SignalrUser.vue

@@ -0,0 +1,147 @@
+<template>
+  <div>
+    <transition name="fade">
+      <div class="full-page" v-if="showDuplicity">
+        <div class="n-div-center">
+          <div class="text-center logo">
+            <img src="https://nixloc.com.br/wp-content/themes/nix-loc/images/logo.svg" alt="Nixloc" />
+          </div>
+          <br />
+          <div>
+            <div class="row">
+              <div class="col-12 text-center">
+                <div class="icon-siren">
+                  <i class="fa-solid fa-triangle-exclamation"></i>
+                </div>
+              </div>
+            </div>
+            <div class="text-center">
+              <Timer :title="'Detectamos que o usuário (' + userName + ') teve acesso simultâneo e será desconectado em'"
+                :initialTimer="5" :endTime="logout" />
+            </div>
+          </div>
+        </div>
+      </div>
+    </transition>
+  </div>
+</template>
+<script>
+
+import * as signalR from "@microsoft/signalr";
+import Timer from "@nixweb/nixloc-ui/src/component/shared/Timer";
+
+import { mapState, mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "SignalrUser",
+  components: {
+    Timer
+  },
+  data() {
+    return {
+      signalConnection: null,
+      userName: "",
+      codeBrowser: "",
+      companyId: 0,
+      showDuplicity: false,
+    };
+  },
+  computed: {
+    ...mapState("user", ["userLogged"]),
+    ...mapGetters("generic", ["event"]),
+  },
+  mounted() {
+    this.codeBrowser = localStorage.codeBrowser;
+    this.connectionBuilder();
+  },
+  beforeDestroy() {
+    this.logout();
+  },
+  methods: {
+    ...mapMutations("user", ["addUserLogged"]),
+    ...mapMutations("generic", ["addEvent", "removeLoading"]),
+    connectionBuilder() {
+      var url = process.env.VUE_APP_API_URL;
+
+      this.userId = this.userLogged.user.id;
+      this.userName = this.userLogged.user.userName;
+      this.companyId = this.userLogged.companyId;
+
+      this.connection = new signalR.HubConnectionBuilder()
+        .withUrl(`${url}signalr`)
+        .build();
+
+      this.connection.start().then(() => {
+        this.addUserLogged();
+
+        this.connection.on("NotifyDuplicityUser", (userName, codeBrowser) => {
+          if (this.userName == userName && this.codeBrowser == codeBrowser) {
+            this.showDuplicity = true;
+          }
+        });
+
+        this.connection.on("NotifyDisconnectUser", () => {
+          this.logout();
+        });
+
+      });
+
+      this.connection.start().catch((err) => console.error(err));
+    },
+    addUserLogged() {
+      if (this.userLogged.user.userName != "UserTemp") {
+        this.connection
+          .invoke("AddUserLogged", this.companyId, this.userId, this.userName, this.codeBrowser);
+      }
+    },
+    logout() {
+      this.connection.stop();
+      this.addUserLogged({});
+      localStorage.setItem("codeBrowser", "");
+      window.location.replace("/login");
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "disconnectUsers") {
+          this.connection.invoke("DisconnectUser", event.data);
+          let self = this;
+          setTimeout(function () {
+            self.addEvent({ name: "getAllListViewWithDataHandler" });
+          }, 200);
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style scopep>
+.full-page {
+  height: 100%;
+  width: 100%;
+  background-color: white;
+  left: 0;
+  top: 0;
+  overflow: hidden;
+  position: fixed;
+  z-index: 1500;
+}
+
+.n-div-center {
+  margin: auto;
+  width: 80%;
+  height: 50%;
+  padding: 50px;
+}
+
+.n-font-icone {
+  font-size: 15px;
+}
+
+.icon-siren {
+  font-size: 25px;
+  color: orange;
+}
+</style>

package/src/components/modules/adm/parameter/ParameterBilling.js

@@ -0,0 +1,9 @@
+export default class ParameterBilling {
+    constructor() {
+        this.number = 0;
+    }
+    update(data) {
+        this.number = data.number;
+
+    }
+}

package/src/components/modules/adm/parameter/ParameterBilling.vue

@@ -0,0 +1,91 @@
+<template>
+  <div>
+    <Loading :center="false" v-show="loading" />
+    <div v-show="!loading">
+      <br />
+      <Molded>
+        <b-row>
+          <b-col xs="12" sm="12" md="12" lg="2" xl="2">
+            <InputNumber title="Sequêncial Fatura" field="number" :formName="formName" :required="true" :maxLength="9"
+              type="int" v-model="parameterBilling.number" />
+          </b-col>
+        </b-row>
+      </Molded>
+      <br />
+    </div>
+  </div>
+</template>
+
+<script>
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import InputNumber from "@nixweb/nixloc-ui/src/component/forms/InputNumber";
+
+import ParameterBilling from "@/components/modules/adm/parameter/ParameterBilling.js";
+
+import { mapGetters, mapActions, mapMutations } from "vuex";
+
+export default {
+  components: {
+    Loading,
+    InputNumber,
+    Molded,
+  },
+  name: "ParameterBilling",
+  data() {
+    return {
+      formName: "updateParameterBilling",
+      parameterBilling: new ParameterBilling(),
+      urlUpdate: "/api/v1/adm/parameter-billing/update",
+      urlGetById: "/api/v1/adm/parameter-billing/get-by-companyid",
+      loading: true,
+    };
+  },
+  created() {
+    this.getById();
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event", "isLoading"]),
+  },
+  methods: {
+    ...mapActions("generic", ["putApi", "getApi"]),
+    ...mapMutations("generic", ["addLoading", "removeLoading", "addEvent"]),
+    ...mapMutations("validation", ["resetValidation", "updateFormDirty"]),
+    ...mapMutations("user", ["updateParameterBilling"]),
+    getById() {
+      this.addLoading(["parameterBilling"]);
+      let params = { url: this.urlGetById, id: this.id };
+      this.getApi(params).then((response) => {
+        this.parameterBilling.update(response.content);
+        let self = this;
+        setTimeout(function () {
+          self.updateFormDirty(false);
+          self.loading = false;
+          self.removeLoading(["parameterBilling"]);
+        }, 350);
+      });
+    },
+    update() {
+      let params = { url: this.urlUpdate, obj: this.parameterBilling };
+      this.putApi(params).then((response) => {
+        if (response.success) {
+          this.updateParameterBilling(response.content);
+          this.addEvent({ name: "renovateToken" });
+        }
+        this.removeLoading(["saveSaveCancel"]);
+      });
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "saveSaveCancel") {
+          this.update();
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>

package/src/components/modules/adm/parameter/ParameterDangerZone.js

@@ -0,0 +1,12 @@
+export default class ParameterRental {
+    constructor() {
+        this.manageByPatrimony = false;
+        this.displayPeriod = [];
+        this.calculateByFullPeriod = false;
+    }
+    update(data) { 
+        this.displayPeriod = data.displayPeriod;
+        this.calculateByFullPeriod = data.calculateByFullPeriod;
+        this.manageByPatrimony = data.manageByPatrimony;
+    }
+}

package/src/components/modules/adm/parameter/ParameterDangerZone.vue

@@ -0,0 +1,159 @@
+<template>
+  <div>
+    <Loading :center="false" v-show="loading" />
+    <div v-show="!loading">
+      <div class="danger-zone">
+        <i class="fa-sharp fa-solid fa-triangle-exclamation"></i> Zona de Perigo
+      </div>
+      <Molded>
+        <b-row>
+          <b-col sm="12">
+            <RadioGroup title="Controlar por Patrimônio?" field="manageByPatrimony" :formName="formName" :options="[
+              { text: 'Sim', value: true },
+              { text: 'Não', value: false },
+            ]" v-model="parameterDangerZone.manageByPatrimony" />
+            <Alert type="danger">
+              <span>
+                Atenção, tenha certeza da alteração, isso pode causar
+                divergência de estoque!
+              </span>
+            </Alert>
+            <Alert type="warning">
+              <span>
+                Os produtos que já estão cadastrados não serão alterados!
+              </span>
+            </Alert>
+          </b-col>
+        </b-row>
+      </Molded>
+      <br />
+      <Molded>
+        <b-row>
+          <b-col sm="12">
+            <RadioGroup title="Calcular Período" field="CalculateByFullPeriod" :formName="formName" :options="[
+              { text: 'Dia - Horário Comercial', value: false },
+              { text: 'Dia - 24 horas', value: true },
+            ]" v-model="parameterDangerZone.calculateByFullPeriod" />
+          </b-col>
+        </b-row>
+        <b-row>
+          <b-col sm="12">
+            <CheckboxGroup title="Display (Calculo de Período)" field="displayPeriod"
+              :options="optionsDisplayByFullPeriod" :initialValue="parameterDangerZone.displayPeriod"
+              v-model="parameterDangerZone.displayPeriod" />
+          </b-col>
+        </b-row>
+      </Molded>
+    </div>
+  </div>
+</template>
+
+<script>
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
+import CheckboxGroup from "@nixweb/nixloc-ui/src/component/forms/CheckboxGroup";
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+
+import ParameterDangerZone from "@/components/modules/adm/parameter/ParameterDangerZone.js";
+
+import { mapGetters, mapActions, mapMutations, mapState } from "vuex";
+
+export default {
+  components: {
+    Molded,
+    Loading,
+    RadioGroup,
+    CheckboxGroup,
+    Alert,
+  },
+  name: "ParameterDangerZone",
+  data() {
+    return {
+      formName: "updateParameterDangerZone",
+      parameterDangerZone: new ParameterDangerZone(),
+      urlUpdate: "/api/v1/adm/parameter-danger-zone/update",
+      urlGetById: "/api/v1/adm/parameter-danger-zone/get-by-companyid",
+      loading: true,
+      options: [
+        { text: "Minuto", value: "1" },
+        { text: "Hora", value: "2" },
+        { text: "Dia", value: "3", disabled: true },
+        { text: "Semana", value: "4" },
+        { text: "Quinzena", value: "5" },
+        { text: "Mês", value: "6", disabled: true },
+        { text: "Ano", value: "7", disabled: true },
+      ],
+    };
+  },
+  created() {
+    this.getById();
+  },
+  computed: {
+    ...mapGetters("validation", ["isFormValid"]),
+    ...mapGetters("generic", ["event", "isLoading"]),
+    ...mapGetters("user", ["hasModule"]),
+    ...mapState("user", ["userLogged"]),
+    optionsDisplayByFullPeriod() {
+      let calculateByFullPeriod =
+        this.parameterDangerZone.calculateByFullPeriod;
+      let display = [];
+
+      this.options.forEach((item) => {
+        if (!calculateByFullPeriod && item.value == "1") return;
+        if (!calculateByFullPeriod && item.value == "2") return;
+        display.push(item);
+      });
+
+      return display;
+    },
+  },
+  methods: {
+    ...mapActions("generic", ["putApi", "getApi"]),
+    ...mapMutations("generic", ["addLoading", "removeLoading", "addEvent"]),
+    ...mapMutations("validation", ["resetValidation", "updateFormDirty"]),
+    ...mapMutations("user", ["updateParameterDangerZone"]),
+    getById() {
+      this.addLoading(["parameterDangerZone"]);
+      let params = { url: this.urlGetById, id: this.id };
+      this.getApi(params).then((response) => {
+        this.parameterDangerZone.update(response.content);
+        let self = this;
+        setTimeout(function () {
+          self.updateFormDirty(false);
+          self.loading = false;
+          self.removeLoading(["parameterDangerZone"]);
+        }, 350);
+      });
+    },
+    update() {
+      let params = { url: this.urlUpdate, obj: this.parameterDangerZone };
+      this.putApi(params).then((response) => {
+        if (response.success) {
+          this.updateParameterDangerZone(this.parameterDangerZone);
+          this.addEvent({ name: "renovateToken" });
+        }
+        this.removeLoading(["saveSaveCancel"]);
+      });
+    },
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "saveSaveCancel") {
+          this.update();
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style scoped>
+.danger-zone {
+  font-size: 18px;
+  color: red;
+  margin-left: 5px;
+  margin-bottom: 10px;
+}
+</style>

package/src/components/modules/adm/parameter/ParameterRental.js

@@ -0,0 +1,39 @@
+export default class ParameterRental {
+    constructor() {
+        this.number = 0;
+        this.displayPeriod = [];
+        this.calculateByFullPeriod = false;
+        this.allowNegativeStock = false;
+        this.proRate = false;
+        this.periodAddRecurrent = false;
+        this.periodSubtractRecalculate = false;
+        this.fullPeriod = false;
+        this.customPeriod = false;
+        this.dayBeforeDelivery = 0;
+        this.deliveryHour = "";
+        this.startHour = "";
+        this.endHour = "";
+        this.devolutionHour = "";
+        this.dayAfterDevolution = 0;
+        this.manageByPatrimony = false;
+    }
+    update(data) {
+        this.number = data.number;
+        this.displayPeriod = data.displayPeriod;
+        this.calculateByFullPeriod = data.calculateByFullPeriod;
+        this.allowNegativeStock = data.allowNegativeStock;
+        this.proRate = data.proRate;
+        this.periodAddRecurrent = data.periodAddRecurrent;
+        this.periodSubtractRecalculate = data.periodSubtractRecalculate;
+        this.periodRenewedRecalculate = data.periodRenewedRecalculate;
+        this.fullPeriod = data.fullPeriod;
+        this.customPeriod = data.customPeriod;
+        this.dayBeforeDelivery = data.dayBeforeDelivery;
+        this.deliveryHour = data.deliveryHour;
+        this.startHour = data.startHour;
+        this.endHour = data.endHour;
+        this.devolutionHour = data.devolutionHour;
+        this.dayAfterDevolution = data.dayAfterDevolution;
+        this.manageByPatrimony = data.manageByPatrimony;
+    }
+}