@nixweb/nixloc-ui 0.0.128 → 0.0.129

package/src/component/shared/Messages.vue

@@ -1,81 +1,81 @@
-<template>
-  <div>
-    <div :class="{ 'div-message': !modal.open }" v-if="storageNotification.length > 0">
-      <div v-for="notification in storageNotification">
-        <Alert type="danger">
-          {{ notification.message }}
-        </Alert>
-      </div>
-      <b-alert
-        v-show="false"
-        :show="countdown"
-        dismissible
-        variant="danger"
-        @dismissed="countdown = 0"
-        @dismiss-count-down="countdownChanged"
-      >
-      </b-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: [],
-    };
-  },
-  computed: {
-    ...mapState("generic", ["notifications", "modal"]),
-  },
-  watch: {
-    notifications() {
-      if (this.notifications.length > 0) {
-        this.storageNotification = this.notifications;
-        this.countdown = 5;
-      }
-    },
-    countdown() {
-      if (this.countdown === 0) {
-        this.storageNotification = [];
-        this.removeNotificarions();
-      }
-    },
-  },
-  methods: {
-    ...mapMutations("generic", ["removeNotificarions"]),
-    countdownChanged(countdown) {
-      this.countdown = countdown;
-    },
-    messages(notifications) {
-      var message = "";
-      notifications.forEach(function (notification) {
-        message += notification.message + " ";
-      });
-
-      return message;
-    },
-  },
-};
-</script>
-<style scoped>
-.div-message {
-  margin-top: 15px;
-}
-
-.div-message-modal {
-  margin-bottom: 5px;
-}
-
-.invalid {
-  color: #f0134d;
-}
-</style>
+<template>
+  <div>
+    <div :class="{ 'div-message': !modal.open }" v-if="storageNotification.length > 0">
+      <div v-for="notification in storageNotification">
+        <Alert type="danger">
+          {{ notification.message }}
+        </Alert>
+      </div>
+      <b-alert
+        v-show="false"
+        :show="countdown"
+        dismissible
+        variant="danger"
+        @dismissed="countdown = 0"
+        @dismiss-count-down="countdownChanged"
+      >
+      </b-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: [],
+    };
+  },
+  computed: {
+    ...mapState("generic", ["notifications", "modal"]),
+  },
+  watch: {
+    notifications() {
+      if (this.notifications.length > 0) {
+        this.storageNotification = this.notifications;
+        this.countdown = 5;
+      }
+    },
+    countdown() {
+      if (this.countdown === 0) {
+        this.storageNotification = [];
+        this.removeNotificarions();
+      }
+    },
+  },
+  methods: {
+    ...mapMutations("generic", ["removeNotificarions"]),
+    countdownChanged(countdown) {
+      this.countdown = countdown;
+    },
+    messages(notifications) {
+      var message = "";
+      notifications.forEach(function (notification) {
+        message += notification.message + " ";
+      });
+
+      return message;
+    },
+  },
+};
+</script>
+<style scoped>
+.div-message {
+  margin-top: 15px;
+}
+
+.div-message-modal {
+  margin-bottom: 5px;
+}
+
+.invalid {
+  color: #f0134d;
+}
+</style>

package/src/component/shared/PDFViewer.vue

@@ -1,22 +1,22 @@
-<template>
-  <!-- used `style="height: 100vh;"` because without it in the Firefox 89 and Chrome 91 (June 2021) the `vue-pdf-app` is not rendering on the page, just empty space without any errors (since `vue-pdf-app` does not have height and it is the top tag in the generated markup ) -->
-  <!-- or you can just wrap `vue-pdf-app` in <div> tag and set height for it via CSS (like in `Script tag (unpkg)` example below) -->
-  <div>
-    <vue-pdf-app
-      style="height: 100vh"
-      pdf="https://file-examples-com.github.io/uploads/2017/10/file-example_PDF_1MB.pdf"
-    ></vue-pdf-app>
-  </div>
-</template>
-
-<script>
-import VuePdfApp from "vue-pdf-app";
-
-export default {
-  components: {
-    VuePdfApp,
-  },
-};
-</script>
-
-<style scoped></style>
+<template>
+  <!-- used `style="height: 100vh;"` because without it in the Firefox 89 and Chrome 91 (June 2021) the `vue-pdf-app` is not rendering on the page, just empty space without any errors (since `vue-pdf-app` does not have height and it is the top tag in the generated markup ) -->
+  <!-- or you can just wrap `vue-pdf-app` in <div> tag and set height for it via CSS (like in `Script tag (unpkg)` example below) -->
+  <div>
+    <vue-pdf-app
+      style="height: 100vh"
+      pdf="https://file-examples-com.github.io/uploads/2017/10/file-example_PDF_1MB.pdf"
+    ></vue-pdf-app>
+  </div>
+</template>
+
+<script>
+import VuePdfApp from "vue-pdf-app";
+
+export default {
+  components: {
+    VuePdfApp,
+  },
+};
+</script>
+
+<style scoped></style>

package/src/component/shared/Pagination.vue

@@ -1,52 +1,52 @@
-<template>
-  <div>
-    <b-pagination
-      v-model="pagination(_key).currentPage"
-      prev-text="Anterior"
-      next-text="Próximo"
-      align="right"
-      :hide-goto-end-buttons="true"
-      :per-page="pagination(_key).totalPerPage"
-      :total-rows="totalRecords"
-    ></b-pagination>
-  </div>
-</template>
-
-<script>
-import { mapGetters, mapMutations } from "vuex";
-
-export default {
-  name: "Pagination",
-  props: {
-    _key: String,
-    totalRecords: Number,
-  },
-  created() {
-    this.addPagination({
-      key: this._key,
-      currentPage: 1,
-      totalPerPage: 10,
-    });
-  },
-  computed: {
-    ...mapGetters("generic", ["pagination"]),
-  },
-  methods: {
-    ...mapMutations("generic", ["addPagination"]),
-  },
-};
-</script>
-
-<style>
-.page-item {
-  font-size: 13px !important;
-}
-
-.page-item.active .page-link {
-  font-size: 13px !important;
-  z-index: 3 !important;
-  color: #fff !important;
-  background-color: #d98621 !important;
-  border-color: #d98621 !important;
-}
-</style>
+<template>
+  <div>
+    <b-pagination
+      v-model="pagination(_key).currentPage"
+      prev-text="Anterior"
+      next-text="Próximo"
+      align="right"
+      :hide-goto-end-buttons="true"
+      :per-page="pagination(_key).totalPerPage"
+      :total-rows="totalRecords"
+    ></b-pagination>
+  </div>
+</template>
+
+<script>
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+  name: "Pagination",
+  props: {
+    _key: String,
+    totalRecords: Number,
+  },
+  created() {
+    this.addPagination({
+      key: this._key,
+      currentPage: 1,
+      totalPerPage: 10,
+    });
+  },
+  computed: {
+    ...mapGetters("generic", ["pagination"]),
+  },
+  methods: {
+    ...mapMutations("generic", ["addPagination"]),
+  },
+};
+</script>
+
+<style>
+.page-item {
+  font-size: 13px !important;
+}
+
+.page-item.active .page-link {
+  font-size: 13px !important;
+  z-index: 3 !important;
+  color: #fff !important;
+  background-color: #d98621 !important;
+  border-color: #d98621 !important;
+}
+</style>

package/src/component/shared/ProgressBar.vue

@@ -1,22 +1,22 @@
-<template>
-  <div>
-    <progress-bar :size="size" :text="text" :val="value" :max="max"></progress-bar>
-  </div>
-</template>
-<script>
-import ProgressBar from "vue-simple-progress";
-
-// não mudar o nome Progress para ProgressBar
-export default {
-  name: "Progress",
-  components: {
-    ProgressBar,
-  },
-  props: {
-    text: String,
-    value: Number,
-    max: Number,
-    size: String,
-  },
-};
-</script>
+<template>
+  <div>
+    <progress-bar :size="size" :text="text" :val="value" :max="max"></progress-bar>
+  </div>
+</template>
+<script>
+import ProgressBar from "vue-simple-progress";
+
+// não mudar o nome Progress para ProgressBar
+export default {
+  name: "Progress",
+  components: {
+    ProgressBar,
+  },
+  props: {
+    text: String,
+    value: Number,
+    max: Number,
+    size: String,
+  },
+};
+</script>

package/src/component/shared/QueryButton.vue

@@ -1,66 +1,66 @@
-<template>
-  <div>
-    <div class="alignment" v-for="item in items" :key="item.title">
-      <button
-        :class="{
-          'button-query': true,
-        }"
-        @click="execute(item.valor)"
-      >
-        <span class="icon"> <i :class="item.classIcon"></i></span>
-        <span class="title">{{ item.title }}</span>
-      </button>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  name: "QueryButton",
-  props: ["items", "value", "clicked"],
-  data() {
-    return {
-      currentValue: 0,
-    };
-  },
-  methods: {
-    execute(valor) {
-      this.currentValue = valor;
-      this.$emit("input", valor);
-      if (this.clicked) this.clicked();
-    },
-  },
-};
-</script>
-<style scoped>
-.button-query {
-  cursor: pointer;
-  height: 35px;
-  border: 1px solid #d5d5d5;
-  background-color: white;
-  border-radius: 3px;
-  padding-left: 10px;
-  padding-right: 7px;
-  margin-right: 10px;
-  margin-bottom: 10px;
-  font-size: 16px;
-  font-weight: normal;
-}
-
-.button-query:hover {
-  background-color: #d98621;
-  color: white;
-  border: none;
-}
-
-.icon {
-  font-size: 13px;
-}
-
-.title {
-  font-size: 16px;
-}
-
-.alignment {
-  display: inline-block;
-}
-</style>
+<template>
+  <div>
+    <div class="alignment" v-for="item in items" :key="item.title">
+      <button
+        :class="{
+          'button-query': true,
+        }"
+        @click="execute(item.valor)"
+      >
+        <span class="icon"> <i :class="item.classIcon"></i></span>
+        <span class="title">{{ item.title }}</span>
+      </button>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "QueryButton",
+  props: ["items", "value", "clicked"],
+  data() {
+    return {
+      currentValue: 0,
+    };
+  },
+  methods: {
+    execute(valor) {
+      this.currentValue = valor;
+      this.$emit("input", valor);
+      if (this.clicked) this.clicked();
+    },
+  },
+};
+</script>
+<style scoped>
+.button-query {
+  cursor: pointer;
+  height: 35px;
+  border: 1px solid #d5d5d5;
+  background-color: white;
+  border-radius: 3px;
+  padding-left: 10px;
+  padding-right: 7px;
+  margin-right: 10px;
+  margin-bottom: 10px;
+  font-size: 16px;
+  font-weight: normal;
+}
+
+.button-query:hover {
+  background-color: #d98621;
+  color: white;
+  border: none;
+}
+
+.icon {
+  font-size: 13px;
+}
+
+.title {
+  font-size: 16px;
+}
+
+.alignment {
+  display: inline-block;
+}
+</style>

package/src/component/shared/SaveCancel.vue

@@ -7,12 +7,13 @@
           eventName="cancelSaveCancel"
           title="Cancelar"
           type="danger"
-          size="medium"
+          size="small"
           :clicked="cancel"
         />
         <Button
           _key="saveSaveCancel"
           eventName="saveSaveCancel"
+          classIcon="fa-solid fa-floppy-disk"
           title="Salvar"
           type="success"
           :disabled="!isFormValid(formName)"
@@ -71,7 +72,7 @@ export default {
 };
 </script>
 <style scoped>
-.margin{
+.margin {
   margin-left: 0px;
 }
 </style>