@nixweb/nixloc-ui 1.17.0 → 1.19.0

package/@nixweb/nixloc-ui/src/component/layout/HideShow.vue

@@ -1,62 +1,62 @@
-<template>
-  <div>
-    <div class="div-icon" :class="classCss" :style="'font-size:' + iconSize + 'px'" v-if="!show">
-      <div class="icon-eye" @click="show = true">
-        <i class="icon-separate fa-solid fa-circle-small"></i>
-        <i class="icon-separate fa-solid fa-circle-small"></i>
-        <i class="icon-separate fa-solid fa-circle-small"></i>
-      </div>
-    </div>
-    <div class="div-icon" v-if="show" @click="show = false">
-      <slot></slot>
-    </div>
-  </div>
-</template>
-<script>
-import { mapGetters } from "vuex";
-
-export default {
-  name: "HideShow",
-  props: {
-    iconSize: {
-      type: Number,
-      default: 50,
-    },
-    classCss: String
-  },
-  data() {
-    return {
-      show: false,
-    };
-  },
-  computed: {
-    ...mapGetters("generic", ["event"]),
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "hideShow") {
-          this.show = event.data;
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style scoped>
-.div-icon {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-}
-
-.icon-eye {
-  color: #dce3e9;
-}
-
-.icon-separate {
-  padding: 3px;
-}
+<template>
+  <div>
+    <div class="div-icon" :class="classCss" :style="'font-size:' + iconSize + 'px'" v-if="!show">
+      <div class="icon-eye" @click="show = true">
+        <i class="icon-separate fa-solid fa-circle-small"></i>
+        <i class="icon-separate fa-solid fa-circle-small"></i>
+        <i class="icon-separate fa-solid fa-circle-small"></i>
+      </div>
+    </div>
+    <div class="div-icon" v-if="show" @click="show = false">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+<script>
+import { mapGetters } from "vuex";
+
+export default {
+  name: "HideShow",
+  props: {
+    iconSize: {
+      type: Number,
+      default: 50,
+    },
+    classCss: String
+  },
+  data() {
+    return {
+      show: false,
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["event"]),
+  },
+  watch: {
+    event: {
+      handler(event) {
+        if (event.name == "hideShow") {
+          this.show = event.data;
+        }
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+<style scoped>
+.div-icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+
+.icon-eye {
+  color: #dce3e9;
+}
+
+.icon-separate {
+  padding: 3px;
+}
 </style>

package/@nixweb/nixloc-ui/src/component/layout/IconMolded.vue

@@ -1,59 +1,59 @@
-<template>
-  <div>
-    <div v-for="icon in icons" class="molded-icon side-by-side" @click="executeEvent(icon.eventName)" v-b-tooltip.hover
-      :title="icon.tooltip">
-      <div class="icon-molded-icon" :class="{
-        'icon-active-top': menuActive == icon.module,
-        'icon-normal-top': menuActive != icon.module,
-      }">
-        <i :class="icon.icon"></i>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { mapMutations } from "vuex";
-
-export default {
-  name: "IconMolded",
-  props: {
-    icons: Array,
-  },
-  data() {
-    return { menuActive: "" };
-  },
-  methods: {
-    ...mapMutations("generic", ["addEvent"]),
-    executeEvent(eventName) {
-      this.addEvent({
-        name: eventName,
-      });
-    },
-  },
-  watch: {
-    $route: {
-      handler: function (router) {
-        this.menuActive = router.matched[0].props.default.module;
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-
-<style scoped>
-.molded-icon {
-  height: 38px;
-  width: 38px;
-  margin-left: 10px;
-  margin-top: 4px;
-  cursor: pointer;
-}
-
-.icon-molded-icon {
-  font-size: 20px;
-  margin-left: 10px;
-  color: white;
-}
+<template>
+  <div>
+    <div v-for="icon in icons" class="molded-icon side-by-side" @click="executeEvent(icon.eventName)" v-b-tooltip.hover
+      :title="icon.tooltip">
+      <div class="icon-molded-icon" :class="{
+        'icon-active-top': menuActive == icon.module,
+        'icon-normal-top': menuActive != icon.module,
+      }">
+        <i :class="icon.icon"></i>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapMutations } from "vuex";
+
+export default {
+  name: "IconMolded",
+  props: {
+    icons: Array,
+  },
+  data() {
+    return { menuActive: "" };
+  },
+  methods: {
+    ...mapMutations("generic", ["addEvent"]),
+    executeEvent(eventName) {
+      this.addEvent({
+        name: eventName,
+      });
+    },
+  },
+  watch: {
+    $route: {
+      handler: function (router) {
+        this.menuActive = router.matched[0].props.default.module;
+      },
+      deep: true,
+    },
+  },
+};
+</script>
+
+<style scoped>
+.molded-icon {
+  height: 38px;
+  width: 38px;
+  margin-left: 10px;
+  margin-top: 4px;
+  cursor: pointer;
+}
+
+.icon-molded-icon {
+  font-size: 20px;
+  margin-left: 10px;
+  color: white;
+}
 </style>

package/@nixweb/nixloc-ui/src/component/layout/LoadingFullPage.vue

@@ -1,27 +1,27 @@
-<template>
-  <div>
-    <b-row>
-      <b-col sm="12" class="text-center">
-        <vue-loading
-          type="bubbles"
-          color="#577696"
-          :size="{ width: '80px', height: '80px' }"
-        ></vue-loading>
-      </b-col>
-      <b-col sm="12" class="text-center">
-        <div class="message">Por favor aguarde, estamos trabalhando...</div>
-      </b-col>
-    </b-row>
-  </div>
-</template>
-<script>
-export default {
-  name: "LoadingFullPage",
-};
-</script>
-<style scoped>
-.message {
-  font-size: 15px;
-  margin-top: 5px;
-}
-</style>
+<template>
+  <div>
+    <b-row>
+      <b-col sm="12" class="text-center">
+        <vue-loading
+          type="bubbles"
+          color="#577696"
+          :size="{ width: '80px', height: '80px' }"
+        ></vue-loading>
+      </b-col>
+      <b-col sm="12" class="text-center">
+        <div class="message">Por favor aguarde, estamos trabalhando...</div>
+      </b-col>
+    </b-row>
+  </div>
+</template>
+<script>
+export default {
+  name: "LoadingFullPage",
+};
+</script>
+<style scoped>
+.message {
+  font-size: 15px;
+  margin-top: 5px;
+}
+</style>