@burh/nuxt-core 1.0.142 → 1.0.144
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/assets/images/burhCv.svg +6 -0
- package/assets/images/icons/historicCv.svg +3 -0
- package/assets/images/icons/icon3.svg +3 -0
- package/assets/images/icons/icon4.svg +3 -0
- package/assets/images/icons/notesCv.svg +3 -0
- package/assets/images/linkedinCv.svg +3 -0
- package/assets/images/webCv.svg +4 -0
- package/components/burh-ds/Curriculum/UserCurriculum/UserCvLeftSide.vue +251 -236
- package/components/burh-ds/Curriculum/UserCurriculum/UserCvMiddle.vue +208 -208
- package/components/burh-ds/Curriculum/UserCurriculum/UserCvRightSide.vue +40 -6
- package/components/burh-ds/Curriculum/UserCurriculum/index.vue +9 -0
- package/components/burh-ds/Modals/PlanModal.vue +10 -0
- package/components/burh-ds/Tabs/TesteTab.vue +43 -43
- package/package.json +1 -1
- package/assets/images/burh.svg +0 -3
- package/assets/images/linkedin.svg +0 -3
- package/assets/images/web.svg +0 -3
- /package/assets/images/{facebook.svg → facebookCv.svg} +0 -0
|
@@ -1,237 +1,237 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
2
|
+
<div class="bg-white content-middle">
|
|
3
|
+
<!-- FERRAMENTAS -->
|
|
4
|
+
<div class="tools mt-3">
|
|
5
|
+
<button
|
|
6
|
+
@click="$emit(tool.event)"
|
|
7
|
+
class="ml-3"
|
|
8
|
+
v-for="(tool, index) in tools"
|
|
9
|
+
:key="index"
|
|
10
|
+
>
|
|
11
|
+
{{ tool.name }}
|
|
12
|
+
</button>
|
|
13
|
+
</div>
|
|
14
14
|
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
15
|
+
<!-- SOBRE -->
|
|
16
|
+
<div
|
|
17
|
+
v-show="userData.user_complementary_information.about"
|
|
18
|
+
class="about content-block mt-5 ml-3 mr-3"
|
|
19
|
+
>
|
|
20
|
+
<h5 class="font-weight-bold">Sobre</h5>
|
|
21
|
+
<p
|
|
22
|
+
id="USER_ABOUT"
|
|
23
|
+
class="mb-0"
|
|
24
|
+
:class="
|
|
25
|
+
!wordIsLesserThan(
|
|
26
|
+
userData.user_complementary_information.about
|
|
27
|
+
) && 'readmore'
|
|
28
|
+
"
|
|
29
|
+
>
|
|
30
|
+
{{ userData.user_complementary_information.about }}
|
|
31
|
+
</p>
|
|
32
|
+
<a
|
|
33
|
+
href="#"
|
|
34
|
+
aria-label="expandir conteudo"
|
|
35
|
+
v-show="
|
|
36
|
+
userData.user_complementary_information.about &&
|
|
37
|
+
!wordIsLesserThan(
|
|
38
|
+
userData.user_complementary_information.about
|
|
39
|
+
)
|
|
40
|
+
"
|
|
41
|
+
@click.prevent.stop="toggleReadMore($event, 'USER_ABOUT')"
|
|
42
|
+
>Ler mais</a
|
|
43
|
+
>
|
|
44
|
+
</div>
|
|
45
45
|
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
46
|
+
<!-- EDUCAÇÃO -->
|
|
47
|
+
<h5 class="font-weight-bold mt-4 ml-3">Educação</h5>
|
|
48
|
+
<div
|
|
49
|
+
v-show="userData.user_education.length > 0"
|
|
50
|
+
class="education ml-3"
|
|
51
|
+
v-for="(edu, index) in userData.user_education"
|
|
52
|
+
:key="index"
|
|
53
|
+
>
|
|
54
|
+
<p class="sub-title">{{ edu.formation }}</p>
|
|
55
|
+
<p class="info-text">{{ edu.institution }}</p>
|
|
56
|
+
<span class="info-text">
|
|
57
|
+
{{ edu.start_month }}/{{ edu.start_year }} -
|
|
58
|
+
{{ treatEndDate(edu.end_month, edu.end_year) }}
|
|
59
|
+
{{ getTime(false, edu) }}
|
|
60
|
+
{{
|
|
61
|
+
edu.user_education_period
|
|
62
|
+
? '-' + edu.user_education_period.name
|
|
63
|
+
: ''
|
|
64
|
+
}}
|
|
65
|
+
</span>
|
|
66
|
+
</div>
|
|
67
67
|
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
68
|
+
<!-- EXPERIÊNCIAS -->
|
|
69
|
+
<h5 class="font-weight-bold mt-4 ml-3">Experiência</h5>
|
|
70
|
+
<div
|
|
71
|
+
v-show="userData.user_experience.length > 0"
|
|
72
|
+
class="experience ml-3 mr-3"
|
|
73
|
+
v-for="(exp, index) in userData.user_experience"
|
|
74
|
+
:key="`experience-${index}`"
|
|
75
|
+
>
|
|
76
|
+
<p class="sub-title">{{ exp.job_title }}</p>
|
|
77
|
+
<p class="info-text">{{ exp.company }}, {{ exp.location }}</p>
|
|
78
|
+
<span class="info-text">
|
|
79
|
+
{{ exp.start_month }}/{{ exp.start_year }} -
|
|
80
|
+
{{ treatEndDate(exp.end_month, exp.end_year) }}
|
|
81
|
+
{{ getTime(true, exp) }}
|
|
82
|
+
</span>
|
|
83
83
|
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
84
|
+
<p
|
|
85
|
+
:id="`USER_EXPERIENCE-${index}`"
|
|
86
|
+
class="description mt-4 mb-0"
|
|
87
|
+
:class="!wordIsLesserThan(exp.description) && 'readmore'"
|
|
88
|
+
>
|
|
89
|
+
{{ exp.description }}
|
|
90
|
+
</p>
|
|
91
91
|
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
92
|
+
<a
|
|
93
|
+
href="#"
|
|
94
|
+
aria-label="expandir conteudo"
|
|
95
|
+
v-show="!wordIsLesserThan(exp.description)"
|
|
96
|
+
@click.prevent.stop="
|
|
97
|
+
toggleReadMore($event, `USER_EXPERIENCE-${index}`)
|
|
98
|
+
"
|
|
99
|
+
>Ler mais</a
|
|
100
|
+
><br /><br />
|
|
101
|
+
</div>
|
|
102
102
|
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
103
|
+
<!-- CURSOS -->
|
|
104
|
+
<h5 class="font-weight-bold mt-1 ml-3">Cursos</h5>
|
|
105
|
+
<div
|
|
106
|
+
v-show="userData.user_course.length > 0"
|
|
107
|
+
class="courses ml-3"
|
|
108
|
+
v-for="(cou, index) in userData.user_course"
|
|
109
|
+
:key="`course-${index}`"
|
|
110
|
+
>
|
|
111
|
+
<p class="sub-title">{{ cou.institution }}</p>
|
|
112
|
+
<p class="info-text mb-3">
|
|
113
|
+
{{ cou.name }} - {{ cou.end_year }}
|
|
114
|
+
{{ getTime(false, cou) }}
|
|
115
|
+
</p>
|
|
116
|
+
</div>
|
|
117
|
+
</div>
|
|
118
118
|
</template>
|
|
119
119
|
|
|
120
120
|
<script>
|
|
121
121
|
import getPrefixes from '~/util/getPrefixes.js';
|
|
122
122
|
|
|
123
123
|
export default {
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
124
|
+
name: 'user-cv-middle',
|
|
125
|
+
props: {
|
|
126
|
+
userData: Object,
|
|
127
|
+
tools: {
|
|
128
|
+
type: Array,
|
|
129
|
+
default: () => []
|
|
130
|
+
}
|
|
131
|
+
},
|
|
132
|
+
methods: {
|
|
133
|
+
toggleReadMore(event, id) {
|
|
134
|
+
const element = document.getElementById(id);
|
|
135
|
+
element.classList.toggle('readmore');
|
|
136
|
+
event.target.innerText == 'Ler mais'
|
|
137
|
+
? (event.target.innerText = 'Esconder')
|
|
138
|
+
: (event.target.innerText = 'Ler mais');
|
|
139
|
+
},
|
|
140
|
+
getTime(
|
|
141
|
+
isExperience,
|
|
142
|
+
{ start_year = null, end_year = null, start_month, end_month },
|
|
143
|
+
textHappening = 'Cursando'
|
|
144
|
+
) {
|
|
145
|
+
const isHappening = !end_month && !end_year;
|
|
146
146
|
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
147
|
+
if (isHappening) {
|
|
148
|
+
return isExperience === true ? 'Atualmente' : textHappening;
|
|
149
|
+
}
|
|
150
150
|
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
151
|
+
const dateInitial = this.$moment(
|
|
152
|
+
['1', start_month.toString(), start_year.toString()],
|
|
153
|
+
'DD/MM/YYYY'
|
|
154
|
+
);
|
|
155
|
+
const dateDone = this.$moment(
|
|
156
|
+
['1', end_month.toString(), end_year.toString()],
|
|
157
|
+
'DD/MM/YYYY'
|
|
158
|
+
);
|
|
159
|
+
const diffDuration = this.$moment.duration(
|
|
160
|
+
dateDone.diff(dateInitial)
|
|
161
|
+
);
|
|
162
|
+
const years = diffDuration.years();
|
|
163
|
+
const months = diffDuration.months();
|
|
164
164
|
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
165
|
+
if (years) {
|
|
166
|
+
return years > 1 ? `(${years} anos)` : `(${years} ano)`;
|
|
167
|
+
}
|
|
168
168
|
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
169
|
+
return months > 1
|
|
170
|
+
? `(${months} meses)`
|
|
171
|
+
: months == 1
|
|
172
|
+
? `(${months} mês)`
|
|
173
|
+
: '';
|
|
174
|
+
},
|
|
175
|
+
languageLevel(level) {
|
|
176
|
+
switch (parseInt(level)) {
|
|
177
|
+
case 1:
|
|
178
|
+
return 'Iniciante';
|
|
179
|
+
case 2:
|
|
180
|
+
return 'Elementar';
|
|
181
|
+
case 3:
|
|
182
|
+
return 'Pré-intermediário';
|
|
183
|
+
case 4:
|
|
184
|
+
return 'Intermediário';
|
|
185
|
+
case 5:
|
|
186
|
+
return 'Intermediário Superior';
|
|
187
|
+
case 6:
|
|
188
|
+
return 'Avançado';
|
|
189
|
+
case 7:
|
|
190
|
+
return 'Fluente';
|
|
191
|
+
default:
|
|
192
|
+
return '';
|
|
193
|
+
}
|
|
194
|
+
},
|
|
195
|
+
treatPhone(phone) {
|
|
196
|
+
if (phone) {
|
|
197
|
+
if (phone == '0' || phone.length < 9 || !phone) {
|
|
198
|
+
return 'não cadastrado';
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
201
|
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
202
|
+
return phone;
|
|
203
|
+
},
|
|
204
|
+
treatCellphone(cellphone) {
|
|
205
|
+
if (cellphone) {
|
|
206
|
+
if (cellphone == '0' || cellphone.length < 11 || !cellphone) {
|
|
207
|
+
return 'não cadastrado';
|
|
208
|
+
}
|
|
209
|
+
}
|
|
210
210
|
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
211
|
+
return cellphone;
|
|
212
|
+
},
|
|
213
|
+
handleGetPrefixes(name = '') {
|
|
214
|
+
return getPrefixes(name);
|
|
215
|
+
},
|
|
216
|
+
treatEndDate(end_month, end_year) {
|
|
217
|
+
if (end_month && end_year) {
|
|
218
|
+
return `${end_month}/${end_year}`;
|
|
219
|
+
}
|
|
220
|
+
return '';
|
|
221
|
+
},
|
|
222
|
+
wordIsLesserThan(word, value = 300) {
|
|
223
|
+
return word && word.length < value;
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
226
|
};
|
|
227
227
|
</script>
|
|
228
228
|
|
|
229
229
|
<style lang="scss" scoped>
|
|
230
230
|
@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
|
|
231
|
-
|
|
232
231
|
.content-middle {
|
|
233
232
|
width: 50%;
|
|
234
|
-
border-right: 1px solid #
|
|
233
|
+
border-right: 1px solid #ececec5c;
|
|
234
|
+
word-break: break-word !important;
|
|
235
235
|
}
|
|
236
236
|
|
|
237
237
|
.readmore {
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="bg-white content-right tabs">
|
|
3
|
-
<el-tabs class="mt-3 ml-
|
|
4
|
-
<el-tab-pane
|
|
3
|
+
<el-tabs :class="activeName" class="mt-3 ml-4 handle-icon-color" v-model="activeName">
|
|
4
|
+
<el-tab-pane class="history" name="history">
|
|
5
|
+
<span class="tab__icon" slot="label">
|
|
6
|
+
<img class="img__icon img__icon--history" src="../../../../assets/images/icons/historicCv.svg">
|
|
7
|
+
</span>
|
|
5
8
|
<p class="notes-title mb-0">Histórico com sua empresa</p>
|
|
6
9
|
<div class="line mb-3"></div>
|
|
7
10
|
|
|
@@ -23,7 +26,11 @@
|
|
|
23
26
|
Nenhuma vaga aplicada.
|
|
24
27
|
</p>
|
|
25
28
|
</el-tab-pane>
|
|
26
|
-
|
|
29
|
+
|
|
30
|
+
<el-tab-pane name="notes" v-if="isNotesActived">
|
|
31
|
+
<span class="tab__icon" slot="label">
|
|
32
|
+
<img class="img__icon img__icon--notes" src="../../../../assets/images/icons/notesCv.svg">
|
|
33
|
+
</span>
|
|
27
34
|
<p class="notes-title mb-0">Notas da equipe</p>
|
|
28
35
|
<div class="line mb-3"></div>
|
|
29
36
|
<div
|
|
@@ -71,6 +78,18 @@
|
|
|
71
78
|
v-on:change="cleatInput()"
|
|
72
79
|
/>
|
|
73
80
|
</el-tab-pane>
|
|
81
|
+
|
|
82
|
+
<el-tab-pane :disabled="true">
|
|
83
|
+
<span class="tab__icon" slot="label">
|
|
84
|
+
<img class="img__icon" src="../../../../assets/images/icons/icon3.svg">
|
|
85
|
+
</span>
|
|
86
|
+
</el-tab-pane>
|
|
87
|
+
|
|
88
|
+
<el-tab-pane :disabled="true">
|
|
89
|
+
<span class="tab__icon" slot="label">
|
|
90
|
+
<img class="img__icon" src="../../../../assets/images/icons/icon4.svg">
|
|
91
|
+
</span>
|
|
92
|
+
</el-tab-pane>
|
|
74
93
|
</el-tabs>
|
|
75
94
|
</div>
|
|
76
95
|
</template>
|
|
@@ -103,7 +122,7 @@ export default {
|
|
|
103
122
|
methods: {
|
|
104
123
|
cleatInput() {
|
|
105
124
|
this.newNote = '';
|
|
106
|
-
}
|
|
125
|
+
},
|
|
107
126
|
},
|
|
108
127
|
data() {
|
|
109
128
|
return {
|
|
@@ -115,7 +134,7 @@ export default {
|
|
|
115
134
|
</script>
|
|
116
135
|
|
|
117
136
|
<style lang="scss" scoped>
|
|
118
|
-
@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
|
|
137
|
+
@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
|
|
119
138
|
|
|
120
139
|
.readmore {
|
|
121
140
|
overflow: hidden;
|
|
@@ -124,6 +143,18 @@ export default {
|
|
|
124
143
|
-webkit-line-clamp: 3;
|
|
125
144
|
-webkit-box-orient: vertical;
|
|
126
145
|
}
|
|
146
|
+
.el-tabs__item {
|
|
147
|
+
padding: 3rem;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.tab__icon {
|
|
151
|
+
.img__icon {
|
|
152
|
+
background-color: #f5f5f5 !important;
|
|
153
|
+
border-radius: 30%;
|
|
154
|
+
padding: 7px;
|
|
155
|
+
margin-bottom: 1rem;
|
|
156
|
+
}
|
|
157
|
+
}
|
|
127
158
|
|
|
128
159
|
.content-right {
|
|
129
160
|
width: 25%;
|
|
@@ -196,10 +227,13 @@ export default {
|
|
|
196
227
|
width: 221px;
|
|
197
228
|
height: 0px;
|
|
198
229
|
|
|
199
|
-
border: 1px solid #
|
|
230
|
+
border: 1px solid #ececec5c;
|
|
200
231
|
}
|
|
201
232
|
|
|
202
233
|
.history {
|
|
234
|
+
margin-right: 22px;
|
|
235
|
+
word-break: break-word;
|
|
236
|
+
|
|
203
237
|
.history-text {
|
|
204
238
|
font-size: 13px;
|
|
205
239
|
color: #62778c;
|
|
@@ -67,6 +67,15 @@ export default {
|
|
|
67
67
|
};
|
|
68
68
|
</script>
|
|
69
69
|
|
|
70
|
+
<style lang="scss">
|
|
71
|
+
.el-dialog {
|
|
72
|
+
overflow: hidden;
|
|
73
|
+
border-radius: 10px;
|
|
74
|
+
padding-bottom: 50px;
|
|
75
|
+
max-width: 1500px;
|
|
76
|
+
}
|
|
77
|
+
</style>
|
|
78
|
+
|
|
70
79
|
<style lang="scss" scoped>
|
|
71
80
|
@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
|
|
72
81
|
|
|
@@ -58,6 +58,16 @@ export default {
|
|
|
58
58
|
};
|
|
59
59
|
</script>
|
|
60
60
|
|
|
61
|
+
<style lang="scss">
|
|
62
|
+
.el-dialog {
|
|
63
|
+
overflow: hidden;
|
|
64
|
+
border-radius: 10px;
|
|
65
|
+
padding-bottom: 50px;
|
|
66
|
+
max-width: 460px;
|
|
67
|
+
min-width: 460px;
|
|
68
|
+
}
|
|
69
|
+
</style>
|
|
70
|
+
|
|
61
71
|
<style lang="scss" scoped>
|
|
62
72
|
@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
|
|
63
73
|
|