@nixweb/nixloc-ui 1.16.0 → 1.19.0

package/src/components/modules/notifications/Emails.vue

@@ -1,91 +0,0 @@
-<template>
-  <div>
-    <ViewTemplateConfiguration :templateList="templateList" :showSearch="false" :showHorizontalFilter="false"
-      :propsParam="propsParam">
-      <div slot="content-buttons">
-        <Button _key="btnSearch" title="Atualizar" classIcon="fa-solid fa-arrows-rotate" size="small" type="info"
-          eventName="invoiceCreate" :clicked="clicked" />
-      </div>
-    </ViewTemplateConfiguration>
-  </div>
-</template>
-  
-<script>
-import ViewTemplateConfiguration from "@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import Confirmation from "@nixweb/nixloc-ui/src/component/shared/Confirmation.vue";
-import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
-import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
-
-import { mapState, mapMutations } from "vuex";
-
-export default {
-  name: "Emails",
-  components: {
-    ViewTemplateConfiguration,
-    Button, Confirmation,
-    Alert, Modal
-  },
-  data() {
-    return {
-      templateList: {
-        urlGetApi: "/api/v1/notification/get-all",
-        urlGenerateAllApi: "/api/v1/rental/payment-rent/create-payments-accounts-receivable",
-        urlDeleteAllApi: "/api/v1/rental/payment-rent/delete",
-        showChecks: false,
-        headerTable: [
-          {
-            field: "registeredDate",
-            title: "Envio",
-            type: "dateTime",
-          },
-          {
-            field: "tos",
-            title: "Para",
-            type: "text",
-            styleBody: "max-width: 250px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;",
-            iconSearch: true,
-          },
-          {
-            field: "description",
-            title: "Descrição",
-            type: "text",
-            styleBody: "max-width: 220px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;",
-            iconSearch: true,
-          },
-          {
-            title: "Status",
-            field: "statusName",
-            type: "html",
-            classCssTitle: "text-center",
-            classCssBody: "text-center",
-          },
-          {
-            field: "eventDate",
-            title: "Último Status",
-            type: "dateTime",
-            classCssTitle: "text-center",
-            classCssBody: "text-center",
-          },
-        ],
-      },
-      propsParam: {
-        any: "",
-      },
-    };
-  },
-  mounted() {
-    this.propsParam.any = this.userLogged.user.id;
-  },
-  computed: {
-    ...mapState("user", ["userLogged"]),
-  },
-  methods: {
-    ...mapMutations("generic", ["clearedSearch"]),
-    clicked() {
-      this.clearedSearch();
-    }
-  }
-
-};
-</script>

package/src/components/modules/notifications/Messaging.vue

@@ -1,40 +0,0 @@
-<template>
-    <div>
-        <b-tabs>
-            <b-tab v-if="hasRule('Signature')" title="Assinatura Digital">
-                <ScrollBar :minHeight="500" :maxHeight="500">
-                    <SignerListForMessaging />
-                </ScrollBar>
-            </b-tab>
-            <b-tab v-if="userLogged.user.type == 1" title="Autorização">
-                <ScrollBar :minHeight="500" :maxHeight="500">
-                    <AuthorizationTable />
-                </ScrollBar>
-            </b-tab>
-            <b-tab title="E-mails Enviados">
-                <ScrollBar :minHeight="500" :maxHeight="500">
-                    <Emails />
-                </ScrollBar>
-            </b-tab>
-        </b-tabs>
-    </div>
-</template>
-<script>
-import AuthorizationTable from '../adm/authorization/AuthorizationTable.vue'
-
-import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
-import SignerListForMessaging from '../signature/signer/SignerListForMessaging.vue'
-import Emails from './Emails.vue'
-
-import { mapGetters, mapState } from "vuex";
-
-export default {
-    name: "Messaging",
-    components: { ScrollBar, Emails, SignerListForMessaging, AuthorizationTable },
-    computed: {
-        ...mapGetters("user", ["hasRule"]),
-        ...mapState("user", ["userLogged"]),
-    }
-}
-
-</script>

package/src/components/modules/operational/AddressRentList.vue

@@ -1,124 +0,0 @@
-<template>
-    <div>
-        <Loading type="line" :center="false" v-show="loading" />
-        <ScrollBar id="items-rent" :minHeight="300" :maxHeight="300">
-            <table class="table table-responsive-xs">
-                <thead>
-                    <tr>
-                        <th>
-                            <span class="title-header"> Endereço </span>
-                        </th>
-                    </tr>
-                </thead>
-                <tbody v-for="item in content.data">
-                    <tr>
-                        <td class="td-product">
-                            <span>
-                                {{ item.description }} - {{ item.address }}
-                            </span>
-                        </td>
-
-                    </tr>
-                </tbody>
-                <tbody v-show="content.totalRecords == 0">
-                    <tr>
-                        <td colspan="12">
-                            <span class="title">Nenhum registro encontrado!</span>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </ScrollBar>
-    </div>
-</template>
-
-<script>
-
-import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
-import TableTotalRecords from "@nixweb/nixloc-ui/src/component/shared/TableTotalRecords.vue";
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-
-
-import { mapGetters, mapActions } from "vuex";
-
-export default {
-    name: "AddressRentList",
-    props: {
-        rentId: String,
-    },
-    components: {
-        ScrollBar,
-        TableTotalRecords,
-        Loading
-    },
-    data() {
-        return {
-            urlGetApi: "/api/v1/rental/address-rent/get-all",
-            data: [],
-            item: {},
-            loading: true,
-            content: {
-                data: [],
-                totalRecords: 0,
-            },
-            baseParams: {
-                search: undefined,
-                filter: "contains",
-                currentPage: 1,
-                totalPerPage: 20,
-            },
-        };
-    },
-    mounted() {
-        this.getAll(this.rentId);
-    },
-    methods: {
-        ...mapActions("generic", ["getApi"]),
-        getAll(rentId) {
-            this.loading = true;
-            let params = {
-                url: this.urlGetApi,
-                obj: {
-                    ...this.baseParams,
-                    any: rentId,
-                    noPaginated: true,
-                },
-            };
-            this.getApi(params).then((response) => {
-                this.content.data = response.content.data;
-                this.content.totalRecords = response.content.totalRecords;
-                this.loading = false;
-            });
-        },
-    },
-    watch: {
-        rentId: {
-            handler() {
-                this.getAll(this.rentId);
-            },
-            deep: true,
-        },
-    },
-}
-
-
-</script>
-<style scoped>
-.table th,
-.table td {
-    height: 10px !important;
-    padding-left: 5px !important;
-    padding-top: 7px !important;
-    padding-bottom: 5px !important;
-    padding-right: 5px !important;
-    padding-left: 10px !important;
-    border-bottom: 0px !important;
-}
-
-.title-header {
-    font-size: 14px;
-    color: #757d8c;
-    font-weight: 400;
-    text-transform: uppercase;
-}
-</style>

package/src/components/modules/operational/ButtonMovimentStock.vue

@@ -1,136 +0,0 @@
-<template>
-  <div>
-    <Loading
-      :width="40"
-      :height="40"
-      :center="false"
-      v-if="loading"
-    />
-    <div v-else>
-      <Button
-        :_key="'generateOutput' + keyButton"
-        tooltip="Gerar Saída"
-        color="white"
-        backGroundColor="#009183"
-        :title="showTitleButton ? 'Saída' : ''"
-        classIcon="fa-solid fa-circle-arrow-right"
-        :size="showTitleButton ? 'medium' : 'small'"
-        v-if="statusMovimentStock.reserved - statusMovimentStock.rented > 0"
-        :params="{ routeName: 'generateOutput' }"
-        :clicked="navigateTo"
-      />
-      <Button
-        :_key="'generateReturn' + keyButton"
-        tooltip="Gerar Retorno"
-        color="white"
-        backGroundColor="#B8860B"
-        :title="showTitleButton ? 'Retornar' : ''"
-        classIcon="fa-solid fa-circle-arrow-left"
-        :size="showTitleButton ? 'medium' : 'small'"
-        v-if="statusMovimentStock.rented - statusMovimentStock.returned > 0"
-        :params="{ routeName: 'generateReturn' }"
-        :clicked="navigateTo"
-      />
-      <Button
-        :_key="'generateRenewed' + keyButton"
-        tooltip="Gerar Renovação"
-        color="white"
-        backGroundColor="#567EB3"
-        :title="showTitleButton ? 'Renovar' : ''"
-        classIcon="fa-solid fa-retweet"
-        :size="showTitleButton ? 'medium' : 'small'"
-        v-if="statusMovimentStock.rented - statusMovimentStock.returned > 0"
-        :params="{ routeName: 'generateRenewed' }"
-        :clicked="navigateTo"
-      />
-      <Button
-        :_key="'replacePatrimony' + keyButton"
-        tooltip="Substituição"
-        color="white"
-        backGroundColor="#156EBE"
-        :title="showTitleButton ? 'Substituição' : ''"
-        classIcon="fas fa-random"
-        :size="showTitleButton ? 'medium' : 'small'"
-        v-if="statusMovimentStock.rented - statusMovimentStock.returned > 0"
-        :params="{ routeName: 'replacementPatrimony' }"
-        :clicked="navigateTo"
-      />
-    </div>
-  </div>
-</template>
-
-<script>
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading";
-
-import { mapActions, mapMutations } from "vuex";
-
-export default {
-  name: "ButtonMovimentStock",
-  components: {
-    Button,
-    Molded,
-    Loading,
-  },
-  props: {
-    rentId: String,
-    periodRentId: String,
-    keyButton: {
-      type: String,
-      default: "",
-    },
-    showTitleButton: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  data() {
-    return {
-      urlItemsMovimentTotalization: "/api/v1/stock/items-moviment/totalization",
-      statusMovimentStock: {},
-      loading: true,
-    };
-  },
-  mounted() {
-    this.getStatusMovimentStock();
-  },
-  methods: {
-    ...mapActions("generic", ["getApi"]),
-    ...mapMutations("generic", ["removeLoading", "hideModal"]),
-    getStatusMovimentStock() {
-      this.loading = true;
-      let params = {
-        url: this.urlItemsMovimentTotalization,
-        obj: { rentId: this.rentId, periodRentId: this.periodRentId },
-      };
-      this.getApi(params).then((response) => {
-        this.statusMovimentStock = response.content;
-
-        let self = this;
-        setTimeout(function () {
-          self.loading = false;
-        }, 300);
-      });
-    },
-    navigateTo(params) {
-      let self = this;
-      setTimeout(function () {
-        self.removeLoading([
-          "generateOutput" + self.keyButton,
-          "generateReturn" + self.keyButton,
-          "generateRenewed" + self.keyButton,
-          "replacePatrimony" + self.keyButton,
-        ]);
-
-        self.hideModal("infoCalendar");
-
-        self.$router.push({
-          name: params.routeName,
-          params: { id: self.rentId, periodRentId: self.periodRentId },
-        });
-      }, 300);
-    },
-  },
-};
-</script>

package/src/components/modules/operational/ItemsRentList.vue

@@ -1,319 +0,0 @@
-<template>
-  <div>
-    <ScrollBar id="items-rent" :minHeight="0" :maxHeight="150">
-      <SelectOptionPeriodRent v-show="!periodRentId" :showPeriodAll="false" :rentId="rentId" v-model="selectedPeriod" />
-    </ScrollBar>
-
-    <Loading type="line" :center="false" v-show="loading" />
-
-    <ScrollBar id="items-rent" :minHeight="300" :maxHeight="300">
-      <table class="table table-responsive-xs">
-        <colgroup>
-          <col style="width: 80%" />
-          <col style="width: 20%" />
-        </colgroup>
-
-        <thead>
-          <tr>
-            <th>
-              <span class="title-header"> Produto </span>
-            </th>
-            <th class="text-center">
-              <span class="title-header">Quantidade</span>
-            </th>
-          </tr>
-        </thead>
-
-        <tbody>
-          <template v-for="main in grouped2">
-            <tr :key="'main-' + main.key">
-              <td class="group level-1" colspan="2">
-                <span class="title-group title">
-                  <i class="fa-solid fa-layer-group icon-color"></i>
-                  {{ main.name || "Sem grupo" }}
-                </span>
-              </td>
-            </tr>
-
-            <template v-for="group in main.groups">
-              <tr :key="'group-' + group.key">
-                <td class="group level-2" colspan="2">
-                  <span class="title-group title">
-                    <i class="fa-regular fa-layer-group icon-color"></i>
-                    {{ group.name || "Sem subgrupo" }}
-                  </span>
-                </td>
-              </tr>
-
-              <tr v-for="item in group.items" :key="'item-' + item.id">
-                <td class="td-product td">
-                  <span>{{ item.productFullName }}</span>
-                  <br />
-                  <span class="description" v-html="item.description"></span>
-                </td>
-
-                <td class="text-center td-quantity td">
-                  <div>
-                    <span>{{ item.quantity }}</span>
-                    <span v-if="item.type != 3">
-                      ({{ item.unitOfMeasurementName }})
-                    </span>
-                  </div>
-
-                  <div class="quantity">
-                    <ItemsRentStatusStock v-if="item.type != 3" :data="item" />
-                  </div>
-                </td>
-              </tr>
-            </template>
-          </template>
-        </tbody>
-
-        <tbody v-show="content.totalRecords == 0">
-          <tr>
-            <td colspan="2">
-              <span class="title">Nenhum registro encontrado!</span>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </ScrollBar>
-  </div>
-</template>
-
-<script>
-import SelectOptionPeriodRent from "../rental/period-rental/SelectOptionPeriodRent.vue";
-import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
-import TableTotalRecords from "@nixweb/nixloc-ui/src/component/shared/TableTotalRecords.vue";
-import ItemsRentStatusStock from "../rental/items-rent/ItemsRentStatusStock.vue";
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-
-import { mapGetters, mapActions } from "vuex";
-
-export default {
-  name: "ItemsList",
-  props: {
-    rentId: String,
-    periodRentId: String,
-  },
-  components: {
-    ScrollBar,
-    TableTotalRecords,
-    ItemsRentStatusStock,
-    Loading,
-    SelectOptionPeriodRent,
-  },
-  data() {
-    return {
-      urlGetApi: "/api/v1/rental/items-rent/get-all",
-      selectedPeriod: {},
-      loading: true,
-      content: {
-        data: [],
-        totalRecords: 0,
-      },
-      baseParams: {
-        search: undefined,
-        filter: "contains",
-        currentPage: 1,
-        totalPerPage: 20,
-      },
-    };
-  },
-  mounted() {
-    this.getOptional();
-  },
-  computed: {
-    ...mapGetters("generic", ["event"]),
-
-    grouped2() {
-      const items = Array.isArray(this.content.data) ? this.content.data : [];
-
-      const ordered = [...items].sort((a, b) => {
-        const aMain = a.groupMainOrder ?? 999999;
-        const bMain = b.groupMainOrder ?? 999999;
-        if (aMain !== bMain) return aMain - bMain;
-
-        const aGroup = a.groupOrder ?? 999999;
-        const bGroup = b.groupOrder ?? 999999;
-        if (aGroup !== bGroup) return aGroup - bGroup;
-
-        const aItem = a.itemOrder ?? 999999;
-        const bItem = b.itemOrder ?? 999999;
-        if (aItem !== bItem) return aItem - bItem;
-
-        return String(a.id || "").localeCompare(String(b.id || ""));
-      });
-
-      const mainMap = new Map();
-
-      for (const item of ordered) {
-        const mainName = item.groupMainName || "Sem grupo";
-        const mainKey = item.groupMainName || "__sem_grupo_main__";
-
-        if (!mainMap.has(mainKey)) {
-          mainMap.set(mainKey, {
-            key: mainKey,
-            name: mainName,
-            groupsMap: new Map(),
-          });
-        }
-
-        const main = mainMap.get(mainKey);
-
-        const groupName = item.groupRentName || "Sem subgrupo";
-        const groupKey = item.groupRentName || "__sem_group_rent__";
-
-        if (!main.groupsMap.has(groupKey)) {
-          main.groupsMap.set(groupKey, {
-            key: `${mainKey}::${groupKey}`,
-            name: groupName,
-            items: [],
-          });
-        }
-
-        const group = main.groupsMap.get(groupKey);
-        group.items.push(item);
-      }
-
-      return Array.from(mainMap.values()).map((main) => ({
-        key: main.key,
-        name: main.name,
-        groups: Array.from(main.groupsMap.values()).map((group) => ({
-          key: group.key,
-          name: group.name,
-          items: group.items,
-        })),
-      }));
-    },
-  },
-  methods: {
-    ...mapActions("generic", ["getApi"]),
-
-    getAll(rentId, periodRentId) {
-      this.loading = true;
-
-      const params = {
-        url: this.urlGetApi,
-        obj: {
-          ...this.baseParams,
-          rentId: rentId,
-          periodRentId: periodRentId,
-          noPaginated: true,
-          withAccessory: true,
-          withOnlyStock: true,
-        },
-      };
-
-      this.getApi(params).then((response) => {
-        this.content.data = response.content.data;
-        this.content.totalRecords = response.content.totalRecords;
-        this.loading = false;
-      });
-    },
-
-    getOptional() {
-      const self = this;
-      setTimeout(function () {
-        const periodId = self.periodRentId ?? self.selectedPeriod?.period?.id;
-        if (!periodId) return;
-        self.getAll(self.rentId, periodId);
-      }, 300);
-    },
-  },
-  watch: {
-    rentId: {
-      handler() {
-        this.getOptional();
-      },
-      deep: true,
-    },
-    selectedPeriod: {
-      handler() {
-        const self = this;
-        setTimeout(function () {
-          self.getOptional();
-        }, 300);
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-
-<style scoped>
-.table {
-  width: 100% !important;
-  table-layout: fixed;
-}
-
-.table th,
-.table td {
-  height: 10px !important;
-  padding-left: 10px !important;
-  padding-top: 7px !important;
-  padding-bottom: 5px !important;
-  padding-right: 10px !important;
-  border-bottom: 0px !important;
-}
-
-.title-header {
-  font-size: 14px;
-  color: #757d8c;
-  font-weight: 400;
-  text-transform: uppercase;
-}
-
-.group {
-  font-size: 14px;
-  font-weight: 600;
-  color: #111;
-}
-
-.icon-color {
-  color: #2563eb;
-  margin-right: 6px;
-}
-
-.level-1 {
-  background-color: #E3E5ED;
-}
-
-.level-2 {
-  background-color: #F6F6F8;
-  padding-left: 18px !important;
-}
-
-.title-group {
-  font-size: 14px;
-}
-
-.td-product {
-  width: 80% !important;
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-}
-
-.td-quantity {
-  width: 20% !important;
-}
-
-.quantity {
-  cursor: pointer;
-}
-
-.quantity:hover {
-  text-decoration: underline;
-}
-
-.description {
-  font-weight: 400;
-  color: grey;
-}
-
-.without-group {
-  font-size: 13px;
-  font-style: italic;
-  color: grey;
-}
-</style>