@nixweb/nixloc-ui 0.0.273 → 0.0.274

package/src/components/modules/dashboard/finance/BalanceBank.vue

@@ -1,124 +0,0 @@
-<template>
-  <div>
-    <div class="div-total">
-      <Loading type="line" :center="false" v-show="loading" />
-      <div class="text-center div-balance">
-        <b-row>
-          <b-col sm="6">
-            <div class="text-left">
-              <span class="title-total-rent receivable">
-                <i class="fa-sharp fa-solid fa-building-columns"></i>
-                <span class="title">
-                  Conta Bancária
-                </span>
-              </span>
-            </div>
-          </b-col>
-          <b-col sm="6" class="text-left">
-            <HideShow :iconSize="18">
-              <span class="title-total-rent receivable">
-                {{ datasets | currency }}
-              </span>
-            </HideShow>
-          </b-col>
-        </b-row>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-import HideShow from "@nixweb/nixloc-ui/src/component/layout/HideShow.vue";
-
-import { mapActions, mapGetters } from "vuex";
-
-export default {
-  name: "BalanceBank",
-  components: {
-    Loading,
-    HideShow,
-  },
-  props: {
-    filterSelected: {
-      type: String,
-      default: "year",
-    },
-  },
-  data() {
-    return {
-      urlGet: "/api/v1/finance/bank-account/total-balance-bank-dashboard",
-      filter: { content: "Hoje", id: "today" },
-      loading: true,
-      datasets: 0,
-    };
-  },
-  computed: {
-    ...mapGetters("generic", ["event"]),
-  },
-  mounted() {
-    this.getAll();
-  },
-  methods: {
-    ...mapActions("generic", ["getApi"]),
-    getAll() {
-      this.loading = true;
-      let params = {
-        url: this.urlGet,
-        obj: { filter: this.filter.id },
-      };
-      this.getApi(params).then((response) => {
-        this.datasets = response.content;
-        this.loading = false;
-      });
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "filterDashboard") {
-          this.filter = event.data;
-          this.getAll();
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style scoped>
-.div-balance {
-  height: 78px;
-  padding-top: 20px;
-}
-
-
-.receivable {
-  color: #01058B;
-}
-
-.rejected {
-  color: #f0134d;
-}
-
-.title-total-rent {
-  font-size: 18px;
-}
-
-.div-total {
-  padding: 2px;
-  margin: auto;
-  margin: 0;
-}
-
-.div-title {
-  margin-bottom: 15px;
-  font-weight: 400;
-  font-size: 16px;
-}
-
-.title {
-  font-size: 14px;
-  margin-left: 10px;
-}
-</style>

package/src/components/modules/dashboard/finance/BalanceFinance.vue

@@ -1,180 +0,0 @@
-<template>
-  <div class="div-bar">
-    <HideShow :iconSize="50" classCss="text-center">
-      <Loading type="line" :center="false" v-if="loading" />
-      <LineChartGenerator :chart-options="chartOptions" :chart-data="chartData" :chart-id="chartId"
-        :dataset-id-key="datasetIdKey" :plugins="plugins" :css-classes="cssClasses" :styles="styles" :width="width"
-        :height="height" />
-    </HideShow>
-  </div>
-</template>
-
-<script>
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-import HideShow from "@nixweb/nixloc-ui/src/component/layout/HideShow.vue";
-import { Line as LineChartGenerator } from "vue-chartjs/legacy";
-
-import { mapGetters, mapActions } from "vuex";
-
-import {
-  Chart as ChartJS,
-  Title,
-  Tooltip,
-  Legend,
-  LineElement,
-  LinearScale,
-  CategoryScale,
-  PointElement,
-} from "chart.js";
-
-ChartJS.register(
-  Title,
-  Tooltip,
-  Legend,
-  LineElement,
-  LinearScale,
-  CategoryScale,
-  PointElement
-);
-
-
-export default {
-  name: "BarChart",
-  components: {
-    LineChartGenerator,
-    Loading,
-    HideShow,
-  },
-  props: {
-    filterSelected: {
-      type: String,
-      default: "year",
-    },
-    chartId: {
-      type: String,
-      default: "bar-chart",
-    },
-    datasetIdKey: {
-      type: String,
-      default: "label",
-    },
-    width: {
-      type: Number,
-      default: 800,
-    },
-    height: {
-      type: Number,
-      default: 350,
-    },
-    cssClasses: {
-      default: "",
-      type: String,
-    },
-    styles: {
-      type: Object,
-      default: () => { },
-    },
-    plugins: {
-      type: Array,
-      default: () => [],
-    },
-  },
-  data() {
-    return {
-      urlGet: "/api/v1/finance/payable-receivable/balance-finance-dashboard",
-      filter: { content: "Hoje", id: "today" },
-      chartData: {
-        labels: [],
-        datasets: [],
-      },
-      chartOptions: {
-        responsive: true,
-        maintainAspectRatio: false,
-        scales: {
-          y: {
-            ticks: {
-              callback: (value, index, values) => {
-                return `R$ ${this.formatMoney(value)}`;
-              },
-              font: {
-                size: 14,
-              },
-              color: "#787878",
-            },
-          },
-          x: {
-            ticks: {
-              font: {
-                size: 14,
-              },
-              color: "#787878",
-            },
-          },
-        },
-        plugins: {
-          tooltip: {
-            enabled: true,
-            callbacks: {
-              label: (tooltipItems) => {
-                return `R$ ${this.formatMoney(tooltipItems.raw)}`;
-              },
-            },
-          },
-          legend: {
-            labels: {
-              font: {
-                size: 15,
-              },
-            },
-          },
-        },
-      },
-      loading: true,
-    };
-  },
-  mounted() {
-    this.getAll();
-  },
-  computed: {
-    ...mapGetters("util", ["formatMoney"]),
-    ...mapGetters("generic", ["event"]),
-  },
-  methods: {
-    ...mapActions("generic", ["getApi"]),
-    getAll() {
-      this.loading = true;
-      let params = {
-        url: this.urlGet,
-        obj: { filter: this.filter.id },
-      };
-      this.getApi(params).then((response) => {
-        this.chartData.labels = response.content.labels;
-        this.chartData.datasets = response.content.datasets;
-        this.loading = false;
-      });
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "filterDashboard") {
-          this.filter = event.data;
-          this.getAll();
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style scoped>
-.div-bar {
-  padding: 8px;
-  height: 425px;
-  padding-top: 30px;
-}
-
-.div-title {
-  font-size: 15px;
-}
-</style>

package/src/components/modules/dashboard/finance/BillsToPay.vue

@@ -1,137 +0,0 @@
-<template>
-  <div>
-    <div class="div-total">
-      <Loading type="line" :center="false" v-show="loading" />
-      <div class="text-center">
-        <b-row>
-          <b-col sm="6">
-            <div class="text-left">
-              <span class="title-total-rent rejected">
-                <i class="fa-sharp fa-solid fa-file-invoice"></i>
-                <span class="title">
-                  {{ title }}
-                </span>
-              </span>
-            </div>
-          </b-col>
-          <b-col sm="6" class="text-left">
-            <HideShow :iconSize="18">
-              <span class="title-total-rent rejected">
-                {{ datasets[0] | currency }}
-              </span>
-            </HideShow>
-          </b-col>
-        </b-row>
-        <b-row>
-          <b-col sm="6">
-            <div class="text-left">
-              <span class="title-total-rent rejected">
-                <i class="fa-solid fa-do-not-enter"></i>
-                <span class="title">Pendente</span>
-              </span>
-            </div>
-          </b-col>
-          <b-col sm="6" class="text-left">
-            <HideShow :iconSize="18">
-              <span class="title-total-rent rejected">
-                {{ datasets[1] | currency }}
-              </span>
-            </HideShow>
-          </b-col>
-        </b-row>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-import HideShow from "@nixweb/nixloc-ui/src/component/layout/HideShow.vue";
-
-import { mapActions, mapGetters } from "vuex";
-
-export default {
-  name: "BillsToPay",
-  components: {
-    Loading,
-    HideShow,
-  },
-  props: {
-    filterSelected: {
-      type: String,
-      default: "year",
-    },
-  },
-  data() {
-    return {
-      urlGet: "/api/v1/finance/payable-receivable/total-payable-receivable-dashboard",
-      filter: { content: "Hoje", id: "today" },
-      loading: true,
-      datasets: [],
-    };
-  },
-  computed: {
-    ...mapGetters("generic", ["event"]),
-    title() {
-      if (this.filter.id == 'today') return "Hoje";
-      if (this.filter.id == 'week') return "Semana";
-      if (this.filter.id == 'month') return "Mês";
-      if (this.filter.id == 'year') return "Ano";
-    }
-  },
-  mounted() {
-    this.getAll();
-  },
-  methods: {
-    ...mapActions("generic", ["getApi"]),
-    getAll() {
-      this.loading = true;
-      let params = {
-        url: this.urlGet,
-        obj: { filter: this.filter.id },
-      };
-      this.getApi(params).then((response) => {
-        this.datasets = response.content;
-        this.loading = false;
-      });
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "filterDashboard") {
-          this.filter = event.data;
-          this.getAll();
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style scoped>
-.rejected {
-  color: #f0134d;
-}
-
-.title-total-rent {
-  font-size: 18px;
-}
-
-.div-total {
-  padding: 2px;
-  margin: auto;
-  margin: 0;
-}
-
-.div-title {
-  margin-bottom: 15px;
-  font-weight: 400;
-  font-size: 16px;
-}
-
-.title {
-  font-size: 14px;
-  margin-left: 10px;
-}
-</style>

package/src/components/modules/dashboard/finance/BillsToReceive.vue

@@ -1,141 +0,0 @@
-<template>
-  <div>
-    <div class="div-total">
-      <Loading type="line" :center="false" v-show="loading" />
-      <div class="text-center">
-        <b-row>
-          <b-col sm="6">
-            <div class="text-left">
-              <span class="title-total-rent receivable">
-                <i class="fa-sharp fa-solid fa-file-invoice"></i>
-                <span class="title">
-                  {{ title }}
-                </span>
-              </span>
-            </div>
-          </b-col>
-          <b-col sm="6" class="text-left">
-            <HideShow :iconSize="18">
-              <span class="title-total-rent receivable">
-                {{ datasets[2] | currency }}
-              </span>
-            </HideShow>
-          </b-col>
-        </b-row>
-        <b-row>
-          <b-col sm="6">
-            <div class="text-left">
-              <span class="title-total-rent receivable">
-                <i class="fa-solid fa-do-not-enter"></i>
-                <span class="title">Pendente</span>
-              </span>
-            </div>
-          </b-col>
-          <b-col sm="6" class="text-left">
-            <HideShow :iconSize="18">
-              <span class="title-total-rent receivable">
-                {{ datasets[3] | currency }}
-              </span>
-            </HideShow>
-          </b-col>
-        </b-row>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-import HideShow from "@nixweb/nixloc-ui/src/component/layout/HideShow.vue";
-
-import { mapActions, mapGetters } from "vuex";
-
-export default {
-  name: "BillsToPay",
-  components: {
-    Loading,
-    HideShow,
-  },
-  props: {
-    filterSelected: {
-      type: String,
-      default: "year",
-    },
-  },
-  data() {
-    return {
-      urlGet: "/api/v1/finance/payable-receivable/total-payable-receivable-dashboard",
-      filter: { content: "Hoje", id: "today" },
-      loading: true,
-      datasets: [],
-    };
-  },
-  computed: {
-    ...mapGetters("generic", ["event"]),
-    title() {
-      if (this.filter.id == 'today') return "Hoje";
-      if (this.filter.id == 'week') return "Semana";
-      if (this.filter.id == 'month') return "Mês";
-      if (this.filter.id == 'year') return "Ano";
-    }
-  },
-  mounted() {
-    this.getAll();
-  },
-  methods: {
-    ...mapActions("generic", ["getApi"]),
-    getAll() {
-      this.loading = true;
-      let params = {
-        url: this.urlGet,
-        obj: { filter: this.filter.id },
-      };
-      this.getApi(params).then((response) => {
-        this.datasets = response.content;
-        this.loading = false;
-      });
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "filterDashboard") {
-          this.filter = event.data;
-          this.getAll();
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style scoped>
-.receivable {
-  color: #01058B;
-}
-
-.rejected {
-  color: #f0134d;
-}
-
-.title-total-rent {
-  font-size: 18px;
-}
-
-.div-total {
-  padding: 2px;
-  margin: auto;
-  margin: 0;
-}
-
-.div-title {
-  margin-bottom: 15px;
-  font-weight: 400;
-  font-size: 16px;
-}
-
-.title {
-  font-size: 14px;
-  margin-left: 10px;
-}
-</style>