@nixweb/nixloc-ui 1.17.0 → 1.19.0

package/@nixweb/nixloc-ui/src/component/shared/TableTotalPerPage.vue

@@ -1,78 +1,78 @@
-<template>
-    <div class="filter-horizontal">
-        <div class="side-by-side div-title">
-            <span class="title-page"> Mostrar</span>
-        </div>
-        <div class="side-by-side div-select">
-            <SelectStatic fieldTarget="totalPerPage" :initialValue="initialValue" :data="[
-                { content: '10', id: 10 },
-                { content: '20', id: 20 },
-                { content: '50', id: 50 },
-                { content: '100', id: 100 },
-            ]" v-model="totalPerPage" />
-        </div>
-
-    </div>
-</template>
-
-<script>
-import SelectStatic from "../forms/SelectStatic.vue";
-
-import { mapMutations, mapState } from "vuex";
-
-export default {
-    name: "TableTotalPerPage",
-    components: { SelectStatic },
-    props: {
-        showTotalPerPage: {
-            type: Boolean,
-            default: true,
-        },
-    },
-    data() {
-        return {
-            initialValue: {}
-        }
-    },
-    created() {
-        this.initialValue = { content: this.paginations.totalPerPage, id: this.paginations.totalPerPage }
-    },
-    computed: {
-        ...mapState("generic", ["paginations"]),
-        totalPerPage: {
-            get() {
-                return this.$store.state.generic.paginations.totalPerPage;
-            },
-            set(value) {
-                this.updateTotalPerPage(value);
-            },
-        },
-    },
-    methods: {
-        ...mapMutations("generic", [
-            "updateTotalPerPage",
-        ]),
-    }
-};
-</script>
-
-<style scoped>
-.filter-horizontal {
-    display: flex;
-    justify-content: flex-end;
-    margin-bottom: -30px;
-}
-
-.div-title {
-    margin-right: 20px;
-    margin-top: 35px;
-}
-
-.div-select {
-    width: 100px;
-}
-
-.title-page {
-    font-size: 13px;
-}
+<template>
+    <div class="filter-horizontal">
+        <div class="side-by-side div-title">
+            <span class="title-page"> Mostrar</span>
+        </div>
+        <div class="side-by-side div-select">
+            <SelectStatic fieldTarget="totalPerPage" :initialValue="initialValue" :data="[
+                { content: '10', id: 10 },
+                { content: '20', id: 20 },
+                { content: '50', id: 50 },
+                { content: '100', id: 100 },
+            ]" v-model="totalPerPage" />
+        </div>
+
+    </div>
+</template>
+
+<script>
+import SelectStatic from "../forms/SelectStatic.vue";
+
+import { mapMutations, mapState } from "vuex";
+
+export default {
+    name: "TableTotalPerPage",
+    components: { SelectStatic },
+    props: {
+        showTotalPerPage: {
+            type: Boolean,
+            default: true,
+        },
+    },
+    data() {
+        return {
+            initialValue: {}
+        }
+    },
+    created() {
+        this.initialValue = { content: this.paginations.totalPerPage, id: this.paginations.totalPerPage }
+    },
+    computed: {
+        ...mapState("generic", ["paginations"]),
+        totalPerPage: {
+            get() {
+                return this.$store.state.generic.paginations.totalPerPage;
+            },
+            set(value) {
+                this.updateTotalPerPage(value);
+            },
+        },
+    },
+    methods: {
+        ...mapMutations("generic", [
+            "updateTotalPerPage",
+        ]),
+    }
+};
+</script>
+
+<style scoped>
+.filter-horizontal {
+    display: flex;
+    justify-content: flex-end;
+    margin-bottom: -30px;
+}
+
+.div-title {
+    margin-right: 20px;
+    margin-top: 35px;
+}
+
+.div-select {
+    width: 100px;
+}
+
+.title-page {
+    font-size: 13px;
+}
 </style>

package/@nixweb/nixloc-ui/src/component/shared/TableTotalRecords.vue

@@ -1,44 +1,44 @@
-<template>
-  <div class="row c-div-total">
-    <div class="col-sm-12 text-right">
-      <span class="c-title">
-        Total de
-        <div class="badge">
-          <span class="total-records">{{ totalRecords }}</span>
-        </div>
-        <span class="records">registro(s)</span>
-      </span>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "TableTotalRecords",
-  props: {
-    totalRecords: {
-      type: Number,
-      default: 0,
-    },
-  },
-};
-</script>
-
-<style scoped>
-.c-div-total {
-  padding-bottom: 10px;
-}
-
-.c-title {
-  font-size: 14px;
-}
-
-.total-records {
-  font-size: 16px;
-  font-weight: 600;
-}
-
-.records {
-  margin-left: 5px;
-}
-</style>
+<template>
+  <div class="row c-div-total">
+    <div class="col-sm-12 text-right">
+      <span class="c-title">
+        Total de
+        <div class="badge">
+          <span class="total-records">{{ totalRecords }}</span>
+        </div>
+        <span class="records">registro(s)</span>
+      </span>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "TableTotalRecords",
+  props: {
+    totalRecords: {
+      type: Number,
+      default: 0,
+    },
+  },
+};
+</script>
+
+<style scoped>
+.c-div-total {
+  padding-bottom: 10px;
+}
+
+.c-title {
+  font-size: 14px;
+}
+
+.total-records {
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.records {
+  margin-left: 5px;
+}
+</style>

package/@nixweb/nixloc-ui/src/component/shared/TableTotalization.vue

@@ -1,47 +1,47 @@
-<template>
-  <div>
-    <div
-      class="badge-side-by-side text-center"
-      v-for="item in totalization"
-      :key="item.title"
-    >
-      <div class="badge-totalization" :class="item.classCss">
-        <span>{{ item.title }} </span>
-        <span>{{ item.value | currency }}</span>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "TableTotalization",
-  props: {
-    totalization: Array,
-  },
-};
-</script>
-
-<style scoped>
-.badge-side-by-side {
-  display: inline-block;
-  margin-right: 3px;
-  margin-bottom: 10px;
-}
-
-.badge-totalization {
-  border: 1px solid #dbdee0;
-  padding-left: 5px;
-  padding-right: 5px;
-  border-radius: 30px;
-  font-size: 14px;
-}
-
-.revenue {
-  color: darkblue;
-}
-
-.expense {
-  color: red;
-}
-</style>
+<template>
+  <div>
+    <div
+      class="badge-side-by-side text-center"
+      v-for="item in totalization"
+      :key="item.title"
+    >
+      <div class="badge-totalization" :class="item.classCss">
+        <span>{{ item.title }} </span>
+        <span>{{ item.value | currency }}</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "TableTotalization",
+  props: {
+    totalization: Array,
+  },
+};
+</script>
+
+<style scoped>
+.badge-side-by-side {
+  display: inline-block;
+  margin-right: 3px;
+  margin-bottom: 10px;
+}
+
+.badge-totalization {
+  border: 1px solid #dbdee0;
+  padding-left: 5px;
+  padding-right: 5px;
+  border-radius: 30px;
+  font-size: 14px;
+}
+
+.revenue {
+  color: darkblue;
+}
+
+.expense {
+  color: red;
+}
+</style>

package/@nixweb/nixloc-ui/src/component/shared/TimeLine.vue

@@ -1,42 +1,42 @@
-<template>
-  <div>
-    <Loading :center="false" v-if="loading" />
-    <div v-else>
-      <ScrollBar :minHeight="200" :maxHeight="300">
-        <Timeline dateLocale="pt-BR" order="desc" :uniqueTimeline="true" :timeline-items="timelineItems"
-          message-when-no-items="Nenhum registro encontrado!" />
-      </ScrollBar>
-    </div>
-  </div>
-</template>
-<script>
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
-import Timeline from "timeline-vuejs";
-
-import { mapGetters, mapActions } from "vuex";
-
-export default {
-  name: "TimeLine",
-  props: {
-    loading: Boolean,
-    timelineItems: Array,
-  },
-  components: {
-    Loading,
-    Timeline,
-    ScrollBar,
-  },
-};
-</script>
-<style>
-.timeline {
-  max-width: 1000px !important;
-}
-
-.timeline-item .date-item {
-  font-size: 14px !important;
-  letter-spacing: 1px !important;
-  font-weight: normal !important;
-}
+<template>
+  <div>
+    <Loading :center="false" v-if="loading" />
+    <div v-else>
+      <ScrollBar :minHeight="200" :maxHeight="300">
+        <Timeline dateLocale="pt-BR" order="desc" :uniqueTimeline="true" :timeline-items="timelineItems"
+          message-when-no-items="Nenhum registro encontrado!" />
+      </ScrollBar>
+    </div>
+  </div>
+</template>
+<script>
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+import Timeline from "timeline-vuejs";
+
+import { mapGetters, mapActions } from "vuex";
+
+export default {
+  name: "TimeLine",
+  props: {
+    loading: Boolean,
+    timelineItems: Array,
+  },
+  components: {
+    Loading,
+    Timeline,
+    ScrollBar,
+  },
+};
+</script>
+<style>
+.timeline {
+  max-width: 1000px !important;
+}
+
+.timeline-item .date-item {
+  font-size: 14px !important;
+  letter-spacing: 1px !important;
+  font-weight: normal !important;
+}
 </style>

package/@nixweb/nixloc-ui/src/component/shared/Timer.vue

@@ -1,78 +1,78 @@
-<template>
-  <div>
-    <span v-if="play" class="pause" @click="play = false">
-      <i class="fa-solid fa-pause"></i>
-    </span>
-    <span v-else class="play" @click="play = true">
-      <i class="fa-solid fa-play"></i>
-    </span>
-    <span class="title"> {{ title }}</span>
-    <span class="title timer">
-      {{ time }}
-    </span>
-    <span class="title"> segundos...</span>
-  </div>
-</template>
-<script>
-export default {
-  name: "Timer",
-  props: {
-    initialTimer: {
-      type: Number,
-      default: 10,
-    },
-    title: {
-      type: String,
-      default: "Atualizado em",
-    },
-    endTime: Function,
-  },
-  data() {
-    return {
-      time: 10,
-      play: true,
-    };
-  },
-  created() {
-    this.time = this.initialTimer;
-    this.start();
-  },
-  methods: {
-    start() {
-      this.$options.interval = setInterval(this.decrement, 1000);
-    },
-    stop() {
-      clearInterval(this.$options.interval);
-    },
-    decrement() {
-      if (this.play) this.time--;
-    },
-  },
-  watch: {
-    time() {
-      if (this.time == 0) {
-        this.time = this.initialTimer;
-        clearInterval(this.$options.interval);
-        if (this.endTime) this.endTime();
-        this.start();
-      }
-    },
-  },
-};
-</script>
-<style scoped>
-.timer {
-  font-size: 15px;
-  font-weight: bold;
-}
-
-.play {
-  color: darkblue;
-  cursor: pointer;
-}
-
-.pause {
-  color: red;
-  cursor: pointer;
-}
+<template>
+  <div>
+    <span v-if="play" class="pause" @click="play = false">
+      <i class="fa-solid fa-pause"></i>
+    </span>
+    <span v-else class="play" @click="play = true">
+      <i class="fa-solid fa-play"></i>
+    </span>
+    <span class="title"> {{ title }}</span>
+    <span class="title timer">
+      {{ time }}
+    </span>
+    <span class="title"> segundos...</span>
+  </div>
+</template>
+<script>
+export default {
+  name: "Timer",
+  props: {
+    initialTimer: {
+      type: Number,
+      default: 10,
+    },
+    title: {
+      type: String,
+      default: "Atualizado em",
+    },
+    endTime: Function,
+  },
+  data() {
+    return {
+      time: 10,
+      play: true,
+    };
+  },
+  created() {
+    this.time = this.initialTimer;
+    this.start();
+  },
+  methods: {
+    start() {
+      this.$options.interval = setInterval(this.decrement, 1000);
+    },
+    stop() {
+      clearInterval(this.$options.interval);
+    },
+    decrement() {
+      if (this.play) this.time--;
+    },
+  },
+  watch: {
+    time() {
+      if (this.time == 0) {
+        this.time = this.initialTimer;
+        clearInterval(this.$options.interval);
+        if (this.endTime) this.endTime();
+        this.start();
+      }
+    },
+  },
+};
+</script>
+<style scoped>
+.timer {
+  font-size: 15px;
+  font-weight: bold;
+}
+
+.play {
+  color: darkblue;
+  cursor: pointer;
+}
+
+.pause {
+  color: red;
+  cursor: pointer;
+}
 </style>

package/@nixweb/nixloc-ui/src/component/shared/Tip.vue

@@ -1,42 +1,42 @@
-<template>
-  <span class="tip" v-if="title">
-    <i
-      class="fal fa-exclamation-circle"
-      :title="title"
-      v-b-popover.hover.top="description"
-    ></i>
-  </span>
-</template>
-<script>
-import { mapGetters } from "vuex";
-
-export default {
-  name: "Tip",
-  props: {
-    field: String,
-    formName: String,
-  },
-  data() {
-    return {
-      title: "",
-      description: "",
-    };
-  },
-  mounted() {
-    let tip = this.tip({ field: this.field, formName: this.formName });
-    if (tip) {
-      this.title = tip.title;
-      this.description = tip.description;
-    }
-  },
-  computed: {
-    ...mapGetters("generic", ["tip"]),
-  },
-};
-</script>
-
-<style scoped>
-.tip {
-  cursor: pointer;
-}
-</style>
+<template>
+  <span class="tip" v-if="title">
+    <i
+      class="fal fa-exclamation-circle"
+      :title="title"
+      v-b-popover.hover.top="description"
+    ></i>
+  </span>
+</template>
+<script>
+import { mapGetters } from "vuex";
+
+export default {
+  name: "Tip",
+  props: {
+    field: String,
+    formName: String,
+  },
+  data() {
+    return {
+      title: "",
+      description: "",
+    };
+  },
+  mounted() {
+    let tip = this.tip({ field: this.field, formName: this.formName });
+    if (tip) {
+      this.title = tip.title;
+      this.description = tip.description;
+    }
+  },
+  computed: {
+    ...mapGetters("generic", ["tip"]),
+  },
+};
+</script>
+
+<style scoped>
+.tip {
+  cursor: pointer;
+}
+</style>