@nixweb/nixloc-ui 0.0.290 → 0.0.291

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 (4) hide show
  1. package/package.json +88 -88
  2. package/src/component/forms/Select.vue +71 -19
  3. package/src/component/layout/Menu.vue +34 -14
  4. package/src/component/report/Report.vue +18 -12
package/package.json CHANGED
@@ -1,89 +1,89 @@
1
- {
2
- "name": "@nixweb/nixloc-ui",
3
- "version": "0.0.290",
4
- "description": "Componentes UI",
5
- "author": "Fábio Ávila <fabio@nixweb.com.br>",
6
- "private": false,
7
- "scripts": {
8
- "serve": "vue-cli-service serve",
9
- "build": "vue-cli-service build",
10
- "lint": "vue-cli-service lint"
11
- },
12
- "dependencies": {
13
- "@babel/polyfill": "^7.12.1",
14
- "@ckeditor/ckeditor5-vue2": "^2.0.0",
15
- "@fullcalendar/core": "^5.11.3",
16
- "@fullcalendar/daygrid": "^5.11.3",
17
- "@fullcalendar/interaction": "^5.11.3",
18
- "@fullcalendar/list": "^5.11.3",
19
- "@fullcalendar/timegrid": "^5.11.3",
20
- "@fullcalendar/vue": "^5.11.2",
21
- "axios": "^0.24.0",
22
- "bootstrap-vue": "^2.0.0-rc.11",
23
- "core-js": "^3.6.5",
24
- "frappe-gantt": "^0.6.1",
25
- "sass-loader": "^10.1.1",
26
- "timeline-vuejs": "^1.1.7",
27
- "v-runtime-template": "^1.10.0",
28
- "vodal": "^2.4.0",
29
- "vue": "^2.6.11",
30
- "vue-color": "^2.7.0",
31
- "vue-currency-filter": "^3.3.0",
32
- "vue-html2pdf": "^1.8.0",
33
- "vue-image-crop-upload": "^3.0.3",
34
- "vue-js-toggle-button": "^1.3.0",
35
- "vue-json-excel": "^0.3.0",
36
- "vue-loading-template": "^1.3.0",
37
- "vue-moment": "^4.0.0",
38
- "vue-multiselect": "^2.1.0",
39
- "vue-numeric": "^2.4.1",
40
- "vue-pdf-app": "^2.1.0",
41
- "vue-print-nb": "^1.7.5",
42
- "vue-router": "^3.0.1",
43
- "vue-simple-progress": "^1.1.1",
44
- "vue-the-mask": "^0.11.1",
45
- "vue-toasted": "^1.1.28",
46
- "vue-toggles": "^1.1.4",
47
- "vue-upload-file": "^1.1.0",
48
- "vue2-datepicker": "^2.13.0",
49
- "vue2-editor": "^2.6.6",
50
- "vue2-google-maps": "^0.10.7",
51
- "vuedraggable": "^2.24.3",
52
- "vuejs-ace-editor": "^1.0.1",
53
- "vuex": "^3.6.2",
54
- "vuex-persistedstate": "^4.0.0"
55
- },
56
- "devDependencies": {
57
- "@vue/cli-plugin-babel": "~4.5.0",
58
- "@vue/cli-service": "~4.5.0",
59
- "babel-eslint": "^10.1.0",
60
- "eslint": "^6.7.2",
61
- "eslint-plugin-vue": "^6.2.2",
62
- "script-loader": "^0.7.2",
63
- "vue-template-compiler": "^2.6.11"
64
- },
65
- "eslintConfig": {
66
- "root": true,
67
- "env": {
68
- "node": true
69
- },
70
- "extends": [
71
- "plugin:vue/essential",
72
- "eslint:recommended"
73
- ],
74
- "parserOptions": {
75
- "parser": "babel-eslint"
76
- },
77
- "rules": {}
78
- },
79
- "engines": {
80
- "node": "16.14.2",
81
- "npm": ">= 3.0.0"
82
- },
83
- "browserslist": [
84
- "> 1%",
85
- "last 2 versions",
86
- "not dead"
87
- ],
88
- "main": "babel.config.js"
1
+ {
2
+ "name": "@nixweb/nixloc-ui",
3
+ "version": "0.0.291",
4
+ "description": "Componentes UI",
5
+ "author": "Fábio Ávila <fabio@nixweb.com.br>",
6
+ "private": false,
7
+ "scripts": {
8
+ "serve": "vue-cli-service serve",
9
+ "build": "vue-cli-service build",
10
+ "lint": "vue-cli-service lint"
11
+ },
12
+ "dependencies": {
13
+ "@babel/polyfill": "^7.12.1",
14
+ "@ckeditor/ckeditor5-vue2": "^2.0.0",
15
+ "@fullcalendar/core": "^5.11.3",
16
+ "@fullcalendar/daygrid": "^5.11.3",
17
+ "@fullcalendar/interaction": "^5.11.3",
18
+ "@fullcalendar/list": "^5.11.3",
19
+ "@fullcalendar/timegrid": "^5.11.3",
20
+ "@fullcalendar/vue": "^5.11.2",
21
+ "axios": "^0.24.0",
22
+ "bootstrap-vue": "^2.0.0-rc.11",
23
+ "core-js": "^3.6.5",
24
+ "frappe-gantt": "^0.6.1",
25
+ "sass-loader": "^10.1.1",
26
+ "timeline-vuejs": "^1.1.7",
27
+ "v-runtime-template": "^1.10.0",
28
+ "vodal": "^2.4.0",
29
+ "vue": "^2.6.11",
30
+ "vue-color": "^2.7.0",
31
+ "vue-currency-filter": "^3.3.0",
32
+ "vue-html2pdf": "^1.8.0",
33
+ "vue-image-crop-upload": "^3.0.3",
34
+ "vue-js-toggle-button": "^1.3.0",
35
+ "vue-json-excel": "^0.3.0",
36
+ "vue-loading-template": "^1.3.0",
37
+ "vue-moment": "^4.0.0",
38
+ "vue-multiselect": "^2.1.0",
39
+ "vue-numeric": "^2.4.1",
40
+ "vue-pdf-app": "^2.1.0",
41
+ "vue-print-nb": "^1.7.5",
42
+ "vue-router": "^3.0.1",
43
+ "vue-simple-progress": "^1.1.1",
44
+ "vue-the-mask": "^0.11.1",
45
+ "vue-toasted": "^1.1.28",
46
+ "vue-toggles": "^1.1.4",
47
+ "vue-upload-file": "^1.1.0",
48
+ "vue2-datepicker": "^2.13.0",
49
+ "vue2-editor": "^2.6.6",
50
+ "vue2-google-maps": "^0.10.7",
51
+ "vuedraggable": "^2.24.3",
52
+ "vuejs-ace-editor": "^1.0.1",
53
+ "vuex": "^3.6.2",
54
+ "vuex-persistedstate": "^4.0.0"
55
+ },
56
+ "devDependencies": {
57
+ "@vue/cli-plugin-babel": "~4.5.0",
58
+ "@vue/cli-service": "~4.5.0",
59
+ "babel-eslint": "^10.1.0",
60
+ "eslint": "^6.7.2",
61
+ "eslint-plugin-vue": "^6.2.2",
62
+ "script-loader": "^0.7.2",
63
+ "vue-template-compiler": "^2.6.11"
64
+ },
65
+ "eslintConfig": {
66
+ "root": true,
67
+ "env": {
68
+ "node": true
69
+ },
70
+ "extends": [
71
+ "plugin:vue/essential",
72
+ "eslint:recommended"
73
+ ],
74
+ "parserOptions": {
75
+ "parser": "babel-eslint"
76
+ },
77
+ "rules": {}
78
+ },
79
+ "engines": {
80
+ "node": "16.14.2",
81
+ "npm": ">= 3.0.0"
82
+ },
83
+ "browserslist": [
84
+ "> 1%",
85
+ "last 2 versions",
86
+ "not dead"
87
+ ],
88
+ "main": "babel.config.js"
89
89
  }
package/src/component/forms/Select.vue CHANGED
@@ -5,27 +5,69 @@
5
5
  <span class="required" v-if="required">*</span>
6
6
  <Tip :field="field" :formName="formName" />
7
7
  </label>
8
- <div class="select" :class="{
8
+ <div
9
+ class="select"
10
+ :class="{
9
11
  'select-invalid': notifications.length > 0 && formDirty,
10
12
  border: showBorder,
11
- }">
12
- <multiselect @open="onOpen" @select="onSelected" @search-change="onSearch" :options="data"
13
- v-model.trim="currentValue" :custom-label="label" placeholder :disabled="disabled" :showLabels="true"
14
- :noResult="false" :maxHeight="250" ref="multiselect" selectLabel deselectLabel selectedLabel>
13
+ }"
14
+ >
15
+ <multiselect
16
+ @open="onOpen"
17
+ @select="onSelected"
18
+ @search-change="onSearch"
19
+ :options="data"
20
+ v-model.trim="currentValue"
21
+ :custom-label="label"
22
+ placeholder
23
+ :disabled="disabled"
24
+ :showLabels="true"
25
+ :noResult="false"
26
+ :maxHeight="250"
27
+ ref="multiselect"
28
+ selectLabel
29
+ deselectLabel
30
+ selectedLabel
31
+ >
15
32
  <div slot="beforeList">
16
- <vue-loading v-if="loading" type="bubbles" color="#577696"
17
- :size="{ width: '40px', height: '40px' }"></vue-loading>
33
+ <vue-loading
34
+ v-if="loading"
35
+ type="bubbles"
36
+ color="#577696"
37
+ :size="{ width: '40px', height: '40px' }"
38
+ ></vue-loading>
18
39
  <div class="before-list" v-if="!loading">
19
- <Button v-if="showNewRegister" key="addNewRegister" type="primary" title="Novo" size="small"
20
- :clicked="addNewRegister" />
21
- <Button key="cleanSelect" title="Limpar" type="warning" classIcon="fas fa-broom" size="small"
22
- :clicked="cleanSelect" />
40
+ <Button
41
+ v-if="showNewRegister"
42
+ key="addNewRegister"
43
+ type="primary"
44
+ title="Novo"
45
+ size="small"
46
+ :clicked="addNewRegister"
47
+ />
48
+ <Button
49
+ key="cleanSelect"
50
+ title="Limpar"
51
+ type="warning"
52
+ classIcon="fas fa-broom"
53
+ size="small"
54
+ :clicked="cleanSelect"
55
+ />
23
56
  </div>
24
57
  </div>
25
- <div slot="afterList" v-if="totalRecords > 20 && data.length < totalRecords">
58
+ <div
59
+ slot="afterList"
60
+ v-if="totalRecords > 20 && data.length < totalRecords"
61
+ >
26
62
  <div class="after-list text-center">
27
- <Button key="loadingMore" type="info" title="Carregar mais..." classIcon="fas fa-redo-alt" size="small"
28
- :clicked="loadingMore" />
63
+ <Button
64
+ key="loadingMore"
65
+ type="info"
66
+ title="Carregar mais..."
67
+ classIcon="fas fa-redo-alt"
68
+ size="small"
69
+ :clicked="loadingMore"
70
+ />
29
71
  </div>
30
72
  </div>
31
73
  <div slot="noOptions">Lista está vazia</div>
@@ -38,8 +80,16 @@
38
80
  </div>
39
81
  </div>
40
82
 
41
- <vodal v-if="nameNewRegister" :duration="50" :show="showVodal(nameNewRegister)" @hide="hide()"
42
- :width="widthNewRegister" :height="heightNewRegister" :closeOnEsc="true" :closeButton="true">
83
+ <vodal
84
+ v-if="nameNewRegister"
85
+ :duration="50"
86
+ :show="showVodal(nameNewRegister)"
87
+ @hide="hide()"
88
+ :width="widthNewRegister"
89
+ :height="heightNewRegister"
90
+ :closeOnEsc="true"
91
+ :closeButton="true"
92
+ >
43
93
  <Messages v-if="vodal.open" />
44
94
  <div class="title-new-form">{{ titleNewRegister }}</div>
45
95
  <hr class="hr" />
@@ -152,7 +202,11 @@ export default {
152
202
  this.$emit("input", value);
153
203
  if (this.changed) this.changed();
154
204
  if (this.fieldTarget) {
155
- let obj = { tag: `${this.title}: ${value.content}`, fieldTarget: this.fieldTarget, value: value.id };
205
+ let obj = {
206
+ tag: `${this.title}: ${value.content}`,
207
+ fieldTarget: this.fieldTarget,
208
+ value: value.id,
209
+ };
156
210
  this.addFilter(obj);
157
211
  }
158
212
  },
@@ -221,11 +275,9 @@ export default {
221
275
  watch: {
222
276
  event: {
223
277
  handler(event) {
224
-
225
278
  if (event.name == "tagRemoved") {
226
279
  if (this.fieldTarget == event.data) this.cleanSelect();
227
280
  }
228
-
229
281
  },
230
282
  deep: true,
231
283
  },
package/src/component/layout/Menu.vue CHANGED
@@ -10,12 +10,22 @@
10
10
  <div class="text-center div-photo" @click="editProfile">
11
11
  <img class="photo" :src="urlPhoto" />
12
12
  </div>
13
- <div class="box-main" v-for="(item, index) in menuFilter(true)" :key="index">
14
- <a href="#" @click.prevent="openSubMenu(item.module)" :class="highlightSession(item.module)">
15
- <div :class="{
16
- 'icon-active': menuActive == item.module,
17
- 'icon-normal': menuActive != item.module,
18
- }">
13
+ <div
14
+ class="box-main"
15
+ v-for="(item, index) in menuFilter(true)"
16
+ :key="index"
17
+ >
18
+ <a
19
+ href="#"
20
+ @click.prevent="openSubMenu(item.module)"
21
+ :class="highlightSession(item.module)"
22
+ >
23
+ <div
24
+ :class="{
25
+ 'icon-active': menuActive == item.module,
26
+ 'icon-normal': menuActive != item.module,
27
+ }"
28
+ >
19
29
  <b-row>
20
30
  <b-col sm="12">
21
31
  <div class="box-icon text-center">
@@ -51,16 +61,29 @@
51
61
  <li v-for="(item, index) in subMenuFilter(false)" :key="index">
52
62
  <h5 v-if="item.type === 'group'" class="context-menu__title">
53
63
  <span class="sub-title"> {{ item.groupName }}</span>
54
- <span v-if="index === 0" @click.prevent="hideSubMenu" class="context-menu__btn-close icon-close"
55
- href="#">
64
+ <span
65
+ v-if="index === 0"
66
+ @click.prevent="hideSubMenu"
67
+ class="context-menu__btn-close icon-close"
68
+ href="#"
69
+ >
56
70
  <i class="fas fa-times-circle"></i>
57
71
  </span>
58
72
  </h5>
59
73
 
60
- <a v-else href="#" @click.prevent="navegateTo(item)" :class="classSubMenu(item.title)">
74
+ <a
75
+ v-else
76
+ href="#"
77
+ @click.prevent="navegateTo(item)"
78
+ :class="classSubMenu(item.title)"
79
+ >
61
80
  <b-row>
62
81
  <b-col sm="1">
63
- <i class="menu-icon" :style="'color:' + item.iconColor" :class="item.icon"></i>
82
+ <i
83
+ class="menu-icon"
84
+ :style="'color:' + item.iconColor"
85
+ :class="item.icon"
86
+ ></i>
64
87
  </b-col>
65
88
  <b-col sm="10">
66
89
  <span class="title-sub"> {{ item.title }} </span>
@@ -141,11 +164,8 @@ export default {
141
164
  let self = this;
142
165
  let userLogged = this.userLogged.user.userName;
143
166
  this.menu.items.forEach(function (obj) {
144
-
145
-
146
167
  if (obj.isModule == isModule && obj.module === self.module) {
147
- if (obj.isVisible == "all")
148
- filter.push(obj);
168
+ if (obj.isVisible == "all") filter.push(obj);
149
169
 
150
170
  if (obj.isVisible == "support" && userLogged == "UserTemp")
151
171
  filter.push(obj);
package/src/component/report/Report.vue CHANGED
@@ -10,8 +10,8 @@
10
10
  <div class="side-by-side">
11
11
  <div class="div-filter">
12
12
  <Button _key="btnSearchReport" :disabled="loading || !isValid" type="primary"
13
- title="Buscar" classIcon="fas fa-file-search" size="medium"
14
- :clicked="executeSearch" />
13
+ :title="loading ? 'Aguarde...' : 'Buscar'" classIcon="fas fa-file-search"
14
+ size="medium" :clicked="executeSearch" />
15
15
  </div>
16
16
  </div>
17
17
  <div class="side-by-side">
@@ -23,13 +23,16 @@
23
23
  </div>
24
24
  </Molded>
25
25
  </div>
26
- <div v-if="liveTotalRecords != totalRecords">
27
- <ProgressBar :text="`Carregando ${liveTotalRecords} registros de ${totalRecords}`"
28
- :value="liveTotalRecords" :max="totalRecords" size="medium" />
29
- <div class="text-center cancel" @click="stop">
30
- <i class="fa-solid fa-ban"></i> Cancelar
26
+ <div v-if="!cancel">
27
+ <div v-if="liveTotalRecords != totalRecords">
28
+ <ProgressBar :text="`Carregando ${liveTotalRecords} registros de ${totalRecords}`"
29
+ :value="liveTotalRecords" :max="totalRecords" size="medium" />
30
+ <div class="text-center cancel" @click="stop">
31
+ <i class="fa-solid fa-ban"></i> Cancelar
32
+ </div>
31
33
  </div>
32
34
  </div>
35
+
33
36
  <div v-if="!isValid">
34
37
  <Alert type="info">
35
38
  <span>
@@ -50,10 +53,6 @@
50
53
  <div class="icon-toolbar icon-excel">
51
54
  <ExportExcel :nameFile="name" :header="dataConditional" :data="data" />
52
55
  </div>
53
- <div v-if="loading" class="icon-toolbar">
54
- <vue-loading type="bubbles" color="orange" :size="{ width: '26px', height: '26px' }">
55
- </vue-loading>
56
- </div>
57
56
  </div>
58
57
  <ScrollBar :minHeight="400" :maxHeight="820">
59
58
  <br />
@@ -150,6 +149,7 @@ export default {
150
149
  executeSearch() {
151
150
  this.cancel = false;
152
151
  this.data = [];
152
+ this.pagination = [];
153
153
  this.totalization = [];
154
154
  this.getAll();
155
155
  },
@@ -229,7 +229,7 @@ export default {
229
229
  if (event.name == "stringFilter" || event.name == "orderedFilter") {
230
230
  let self = this;
231
231
  setTimeout(function () {
232
- self.getAll();
232
+ // self.getAll();
233
233
  }, 500);
234
234
  }
235
235
  }
@@ -243,6 +243,12 @@ export default {
243
243
  <style scoped>
244
244
  .main {
245
245
  margin-bottom: 30px;
246
+
247
+ }
248
+
249
+ .title {
250
+ font-size: 12px;
251
+ font-weight: normal;
246
252
  }
247
253
 
248
254
  .div-btn {