@nixweb/nixloc-ui 0.0.78 → 0.0.81

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.
Files changed (10) hide show
  1. package/package.json +1 -1
  2. package/src/component/forms/DateTime.vue +1 -3
  3. package/src/component/forms/Escolher.vue +7 -6
  4. package/src/component/forms/Numero.vue +1 -3
  5. package/src/component/forms/Opcoes.vue +1 -3
  6. package/src/component/forms/Texto.vue +1 -3
  7. package/src/component/layout/BarraFixa.vue +2 -3
  8. package/src/component/layout/Menu.vue +32 -17
  9. package/src/component/layout/Painel.vue +2 -3
  10. package/src/component/layout/Topo.vue +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nixweb/nixloc-ui",
3
- "version": "0.0.78",
3
+ "version": "0.0.81",
4
4
  "description": "Componentes UI",
5
5
  "author": "Fábio Ávila <fabio@nixweb.com.br>",
6
6
  "private": false,
package/src/component/forms/DateTime.vue CHANGED
@@ -152,9 +152,7 @@ export default {
152
152
  </script>
153
153
 
154
154
  <style scoped>
155
- .titulo {
156
- color: #5f7587;
157
- }
155
+
158
156
  .sucesso {
159
157
  color: #94aa2a;
160
158
  font-size: 14px;
package/src/component/forms/Escolher.vue CHANGED
@@ -65,6 +65,7 @@
65
65
  />
66
66
  </div>
67
67
  </div>
68
+ <div slot="noOptions">Lista está vazia</div>
68
69
  <div slot="noResult">Nenhum registro encontrado</div>
69
70
  </multiselect>
70
71
  <div v-if="formSujo">
@@ -131,7 +132,6 @@ export default {
131
132
  dados: [],
132
133
  totalRegistros: 0,
133
134
  baseParams: {
134
- url: this.url,
135
135
  pesquisa: "",
136
136
  paginaAtual: 1,
137
137
  totalPorPagina: 20,
@@ -157,7 +157,7 @@ export default {
157
157
  ...mapGetters("generic", ["mostrarVodal"]),
158
158
  },
159
159
  methods: {
160
- ...mapActions("generic", ["escolherApi"]),
160
+ ...mapActions("generic", ["getApi"]),
161
161
  ...mapMutations("generic", [
162
162
  "removeCarregando",
163
163
  "abrirVodal",
@@ -189,15 +189,16 @@ export default {
189
189
  if (value.conteudo) return `${value.conteudo}`;
190
190
  },
191
191
  obterTodos() {
192
- let params = { ...this.baseParams, ...this.propsParams };
192
+ let obj = { ...this.baseParams, ...this.propsParams };
193
+ let params = { url: this.url, obj: obj };
193
194
  this.carregando = true;
194
- this.escolherApi(params).then((response) => {
195
- this.totalRegistros = response.totalRegistros;
195
+ this.getApi(params).then((response) => {
196
+ this.totalRegistros = response.conteudo.totalRegistros;
196
197
  let self = this;
197
198
  if (this.baseParams.paginaAtual == 1) {
198
199
  this.dados = [];
199
200
  }
200
- response.dados.map(function (value, key) {
201
+ response.conteudo.dados.map(function (value, key) {
201
202
  self.dados.push(value);
202
203
  });
203
204
  this.carregando = false;
package/src/component/forms/Numero.vue CHANGED
@@ -138,9 +138,7 @@ export default {
138
138
  </script>
139
139
 
140
140
  <style scoped>
141
- .titulo {
142
- color: #5f7587;
143
- }
141
+
144
142
  .sucesso {
145
143
  color: #94aa2a;
146
144
  font-size: 14px;
package/src/component/forms/Opcoes.vue CHANGED
@@ -47,7 +47,5 @@ export default {
47
47
  .opcoes {
48
48
  margin-top: 5px;
49
49
  }
50
- .titulo {
51
- color: #5f7587;
52
- }
50
+
53
51
  </style>
package/src/component/forms/Texto.vue CHANGED
@@ -145,9 +145,7 @@ export default {
145
145
  </script>
146
146
 
147
147
  <style scoped>
148
- .titulo{
149
- color: #5F7587;
150
- }
148
+
151
149
  .sucesso {
152
150
  color: #94aa2a;
153
151
  font-size: 14px;
package/src/component/layout/BarraFixa.vue CHANGED
@@ -39,13 +39,13 @@ export default {
39
39
 
40
40
  <style scoped>
41
41
  .barra {
42
- background-color: white;
42
+ background-color: #fafafc;
43
43
  position: fixed;
44
44
  width: 100%;
45
45
  overflow: hidden;
46
46
  z-index: 20;
47
47
  padding: 18px;
48
- margin-left: 240px;
48
+ margin-left: 220px;
49
49
  }
50
50
 
51
51
  .tamanho {
@@ -65,5 +65,4 @@ export default {
65
65
  bottom: 0px;
66
66
  border-top: 1px solid #e1e1e2;
67
67
  }
68
-
69
68
  </style>
package/src/component/layout/Menu.vue CHANGED
@@ -1,14 +1,20 @@
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
+ <div class="div-hr"><hr /></div>
9
+ </li>
4
10
  <li>
5
11
  <a
6
12
  href="#"
7
13
  @click.prevent="navegarPara('dashboard')"
8
14
  :class="sessaoDestaque('home')"
9
15
  >
10
- <div class="div-icone lado-a-lado" :style="'background-color:' + corBase">
11
- <i class="fas fa-chart-area icone" aria-hidden="true"></i>
16
+ <div class="div-icone lado-a-lado">
17
+ <i class="fas fa-chart-area icone-dash" :style="'color:' + corBase"></i>
12
18
  </div>
13
19
  <div class="lado-a-lado titulo">Dashboard</div>
14
20
  </a>
@@ -20,12 +26,12 @@
20
26
  @click.prevent="abrirSubMenu(item.modulo)"
21
27
  :class="sessaoDestaque(item.modulo)"
22
28
  >
23
- <div class="div-icone lado-a-lado" :style="'background-color:' + corBase">
24
- <i :class="item.icone" class="icone" aria-hidden="true"></i>
29
+ <div class="div-icone lado-a-lado">
30
+ <i :class="item.icone" class="icone" :style="'color:' + corBase"></i>
25
31
  </div>
26
32
  <div class="lado-a-lado titulo">{{ item.modulo }}</div>
27
33
  <div class="lado-a-lado seta menu__arrow-icon">
28
- <i class="fa fa-chevron-right" aria-hidden="true"></i>
34
+ <i class="fas fa-angle-right"></i>
29
35
  </div>
30
36
  </a>
31
37
  </li>
@@ -69,7 +75,6 @@
69
75
 
70
76
  <script>
71
77
  import { mapState } from "vuex";
72
-
73
78
  export default {
74
79
  name: "Menu",
75
80
  props: {
@@ -77,6 +82,7 @@ export default {
77
82
  type: String,
78
83
  default: "#4680A5",
79
84
  },
85
+ urlImagem: String,
80
86
  },
81
87
  data() {
82
88
  return {
@@ -139,36 +145,45 @@ export default {
139
145
  z-index: 1000;
140
146
  }
141
147
 
148
+ .div-logo {
149
+ margin-top: 5px;
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
- .icone-fechar {
151
- margin-right: 30px;
158
+ .div-hr {
159
+ padding-left: 30px;
160
+ padding-right: 30px;
152
161
  }
153
162
 
163
+ .icone-fechar {
164
+ margin-right: 20px;
165
+ }
154
166
  .icone {
155
- color: white;
156
167
  font-size: 18px;
157
168
  }
158
-
169
+ .icone-dash {
170
+ font-size: 20px;
171
+ }
159
172
  .titulo {
160
- margin-left: 14px;
161
173
  font-size: 14px;
162
174
  font-weight: 400;
163
175
  }
164
-
165
176
  .titulo-sub {
166
177
  margin-left: 5px;
167
- font-weight: 300;
178
+ font-weight: 400;
168
179
  }
169
-
170
180
  .sub-titulo {
171
- font-size: 18px;
181
+ font-size: 16px;
172
182
  font-weight: normal;
173
183
  }
184
+
185
+ img {
186
+ height: 30px;
187
+ margin-top: 10px;
188
+ }
174
189
  </style>
package/src/component/layout/Painel.vue CHANGED
@@ -98,8 +98,7 @@ export default {
98
98
  <style scoped>
99
99
  .c-container {
100
100
  margin: auto;
101
- padding-left: 235px;
102
- padding-right: 30px;
101
+ padding-left: 220px;
103
102
  max-width: 1400px;
104
103
  }
105
104
 
@@ -109,7 +108,7 @@ export default {
109
108
 
110
109
  .modulo {
111
110
  font-size: 16px;
112
- font-weight: 300;
111
+ font-weight: 400;
113
112
  }
114
113
 
115
114
  .titulo {
package/src/component/layout/Topo.vue CHANGED
@@ -29,7 +29,7 @@ export default {
29
29
  width: 100%;
30
30
  position: fixed;
31
31
  top: 0;
32
- left: 0;
32
+ left: 220px;
33
33
  z-index: 20;
34
34
  }
35
35
  </style>