@nixweb/nixloc-ui 1.9.0 → 1.11.0

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

@@ -1,107 +1,107 @@
-<template>
-  <div>
-    <div v-if="type == 'bubbles'" :class="{ loading: center }">
-      <vue-loading
-        type="bubbles"
-        :color="color"
-        :size="{ width: width + 'px', height: height + 'px' }"
-      ></vue-loading>
-    </div>
-    <div v-if="type == 'line'">
-      <div class="loader">
-        <div class="loader__element"></div>
-      </div>
-    </div>
-    <div :class="{ 'loading-text': center }">
-      <div>
-        <div class="message">{{ message }}</div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "Loading",
-  props: {
-    height: {
-      type: Number,
-      default: 70,
-    },
-    width: {
-      type: Number,
-      default: 70,
-    },
-    center: {
-      type: Boolean,
-      default: true,
-    },
-    color: {
-      type: String,
-      default: "#D98621",
-    },
-    type: {
-      type: String,
-      default: "bubbles",
-    },
-    message: String,
-  },
-};
-</script>
-
-<style scoped>
-.loading {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  -webkit-transform: translate(-50%, -50%);
-  transform: translate(-50%, -50%);
-}
-
-.loading-text {
-  position: absolute;
-  left: 50%;
-  top: 45%;
-  -webkit-transform: translate(-50%, -50%);
-  transform: translate(-50%, -50%);
-}
-
-.message {
-  font-size: 15px;
-  margin-top: 5px;
-}
-
-.loader {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  display: flex;
-  align-items: center;
-  align-content: center;
-  justify-content: flex-start;
-  z-index: 100000;
-}
-
-.loader__element {
-  height: 3px;
-  width: 100%;
-  background: #fbf2e8;
-}
-
-.loader__element:before {
-  content: "";
-  display: block;
-  background-color: #fca944;
-  height: 3px;
-  width: 0;
-  animation: getWidth 1s ease-in infinite;
-}
-
-@keyframes getWidth {
-  100% {
-    width: 100%;
-  }
-}
-</style>
+<template>
+  <div>
+    <div v-if="type == 'bubbles'" :class="{ loading: center }">
+      <vue-loading
+        type="bubbles"
+        :color="color"
+        :size="{ width: width + 'px', height: height + 'px' }"
+      ></vue-loading>
+    </div>
+    <div v-if="type == 'line'">
+      <div class="loader">
+        <div class="loader__element"></div>
+      </div>
+    </div>
+    <div :class="{ 'loading-text': center }">
+      <div>
+        <div class="message">{{ message }}</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Loading",
+  props: {
+    height: {
+      type: Number,
+      default: 70,
+    },
+    width: {
+      type: Number,
+      default: 70,
+    },
+    center: {
+      type: Boolean,
+      default: true,
+    },
+    color: {
+      type: String,
+      default: "#D98621",
+    },
+    type: {
+      type: String,
+      default: "bubbles",
+    },
+    message: String,
+  },
+};
+</script>
+
+<style scoped>
+.loading {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+}
+
+.loading-text {
+  position: absolute;
+  left: 50%;
+  top: 45%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+}
+
+.message {
+  font-size: 15px;
+  margin-top: 5px;
+}
+
+.loader {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  display: flex;
+  align-items: center;
+  align-content: center;
+  justify-content: flex-start;
+  z-index: 100000;
+}
+
+.loader__element {
+  height: 3px;
+  width: 100%;
+  background: #fbf2e8;
+}
+
+.loader__element:before {
+  content: "";
+  display: block;
+  background-color: #fca944;
+  height: 3px;
+  width: 0;
+  animation: getWidth 1s ease-in infinite;
+}
+
+@keyframes getWidth {
+  100% {
+    width: 100%;
+  }
+}
+</style>

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

@@ -1,23 +1,23 @@
-<template>
-  <div>
-    <Button
-      key="loadingMore"
-      eventName="loadingMore"
-      type="warning"
-      title="Carregar mais..."
-      classIcon="fas fa-redo"
-      size="medium"
-    />
-  </div>
-</template>
-<script>
-import Button from "../forms/Button.vue";
-export default {
-  name: "LoadingMoreButton",
-  components: { Button },
-  data() {
-    return {};
-  },
-  methods: {},
-};
-</script>
+<template>
+  <div>
+    <Button
+      key="loadingMore"
+      eventName="loadingMore"
+      type="warning"
+      title="Carregar mais..."
+      classIcon="fas fa-redo"
+      size="medium"
+    />
+  </div>
+</template>
+<script>
+import Button from "../forms/Button.vue";
+export default {
+  name: "LoadingMoreButton",
+  components: { Button },
+  data() {
+    return {};
+  },
+  methods: {},
+};
+</script>

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>