@burh/nuxt-core 1.0.293 → 1.0.295

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.
@@ -107,7 +107,7 @@
107
107
  margin-left: 10px;
108
108
  }
109
109
  .progress-bar {
110
- background: linear-gradient(to left, #8965e0, #4460F4);
110
+ background: linear-gradient(to left, #8965e0, #5865F2);
111
111
  }
112
112
  .star-progress {
113
113
  height: 25px;
@@ -19,7 +19,7 @@ export const Charts = {
19
19
  },
20
20
  theme: {
21
21
  'default': '#172b4d',
22
- 'primary': '#5e72e4',
22
+ 'primary': '#5865F2',
23
23
  'secondary': '#f4f5f7',
24
24
  'info': '#11cdef',
25
25
  'success': '#2dce89',
@@ -53,7 +53,7 @@ export default {
53
53
  .card-header {
54
54
  padding: 1.25rem 0;
55
55
  &::after {
56
- color: #4460F4;
56
+ color: #5865F2;
57
57
  font-size: 1.5rem;
58
58
  }
59
59
  }
@@ -61,8 +61,8 @@
61
61
  <h5 class="font-weight-bold mt-4 ml-3">Contatos</h5>
62
62
  <div class="ml-3 info-text">
63
63
  <span v-if="userData.email != null">Email: {{userData.email}}</span><br>
64
- <span v-if="userData.user_contact.cellphone != null">Celular: {{userData.user_contact.cellphone}}</span><br>
65
- <span v-if="userData.user_contact.phone != null">Telefone: {{userData.user_contact.phone}}</span>
64
+ <span v-if="userData.user_contact.cellphone != null && userData.user_contact.cellphone.length > 1 ">Celular: {{phoneMask(userData.user_contact.cellphone)}}</span><br>
65
+ <span v-if="userData.user_contact.phone != null && userData.user_contact.phone.length > 1">Telefone: {{phoneMask(userData.user_contact.phone)}}</span>
66
66
  </div>
67
67
 
68
68
  <!-- EDUCAÇÃO -->
@@ -187,9 +187,11 @@
187
187
 
188
188
  <script>
189
189
  import getPrefixes from '~/util/getPrefixes.js';
190
+ import { mask } from 'vue-the-mask';
190
191
 
191
192
  export default {
192
193
  name: 'user-cv-middle',
194
+ directives: { mask },
193
195
  props: {
194
196
  userData: Object,
195
197
  tools: {
@@ -253,6 +255,22 @@ export default {
253
255
  }
254
256
  },
255
257
  methods: {
258
+ phoneMask(v) {
259
+
260
+ let r = v.replace(/\D/g, '');
261
+ r = r.replace(/^0/, '');
262
+
263
+ if (r.length > 11) {
264
+ r = r.replace(/^(\d\d)(\d{5})(\d{4}).*/, '($1) $2-$3');
265
+ } else if (r.length > 7) {
266
+ r = r.replace(/^(\d\d)(\d{5})(\d{0,4}).*/, '($1) $2-$3');
267
+ } else if (r.length > 2) {
268
+ r = r.replace(/^(\d\d)(\d{0,5})/, '($1) $2');
269
+ } else if (v.trim() !== '') {
270
+ r = r.replace(/^(\d*)/, '($1');
271
+ }
272
+ return r;
273
+ },
256
274
  highlightText(search, text) {
257
275
  if (search.length < 2) return text;
258
276
 
@@ -435,7 +453,7 @@ export default {
435
453
  border: none;
436
454
  margin-top: 15px;
437
455
 
438
- background: #4460F4;
456
+ background: #5865F2;
439
457
  border-radius: 16px;
440
458
  color: #fff;
441
459
 
@@ -102,7 +102,7 @@ export default {
102
102
  font-weight: 400;
103
103
  text-align: center;
104
104
  background-color: rgba(29, 161, 241, 0.1);
105
- color: #4460F4;
105
+ color: #5865F2;
106
106
  }
107
107
  </style>
108
108
  <style lang="scss">
@@ -140,7 +140,7 @@ export default {
140
140
  border: 2px solid transparent;
141
141
  transition: border-color 0.5s;
142
142
  &--active {
143
- border-color: #4460F4;
143
+ border-color: #5865F2;
144
144
  z-index: 10;
145
145
  }
146
146
  }
@@ -313,7 +313,7 @@ export default {
313
313
  position: absolute;
314
314
  top: 2.75rem;
315
315
  right: 2rem;
316
- color: #4460F4;
316
+ color: #5865F2;
317
317
  }
318
318
 
319
319
  li {
@@ -4,7 +4,7 @@
4
4
  :can-cancel="true"
5
5
  :on-cancel="onCancel"
6
6
  :is-full-page="fullPage"
7
- :color="'#4460F4'"
7
+ :color="'#5865F2'"
8
8
  :loader="'dots'"
9
9
  :class="isBottomLoading ? 'bottom-loading' : ''"
10
10
  ></loading>
@@ -16,7 +16,7 @@ export default {
16
16
  props: {
17
17
  defaultColor: {
18
18
  type: String,
19
- default: '#4460F4'
19
+ default: '#5865F2'
20
20
  },
21
21
  isLoading: {
22
22
  type: Boolean,
@@ -60,6 +60,6 @@ export default {
60
60
  font-size: 27px;
61
61
  font-weight: bold;
62
62
  text-align: center;
63
- color:#4460F4;
63
+ color:#5865F2;
64
64
  }
65
65
  </style>
@@ -184,7 +184,7 @@ export default {
184
184
  </script>
185
185
 
186
186
  <style lang="scss" scoped>
187
- $primaryColor: #4460F4;
187
+ $primaryColor: #5865F2;
188
188
 
189
189
  .products--info {
190
190
  padding: 0 40px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@burh/nuxt-core",
3
- "version": "1.0.293",
3
+ "version": "1.0.295",
4
4
  "description": "Design System and Components.",
5
5
  "author": "Burh",
6
6
  "scripts": {