@burh/nuxt-core 1.1.2 → 1.1.4
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.
|
@@ -10,17 +10,6 @@
|
|
|
10
10
|
/>
|
|
11
11
|
</div>
|
|
12
12
|
|
|
13
|
-
<template
|
|
14
|
-
v-if="userData && userData.profile"
|
|
15
|
-
>
|
|
16
|
-
<div class="aboutme">
|
|
17
|
-
<profile
|
|
18
|
-
:profile="userData.profile"
|
|
19
|
-
:size="48"
|
|
20
|
-
/>
|
|
21
|
-
</div>
|
|
22
|
-
</template>
|
|
23
|
-
|
|
24
13
|
<h5
|
|
25
14
|
class="mb-0 text-wrap"
|
|
26
15
|
v-html="
|
|
@@ -66,6 +55,51 @@
|
|
|
66
55
|
>
|
|
67
56
|
</div>
|
|
68
57
|
|
|
58
|
+
<template
|
|
59
|
+
v-if="hasAboutme && userData && userData.profile"
|
|
60
|
+
>
|
|
61
|
+
<div class="aboutme title-block mt-3 ml-4">
|
|
62
|
+
<h6 class="mb-0">
|
|
63
|
+
Perfil DISC About Me
|
|
64
|
+
|
|
65
|
+
<el-tooltip
|
|
66
|
+
class="ml-1"
|
|
67
|
+
placement="top"
|
|
68
|
+
>
|
|
69
|
+
<div slot="content" style="max-width: 250px">
|
|
70
|
+
O DISC About Me é o teste de perfil comportamental da Burh que determina se a pessoa é Dominante, Influente, Sensato ou Analista.
|
|
71
|
+
</div>
|
|
72
|
+
|
|
73
|
+
<i class="fas fa-info-circle"></i>
|
|
74
|
+
</el-tooltip>
|
|
75
|
+
</h6>
|
|
76
|
+
<div class="line"></div>
|
|
77
|
+
|
|
78
|
+
<div class="aboutme__resume">
|
|
79
|
+
<profile
|
|
80
|
+
:profile="userData.profile"
|
|
81
|
+
:size="48"
|
|
82
|
+
/>
|
|
83
|
+
|
|
84
|
+
<button
|
|
85
|
+
@click="handleAboutmeDownloadClick"
|
|
86
|
+
>
|
|
87
|
+
<template
|
|
88
|
+
v-if="!isAboutmeUnlocked"
|
|
89
|
+
>
|
|
90
|
+
Desbloquear relatório
|
|
91
|
+
<i class="fas fa-unlock"></i>
|
|
92
|
+
</template>
|
|
93
|
+
|
|
94
|
+
<template v-else>
|
|
95
|
+
Baixar Relatório
|
|
96
|
+
<i class="fas fa-file-download"></i>
|
|
97
|
+
</template>
|
|
98
|
+
</button>
|
|
99
|
+
</div>
|
|
100
|
+
</div>
|
|
101
|
+
</template>
|
|
102
|
+
|
|
69
103
|
<div
|
|
70
104
|
class="deficiency title-block mt-3 ml-4"
|
|
71
105
|
v-if="!!(userData.deficiency && userData.deficiency.id)"
|
|
@@ -249,16 +283,28 @@ export default {
|
|
|
249
283
|
Profile
|
|
250
284
|
},
|
|
251
285
|
computed: {
|
|
286
|
+
isAboutmeUnlocked() {
|
|
287
|
+
const userData = this.userData || {};
|
|
288
|
+
const isUnlocked = userData['is_aboutme_unlocked'] || false;
|
|
289
|
+
return isUnlocked;
|
|
290
|
+
},
|
|
252
291
|
currentCompany() {
|
|
253
292
|
return this.$store.state.company.currentCompany;
|
|
254
293
|
}
|
|
255
294
|
},
|
|
256
295
|
props: {
|
|
257
|
-
userData:
|
|
296
|
+
userData: {
|
|
297
|
+
type: Object,
|
|
298
|
+
required: true
|
|
299
|
+
},
|
|
258
300
|
baseUrl: String,
|
|
259
301
|
search: {
|
|
260
302
|
type: String,
|
|
261
303
|
default: ''
|
|
304
|
+
},
|
|
305
|
+
hasAboutme: {
|
|
306
|
+
type: Boolean,
|
|
307
|
+
default: false
|
|
262
308
|
}
|
|
263
309
|
},
|
|
264
310
|
data() {
|
|
@@ -269,6 +315,9 @@ export default {
|
|
|
269
315
|
};
|
|
270
316
|
},
|
|
271
317
|
methods: {
|
|
318
|
+
handleAboutmeDownloadClick() {
|
|
319
|
+
this.$emit('aboutme-download');
|
|
320
|
+
},
|
|
272
321
|
getAge(){
|
|
273
322
|
const userAge = this.userData.user_complementary_information.birth;
|
|
274
323
|
return moment().diff(userAge, 'years');
|
|
@@ -401,9 +450,36 @@ export default {
|
|
|
401
450
|
}
|
|
402
451
|
|
|
403
452
|
.aboutme {
|
|
404
|
-
display:
|
|
405
|
-
|
|
453
|
+
display: flex;
|
|
454
|
+
flex-direction: column;
|
|
406
455
|
margin: 1rem 0;
|
|
456
|
+
|
|
457
|
+
&__resume {
|
|
458
|
+
display: flex;
|
|
459
|
+
flex-direction: row;
|
|
460
|
+
align-items: center;
|
|
461
|
+
gap: 1rem;
|
|
462
|
+
|
|
463
|
+
> button {
|
|
464
|
+
padding: 0.25rem 0.5rem;
|
|
465
|
+
border: 0;
|
|
466
|
+
margin: 0;
|
|
467
|
+
color: #5865f2;
|
|
468
|
+
background: transparent;
|
|
469
|
+
font-weight: 500;
|
|
470
|
+
font-size: 0.875rem;
|
|
471
|
+
|
|
472
|
+
transition: color 0.25s;
|
|
473
|
+
|
|
474
|
+
&:hover {
|
|
475
|
+
color: darken(#5865f2, 10);
|
|
476
|
+
}
|
|
477
|
+
|
|
478
|
+
i {
|
|
479
|
+
margin-left: 0.5rem;
|
|
480
|
+
}
|
|
481
|
+
}
|
|
482
|
+
}
|
|
407
483
|
}
|
|
408
484
|
|
|
409
485
|
.teste-block {
|