@nixweb/nixloc-ui 1.17.0 → 1.19.0

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

@@ -1,109 +1,109 @@
-<template>
-  <div>
-    <div :class="{ 'div-message': !modal.open }" v-if="storageNotification.length > 0">
-      <Alert type="danger">
-        <div class="side-by-side" v-for="(notification, index) in storageNotification" :key="index">
-          <div class="side-by-side text">
-            {{ notification.message }}
-          </div>
-        </div>
-        <div class="progress-bar-container">
-          <div class="progress-bar" :style="{ width: progressWidth + '%' }"></div>
-        </div>
-      </Alert>
-    </div>
-  </div>
-</template>
-
-<script>
-import Alert from "../layout/Alert.vue";
-import { mapState, mapMutations } from "vuex";
-
-export default {
-  components: { Alert },
-  name: "Messages",
-  data() {
-    return {
-      maxSeconds: 10,
-      countdown: 10,
-      storageNotification: [],
-      progressWidth: 100,
-    };
-  },
-  computed: {
-    ...mapState("generic", ["notifications", "modal"]),
-  },
-  watch: {
-    notifications() {
-      if (this.notifications.length > 0) {
-        this.storageNotification = this.notifications;
-        this.countdown = this.maxSeconds;
-        this.progressWidth = 100;
-        this.startCountdown();
-      }
-    },
-    countdown(newCountdown) {
-      if (newCountdown === 0) {
-        this.storageNotification = [];
-        this.removeNotificarions();
-      }
-    },
-  },
-  methods: {
-    ...mapMutations("generic", ["removeNotificarions"]),
-
-    startCountdown() {
-      this.countdownInterval = setInterval(() => {
-        if (this.countdown > 0) {
-          this.countdown--;
-          this.updateProgressBar();
-        } else {
-          clearInterval(this.countdownInterval);
-        }
-      }, 1000);
-    },
-
-    updateProgressBar() {
-      // Atualiza a largura da barra de progresso
-      this.progressWidth = (this.countdown / this.maxSeconds) * 100;
-    },
-  },
-};
-</script>
-
-<style scoped>
-.div-message {
-  margin-top: 50px;
-  transition: all 0.5s ease !important;
-  z-index: 2000;
-}
-
-.side-by-side {
-  display: flex;
-  justify-content: space-between;
-}
-
-.text {
-  margin-right: 10px;
-}
-
-.progress-bar-container {
-  width: 100%;
-  height: 3px;
-  background-color: #e0e0e0;
-  border-radius: 5px;
-  margin-top: 10px;
-}
-
-.progress-bar {
-  height: 100%;
-  background-color: #FF0201;
-  border-radius: 50px;
-  transition: width 1s ease-out;
-}
-
-.div-countdown {
-  margin-top: 10px;
-  font-size: 16px;
-}
-</style>
+<template>
+  <div>
+    <div :class="{ 'div-message': !modal.open }" v-if="storageNotification.length > 0">
+      <Alert type="danger">
+        <div class="side-by-side" v-for="(notification, index) in storageNotification" :key="index">
+          <div class="side-by-side text">
+            {{ notification.message }}
+          </div>
+        </div>
+        <div class="progress-bar-container">
+          <div class="progress-bar" :style="{ width: progressWidth + '%' }"></div>
+        </div>
+      </Alert>
+    </div>
+  </div>
+</template>
+
+<script>
+import Alert from "../layout/Alert.vue";
+import { mapState, mapMutations } from "vuex";
+
+export default {
+  components: { Alert },
+  name: "Messages",
+  data() {
+    return {
+      maxSeconds: 10,
+      countdown: 10,
+      storageNotification: [],
+      progressWidth: 100,
+    };
+  },
+  computed: {
+    ...mapState("generic", ["notifications", "modal"]),
+  },
+  watch: {
+    notifications() {
+      if (this.notifications.length > 0) {
+        this.storageNotification = this.notifications;
+        this.countdown = this.maxSeconds;
+        this.progressWidth = 100;
+        this.startCountdown();
+      }
+    },
+    countdown(newCountdown) {
+      if (newCountdown === 0) {
+        this.storageNotification = [];
+        this.removeNotificarions();
+      }
+    },
+  },
+  methods: {
+    ...mapMutations("generic", ["removeNotificarions"]),
+
+    startCountdown() {
+      this.countdownInterval = setInterval(() => {
+        if (this.countdown > 0) {
+          this.countdown--;
+          this.updateProgressBar();
+        } else {
+          clearInterval(this.countdownInterval);
+        }
+      }, 1000);
+    },
+
+    updateProgressBar() {
+      // Atualiza a largura da barra de progresso
+      this.progressWidth = (this.countdown / this.maxSeconds) * 100;
+    },
+  },
+};
+</script>
+
+<style scoped>
+.div-message {
+  margin-top: 50px;
+  transition: all 0.5s ease !important;
+  z-index: 2000;
+}
+
+.side-by-side {
+  display: flex;
+  justify-content: space-between;
+}
+
+.text {
+  margin-right: 10px;
+}
+
+.progress-bar-container {
+  width: 100%;
+  height: 3px;
+  background-color: #e0e0e0;
+  border-radius: 5px;
+  margin-top: 10px;
+}
+
+.progress-bar {
+  height: 100%;
+  background-color: #FF0201;
+  border-radius: 50px;
+  transition: width 1s ease-out;
+}
+
+.div-countdown {
+  margin-top: 10px;
+  font-size: 16px;
+}
+</style>

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

@@ -1,24 +1,24 @@
-<template>
-  <div>
-    <iframe src="https://espaco.blob.core.windows.net/nixloc-preview/H0R078NIPG6BXT8703S0_3.pdf" width="100%" height="800px"></iframe>
-  </div>
-</template>
-
-<script>
-
-export default {
-  name: "PDFViewer",
-  props: {
-    pdfSrc: String,
-  }
-};
-</script>
-
-<style>
-iframe {
-  width: 100%;
-  height: 800px;
-  border: 0px;
-  border-radius: 10px;
-}
-</style>
+<template>
+  <div>
+    <iframe src="https://espaco.blob.core.windows.net/nixloc-preview/H0R078NIPG6BXT8703S0_3.pdf" width="100%" height="800px"></iframe>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "PDFViewer",
+  props: {
+    pdfSrc: String,
+  }
+};
+</script>
+
+<style>
+iframe {
+  width: 100%;
+  height: 800px;
+  border: 0px;
+  border-radius: 10px;
+}
+</style>

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

@@ -1,108 +1,108 @@
-<template>
-  <div>
-    <div class="pagination">
-      <button class="btn-pagination" @click="previousPage" :disabled="currentPage === 1 || currentPage > totalPages">
-        <i class="fa-solid fa-chevron-left"></i>
-      </button>
-      <div class="div-pagination text-center">
-        <span v-if="isLoading('loadingLine')">
-          <vue-loading type="bubbles" color="#FCA944" :size="{ width: '26px', height: '26px' }"></vue-loading>
-        </span>
-        <span v-else>
-          <div>
-            <span class="title">
-              <span v-if="totalPages == 0">0</span>
-              <span v-else>{{ currentPage }}</span> de {{ totalPages }}</span>
-          </div>
-        </span>
-      </div>
-      <button class="btn-pagination" @click="nextPage"
-        :disabled="currentPage === totalPages || currentPage > totalPages">
-        <i class="fa-solid fa-chevron-right"></i>
-      </button>
-    </div>
-  </div>
-</template>
-<script>
-
-import { mapGetters, mapMutations, mapState } from "vuex";
-
-export default {
-  props: {
-    totalRecords: Number,
-  },
-  data() {
-    return {
-      currentPage: 1,
-      totalPerPage: 10 // Substitua pelo número de registros por página desejado
-    };
-  },
-  created() {
-    var filter = this.getFilterStorage(this.$route.name);
-    if (filter)
-      this.currentPage = filter.baseParams.currentPage;
-  },
-  computed: {
-    ...mapState("generic", ["paginations"]),
-    ...mapGetters("generic", ["isLoading", "getFilterStorage"]),
-    totalPages() {
-      return Math.ceil(this.totalRecords / this.paginations.totalPerPage);
-    },
-    paginatedData() {
-      const startIndex = (this.currentPage - 1) * this.paginations.totalPerPage;
-      const endIndex = Math.min(startIndex + this.paginations.totalPerPage, this.totalRecords);
-      return Array.from({ length: endIndex - startIndex }, (_, index) => index + startIndex + 1);
-    }
-  },
-  methods: {
-    ...mapMutations("generic", ["addEvent"]),
-    nextPage() {
-      if (this.currentPage < this.totalPages) {
-        this.currentPage++;
-      }
-      this.addEvent({ name: "page-click", data: this.currentPage });
-    },
-    previousPage() {
-      if (this.currentPage > 1) {
-        this.currentPage--;
-      }
-      this.addEvent({ name: "page-click", data: this.currentPage });
-    }
-  }
-};
-</script>
-
-<style scoped>
-.div-pagination {
-  width: 100px;
-}
-
-.btn-pagination {
-  padding: 5px;
-  cursor: pointer;
-  border: none;
-  min-width: 35px;
-  border-radius: 30px !important;
-  font-size: 13px !important;
-  font-weight: 400;
-  letter-spacing: 1px !important;
-}
-
-
-.pagination {
-  display: flex;
-  justify-content: end;
-  align-items: center;
-  margin-right: 10px;
-  margin-bottom: 10px;
-}
-
-.pagination-button:hover {
-  background-color: #ccc;
-}
-
-.pagination-button:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-</style>
+<template>
+  <div>
+    <div class="pagination">
+      <button class="btn-pagination" @click="previousPage" :disabled="currentPage === 1 || currentPage > totalPages">
+        <i class="fa-solid fa-chevron-left"></i>
+      </button>
+      <div class="div-pagination text-center">
+        <span v-if="isLoading('loadingLine')">
+          <vue-loading type="bubbles" color="#FCA944" :size="{ width: '26px', height: '26px' }"></vue-loading>
+        </span>
+        <span v-else>
+          <div>
+            <span class="title">
+              <span v-if="totalPages == 0">0</span>
+              <span v-else>{{ currentPage }}</span> de {{ totalPages }}</span>
+          </div>
+        </span>
+      </div>
+      <button class="btn-pagination" @click="nextPage"
+        :disabled="currentPage === totalPages || currentPage > totalPages">
+        <i class="fa-solid fa-chevron-right"></i>
+      </button>
+    </div>
+  </div>
+</template>
+<script>
+
+import { mapGetters, mapMutations, mapState } from "vuex";
+
+export default {
+  props: {
+    totalRecords: Number,
+  },
+  data() {
+    return {
+      currentPage: 1,
+      totalPerPage: 10 // Substitua pelo número de registros por página desejado
+    };
+  },
+  created() {
+    var filter = this.getFilterStorage(this.$route.name);
+    if (filter)
+      this.currentPage = filter.baseParams.currentPage;
+  },
+  computed: {
+    ...mapState("generic", ["paginations"]),
+    ...mapGetters("generic", ["isLoading", "getFilterStorage"]),
+    totalPages() {
+      return Math.ceil(this.totalRecords / this.paginations.totalPerPage);
+    },
+    paginatedData() {
+      const startIndex = (this.currentPage - 1) * this.paginations.totalPerPage;
+      const endIndex = Math.min(startIndex + this.paginations.totalPerPage, this.totalRecords);
+      return Array.from({ length: endIndex - startIndex }, (_, index) => index + startIndex + 1);
+    }
+  },
+  methods: {
+    ...mapMutations("generic", ["addEvent"]),
+    nextPage() {
+      if (this.currentPage < this.totalPages) {
+        this.currentPage++;
+      }
+      this.addEvent({ name: "page-click", data: this.currentPage });
+    },
+    previousPage() {
+      if (this.currentPage > 1) {
+        this.currentPage--;
+      }
+      this.addEvent({ name: "page-click", data: this.currentPage });
+    }
+  }
+};
+</script>
+
+<style scoped>
+.div-pagination {
+  width: 100px;
+}
+
+.btn-pagination {
+  padding: 5px;
+  cursor: pointer;
+  border: none;
+  min-width: 35px;
+  border-radius: 30px !important;
+  font-size: 13px !important;
+  font-weight: 400;
+  letter-spacing: 1px !important;
+}
+
+
+.pagination {
+  display: flex;
+  justify-content: end;
+  align-items: center;
+  margin-right: 10px;
+  margin-bottom: 10px;
+}
+
+.pagination-button:hover {
+  background-color: #ccc;
+}
+
+.pagination-button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+</style>