@nixweb/nixloc-ui 0.0.31 → 0.0.35

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.31",
3
+ "version": "0.0.35",
4
4
  "description": "Componentes UI",
5
5
  "author": "Fábio Ávila <fabio@nixweb.com.br>",
6
6
  "private": false,
@@ -65,6 +65,7 @@ export default {
65
65
  <style scoped>
66
66
  .c-div-botao {
67
67
  display: inline-block;
68
+ margin-left: 5px;
68
69
  }
69
70
 
70
71
  .titulo {
@@ -1,56 +1,52 @@
1
1
  <template>
2
- <div>
2
+ <div class="painel">
3
3
  <Toast />
4
4
  <Carregando v-show="carregando('painel')" />
5
- <Moldura>
6
- <div v-show="!carregando('painel')">
7
- <div v-show="mostrarFiltroVertical">
8
- <FiltroVertical>
9
- <slot name="conteudo-filtro"></slot>
10
- </FiltroVertical>
11
- </div>
12
- <div class="c-container">
13
- <Mensagem v-if="!modal.abrir" />
14
- <div class="row">
15
- <div class="col-10">
16
- <div class="div-titulo">
17
- <i class="fas fa-arrow-circle-right"></i>
18
- <span> {{ modulo }} </span> /
19
- <span class="c-titulo-pagina"> {{ titulo }}</span>
20
- </div>
21
- </div>
22
- <div class="col-2 text-right" v-show="rotaAtual != 'Dashboard'">
23
- <div class="c-voltar" @click="voltar()">
24
- <i class="fad fa-long-arrow-left"></i>
25
- <span class="g-espaco-esquerda">Voltar</span>
26
- </div>
5
+ <div v-show="!carregando('painel')">
6
+ <div v-show="mostrarFiltroVertical">
7
+ <FiltroVertical>
8
+ <slot name="conteudo-filtro"></slot>
9
+ </FiltroVertical>
10
+ </div>
11
+ <div class="c-container">
12
+ <Mensagem v-if="!modal.abrir" />
13
+ <div class="row">
14
+ <div class="col-10">
15
+ <div class="div-titulo">
16
+ <i class="fas fa-arrow-circle-right"></i>
17
+ <span> {{ modulo }} </span> /
18
+ <span class="c-titulo-pagina"> {{ titulo }}</span>
27
19
  </div>
28
20
  </div>
29
- <br />
30
- <div class="row" v-show="mostrarBotoes">
31
- <div class="col-12" v-show="mostrarBotoes">
32
- <slot name="conteudo-botoes"></slot>
21
+ <div class="col-2 text-right" v-show="rotaAtual != 'Dashboard'">
22
+ <div class="c-voltar" @click="voltar()">
23
+ <i class="fad fa-long-arrow-left"></i>
24
+ <span class="g-espaco-esquerda">Voltar</span>
33
25
  </div>
34
26
  </div>
35
- <br />
36
- <div class="row" v-show="mostrarBotoes || mostrarPesquisa">
37
- <div class="col-8">
38
- <div v-show="mostrarPesquisa"><Pesquisa /></div>
39
- </div>
27
+ </div>
28
+ <br />
29
+ <div class="row" v-show="mostrarBotoes">
30
+ <div class="col-12" v-show="mostrarBotoes">
31
+ <slot name="conteudo-botoes"></slot>
40
32
  </div>
41
- <br />
42
- <div>
43
- <slot name="conteudo-principal"></slot>
33
+ </div>
34
+ <br />
35
+ <div class="row" v-show="mostrarBotoes || mostrarPesquisa">
36
+ <div class="col-8">
37
+ <div v-show="mostrarPesquisa"><Pesquisa /></div>
44
38
  </div>
45
39
  </div>
40
+ <br />
41
+ <div>
42
+ <slot name="conteudo-principal"></slot>
43
+ </div>
46
44
  </div>
47
- </Moldura>
45
+ </div>
48
46
  </div>
49
47
  </template>
50
48
 
51
49
  <script>
52
-
53
- import Moldura from './Moldura.vue'
54
50
  import Toast from "../shared/Toast.vue";
55
51
  import Mensagem from "../shared/Mensagem.vue";
56
52
  import Pesquisa from "../shared/Pesquisa.vue";
@@ -66,7 +62,7 @@ export default {
66
62
  FiltroVertical,
67
63
  Pesquisa,
68
64
  Mensagem,
69
- Toast, Moldura
65
+ Toast,
70
66
  },
71
67
  props: {
72
68
  modulo: String,
@@ -103,8 +99,7 @@ export default {
103
99
  margin: auto;
104
100
  padding-left: 30px;
105
101
  padding-right: 30px;
106
- padding-top: 60px;
107
- max-width: 1200px;
102
+ max-width: 1400px;
108
103
  }
109
104
 
110
105
  .div-titulo {
@@ -129,4 +124,8 @@ export default {
129
124
  .c-voltar:hover {
130
125
  color: #8ca1b7;
131
126
  }
127
+
128
+ .painel {
129
+ padding: 20px;
130
+ }
132
131
  </style>
@@ -49,7 +49,7 @@ export default {
49
49
  };
50
50
  </script>
51
51
 
52
- <style lang="scss" scoped>
52
+ <style scoped>
53
53
  .carregando {
54
54
  position: absolute;
55
55
  left: 50%;
@@ -196,6 +196,11 @@ export default {
196
196
  </script>
197
197
 
198
198
  <style scoped>
199
+
200
+ table {
201
+ border-collapse: initial !important;
202
+ }
203
+
199
204
  table tbody tr td {
200
205
  max-width: 350px;
201
206
  }
@@ -207,6 +212,7 @@ table tbody tr td {
207
212
  padding-top: 7px !important;
208
213
  padding-bottom: 5px !important;
209
214
  padding-right: 5px !important;
215
+ border-bottom: 0px !important;
210
216
  }
211
217
 
212
218
  .td-checkbox {
@@ -1,14 +1,15 @@
1
1
  export default class Token {
2
+
2
3
  tokenHeaders() {
3
4
  return {
4
5
  "Content-Type": "application/json",
5
- Authorization: "Bearer " + sessionStorage.token
6
+ Authorization: "Bearer " + JSON.parse(sessionStorage.vuex).usuario.usuarioLogado.token
6
7
  };
7
8
  }
8
9
  tokenHeadersFormData() {
9
10
  return {
10
11
  "Content-Type": "multipart/form-data",
11
- Authorization: "Bearer " + sessionStorage.token
12
+ Authorization: "Bearer " + JSON.parse(sessionStorage.vuex).usuario.usuarioLogado.token
12
13
  };
13
14
  }
14
15
  }
@@ -1,6 +1,7 @@
1
1
  import axios from "@/config/axios";
2
2
  import dicas from "@/config/dicas";
3
- import Token from "@/config/token";
3
+ import Token from "@nixweb/nixloc-ui/src/config/token";
4
+
4
5
 
5
6
  export default {
6
7
  namespaced: true,