@nixweb/nixloc-ui 1.16.0 → 1.19.0

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

@@ -1,169 +1,169 @@
-<template>
-  <div>
-    <Search />
-    <br />
-    <ScrollBar :minHeight="400" :maxHeight="400">
-      <table class="table table-responsive-xs">
-        <thead>
-          <tr>
-            <th><span class="title-header">Descrição</span></th>
-            <th><span class="title-header">Exemplo</span></th>
-            <th><span class="title-header">Parâmetro</span></th>
-          </tr>
-        </thead>
-        <tbody v-for="(legendLocal, groupName) in grouped">
-          <td class="group text-center" colspan="8">
-            <div>{{ groupName }}</div>
-          </td>
-          <tr v-for="item in legendLocal">
-            <td class="description">
-              <span> {{ item.description }}</span>
-            </td>
-            <td>
-              <span class="exemplo"> {{ item.example }}</span>
-            </td>
-            <td class="parametro">
-              <span @click="copy(item.parameter)" v-clipboard="item.parameter">
-                {{ item.parameter }}
-                <span v-if="item.parameter">
-                  <span class="copy" v-if="copied != item.parameter">
-                    <span>Copiar</span>
-                  </span>
-                  <span class="copied" v-else>
-                    <span>Copiado</span>
-                  </span>
-                </span>
-              </span>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </ScrollBar>
-  </div>
-</template>
-<script>
-import Search from "@nixweb/nixloc-ui/src/component/shared/Search.vue";
-import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
-
-import { mapGetters, mapState, mapMutations } from "vuex";
-
-export default {
-  name: "ParameterLegend",
-  components: {
-    ScrollBar,
-    Search,
-  },
-  props: {
-    legend: [],
-    module: String,
-  },
-  data() {
-    return {
-      legendLocal: [],
-      copied: "",
-    };
-  },
-  mounted() {
-    this.legendLocal = this.legend;
-  },
-  methods: {
-    ...mapMutations("generic", ["removeLoading"]),
-    copy(parameter) {
-      this.copied = parameter;
-    },
-  },
-  computed: {
-    ...mapGetters("generic", ["groupBy"]),
-    ...mapState("generic", ["search", "executedSearch", "clearedSearch"]),
-    grouped() {
-      let legend = [];
-    /*  this.legendLocal.forEach((item) => {
-        if (item.showModule.includes(this.module) || item.showModule == "all")
-          legend.push(item);
-      });*/
-
-      var list = this.groupBy({ array: this.legendLocal, key: "groupName" });
-      return list;
-    },
-  },
-  watch: {
-    executedSearch: function () {
-      let legend = [];
-      let self = this;
-      setTimeout(function () {
-        if (self.search.content) {
-          self.legend.forEach(function (item) {
-            if (self.search.filter.content == "equal") {
-              if (item.description == self.search.content) legend.push(item);
-            }
-            if (self.search.filter.content == "contains") {
-              if (item.description.includes(self.search.content))
-                legend.push(item);
-            }
-          });
-          self.legendLocal = legend;
-        }
-        self.removeLoading(["btnSearch", "btnClean"]);
-      }, 300);
-    },
-    clearedSearch: function () {
-      let self = this;
-      setTimeout(function () {
-        self.legendLocal = self.legend;
-        self.removeLoading(["btnSearch", "btnClean"]);
-      }, 300);
-    },
-  },
-};
-</script>
-<style scoped>
-.table th,
-.table td {
-  height: 10px !important;
-  padding-left: 5px !important;
-  padding-top: 7px !important;
-  padding-bottom: 5px !important;
-  padding-right: 5px !important;
-  border-bottom: 0px !important;
-}
-
-.title-header {
-  font-size: 14px;
-  color: #757d8c;
-  font-weight: 400;
-  text-transform: uppercase;
-}
-
-.group {
-  background-color: #fafafc;
-  font-size: 14px;
-  font-weight: 500;
-}
-
-.description {
-  width: 350px;
-}
-
-.div-warning {
-  margin-bottom: 20px;
-}
-
-.parametro {
-  font: 12px;
-  width: 340px;
-  cursor: pointer;
-}
-
-.exemplo {
-  font-size: 14px;
-  color: rgb(31, 31, 82);
-}
-
-.copy {
-  color: rgb(31, 31, 82);
-}
-
-.copied {
-  color: red;
-}
-</style>
+<template>
+  <div>
+    <Search />
+    <br />
+    <ScrollBar :minHeight="400" :maxHeight="400">
+      <table class="table table-responsive-xs">
+        <thead>
+          <tr>
+            <th><span class="title-header">Descrição</span></th>
+            <th><span class="title-header">Exemplo</span></th>
+            <th><span class="title-header">Parâmetro</span></th>
+          </tr>
+        </thead>
+        <tbody v-for="(legendLocal, groupName) in grouped">
+          <td class="group text-center" colspan="8">
+            <div>{{ groupName }}</div>
+          </td>
+          <tr v-for="item in legendLocal">
+            <td class="description">
+              <span> {{ item.description }}</span>
+            </td>
+            <td>
+              <span class="exemplo"> {{ item.example }}</span>
+            </td>
+            <td class="parametro">
+              <span @click="copy(item.parameter)" v-clipboard="item.parameter">
+                {{ item.parameter }}
+                <span v-if="item.parameter">
+                  <span class="copy" v-if="copied != item.parameter">
+                    <span>Copiar</span>
+                  </span>
+                  <span class="copied" v-else>
+                    <span>Copiado</span>
+                  </span>
+                </span>
+              </span>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </ScrollBar>
+  </div>
+</template>
+<script>
+import Search from "@nixweb/nixloc-ui/src/component/shared/Search.vue";
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+
+import { mapGetters, mapState, mapMutations } from "vuex";
+
+export default {
+  name: "ParameterLegend",
+  components: {
+    ScrollBar,
+    Search,
+  },
+  props: {
+    legend: [],
+    module: String,
+  },
+  data() {
+    return {
+      legendLocal: [],
+      copied: "",
+    };
+  },
+  mounted() {
+    this.legendLocal = this.legend;
+  },
+  methods: {
+    ...mapMutations("generic", ["removeLoading"]),
+    copy(parameter) {
+      this.copied = parameter;
+    },
+  },
+  computed: {
+    ...mapGetters("generic", ["groupBy"]),
+    ...mapState("generic", ["search", "executedSearch", "clearedSearch"]),
+    grouped() {
+      let legend = [];
+    /*  this.legendLocal.forEach((item) => {
+        if (item.showModule.includes(this.module) || item.showModule == "all")
+          legend.push(item);
+      });*/
+
+      var list = this.groupBy({ array: this.legendLocal, key: "groupName" });
+      return list;
+    },
+  },
+  watch: {
+    executedSearch: function () {
+      let legend = [];
+      let self = this;
+      setTimeout(function () {
+        if (self.search.content) {
+          self.legend.forEach(function (item) {
+            if (self.search.filter.content == "equal") {
+              if (item.description == self.search.content) legend.push(item);
+            }
+            if (self.search.filter.content == "contains") {
+              if (item.description.includes(self.search.content))
+                legend.push(item);
+            }
+          });
+          self.legendLocal = legend;
+        }
+        self.removeLoading(["btnSearch", "btnClean"]);
+      }, 300);
+    },
+    clearedSearch: function () {
+      let self = this;
+      setTimeout(function () {
+        self.legendLocal = self.legend;
+        self.removeLoading(["btnSearch", "btnClean"]);
+      }, 300);
+    },
+  },
+};
+</script>
+<style scoped>
+.table th,
+.table td {
+  height: 10px !important;
+  padding-left: 5px !important;
+  padding-top: 7px !important;
+  padding-bottom: 5px !important;
+  padding-right: 5px !important;
+  border-bottom: 0px !important;
+}
+
+.title-header {
+  font-size: 14px;
+  color: #757d8c;
+  font-weight: 400;
+  text-transform: uppercase;
+}
+
+.group {
+  background-color: #fafafc;
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.description {
+  width: 350px;
+}
+
+.div-warning {
+  margin-bottom: 20px;
+}
+
+.parametro {
+  font: 12px;
+  width: 340px;
+  cursor: pointer;
+}
+
+.exemplo {
+  font-size: 14px;
+  color: rgb(31, 31, 82);
+}
+
+.copy {
+  color: rgb(31, 31, 82);
+}
+
+.copied {
+  color: red;
+}
+</style>

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

@@ -1,25 +1,25 @@
-<template>
-  <div>
-    <progress-bar :bg-color="bColor" :bar-color="bgColor" :size="size" :text="text" :val="value" :max="max"
-      bar-border-radius="10"></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: {
-    bgColor: String,
-    bColor: String,
-    text: String,
-    value: Number,
-    max: Number,
-    size: String,
-  },
-};
-</script>
+<template>
+  <div>
+    <progress-bar :bg-color="bColor" :bar-color="bgColor" :size="size" :text="text" :val="value" :max="max"
+      bar-border-radius="10"></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: {
+    bgColor: String,
+    bColor: String,
+    text: String,
+    value: Number,
+    max: Number,
+    size: String,
+  },
+};
+</script>

package/@nixweb/nixloc-ui/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>