@nixweb/nixloc-ui 0.0.128 → 0.0.129

package/src/component/shared/TableButton.vue

@@ -1,36 +1,36 @@
-<template>
-  <div>
-    <Button
-      v-if="obj.qualBotao == 'button'"
-      :key="row.id"
-      :title="obj.button.title"
-      :type="obj.button.type"
-      :size="obj.button.size"
-      :classIcon="obj.button.classIcon"
-      :eventName="obj.button.eventName"
-      :eventData="row"
-    />
-    <Dropdown
-      v-if="obj.qualBotao == 'botaodropdown'"
-      :title="obj.button.title"
-      :type="obj.button.type"
-      :size="obj.button.size"
-      :classIcon="obj.button.classIcon"
-      :eventData="row"
-      :items="obj.button.items"
-    />
-  </div>
-</template>
-
-<script>
-import Dropdown from "../forms/Dropdown";
-import Button from "../forms/Button";
-export default {
-  name: "TableButton",
-  components: { Button, Dropdown },
-  props: {
-    obj: Object,
-    row: Object,
-  },
-};
-</script>
+<template>
+  <div>
+    <Button
+      v-if="obj.qualBotao == 'button'"
+      :key="row.id"
+      :title="obj.button.title"
+      :type="obj.button.type"
+      :size="obj.button.size"
+      :classIcon="obj.button.classIcon"
+      :eventName="obj.button.eventName"
+      :eventData="row"
+    />
+    <Dropdown
+      v-if="obj.qualBotao == 'botaodropdown'"
+      :title="obj.button.title"
+      :type="obj.button.type"
+      :size="obj.button.size"
+      :classIcon="obj.button.classIcon"
+      :eventData="row"
+      :items="obj.button.items"
+    />
+  </div>
+</template>
+
+<script>
+import Dropdown from "../forms/Dropdown";
+import Button from "../forms/Button";
+export default {
+  name: "TableButton",
+  components: { Button, Dropdown },
+  props: {
+    obj: Object,
+    row: Object,
+  },
+};
+</script>

package/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 }}</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: 15px;
-}
-
-.receita {
-  color: darkblue;
-}
-
-.despesa {
-  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 }}</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: 15px;
+}
+
+.receita {
+  color: darkblue;
+}
+
+.despesa {
+  color: red;
+}
+</style>

package/src/component/shared/TimeLine.vue

@@ -0,0 +1,47 @@
+<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/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>

package/src/component/shared/Toast.vue

@@ -1,54 +1,54 @@
-<template></template>
-
-<script>
-import { mapState } from "vuex";
-
-export default {
-  name: "Notificacao",
-  computed: {
-    ...mapState("generic", ["toast"]),
-  },
-  watch: {
-    toast: {
-      handler(value) {
-        this.notifica(value);
-      },
-      deep: true,
-    },
-  },
-  methods: {
-    notifica(value) {
-      if (value.type == "postApi" || value.type == "putApi")
-        this.$toasted.show("Salvo com sucesso", {
-          type: "success",
-        });
-      if (value.type == "postApiError" || value.type == "putApiErro") {
-        this.$toasted.show("Ops! Algo deu errado", {
-          type: "error",
-        });
-        this.voltarParaTopo();
-      }
-
-      if (value.type == "removerTodosApiSucesso")
-        this.$toasted.show("Removido com sucesso", {
-          type: "success",
-        });
-      if (value.type == "removerTodosApiErro") {
-        this.$toasted.show("Ops! Algo deu errado", {
-          type: "error",
-        });
-        this.voltarParaTopo();
-      }
-      if (value.type == "falhaGenerica") {
-        this.$toasted.show("Ops! Algo deu errado", {
-          type: "error",
-        });
-        this.voltarParaTopo();
-      }
-    },
-    voltarParaTopo() {
-      window.scrollTo(0, 0);
-    },
-  },
-};
-</script>
+<template></template>
+
+<script>
+import { mapState } from "vuex";
+
+export default {
+  name: "Notificacao",
+  computed: {
+    ...mapState("generic", ["toast"]),
+  },
+  watch: {
+    toast: {
+      handler(value) {
+        this.notifica(value);
+      },
+      deep: true,
+    },
+  },
+  methods: {
+    notifica(value) {
+      if (value.type == "postApi" || value.type == "putApi")
+        this.$toasted.show("Salvo com sucesso", {
+          type: "success",
+        });
+      if (value.type == "postApiError" || value.type == "putApiErro") {
+        this.$toasted.show("Ops! Algo deu errado", {
+          type: "error",
+        });
+        this.voltarParaTopo();
+      }
+
+      if (value.type == "removerTodosApiSucesso")
+        this.$toasted.show("Removido com sucesso", {
+          type: "success",
+        });
+      if (value.type == "removerTodosApiErro") {
+        this.$toasted.show("Ops! Algo deu errado", {
+          type: "error",
+        });
+        this.voltarParaTopo();
+      }
+      if (value.type == "falhaGenerica") {
+        this.$toasted.show("Ops! Algo deu errado", {
+          type: "error",
+        });
+        this.voltarParaTopo();
+      }
+    },
+    voltarParaTopo() {
+      window.scrollTo(0, 0);
+    },
+  },
+};
+</script>

package/src/component/shared/VerticalFilter.vue

@@ -1,97 +1,97 @@
-<template>
-  <div>
-    <div
-      class="molded-button"
-      :class="{ fechado: !showFilter, aberto: showFilter }"
-      v-show="!showFilter"
-    >
-      <i class="fas fa-arrow-circle-left"></i>
-    </div>
-
-    <transition name="slide-fade">
-      <div
-        class="molded-button button-recolher"
-        v-show="showFilter"
-        @click="showFilter = false"
-      >
-        <i class="fas fa-arrow-circle-right"></i>
-      </div>
-    </transition>
-
-    <transition name="slide-fade"> </transition>
-  </div>
-</template>
-
-<script>
-import { mapMutations } from "vuex";
-
-export default {
-  components: {},
-  data() {
-    return {
-      showFilter: false,
-    };
-  },
-};
-</script>
-
-<style scoped>
-.molded {
-  background: white;
-  border-left: solid 1px #dbdee0;
-  font-size: 13px;
-  height: 100%;
-  width: 350px;
-  right: 0px;
-  padding: 10px;
-  position: fixed;
-  -webkit-box-shadow: 20px 20px 20px 20px rgba(124, 125, 129, 0.53);
-  box-shadow: 20px 20px 20px 20px rgba(124, 125, 129, 0.53);
-  z-index: 999;
-}
-
-.molded-button {
-  font-size: 18px;
-  background: #ffffff;
-  border: solid 1px #dbdfe9;
-  border-radius: 5px;
-  color: #577696;
-  height: 40px;
-  width: 80px;
-  line-height: 32px;
-  padding-top: 3px;
-  padding-right: 35px;
-  text-align: center;
-  position: fixed;
-  top: 160px;
-  cursor: pointer;
-  z-index: 999;
-}
-
-.button-recolher {
-  padding-left: 12px;
-  padding-right: 418px;
-  right: -38px;
-}
-
-.aberto {
-  right: 365px;
-}
-
-.fechado {
-  right: -38px;
-  color: #577696;
-}
-
-.slide-fade-enter-active {
-  transition: all 0.2s ease;
-}
-.slide-fade-leave-active {
-  transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1);
-}
-.slide-fade-enter,
-.slide-fade-leave-to {
-  transform: translateX(200px);
-  opacity: 0;
-}
-</style>
+<template>
+  <div>
+    <div
+      class="molded-button"
+      :class="{ fechado: !showFilter, aberto: showFilter }"
+      v-show="!showFilter"
+    >
+      <i class="fas fa-arrow-circle-left"></i>
+    </div>
+
+    <transition name="slide-fade">
+      <div
+        class="molded-button button-recolher"
+        v-show="showFilter"
+        @click="showFilter = false"
+      >
+        <i class="fas fa-arrow-circle-right"></i>
+      </div>
+    </transition>
+
+    <transition name="slide-fade"> </transition>
+  </div>
+</template>
+
+<script>
+import { mapMutations } from "vuex";
+
+export default {
+  components: {},
+  data() {
+    return {
+      showFilter: false,
+    };
+  },
+};
+</script>
+
+<style scoped>
+.molded {
+  background: white;
+  border-left: solid 1px #dbdee0;
+  font-size: 13px;
+  height: 100%;
+  width: 350px;
+  right: 0px;
+  padding: 10px;
+  position: fixed;
+  -webkit-box-shadow: 20px 20px 20px 20px rgba(124, 125, 129, 0.53);
+  box-shadow: 20px 20px 20px 20px rgba(124, 125, 129, 0.53);
+  z-index: 999;
+}
+
+.molded-button {
+  font-size: 18px;
+  background: #ffffff;
+  border: solid 1px #dbdfe9;
+  border-radius: 5px;
+  color: #577696;
+  height: 40px;
+  width: 80px;
+  line-height: 32px;
+  padding-top: 3px;
+  padding-right: 35px;
+  text-align: center;
+  position: fixed;
+  top: 160px;
+  cursor: pointer;
+  z-index: 999;
+}
+
+.button-recolher {
+  padding-left: 12px;
+  padding-right: 418px;
+  right: -38px;
+}
+
+.aberto {
+  right: 365px;
+}
+
+.fechado {
+  right: -38px;
+  color: #577696;
+}
+
+.slide-fade-enter-active {
+  transition: all 0.2s ease;
+}
+.slide-fade-leave-active {
+  transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1);
+}
+.slide-fade-enter,
+.slide-fade-leave-to {
+  transform: translateX(200px);
+  opacity: 0;
+}
+</style>