@nixweb/nixloc-ui 0.0.261 → 0.0.263

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nixweb/nixloc-ui",
3
- "version": "0.0.261",
3
+ "version": "0.0.263",
4
4
  "description": "Componentes UI",
5
5
  "author": "Fábio Ávila <fabio@nixweb.com.br>",
6
6
  "private": false,
@@ -76,7 +76,7 @@
76
76
  </template>
77
77
 
78
78
  <script>
79
- import { mapState, mapMutations } from "vuex";
79
+ import { mapState, mapMutations, mapGetters } from "vuex";
80
80
  export default {
81
81
  name: "Menu",
82
82
  props: {
@@ -156,8 +156,15 @@ export default {
156
156
  },
157
157
  computed: {
158
158
  ...mapState("user", ["menu", "userLogged"]),
159
+ ...mapGetters("generic", ["event"]),
159
160
  },
160
161
  watch: {
162
+ event: {
163
+ handler(event) {
164
+ if (event.name == "closeMenu") this.hideSubMenu();
165
+ },
166
+ deep: true,
167
+ },
161
168
  $route: {
162
169
  handler: function (router) {
163
170
  this.menuActive = router.matched[0].props.default.module;
@@ -1,8 +1,16 @@
1
1
  <template>
2
2
  <div>
3
+ <span v-if="play" class="pause" @click="play = false">
4
+ <i class="fa-solid fa-pause"></i>
5
+ </span>
6
+ <span v-else class="play" @click="play = true">
7
+ <i class="fa-solid fa-play"></i>
8
+ </span>
3
9
  <span class="title"> {{ title }}</span>
4
- <span class="title timer"> {{ time }} </span>
5
- <span class="title">segundos...</span>
10
+ <span class="title timer">
11
+ {{ time }}
12
+ </span>
13
+ <span class="title"> segundos...</span>
6
14
  </div>
7
15
  </template>
8
16
  <script>
@@ -22,6 +30,7 @@ export default {
22
30
  data() {
23
31
  return {
24
32
  time: 10,
33
+ play: true,
25
34
  };
26
35
  },
27
36
  created() {
@@ -36,7 +45,7 @@ export default {
36
45
  clearInterval(this.$options.interval);
37
46
  },
38
47
  decrement() {
39
- this.time--;
48
+ if (this.play) this.time--;
40
49
  },
41
50
  },
42
51
  watch: {
@@ -56,4 +65,14 @@ export default {
56
65
  font-size: 15px;
57
66
  font-weight: bold;
58
67
  }
68
+
69
+ .play {
70
+ color: darkblue;
71
+ cursor: pointer;
72
+ }
73
+
74
+ .pause {
75
+ color: red;
76
+ cursor: pointer;
77
+ }
59
78
  </style>
@@ -234,7 +234,7 @@ export default {
234
234
  let self = this;
235
235
  setTimeout(function () {
236
236
  self.isLoading = false;
237
- }, 350);
237
+ }, 100);
238
238
  },
239
239
  loadingOnlyIfManyPages() {
240
240
  let seq = 0;
@@ -250,9 +250,9 @@ export default {
250
250
  response.value.forEach(function (obj) {
251
251
  self.content.data.push(obj);
252
252
  });
253
+ this.content.totalPages.pop();
254
+ this.baseParams.currentPage++;
253
255
  });
254
- this.content.totalPages.pop();
255
- this.baseParams.currentPage++;
256
256
  },
257
257
  resetData() {
258
258
  this.isLoading = false;