@nixweb/nixloc-ui 1.16.0 → 1.19.0

package/src/components/modules/planner/card/JobCreateUpdate.vue

@@ -1,120 +0,0 @@
-<template>
-    <div>
-        <b-row>
-            <b-col sm="5">
-                <InputText title="Assunto" field="subject" :maxLength="100" v-model="job.subject" />
-            </b-col>
-            <b-col sm="3">
-                <DateTime title="Data" field="date" format="DD/MM/YYYY" type="date" placeholder
-                    v-model="job.dateStartEnd" />
-            </b-col>
-            <b-col sm="2">
-                <DateTime title="Hora" field="time" format="HH:mm" type="time" placeholder v-model="job.timeStartEnd" />
-            </b-col>
-            <b-col sm="2">
-                <div class="btn-add">
-                    <Button _key="btnAddJob" :type="job.id ? 'success' : 'primary'" :disabled="isValid"
-                        :classIcon="job.id ? 'fa-solid fa-floppy-disk' : 'fa-solid fa-plus'" size="small"
-                        :clicked="save" />
-                </div>
-            </b-col>
-        </b-row>
-        <div>
-            <br>
-            <JobList :cardId="cardId" />
-        </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 JobList from './JobList.vue';
-
-import { mapGetters, mapActions, mapMutations, mapState } from "vuex";
-
-export default {
-    name: "JobCreateUpdate",
-    props: ["cardId"],
-    components: {
-        InputText, DateTime, Button, JobList
-    },
-    data() {
-        return {
-            urlCreate: "/api/v1/planner/card/create-job",
-            urlUpdate: "/api/v1/planner/card/update-job",
-            job: {
-                id: "",
-                subject: "",
-                dateStartEnd: "",
-                timeStartEnd: "",
-                userId: "",
-                genericId: "",
-            }
-        }
-    },
-    computed: {
-        ...mapState("user", ["userLogged"]),
-        ...mapGetters("generic", ["event"]),
-        isValid() {
-            if (this.job.subject && this.job.dateStartEnd) return false;
-            return true;
-        }
-    },
-    methods: {
-        ...mapActions("generic", ["postApi", "putApi"]),
-        ...mapMutations("generic", ["addEvent", "removeLoading"]),
-        save() {
-            this.job.userId = this.userLogged.user.id;
-            this.job.listGuest = [];
-            this.job.genericId = this.cardId;
-
-            if (this.job.id) {
-                let params = { url: this.urlUpdate, obj: this.job };
-                this.putApi(params).then((response) => {
-                    this.addEvent({ name: "updatedJob" });
-                    this.removeLoading(["btnAddJob"]);
-                    this.clean();
-                });
-            } else {
-                let params = { url: this.urlCreate, obj: this.job };
-                this.postApi(params).then((response) => {
-                    this.addEvent({ name: "updatedJob" });
-                    this.removeLoading(["btnAddJob"]);
-                    this.clean();
-                });
-            }
-        },
-        clean() {
-            this.job = {
-                id: "",
-                subject: "",
-                dateStartEnd: "",
-                timeStartEnd: "",
-            }
-        }
-    },
-    watch: {
-        event: {
-            handler(data) {
-                if (data.name == "jobCardEdit") {
-                    this.job.id = data.data.id;
-                    this.job.subject = data.data.subject;
-                    this.job.dateStartEnd = data.data.dateStart;
-                    this.job.timeStartEnd = data.data.timeStart;
-                }
-            },
-            deep: true,
-        },
-    },
-}
-
-</script>
-<style scoped>
-.btn-add {
-    margin-top: 38px;
-}
-</style>

package/src/components/modules/planner/card/JobList.vue

@@ -1,209 +0,0 @@
-<template>
-    <div>
-        <ScrollBar :minHeight="450" :maxHeight="450">
-            <table class="table table-responsive-xs">
-                <thead>
-                    <tr>
-                        <th class="title-header text-center">Org...</th>
-                        <th class="title-header">Assunto</th>
-                        <th class="title-header">Data</th>
-                        <th class="title-header text-center">Status</th>
-                        <th></th>
-                    </tr>
-                </thead>
-                <tbody v-for="item in data" :key="item.id">
-                    <td class="text-center" v-b-tooltip.hover :title="item.registeredUser">
-                        <img :src="'https://espaco.blob.core.windows.net/nixloc-photo-user/' + item.photo"
-                            class="user-photo">
-                    </td>
-                    <td class="td-subject" @click="edit(item)">
-                        <div class="div-nowrap div-subject">
-                            {{ item.subject }}
-                        </div>
-                    </td>
-                    <td>
-                        <div class="div-nowrap div-date">
-                            {{ item.dateStart }} {{ item.timeStart }} - {{ item.dateEnd }} {{ item.timeEnd }}
-                        </div>
-
-                    </td>
-                    <td class="text-center">
-                        <div v-if="item.status == 'Hoje'" class="job-box job-today side-by-side"></div>
-                        <div v-if="item.status == 'Pendente'" class="job-box job-delay  side-by-side"></div>
-                        <div v-if="item.status == 'Concluída'" class="job-box job-done side-by-side"></div>
-                        <div v-if="item.status == 'Prazo'" class="job-box job-scheduled side-by-side"></div>
-                        <div class="side-by-side">
-                            {{ item.status }}
-                        </div>
-                    </td>
-
-                    <td>
-                        <Button :_key="item.id" type="danger" classIcon="fa-solid fa-trash" size="small"
-                            :params="{ id: item.id }" :clicked="remove" />
-                    </td>
-                </tbody>
-                <tbody v-show="data.length == 0">
-                    <tr>
-                        <td colspan="12">
-                            <span>Nenhum registro adicionado!</span>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </ScrollBar>
-    </div>
-</template>
-
-<script>
-
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
-
-import { mapActions, mapGetters, mapMutations } from "vuex";
-
-export default {
-    name: "JobList",
-    props: ["cardId"],
-    components: {
-        Button, ScrollBar
-    },
-    data() {
-        return {
-            urlGet: "/api/v1/planner/card/get-all-job",
-            urlDelete: "/api/v1/planner/card/delete-job",
-            data: []
-        }
-    },
-    mounted() {
-        this.getAll();
-    },
-    computed: {
-        ...mapGetters("generic", ["event"]),
-    },
-    methods: {
-        ...mapMutations("generic", ["addEvent", "removeLoading"]),
-        ...mapActions("generic", ["getApi", "postApi"]),
-        getAll() {
-            let params = {
-                url: this.urlGet, obj: {
-                    genericId: this.cardId,
-                },
-            };
-            this.getApi(params).then((response) => {
-                this.data = response.content.data;
-            });
-        },
-        edit(item) {
-            this.addEvent({ name: "jobCardEdit", data: item });
-        },
-        remove(item) {
-            let params = {
-                url: this.urlDelete,
-                obj: { id: item.id },
-                notNotifyToast: true
-            };
-            this.postApi(params).then((reponse) => {
-                if (reponse.success) {
-                    this.removeLoading([item.id]);
-                    this.getAll();
-                }
-            });
-        },
-    },
-    watch: {
-        event: {
-            handler(event) {
-                if (event.name == "updatedJob") {
-                    this.getAll();
-                }
-            },
-            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;
-}
-
-.td-subject {
-    background-color: #F0F4F9;
-    cursor: pointer;
-}
-
-.user-photo {
-    width: 30px;
-    height: 30px;
-    border-radius: 50px;
-    margin-bottom: 3px;
-    margin-top: 4px;
-}
-
-.div-nowrap {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.div-subject {
-    width: 400px;
-}
-
-.div-date {
-    width: 280px;
-}
-
-.div-btn {
-    margin-top: 15px;
-    margin-bottom: 20px;
-}
-
-.icon-danger {
-    font-size: 20px;
-    color: #f0134d;
-    cursor: pointer;
-}
-
-.icon-danger:hover {
-    color: #c70f40;
-}
-
-.job-box {
-    width: 10px;
-    height: 10px;
-    border-radius: 50px;
-    margin-right: 8px;
-}
-
-.job-delay {
-    background-color: red;
-}
-
-.job-done {
-    background-color: #009183;
-}
-
-.job-today {
-    background-color: #ff8a1b;
-}
-
-.job-scheduled {
-    background-color: #3d4eae;
-}
-</style>

package/src/components/modules/planner/card/RentLinked.vue

@@ -1,70 +0,0 @@
-<template>
-    <div>
-        <b-row>
-            <b-col sm="10">
-                <Select title="Nº Locação" :showNewRegister="false" field="rent" url="/api/v1/rental/rent/select-all"
-                    v-model="selectedRent" />
-            </b-col>
-            <b-col sm="2">
-                <div class="btn-add">
-                    <Button _key="btnAddUser" type="primary" :disabled="!selectedRent.id" classIcon="fa-solid fa-plus"
-                        size="small" :clicked="addRent" />
-                </div>
-            </b-col>
-        </b-row>
-        <div>
-            <br>
-            <RentLinkedList :cardId="cardId" />
-        </div>
-    </div>
-</template>
-
-<script>
-
-
-import InputTag from "@nixweb/nixloc-ui/src/component/forms/InputTag";
-import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-
-import RentLinkedList from './RentLinkedList.vue'
-
-import { mapActions, mapMutations } from "vuex";
-
-export default {
-    name: "RentLinked",
-    props: ["cardId"],
-    components: {
-        InputTag, Select, Button, RentLinkedList
-    },
-    data() {
-        return {
-            selectedRent: {},
-            urlCreate: "/api/v1/planner/card/create-rent-linked",
-        }
-    },
-    methods: {
-        ...mapMutations("generic", ["addEvent", "removeLoading"]),
-        ...mapActions("generic", ["postApi"]),
-        addRent() {
-            let params = {
-                url: this.urlCreate, obj: {
-                    id: this.cardId,
-                    rentId: this.selectedRent.id,
-                },
-                notNotifyToast: true
-            };
-            this.postApi(params).then((response) => {
-                this.selectedRent = {};
-                this.addEvent({ name: "rentLinkedAdded" });
-                this.removeLoading(["btnAddUser"]);
-            });
-        },
-    }
-}
-
-</script>
-<style scoped>
-.btn-add {
-    margin-top: 38px;
-}
-</style>

package/src/components/modules/planner/card/RentLinkedList.vue

@@ -1,216 +0,0 @@
-<template>
-  <div>
-    <ScrollBar :minHeight="450" :maxHeight="450">
-      <table class="table table-responsive-xs">
-        <thead>
-          <tr>
-            <th class="title-header">Número/Data</th>
-            <th class="title-header">Nome</th>
-            <th class="title-header">Consultor</th>
-            <th class="title-header text-center">Status</th>
-            <th v-if="hasRule('Rental') && showValue" class="title-header text-center">
-              Valor
-            </th>
-            <th></th>
-          </tr>
-        </thead>
-        <tbody v-for="item in data" :key="item.id">
-          <td>
-            <div class="div-nowrap div-number">{{ item.numberAndDate }}</div>
-          </td>
-          <td>
-            <div class="div-nowrap div-name" @click="navigateTo(item)">
-              <span class="title-name"> {{ item.fullName }}</span>
-            </div>
-            <div class="div-nowrap div-name">
-              <span class="identification">
-                {{ item.identification }}
-              </span>
-            </div>
-          </td>
-          <td>
-            <div class="div-nowrap div-consultant">{{ item.consultant }}</div>
-          </td>
-          <td class="text-center">
-            <div class="side-by-side div-badge">
-              <span class="badge badge-info" v-if="item.statusRentalName == 'Orçamento'">Orçamento</span>
-              <span class="badge badge-success" v-if="item.statusRentalName == 'Aprovada'">Aprovada</span>
-              <span class="badge badge-danger" v-if="item.statusRentalName == 'Reprovada'">Reprovada</span>
-            </div>
-          </td>
-          <td v-if="hasRule('Rental') && showValue" class="text-center">
-            <div>{{ item.totalGeneral | currency }}</div>
-          </td>
-          <td>
-            <Button :_key="item.id" type="danger" classIcon="fa-solid fa-trash" size="small" :params="{ id: item.id }"
-              :clicked="remove" />
-          </td>
-        </tbody>
-        <tbody v-show="data.length == 0">
-          <tr>
-            <td colspan="12">
-              <span>Nenhum registro adicionado!</span>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </ScrollBar>
-  </div>
-</template>
-
-<script>
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
-
-import { mapActions, mapGetters, mapMutations } from "vuex";
-
-export default {
-  name: "ListRentLinked",
-  props: ["cardId"],
-  components: {
-    Button,
-    ScrollBar,
-  },
-  data() {
-    return {
-      urlGet: "/api/v1/planner/card/get-all-rent-linked",
-      urlDelete: "/api/v1/planner/card/delete-rent-linked",
-      data: [],
-      showValue: false,
-    };
-  },
-  mounted() {
-    this.getAll();
-  },
-  computed: {
-    ...mapGetters("generic", ["event"]),
-    ...mapGetters("user", ["hasRule"]),
-  },
-  methods: {
-    ...mapMutations("generic", ["addEvent", "removeLoading", "hideSideBar"]),
-    ...mapActions("generic", ["getApi", "postApi"]),
-    getAll() {
-      let params = {
-        url: this.urlGet,
-        obj: {
-          any: this.cardId,
-        },
-      };
-      this.getApi(params).then((response) => {
-        this.data = response.content.data;
-      });
-    },
-    remove(item) {
-      let params = {
-        url: this.urlDelete,
-        obj: {
-          id: this.cardId,
-          rentId: item.id,
-        },
-        notNotifyToast: true,
-      };
-      this.postApi(params).then((reponse) => {
-        if (reponse.success) {
-          this.removeLoading([item.id]);
-          this.getAll();
-        }
-      });
-    },
-    navigateTo(item) {
-      this.hideSideBar();
-
-      if (this.hasRule("Rental")) {
-        this.$router.push({
-          name: "rentUpdate",
-          params: { id: item.id, type: 1 },
-        });
-      } else if (this.hasRule("Operational")) {
-        this.$router.push({
-          name: "rentOperationalList",
-        });
-      }
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "rentLinkedAdded") {
-          this.getAll();
-        }
-        if (event.name == "cardSelectedEdit") {
-          this.showValue = event.data.showValue;
-        }
-      },
-      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;
-}
-
-.div-nowrap {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.div-number {
-  max-width: 140px;
-  font-size: 13px;
-}
-
-.div-name {
-  max-width: 250px;
-}
-
-.identification {
-  font-size: 13px;
-}
-
-.div-consultant {
-  max-width: 120px;
-}
-
-.div-btn {
-  margin-top: 15px;
-  margin-bottom: 20px;
-}
-
-.title-name {
-  color: #3f529b;
-  font-size: 14px;
-  font-weight: 400;
-  cursor: pointer;
-}
-
-.title-name:hover {
-  text-decoration: underline;
-}
-
-.icon-danger {
-  font-size: 20px;
-  color: #f0134d;
-  cursor: pointer;
-}
-
-.icon-danger:hover {
-  color: #c70f40;
-}
-</style>