@nixweb/nixloc-ui 0.0.79 → 0.0.82
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 +1 -1
- package/src/component/forms/CheckboxMultiplo.vue +5 -1
- package/src/component/forms/DateTime.vue +1 -3
- package/src/component/forms/Decimal.vue +6 -2
- package/src/component/forms/Escolher.vue +0 -3
- package/src/component/forms/Numero.vue +1 -3
- package/src/component/forms/Opcoes.vue +1 -3
- package/src/component/forms/Texto.vue +1 -3
- package/src/component/forms/TextoArea.vue +6 -1
- package/src/component/layout/Menu.vue +27 -17
- package/src/component/layout/Painel.vue +1 -2
- package/src/component/layout/Topo.vue +1 -1
package/package.json
CHANGED
|
@@ -12,6 +12,8 @@
|
|
|
12
12
|
</template>
|
|
13
13
|
|
|
14
14
|
<script>
|
|
15
|
+
import { mapState, mapMutations } from "vuex";
|
|
16
|
+
|
|
15
17
|
export default {
|
|
16
18
|
name: "CheckboxMultiplo",
|
|
17
19
|
props: {
|
|
@@ -36,11 +38,13 @@ export default {
|
|
|
36
38
|
this.selecionado = this.valorInicial;
|
|
37
39
|
},
|
|
38
40
|
methods: {
|
|
41
|
+
...mapMutations("validation", ["insereFormSujo"]),
|
|
39
42
|
executar(event) {
|
|
43
|
+
this.insereFormSujo(true);
|
|
40
44
|
this.$emit("input", this.selecionado);
|
|
41
45
|
let self = this;
|
|
42
46
|
setTimeout(function () {
|
|
43
|
-
// adicionado o pointerId para
|
|
47
|
+
// adicionado o pointerId para prevenir que não seja executado em duplicidade
|
|
44
48
|
if (self.clicou && event.pointerId === 1) self.clicou(self.params);
|
|
45
49
|
}, 100);
|
|
46
50
|
},
|
|
@@ -10,7 +10,6 @@
|
|
|
10
10
|
v-if="notificacoes.length > 0 && formSujo"
|
|
11
11
|
class="requerido glyphicon fas fa-exclamation-triangle"
|
|
12
12
|
></i>
|
|
13
|
-
|
|
14
13
|
<vue-numeric
|
|
15
14
|
class="form-control"
|
|
16
15
|
v-on:keyup.enter.native="apertouEnter"
|
|
@@ -67,7 +66,11 @@ export default {
|
|
|
67
66
|
this.valor = this.value;
|
|
68
67
|
},
|
|
69
68
|
methods: {
|
|
70
|
-
...mapMutations("validation", [
|
|
69
|
+
...mapMutations("validation", [
|
|
70
|
+
"insereValidacao",
|
|
71
|
+
"removeValidacao",
|
|
72
|
+
"insereFormSujo",
|
|
73
|
+
]),
|
|
71
74
|
valida() {
|
|
72
75
|
this.notificacoes = [];
|
|
73
76
|
if (this.value == 0) return;
|
|
@@ -90,6 +93,7 @@ export default {
|
|
|
90
93
|
valor() {
|
|
91
94
|
this.valida();
|
|
92
95
|
this.formSujo = true;
|
|
96
|
+
this.insereFormSujo(true);
|
|
93
97
|
this.$emit("input", this.valor);
|
|
94
98
|
},
|
|
95
99
|
notificacoes() {
|
|
@@ -56,7 +56,11 @@ export default {
|
|
|
56
56
|
this.valida();
|
|
57
57
|
},
|
|
58
58
|
methods: {
|
|
59
|
-
...mapMutations("validation", [
|
|
59
|
+
...mapMutations("validation", [
|
|
60
|
+
"insereValidacao",
|
|
61
|
+
"removeValidacao",
|
|
62
|
+
"insereFormSujo",
|
|
63
|
+
]),
|
|
60
64
|
valida() {
|
|
61
65
|
this.notificacoes = [];
|
|
62
66
|
|
|
@@ -80,6 +84,7 @@ export default {
|
|
|
80
84
|
value() {
|
|
81
85
|
this.valida();
|
|
82
86
|
this.formSujo = true;
|
|
87
|
+
this.insereFormSujo(true);
|
|
83
88
|
},
|
|
84
89
|
notificacoes() {
|
|
85
90
|
let self = this;
|
|
@@ -1,14 +1,19 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="menu-container" :class="{ 'menu-aberto': subMenuPrimeiroNivel }">
|
|
3
3
|
<ul class="menu">
|
|
4
|
+
<li v-if="urlImagem">
|
|
5
|
+
<div class="div-logo text-center">
|
|
6
|
+
<img :src="urlImagem" />
|
|
7
|
+
</div>
|
|
8
|
+
</li>
|
|
4
9
|
<li>
|
|
5
10
|
<a
|
|
6
11
|
href="#"
|
|
7
12
|
@click.prevent="navegarPara('dashboard')"
|
|
8
13
|
:class="sessaoDestaque('home')"
|
|
9
14
|
>
|
|
10
|
-
<div class="div-icone lado-a-lado"
|
|
11
|
-
<i class="fas fa-chart-area icone"
|
|
15
|
+
<div class="div-icone lado-a-lado">
|
|
16
|
+
<i class="fas fa-chart-area icone-dash" :style="'color:' + corBase"></i>
|
|
12
17
|
</div>
|
|
13
18
|
<div class="lado-a-lado titulo">Dashboard</div>
|
|
14
19
|
</a>
|
|
@@ -20,12 +25,12 @@
|
|
|
20
25
|
@click.prevent="abrirSubMenu(item.modulo)"
|
|
21
26
|
:class="sessaoDestaque(item.modulo)"
|
|
22
27
|
>
|
|
23
|
-
<div class="div-icone lado-a-lado"
|
|
24
|
-
<i :class="item.icone" class="icone"
|
|
28
|
+
<div class="div-icone lado-a-lado">
|
|
29
|
+
<i :class="item.icone" class="icone" :style="'color:' + corBase"></i>
|
|
25
30
|
</div>
|
|
26
31
|
<div class="lado-a-lado titulo">{{ item.modulo }}</div>
|
|
27
32
|
<div class="lado-a-lado seta menu__arrow-icon">
|
|
28
|
-
<i class="
|
|
33
|
+
<i class="fas fa-angle-right"></i>
|
|
29
34
|
</div>
|
|
30
35
|
</a>
|
|
31
36
|
</li>
|
|
@@ -69,7 +74,6 @@
|
|
|
69
74
|
|
|
70
75
|
<script>
|
|
71
76
|
import { mapState } from "vuex";
|
|
72
|
-
|
|
73
77
|
export default {
|
|
74
78
|
name: "Menu",
|
|
75
79
|
props: {
|
|
@@ -77,6 +81,7 @@ export default {
|
|
|
77
81
|
type: String,
|
|
78
82
|
default: "#4680A5",
|
|
79
83
|
},
|
|
84
|
+
urlImagem: String,
|
|
80
85
|
},
|
|
81
86
|
data() {
|
|
82
87
|
return {
|
|
@@ -139,36 +144,41 @@ export default {
|
|
|
139
144
|
z-index: 1000;
|
|
140
145
|
}
|
|
141
146
|
|
|
147
|
+
.div-logo {
|
|
148
|
+
padding-top: 5px;
|
|
149
|
+
padding-bottom: 15px;
|
|
150
|
+
}
|
|
151
|
+
|
|
142
152
|
.div-icone {
|
|
143
153
|
width: 35px;
|
|
144
154
|
height: 35px;
|
|
145
|
-
text-align: center;
|
|
146
155
|
padding-top: 5px;
|
|
147
|
-
border-radius: 10px;
|
|
148
156
|
}
|
|
149
157
|
|
|
150
158
|
.icone-fechar {
|
|
151
|
-
margin-right:
|
|
159
|
+
margin-right: 20px;
|
|
152
160
|
}
|
|
153
|
-
|
|
154
161
|
.icone {
|
|
155
|
-
color: white;
|
|
156
162
|
font-size: 18px;
|
|
157
163
|
}
|
|
158
|
-
|
|
164
|
+
.icone-dash {
|
|
165
|
+
font-size: 20px;
|
|
166
|
+
}
|
|
159
167
|
.titulo {
|
|
160
|
-
|
|
161
|
-
font-size: 15px;
|
|
168
|
+
font-size: 14px;
|
|
162
169
|
font-weight: 400;
|
|
163
170
|
}
|
|
164
|
-
|
|
165
171
|
.titulo-sub {
|
|
166
172
|
margin-left: 5px;
|
|
167
173
|
font-weight: 400;
|
|
168
174
|
}
|
|
169
|
-
|
|
170
175
|
.sub-titulo {
|
|
171
|
-
font-size:
|
|
176
|
+
font-size: 16px;
|
|
172
177
|
font-weight: normal;
|
|
173
178
|
}
|
|
179
|
+
|
|
180
|
+
img {
|
|
181
|
+
height: 27px;
|
|
182
|
+
margin-top: 10px;
|
|
183
|
+
}
|
|
174
184
|
</style>
|