@nixweb/nixloc-ui 0.0.262 → 0.0.264

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "0.0.262",
+  "version": "0.0.264",
   "description": "Componentes UI",
   "author": "Fábio Ávila <fabio@nixweb.com.br>",
   "private": false,

package/src/component/forms/Select.vue

@@ -6,9 +6,9 @@
       <Tip :field="field" :formName="formName" />
     </label>
     <div class="select" :class="{
-      'select-invalid': notifications.length > 0 && formDirty,
-      border: showBorder,
-    }">
+        'select-invalid': notifications.length > 0 && formDirty,
+        border: showBorder,
+      }">
       <multiselect @open="onOpen" @select="onSelected" @search-change="onSearch" :options="data"
         v-model.trim="currentValue" :custom-label="label" placeholder :disabled="disabled" :showLabels="true"
         :noResult="false" :maxHeight="250" ref="multiselect" selectLabel deselectLabel selectedLabel>

package/src/component/layout/Menu.vue

@@ -76,7 +76,7 @@
 </template>
 
 <script>
-import { mapState, mapMutations } from "vuex";
+import { mapState, mapMutations, mapGetters } from "vuex";
 export default {
   name: "Menu",
   props: {
@@ -156,8 +156,15 @@ export default {
   },
   computed: {
     ...mapState("user", ["menu", "userLogged"]),
+    ...mapGetters("generic", ["event"]),
   },
   watch: {
+    event: {
+      handler(event) {
+        if (event.name == "closeMenu") this.hideSubMenu();
+      },
+      deep: true,
+    },
     $route: {
       handler: function (router) {
         this.menuActive = router.matched[0].props.default.module;

package/src/component/shared/SaveCancel.vue

@@ -1,28 +1,13 @@
 <template>
   <div>
-    <FixedBar
-      :position="positionFixedBar"
-      backgroundColor="#FAFAFC"
-      v-show="formDirty && !modal.open && on || showFixed"
-    >
+    <FixedBar :position="positionFixedBar" backgroundColor="#FAFAFC"
+      v-show="formDirty && !modal.open && on || showFixed">
       <div class="margin" :style="'margin-bottom:' + marginBottom + 'px'">
-        <Button
-          _key="cancelSaveCancel"
-          eventName="cancelSaveCancel"
-          title="Cancelar"
-          type="danger"
-          size="small"
-          :clicked="cancel"
-        />
-        <Button
-          _key="saveSaveCancel"
-          :eventName="eventName"
-          classIcon="fa-solid fa-floppy-disk"
-          title="Salvar"
-          type="success"
-          :disabled="!isFormValid(formName)"
-          size="medium"
-        />
+        <Button _key="cancelSaveCancel" eventName="cancelSaveCancel" title="Cancelar" type="danger" size="small"
+          :clicked="cancel" />
+        <Button _key="saveSaveCancel" :eventName="eventName" classIcon="fa-solid fa-floppy-disk" title="Salvar"
+          type="success" :disabled="!isFormValid(formName)" size="medium" />
+        <slot></slot>
       </div>
     </FixedBar>
   </div>

package/src/component/shared/Timer.vue

@@ -1,8 +1,16 @@
 <template>
   <div>
+    <span v-if="play" class="pause" @click="play = false">
+      <i class="fa-solid fa-pause"></i>
+    </span>
+    <span v-else class="play" @click="play = true">
+      <i class="fa-solid fa-play"></i>
+    </span>
     <span class="title"> {{ title }}</span>
-    <span class="title timer"> {{ time }} </span>
-    <span class="title">segundos...</span>
+    <span class="title timer">
+      {{ time }}
+    </span>
+    <span class="title"> segundos...</span>
   </div>
 </template>
 <script>
@@ -22,6 +30,7 @@ export default {
   data() {
     return {
       time: 10,
+      play: true,
     };
   },
   created() {
@@ -36,7 +45,7 @@ export default {
       clearInterval(this.$options.interval);
     },
     decrement() {
-      this.time--;
+      if (this.play) this.time--;
     },
   },
   watch: {
@@ -56,4 +65,14 @@ export default {
   font-size: 15px;
   font-weight: bold;
 }
+
+.play {
+  color: darkblue;
+  cursor: pointer;
+}
+
+.pause {
+  color: red;
+  cursor: pointer;
+}
 </style>

package/src/component/template/ViewTemplateReportPreview.vue

@@ -202,6 +202,7 @@ export default {
       let paramsQuery = { url: this.urlQuery };
       this.resetData();
       this.getApiOdata(paramsQuery).then((response) => {
+
         this.isLoading = true;
         let totalRecords = response["@odata.count"];
         this.loadingSearch = false;
@@ -234,7 +235,7 @@ export default {
       let self = this;
       setTimeout(function () {
         self.isLoading = false;
-      }, 350);
+      }, 100);
     },
     loadingOnlyIfManyPages() {
       let seq = 0;