@nixweb/nixloc-ui 1.16.0 → 1.17.0

package/src/components/modules/rental/shared/import-product-rent/ItemsImportList_old.vue

@@ -1,197 +0,0 @@
-<template>
-    <div>
-        <div class="div-select-group">
-            <Select v-if="module == 'rent'" title="Informe o Grupo" field="groupRent" :required="false"
-                v-model="groupRent" url="/api/v1/rental/group-rent/select-all" nameNewRegister="groupRentCreateUpdate"
-                titleNewRegister="Grupo" :widthNewRegister="500" :heightNewRegister="250">
-                <GroupRentCreateUpdate :registerInSelect="true" v-model="groupRent" />
-            </Select>
-        </div>
-        <b-row>
-            <b-col sm="6">
-                <b-form-checkbox v-model="showSelectAll" @change="select">
-                    TODOS PRODUTOS
-                </b-form-checkbox>
-            </b-col>
-        </b-row>
-        <ScrollBar :minHeight="300" :maxHeight="500">
-            <div>
-                <table class="table table-responsive-xs">
-                    <thead>
-                        <tr>
-                            <th></th>
-                            <th class="title-header">Descrição</th>
-                            <th v-if="module == 'nfe'" class="title-header text-center">Ncm</th>
-                            <th class="title-header text-center">Quantidade</th>
-                            <th class="title-header text-center">Valor</th>
-                        </tr>
-                    </thead>
-                    <tbody v-for="(data, groupName) in grouped">
-                        <td class="group" colspan="8">
-                            <div>
-                                <span v-if="groupName" class="title-group">
-                                    {{ groupName }}
-                                </span>
-                                <span v-else class="title-group">
-                                    <span>Sem grupo</span>
-                                </span>
-                            </div>
-                        </td>
-                        <tr v-for="item in data">
-                            <td class="td-checkbox">
-                                <b-form-checkbox v-model="selected" :value="item" />
-                            </td>
-                            <td class="td-description">
-                                <span> {{ item.productFullName }} </span>
-                            </td>
-                            <td v-if="module == 'nfe'" class="text-center">
-                                <span> {{ item.ncm }} </span>
-                            </td>
-                            <td class="text-center td-quantity">
-                                <span> {{ item.quantity }}</span>
-                            </td>
-                            <td class="td-total text-center">
-                                <ItemsRentalTotalization :data="item" />
-                            </td>
-                        </tr>
-
-                    </tbody>
-                </table>
-            </div>
-        </ScrollBar>
-        <div class="div-btn text-center">
-            <Button _key="btnImport" title=" Importar" :disabled="selected.length == 0"
-                classIcon="fa-solid fa-file-import" type="primary" size="medium" :clicked="executeImport" />
-        </div>
-    </div>
-</template>
-<script>
-
-
-
-import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import ItemsRentalTotalization from '../../items-rent/ItemsRentalTotalization.vue'
-import GroupRentCreateUpdate from '../../group-rent/GroupRentCreateUpdate.vue'
-import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
-
-import { mapMutations, mapActions, mapGetters } from "vuex";
-
-export default {
-    name: "ItemsImportList",
-    props: {
-        module: String,
-        targetId: String,
-        rentId: String,
-        periodRentId: String,
-        groupRentId: String,
-        items: Array,
-    },
-    components: {
-        ScrollBar,
-        Button, ItemsRentalTotalization, GroupRentCreateUpdate, Select
-    },
-    data() {
-        return {
-            urlImport: "/api/v1/rental/import-product/import",
-            selected: [],
-            showSelectAll: false,
-            groupRent: {}
-        };
-    },
-    mounted() {
-        this.select();
-    },
-    computed: {
-        ...mapGetters("generic", ["groupBy"]),
-        grouped() {
-            var list = this.groupBy({
-                array: this.items,
-                key: "groupRentName",
-            });
-            return list;
-        },
-    },
-    methods: {
-        ...mapMutations("generic", ["addEvent", "removeLoading"]),
-        ...mapActions("generic", ["postApi"]),
-        executeImport() {
-            let params = {
-                url: this.urlImport, obj: {
-                    module: this.module,
-                    targetId: this.targetId,
-                    rentId: this.rentId,
-                    periodRentId: this.periodRentId,
-                    groupRentId: this.groupRent.id,
-                    items: this.selected
-                }
-            };
-            this.postApi(params).then((response) => {
-                if (response.success) {
-                    this.addEvent({ name: "itemsImported" });
-                }
-                this.removeLoading(["btnImport"]);
-            });
-        },
-        select() {
-            this.selected = [];
-            if (this.showSelectAll) {
-                for (let i in this.items) {
-                    this.selected.push(this.items[i]);
-                }
-            }
-        },
-    },
-};
-</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;
-}
-
-.td-checkbox {
-    width: 30px;
-}
-
-.td-description {
-    max-width: 600px;
-}
-
-.td-quantity {
-    max-width: 120px;
-}
-
-.td-total {
-    max-width: 300px;
-}
-
-.div-select-group {
-    margin-bottom: 30px;
-}
-
-.group {
-    background-color: #fafafc;
-    font-size: 14px;
-    font-weight: 400;
-}
-
-.title-group {
-    font-size: 14px;
-    margin-left: 10px;
-    color: #757d8c;
-}
-</style>

package/src/components/modules/rental/team/Team.js

@@ -1,31 +0,0 @@
-export default class Job {
-    constructor() {
-        this.id = "";
-        this.collaborator = { id: "", content: "" };
-        this.description = "";
-        this.dateStart = "";
-        this.timeStart = "";
-        this.dateEnd = "";
-        this.timeEnd = "";
-        this.dueDate = "";
-        this.value = 0;
-        this.statusRental = 0;
-        this.payableReceivable = {};
-        this.rentId = "";
-    }
-    update(data) {
-        this.id = data.id;
-
-        if (data.collaborator)
-            this.collaborator = { id: data.collaborator.id, content: data.collaborator.person.companyName + " (" + data.collaborator.person.tradeName + ")" };
-
-        this.description = data.description;
-        this.dateStart = data.dateStart;
-        this.timeStart = data.timeStart;
-        this.dateEnd = data.dateEnd;
-        this.timeEnd = data.timeEnd;
-        this.dueDate = data.dueDate;
-        this.value = data.value;
-        this.payableReceivable = data.payableReceivable;
-    }
-}

package/src/components/modules/rental/team/TeamCreateUpdate.vue

@@ -1,149 +0,0 @@
-<template>
-  <div>
-    <div v-if="team.payableReceivable">
-      <Alert type="info">
-        <span>
-          Conta vinculada, sua alteração resultará em uma modificação no <b>Financeiro</b>.
-        </span>
-      </Alert>
-    </div>
-    <Loading :center="false" v-show="loading" />
-    <div v-show="!loading">
-      <b-row>
-        <b-col sm="12">
-          <Select title="Nome" field="type" :formName="formName" :required="true"
-            url="/api/v1/human-resources/collaborator/select-all" v-model="team.collaborator"
-            nameNewRegister="consultantCreateUpdate" :showNewRegister="false" titleNewRegister="Consultor"
-            :widthNewRegister="800" :heightNewRegister="250">
-          </Select>
-        </b-col>
-      </b-row>
-      <b-row>
-        <b-col sm="3">
-          <DateTime title="Data Inicio" field="dateStart" format="DD/MM/YYYY" type="date" :required="true" placeholder
-            :formName="formName" v-model="team.dateStart" />
-        </b-col>
-        <b-col sm="3">
-          <DateTime title="Hora" field="timeStart" format="HH:mm" :required="true" type="time" placeholder
-            :formName="formName" v-model="team.timeStart" />
-        </b-col>
-        <b-col sm="3">
-          <DateTime title="Data Fim" field="dateEnd" format="DD/MM/YYYY" type="date" :required="true" placeholder
-            :formName="formName" v-model="team.dateEnd" />
-        </b-col>
-        <b-col sm="3">
-          <DateTime title="Hora" field="timeEnd" format="HH:mm" type="time" :required="true" placeholder
-            :formName="formName" v-model="team.timeEnd" />
-        </b-col>
-      </b-row>
-      <b-row>
-        <b-col sm="12">
-          <EditorHtml title="Descrição" :required="false" :maxLength="1000" v-model="team.description" />
-        </b-col>
-      </b-row>
-
-      <b-row>
-        <b-col sm="3">
-          <DateTime title="Data Pagamento" field="dueDate" format="DD/MM/YYYY" type="date" :required="false" placeholder
-            :formName="formName" v-model="team.dueDate" />
-        </b-col>
-        <b-col sm="3">
-          <InputDecimal title="Valor/Cachê" field="unitValue" :formName="formName" :required="false"
-            :markFormDirty="false" :maxLength="5" type="float" v-model="team.value" />
-        </b-col>
-      </b-row>
-      <br>
-      <b-row>
-        <b-col sm="12">
-          <div class="text-right">
-            <Button _key="saveTeam" type="success" title="Salvar" :disabled="!isFormValid(formName)"
-              classIcon="fas fa-save" size="medium" :clicked="save" />
-          </div>
-        </b-col>
-      </b-row>
-    </div>
-  </div>
-</template>
-
-<script>
-import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
-import DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
-import EditorHtml from "@nixweb/nixloc-ui/src/component/forms/EditorHtml";
-import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
-
-import Team from "./Team.js"
-
-import { mapGetters, mapActions, mapMutations } from "vuex";
-
-export default {
-  name: "TeamCreateUpdate",
-  components: {
-    InputText, DateTime, Button, Select, EditorHtml, InputDecimal, Loading, Alert
-  },
-  props: {
-    rent: Object,
-  },
-  data() {
-    return {
-      formName: "teamCreateUpdate",
-      team: new Team(),
-      urlCreate: "/api/v1/human-resources/team/create",
-      urlUpdate: "/api/v1/human-resources/team/update",
-      loading: true,
-    };
-  },
-  computed: {
-    ...mapGetters("validation", ["isFormValid"]),
-    ...mapGetters("generic", ["event"]),
-  },
-  methods: {
-    ...mapActions("generic", ["postApi", "putApi"]),
-    ...mapMutations("generic", ["addEvent", "removeLoading", "hideModal"]),
-    ...mapMutations("validation", ["resetValidation"]),
-    save() {
-      this.team.rentId = this.rent.id;
-      this.team.statusRental = this.rent.statusRental;
-
-      if (this.team.id) {
-        let params = { url: this.urlUpdate, obj: this.team };
-        this.putApi(params).then((response) => {
-          if (response.success) this.hideModal();
-          this.removeLoading(["saveTeam"]);
-        });
-      } else {
-        let params = { url: this.urlCreate, obj: this.team };
-        this.postApi(params).then((response) => {
-          if (response.success) this.hideModal();
-          this.removeLoading(["saveTeam"]);
-        });
-      }
-    },
-    update(data) {
-      this.team = new Team();
-      this.team.update(data);
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "teamCreateUpdate") {
-          this.loading = true;
-          this.team = new Team();
-          this.resetValidation(this.formName);
-          this.loading = false;
-        }
-        if (event.name == "teamUpdate") {
-          this.update(event.data);
-          this.loading = false;
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style scoped></style>

package/src/components/modules/rental/team/TeamList.vue

@@ -1,174 +0,0 @@
-<template>
-  <div>
-    <ViewTemplateConfiguration :templateList="templateList" :showSearch="false" :showHorizontalFilter="false"
-      :propsParam="propsParam">
-      <div slot="content-buttons">
-        <Button _key="btnTeamCreateUpdate" title="Equipe" classIcon="fas fa-plus-circle" type="primary" size="small"
-          :clicked="create" />
-      </div>
-      <div slot="content-buttons-table-header">
-        <!-- <Button _key="btnGenerateFinance" :title="'Lançar no Financeiro ' + selected.length" type="primary" size="small"
-          :clicked="confirmGenerate" /> -->
-      </div>
-    </ViewTemplateConfiguration>
-    <Modal title="Equipe" :width="850" :height="250" v-show="showModal('teamCreateUpdate')">
-      <TeamCreateUpdate :rent="rent" />
-    </Modal>
-    <Modal title="Tem certeza que deseja lançar?" :width="500" v-show="showModal('generateFinance')">
-      <Alert type="warning">
-        <span>
-          Atenção, certifique-se que está lançando o valor correto, após lançado
-          somente o Financeiro poderá alterar
-        </span>
-      </Alert>
-      <Confirmation :isModal="false" title="Você tem certeza?" type="primary"
-        :confirmed="createPaymentsAccountsReceivable" />
-    </Modal>
-  </div>
-</template>
-
-<script>
-
-import ViewTemplateConfiguration from "@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration";
-import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
-import Confirmation from "@nixweb/nixloc-ui/src/component/shared/Confirmation.vue";
-
-import TeamCreateUpdate from './TeamCreateUpdate.vue'
-
-import { mapGetters, mapMutations, mapState, mapActions } from "vuex";
-
-export default {
-  name: "PeriodRentList",
-  components: {
-    ViewTemplateConfiguration,
-    Modal,
-    Button, TeamCreateUpdate, Alert, Confirmation
-  },
-  props: {
-    rent: Object,
-  },
-  data() {
-    return {
-      templateList: {
-        urlGetApi: "/api/v1/human-resources/team/get-all",
-        urlDeleteAllApi: "/api/v1/human-resources/team/delete",
-        urlGenerateAllApi: "/api/v1/human-resources/team/create-accounts-payments",
-        headerTable: [
-          {
-            field: "photo",
-            container: "nixloc-photo-collaborator",
-            type: "image",
-            classCssBody: "img-user",
-          },
-          {
-            field: "fullName",
-            title: "Nome",
-            type: "link",
-            eventName: "teamUpdate",
-            classCssBody: "center-vertical",
-          },
-          {
-            field: "fullPeriod",
-            title: "Período",
-            type: "text",
-            classCssBody: "center-vertical",
-          },
-          {
-            field: "description",
-            title: "Descrição",
-            type: "html",
-            classCssBody: "center-vertical",
-          },
-          {
-            field: "dueDate",
-            title: "Vencimento",
-            type: "text",
-            classCssTitle: "text-center",
-            classCssBody: "text-center center-vertical",
-          },
-          {
-            field: "value",
-            title: "Valor/Cachê",
-            type: "currency",
-            classCssTitle: "text-center",
-            classCssBody: "text-center center-vertical",
-          },
-          {
-            title: "Financeiro",
-            field: "status",
-            type: "html",
-            classCssTitle: "text-center",
-            classCssBody: "text-center center-vertical",
-          },
-        ],
-      },
-      propsParam: {
-        any: this.rent.id,
-      },
-    };
-  },
-  computed: {
-    ...mapGetters("generic", ["event", "showModal"]),
-    ...mapState("generic", ["selected"]),
-  },
-  methods: {
-    ...mapMutations("generic", ["openModal", "hideModal", "addEvent", "removeLoading"]),
-    ...mapActions("generic", ["putAllApi"]),
-    create() {
-      this.addEvent({ name: "teamCreateUpdate" });
-      this.openModal('teamCreateUpdate');
-      this.removeLoading(["btnTeamCreateUpdate"]);
-    },
-    confirmGenerate() {
-      this.removeLoading(["btnGenerateFinance"]);
-      this.openModal("generateFinance");
-    },
-    createPaymentsAccountsReceivable() {
-      let params = {
-        url: this.templateList.urlGenerateAllApi,
-        selected: this.selected,
-      };
-      this.putAllApi(params).then((response) => {
-        if (response.success) {
-          this.hideModal("generateInvoice");
-        }
-        this.removeLoading(["confirm"]);
-      });
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "teamUpdate") this.openModal("teamCreateUpdate");
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style>
-.box-finance {
-  width: 10px;
-  height: 10px;
-  border-radius: 20px;
-  margin-right: 8px;
-}
-
-.finance-delay {
-  background-color: red;
-}
-
-.finance-paid {
-  background-color: #009183;
-}
-
-.finance-today {
-  background-color: #ff8a1b;
-}
-
-.finance-scheduled {
-  background-color: #3d4eae;
-}
-</style>

package/src/components/modules/rental/type-rent/TypeRent.js

@@ -1,10 +0,0 @@
-export default class TypeRent {
-    constructor() {
-        this.id = "";
-        this.name = "";
-    }
-    update(data) {
-        this.id = data.id;
-        this.name = data.name;
-    }
-}

package/src/components/modules/rental/type-rent/TypeRentCreateUpdate.vue

@@ -1,111 +0,0 @@
-<template>
-  <div>
-    <b-row>
-      <b-col sm="12">
-        <InputText
-          title="Nome"
-          field="name"
-          :formName="formName"
-          :required="true"
-          :maxLength="40"
-          v-model="typeRental.name"
-          :markFormDirty="false"
-        />
-      </b-col>
-    </b-row>
-    <b-row>
-      <b-col sm="12">
-        <div class="text-right">
-          <Button
-            _key="btnSaveTypeRental"
-            type="success"
-            title="Salvar"
-            :disabled="!isFormValid(formName)"
-            classIcon="fas fa-save"
-            size="medium"
-            :clicked="saveTypeRental"
-          />
-        </div>
-      </b-col>
-    </b-row>
-  </div>
-</template>
-
-<script>
-import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-
-import TypeRent from "@/components/modules/rental/type-rent/TypeRent.js";
-
-import { mapGetters, mapActions, mapMutations } from "vuex";
-
-export default {
-  name: "TypeRentCreateUpdate",
-  props: {
-    registerInSelect: Boolean,
-    value: Object,
-  },
-  components: { InputText, Button },
-  data() {
-    return {
-      formName: "typeRentalCreateUpdate",
-      typeRental: new TypeRent(),
-      urlCreate: "/api/v1/rental/type-rent/create",
-      urlUpdate: "/api/v1/rental/type-rent/update",
-    };
-  },
-  computed: {
-    ...mapGetters("validation", ["isFormValid"]),
-    ...mapGetters("generic", ["event"]),
-  },
-  methods: {
-    ...mapActions("generic", ["postApi", "putApi"]),
-    ...mapMutations("generic", [
-      "removeLoading",
-      "removeEvent",
-      "hideModal",
-      "hideVodal",
-    ]),
-    ...mapMutations("validation", ["resetValidation"]),
-    saveTypeRental() {
-      if (this.typeRental.id) {
-        let params = { url: this.urlUpdate, obj: this.typeRental };
-        this.putApi(params).then((response) => {
-          if (response.success && !this.registerInSelect) this.hideModal();
-          this.removeLoading(["btnSaveTypeRental"]);
-        });
-      } else {
-        let params = { url: this.urlCreate, obj: this.typeRental };
-        this.postApi(params).then((response) => {
-          if (response.success && !this.registerInSelect) this.hideModal();
-          if (response.success && this.registerInSelect) {
-            this.$emit("input", {
-              id: response.content.id,
-              content: response.content.name,
-            });
-           this.hideVodal(this.formName);;
-          }
-          this.removeLoading(["btnSaveTypeRental"]);
-        });
-      }
-    },
-    update(data) {
-      this.typeRental = new TypeRent();
-      this.typeRental.update(data);
-      this.removeLoading([data.id]);
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "typeRentalCreate") {
-          this.resetValidation(this.formName);
-          this.typeRental = new TypeRent();
-        }
-        if (event.name == "typeRentalUpdate") this.update(event.data);
-      },
-      deep: true,
-    },
-  },
-};
-</script>