@burh/nuxt-core 1.0.136 → 1.0.138
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/burh.svg +3 -3
- package/assets/images/facebook.svg +3 -3
- package/assets/images/linkedin.svg +3 -3
- package/assets/images/web.svg +3 -3
- package/components/burh-ds/Curriculum/UserCurriculum/UserCvRightSide.vue +215 -215
- package/components/layouts/burh-ds/footer/ProductsFooter.vue +259 -0
- package/package.json +1 -1
package/assets/images/burh.svg
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="16" height="10" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M9.06482 6.22306C8.48159 6.52696 7.89836 6.52696 7.28443 6.22306C7.22304 6.31423 7.22304 6.43579 7.19234 6.52696C6.82399 7.89449 5.68822 8.89735 4.27619 9.07969C2.25023 9.32281 0.654021 7.89449 0.40845 6.22306C0.224272 4.97709 0.561932 3.88306 1.54422 3.03215C2.00466 2.63709 2.46511 2.27241 2.92555 1.90773C3.386 1.54306 3.93853 1.33033 4.55246 1.29994C4.64455 1.29994 4.70594 1.26955 4.76733 1.20877C4.98221 0.996045 5.19708 0.783318 5.41196 0.60098C6.05658 0.0235765 7.00817 0.145135 7.46861 0.874486C7.49931 0.904876 7.49931 0.935266 7.53 0.965655C7.53 1.02643 7.5914 1.02643 7.65279 0.965655C7.89836 0.844097 8.14393 0.813707 8.4202 0.874486C8.51229 0.904876 8.57368 0.935266 8.66577 0.965655C8.75786 1.02643 8.78856 1.02643 8.81925 0.935266C8.94204 0.661759 9.15691 0.479421 9.40248 0.357863C9.86293 0.145135 10.2927 0.145135 10.7224 0.418642C10.9066 0.5402 11.0601 0.692149 11.2443 0.874486C11.275 0.904876 11.3057 0.935266 11.3364 0.965655C11.4284 1.05682 11.5205 1.17838 11.6433 1.26955C11.7661 1.33033 11.9196 1.29994 12.0731 1.33033C12.5335 1.39111 12.9326 1.54306 13.3009 1.81657C13.8535 2.24202 14.3753 2.66748 14.8971 3.12332C15.4804 3.60955 15.7873 4.27813 15.9408 5.00748C16.2171 6.46618 15.5111 7.98566 14.1297 8.71501C12.0731 9.77865 9.52527 8.59346 9.06482 6.34462C9.09552 6.28384 9.09552 6.25345 9.06482 6.22306ZM12.5028 8.10722C13.7614 8.10722 14.805 7.04358 14.805 5.76722C14.805 4.46046 13.7921 3.39683 12.5028 3.39683C11.367 3.39683 10.2006 4.30852 10.2006 5.76722C10.2313 7.19553 11.3977 8.10722 12.5028 8.10722ZM1.54422 5.76722C1.54422 7.07397 2.58789 8.10722 3.84644 8.10722C5.10499 8.10722 6.14867 7.04358 6.14867 5.73683C6.14867 4.43007 5.10499 3.39683 3.81575 3.39683C2.55719 3.39683 1.54422 4.46046 1.54422 5.76722ZM7.16165 4.67319C7.16165 5.15943 7.5914 5.58488 8.08254 5.58488C8.60438 5.58488 9.03413 5.15943 9.03413 4.67319C9.03413 4.18696 8.60438 3.7615 8.11323 3.7615C7.5914 3.73111 7.16165 4.12618 7.16165 4.67319Z" fill="#F8FAFB"/>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg width="16" height="10" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M9.06482 6.22306C8.48159 6.52696 7.89836 6.52696 7.28443 6.22306C7.22304 6.31423 7.22304 6.43579 7.19234 6.52696C6.82399 7.89449 5.68822 8.89735 4.27619 9.07969C2.25023 9.32281 0.654021 7.89449 0.40845 6.22306C0.224272 4.97709 0.561932 3.88306 1.54422 3.03215C2.00466 2.63709 2.46511 2.27241 2.92555 1.90773C3.386 1.54306 3.93853 1.33033 4.55246 1.29994C4.64455 1.29994 4.70594 1.26955 4.76733 1.20877C4.98221 0.996045 5.19708 0.783318 5.41196 0.60098C6.05658 0.0235765 7.00817 0.145135 7.46861 0.874486C7.49931 0.904876 7.49931 0.935266 7.53 0.965655C7.53 1.02643 7.5914 1.02643 7.65279 0.965655C7.89836 0.844097 8.14393 0.813707 8.4202 0.874486C8.51229 0.904876 8.57368 0.935266 8.66577 0.965655C8.75786 1.02643 8.78856 1.02643 8.81925 0.935266C8.94204 0.661759 9.15691 0.479421 9.40248 0.357863C9.86293 0.145135 10.2927 0.145135 10.7224 0.418642C10.9066 0.5402 11.0601 0.692149 11.2443 0.874486C11.275 0.904876 11.3057 0.935266 11.3364 0.965655C11.4284 1.05682 11.5205 1.17838 11.6433 1.26955C11.7661 1.33033 11.9196 1.29994 12.0731 1.33033C12.5335 1.39111 12.9326 1.54306 13.3009 1.81657C13.8535 2.24202 14.3753 2.66748 14.8971 3.12332C15.4804 3.60955 15.7873 4.27813 15.9408 5.00748C16.2171 6.46618 15.5111 7.98566 14.1297 8.71501C12.0731 9.77865 9.52527 8.59346 9.06482 6.34462C9.09552 6.28384 9.09552 6.25345 9.06482 6.22306ZM12.5028 8.10722C13.7614 8.10722 14.805 7.04358 14.805 5.76722C14.805 4.46046 13.7921 3.39683 12.5028 3.39683C11.367 3.39683 10.2006 4.30852 10.2006 5.76722C10.2313 7.19553 11.3977 8.10722 12.5028 8.10722ZM1.54422 5.76722C1.54422 7.07397 2.58789 8.10722 3.84644 8.10722C5.10499 8.10722 6.14867 7.04358 6.14867 5.73683C6.14867 4.43007 5.10499 3.39683 3.81575 3.39683C2.55719 3.39683 1.54422 4.46046 1.54422 5.76722ZM7.16165 4.67319C7.16165 5.15943 7.5914 5.58488 8.08254 5.58488C8.60438 5.58488 9.03413 5.15943 9.03413 4.67319C9.03413 4.18696 8.60438 3.7615 8.11323 3.7615C7.5914 3.73111 7.16165 4.12618 7.16165 4.67319Z" fill="#F8FAFB"/>
|
|
3
|
+
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M20.1222 10.0611C20.1222 4.50451 15.6177 0 10.0611 0C4.50451 0 0 4.50451 0 10.0611C0 15.0829 3.67922 19.2452 8.48906 20V12.9694H5.93448V10.0611H8.48906V7.84452C8.48906 5.32296 9.99112 3.93012 12.2893 3.93012C13.3901 3.93012 14.5415 4.12663 14.5415 4.12663V6.60261H13.2728C12.023 6.60261 11.6332 7.37814 11.6332 8.17379V10.0611H14.4235L13.9775 12.9694H11.6332V20C16.443 19.2452 20.1222 15.0829 20.1222 10.0611Z" fill="#1D364B"/>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M20.1222 10.0611C20.1222 4.50451 15.6177 0 10.0611 0C4.50451 0 0 4.50451 0 10.0611C0 15.0829 3.67922 19.2452 8.48906 20V12.9694H5.93448V10.0611H8.48906V7.84452C8.48906 5.32296 9.99112 3.93012 12.2893 3.93012C13.3901 3.93012 14.5415 4.12663 14.5415 4.12663V6.60261H13.2728C12.023 6.60261 11.6332 7.37814 11.6332 8.17379V10.0611H14.4235L13.9775 12.9694H11.6332V20C16.443 19.2452 20.1222 15.0829 20.1222 10.0611Z" fill="#1D364B"/>
|
|
3
|
+
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.1222 0C15.6413 0 20.1222 4.48086 20.1222 10C20.1222 15.5191 15.6413 20 10.1222 20C4.60305 20 0.122192 15.5191 0.122192 10C0.122192 4.48086 4.60305 0 10.1222 0ZM6.99575 15.62V7.81055H4.3995V15.62H6.99575ZM16.3559 15.62V11.1416C16.3559 8.74281 15.0752 7.62691 13.3673 7.62691C11.9901 7.62691 11.3732 8.3843 11.0279 8.91625V7.81055H8.43227C8.46669 8.54324 8.43227 15.62 8.43227 15.62H11.0278V11.2586C11.0278 11.0252 11.0446 10.7918 11.1134 10.625C11.3007 10.1588 11.7281 9.67582 12.4452 9.67582C13.3841 9.67582 13.7602 10.3922 13.7602 11.4416V15.62H16.3559ZM5.71516 4.04492C4.82688 4.04492 4.24653 4.62891 4.24653 5.39434C4.24653 6.14363 4.80922 6.74371 5.68079 6.74371H5.69754C6.60282 6.74371 7.16629 6.14363 7.16629 5.39434C7.1495 4.62891 6.60286 4.04492 5.71516 4.04492Z" fill="#1D364B"/>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.1222 0C15.6413 0 20.1222 4.48086 20.1222 10C20.1222 15.5191 15.6413 20 10.1222 20C4.60305 20 0.122192 15.5191 0.122192 10C0.122192 4.48086 4.60305 0 10.1222 0ZM6.99575 15.62V7.81055H4.3995V15.62H6.99575ZM16.3559 15.62V11.1416C16.3559 8.74281 15.0752 7.62691 13.3673 7.62691C11.9901 7.62691 11.3732 8.3843 11.0279 8.91625V7.81055H8.43227C8.46669 8.54324 8.43227 15.62 8.43227 15.62H11.0278V11.2586C11.0278 11.0252 11.0446 10.7918 11.1134 10.625C11.3007 10.1588 11.7281 9.67582 12.4452 9.67582C13.3841 9.67582 13.7602 10.3922 13.7602 11.4416V15.62H16.3559ZM5.71516 4.04492C4.82688 4.04492 4.24653 4.62891 4.24653 5.39434C4.24653 6.14363 4.80922 6.74371 5.68079 6.74371H5.69754C6.60282 6.74371 7.16629 6.14363 7.16629 5.39434C7.1495 4.62891 6.60286 4.04492 5.71516 4.04492Z" fill="#1D364B"/>
|
|
3
|
+
</svg>
|
package/assets/images/web.svg
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M6.11619 0C2.80419 0 0.122192 2.688 0.122192 6C0.122192 9.312 2.80419 12 6.11619 12C9.43419 12 12.1222 9.312 12.1222 6C12.1222 2.688 9.43419 0 6.11619 0ZM10.2742 3.6H8.50419C8.31219 2.85 8.03619 2.13 7.67619 1.464C8.78019 1.842 9.69819 2.61 10.2742 3.6ZM6.12219 1.224C6.62019 1.944 7.01019 2.742 7.26819 3.6H4.97619C5.23419 2.742 5.62419 1.944 6.12219 1.224ZM1.47819 7.2C1.38219 6.816 1.32219 6.414 1.32219 6C1.32219 5.586 1.38219 5.184 1.47819 4.8H3.50619C3.45819 5.196 3.42219 5.592 3.42219 6C3.42219 6.408 3.45819 6.804 3.50619 7.2H1.47819ZM1.97019 8.4H3.74019C3.93219 9.15 4.20819 9.87 4.56819 10.536C3.46419 10.158 2.54619 9.396 1.97019 8.4ZM3.74019 3.6H1.97019C2.54619 2.604 3.46419 1.842 4.56819 1.464C4.20819 2.13 3.93219 2.85 3.74019 3.6ZM6.12219 10.776C5.62419 10.056 5.23419 9.258 4.97619 8.4H7.26819C7.01019 9.258 6.62019 10.056 6.12219 10.776ZM7.52619 7.2H4.71819C4.66419 6.804 4.62219 6.408 4.62219 6C4.62219 5.592 4.66419 5.19 4.71819 4.8H7.52619C7.58019 5.19 7.62219 5.592 7.62219 6C7.62219 6.408 7.58019 6.804 7.52619 7.2ZM7.67619 10.536C8.03619 9.87 8.31219 9.15 8.50419 8.4H10.2742C9.69819 9.39 8.78019 10.158 7.67619 10.536ZM8.73819 7.2C8.78619 6.804 8.82219 6.408 8.82219 6C8.82219 5.592 8.78619 5.196 8.73819 4.8H10.7662C10.8622 5.184 10.9222 5.586 10.9222 6C10.9222 6.414 10.8622 6.816 10.7662 7.2H8.73819Z" fill="white"/>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M6.11619 0C2.80419 0 0.122192 2.688 0.122192 6C0.122192 9.312 2.80419 12 6.11619 12C9.43419 12 12.1222 9.312 12.1222 6C12.1222 2.688 9.43419 0 6.11619 0ZM10.2742 3.6H8.50419C8.31219 2.85 8.03619 2.13 7.67619 1.464C8.78019 1.842 9.69819 2.61 10.2742 3.6ZM6.12219 1.224C6.62019 1.944 7.01019 2.742 7.26819 3.6H4.97619C5.23419 2.742 5.62419 1.944 6.12219 1.224ZM1.47819 7.2C1.38219 6.816 1.32219 6.414 1.32219 6C1.32219 5.586 1.38219 5.184 1.47819 4.8H3.50619C3.45819 5.196 3.42219 5.592 3.42219 6C3.42219 6.408 3.45819 6.804 3.50619 7.2H1.47819ZM1.97019 8.4H3.74019C3.93219 9.15 4.20819 9.87 4.56819 10.536C3.46419 10.158 2.54619 9.396 1.97019 8.4ZM3.74019 3.6H1.97019C2.54619 2.604 3.46419 1.842 4.56819 1.464C4.20819 2.13 3.93219 2.85 3.74019 3.6ZM6.12219 10.776C5.62419 10.056 5.23419 9.258 4.97619 8.4H7.26819C7.01019 9.258 6.62019 10.056 6.12219 10.776ZM7.52619 7.2H4.71819C4.66419 6.804 4.62219 6.408 4.62219 6C4.62219 5.592 4.66419 5.19 4.71819 4.8H7.52619C7.58019 5.19 7.62219 5.592 7.62219 6C7.62219 6.408 7.58019 6.804 7.52619 7.2ZM7.67619 10.536C8.03619 9.87 8.31219 9.15 8.50419 8.4H10.2742C9.69819 9.39 8.78019 10.158 7.67619 10.536ZM8.73819 7.2C8.78619 6.804 8.82219 6.408 8.82219 6C8.82219 5.592 8.78619 5.196 8.73819 4.8H10.7662C10.8622 5.184 10.9222 5.586 10.9222 6C10.9222 6.414 10.8622 6.816 10.7662 7.2H8.73819Z" fill="white"/>
|
|
3
|
+
</svg>
|
|
@@ -1,215 +1,215 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="bg-white content-right tabs">
|
|
3
|
-
<el-tabs class="mt-3 ml-3 mr-3" v-model="activeName">
|
|
4
|
-
<el-tab-pane label="Histórico" class="history" name="history">
|
|
5
|
-
<p class="notes-title mb-0">Histórico com sua empresa</p>
|
|
6
|
-
<div class="line mb-3"></div>
|
|
7
|
-
|
|
8
|
-
<div
|
|
9
|
-
v-show="userData.user_applied_job.length > 0"
|
|
10
|
-
class="mt-3"
|
|
11
|
-
v-for="(applied, index) in userData.user_applied_job"
|
|
12
|
-
:key="index"
|
|
13
|
-
>
|
|
14
|
-
<p class="history-text mb-0">
|
|
15
|
-
Se candidatou na vaga {{ applied.job.title }}
|
|
16
|
-
</p>
|
|
17
|
-
<span>{{ applied.subscribe_at | convertDate }}</span>
|
|
18
|
-
</div>
|
|
19
|
-
<p
|
|
20
|
-
v-show="userData.user_applied_job.length === 0"
|
|
21
|
-
class="history-text"
|
|
22
|
-
>
|
|
23
|
-
Nenhuma vaga aplicada.
|
|
24
|
-
</p>
|
|
25
|
-
</el-tab-pane>
|
|
26
|
-
<el-tab-pane label="Anotações" name="notes" v-if="isNotesActived">
|
|
27
|
-
<p class="notes-title mb-0">Notas da equipe</p>
|
|
28
|
-
<div class="line mb-3"></div>
|
|
29
|
-
<div
|
|
30
|
-
v-show="notes.length > 0"
|
|
31
|
-
v-for="(note, index) in notes"
|
|
32
|
-
:key="index"
|
|
33
|
-
>
|
|
34
|
-
<div class="notes-baloon">
|
|
35
|
-
<div class="notes-text ml-3 pt-1">
|
|
36
|
-
<p class="mt-3">{{ note.text }}</p>
|
|
37
|
-
</div>
|
|
38
|
-
<div
|
|
39
|
-
class="d-flex justify-content-end align-items-center mr-3"
|
|
40
|
-
>
|
|
41
|
-
<p class="notes-date">
|
|
42
|
-
{{ note.created_at | convertDate }}
|
|
43
|
-
</p>
|
|
44
|
-
</div>
|
|
45
|
-
</div>
|
|
46
|
-
<div class="notes-owner d-flex mt-2">
|
|
47
|
-
<img
|
|
48
|
-
v-show="note.user.urlAvatar"
|
|
49
|
-
:src="note.user.urlAvatar"
|
|
50
|
-
:alt="note.user.name"
|
|
51
|
-
/>
|
|
52
|
-
<div
|
|
53
|
-
v-show="!note.user.urlAvatar"
|
|
54
|
-
class="notes-avatar"
|
|
55
|
-
></div>
|
|
56
|
-
<p class="ml-1">
|
|
57
|
-
{{ note.user.name }}
|
|
58
|
-
</p>
|
|
59
|
-
</div>
|
|
60
|
-
</div>
|
|
61
|
-
<div class="notes-text pt-1" v-show="notes.length === 0">
|
|
62
|
-
<p>Nenhuma nota criada.</p>
|
|
63
|
-
</div>
|
|
64
|
-
|
|
65
|
-
<input
|
|
66
|
-
class="notes-new pl-4 mt-3 mb-3 form-rounded"
|
|
67
|
-
type="text"
|
|
68
|
-
placeholder="Escrever anotação"
|
|
69
|
-
v-model="newNote"
|
|
70
|
-
@change="$emit('new-note', newNote, userData.id)"
|
|
71
|
-
v-on:change="cleatInput()"
|
|
72
|
-
/>
|
|
73
|
-
</el-tab-pane>
|
|
74
|
-
</el-tabs>
|
|
75
|
-
</div>
|
|
76
|
-
</template>
|
|
77
|
-
|
|
78
|
-
<script>
|
|
79
|
-
import { Tabs, TabPane } from 'element-ui';
|
|
80
|
-
|
|
81
|
-
export default {
|
|
82
|
-
name: 'user-cv-left-side',
|
|
83
|
-
filters: {
|
|
84
|
-
convertDate(data) {
|
|
85
|
-
let d = new Date(data);
|
|
86
|
-
let options = { hour: '2-digit', minute: '2-digit' };
|
|
87
|
-
return d.toLocaleDateString('pt-BR', options);
|
|
88
|
-
}
|
|
89
|
-
},
|
|
90
|
-
components: {
|
|
91
|
-
[Tabs.name]: Tabs,
|
|
92
|
-
[TabPane.name]: TabPane
|
|
93
|
-
},
|
|
94
|
-
props: {
|
|
95
|
-
userData: Object,
|
|
96
|
-
notes: Array,
|
|
97
|
-
activeName: String,
|
|
98
|
-
isNotesActived: {
|
|
99
|
-
type: Boolean,
|
|
100
|
-
default: true
|
|
101
|
-
}
|
|
102
|
-
},
|
|
103
|
-
methods: {
|
|
104
|
-
cleatInput() {
|
|
105
|
-
this.newNote = '';
|
|
106
|
-
}
|
|
107
|
-
},
|
|
108
|
-
data() {
|
|
109
|
-
return {
|
|
110
|
-
newNote: '',
|
|
111
|
-
active: this.activeName
|
|
112
|
-
};
|
|
113
|
-
}
|
|
114
|
-
};
|
|
115
|
-
</script>
|
|
116
|
-
|
|
117
|
-
<style lang="scss" scoped>
|
|
118
|
-
@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
|
|
119
|
-
|
|
120
|
-
.readmore {
|
|
121
|
-
overflow: hidden;
|
|
122
|
-
text-overflow: ellipsis;
|
|
123
|
-
display: -webkit-box;
|
|
124
|
-
-webkit-line-clamp: 3;
|
|
125
|
-
-webkit-box-orient: vertical;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
.content-right {
|
|
129
|
-
width: 25%;
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
.notes-title {
|
|
133
|
-
font-size: 14px;
|
|
134
|
-
color: #1d364b;
|
|
135
|
-
font-weight: bold;
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
.notes-baloon {
|
|
139
|
-
width: 231px;
|
|
140
|
-
height: auto;
|
|
141
|
-
|
|
142
|
-
background: #eff5fd;
|
|
143
|
-
border-radius: 10px 10px 10px 0px;
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
.notes-text {
|
|
147
|
-
p {
|
|
148
|
-
font-size: 13px;
|
|
149
|
-
color: #62778c;
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
.notes-date {
|
|
154
|
-
font-size: 11px;
|
|
155
|
-
text-align: right;
|
|
156
|
-
|
|
157
|
-
color: #8da2b5;
|
|
158
|
-
top: calc(50% - 17px / 2 - 444.5px);
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
.notes-owner {
|
|
162
|
-
img {
|
|
163
|
-
width: 23px;
|
|
164
|
-
height: 23px;
|
|
165
|
-
border-radius: 50%;
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
.notes-avatar {
|
|
169
|
-
width: 23px;
|
|
170
|
-
height: 23px;
|
|
171
|
-
border-radius: 50%;
|
|
172
|
-
background-color: #adb5bd;
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
p {
|
|
176
|
-
font-size: 13px;
|
|
177
|
-
font-weight: 600;
|
|
178
|
-
text-transform: uppercase;
|
|
179
|
-
|
|
180
|
-
color: #62778c;
|
|
181
|
-
}
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
.notes-new {
|
|
185
|
-
width: 231px;
|
|
186
|
-
height: 33px;
|
|
187
|
-
|
|
188
|
-
background: #f5f5f5;
|
|
189
|
-
border-radius: 16.5px;
|
|
190
|
-
border: none;
|
|
191
|
-
|
|
192
|
-
outline: 0;
|
|
193
|
-
}
|
|
194
|
-
|
|
195
|
-
.line {
|
|
196
|
-
width: 221px;
|
|
197
|
-
height: 0px;
|
|
198
|
-
|
|
199
|
-
border: 1px solid #ececec;
|
|
200
|
-
}
|
|
201
|
-
|
|
202
|
-
.history {
|
|
203
|
-
.history-text {
|
|
204
|
-
font-size: 13px;
|
|
205
|
-
color: #62778c;
|
|
206
|
-
}
|
|
207
|
-
|
|
208
|
-
span {
|
|
209
|
-
font-size: 11px;
|
|
210
|
-
line-height: 16px;
|
|
211
|
-
|
|
212
|
-
color: #8da2b5;
|
|
213
|
-
}
|
|
214
|
-
}
|
|
215
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<div class="bg-white content-right tabs">
|
|
3
|
+
<el-tabs class="mt-3 ml-3 mr-3" v-model="activeName">
|
|
4
|
+
<el-tab-pane label="Histórico" class="history" name="history">
|
|
5
|
+
<p class="notes-title mb-0">Histórico com sua empresa</p>
|
|
6
|
+
<div class="line mb-3"></div>
|
|
7
|
+
|
|
8
|
+
<div
|
|
9
|
+
v-show="userData.user_applied_job.length > 0"
|
|
10
|
+
class="mt-3"
|
|
11
|
+
v-for="(applied, index) in userData.user_applied_job"
|
|
12
|
+
:key="index"
|
|
13
|
+
>
|
|
14
|
+
<p class="history-text mb-0">
|
|
15
|
+
Se candidatou na vaga {{ applied.job.title }}
|
|
16
|
+
</p>
|
|
17
|
+
<span>{{ applied.subscribe_at | convertDate }}</span>
|
|
18
|
+
</div>
|
|
19
|
+
<p
|
|
20
|
+
v-show="userData.user_applied_job.length === 0"
|
|
21
|
+
class="history-text"
|
|
22
|
+
>
|
|
23
|
+
Nenhuma vaga aplicada.
|
|
24
|
+
</p>
|
|
25
|
+
</el-tab-pane>
|
|
26
|
+
<el-tab-pane label="Anotações" name="notes" v-if="isNotesActived">
|
|
27
|
+
<p class="notes-title mb-0">Notas da equipe</p>
|
|
28
|
+
<div class="line mb-3"></div>
|
|
29
|
+
<div
|
|
30
|
+
v-show="notes.length > 0"
|
|
31
|
+
v-for="(note, index) in notes"
|
|
32
|
+
:key="index"
|
|
33
|
+
>
|
|
34
|
+
<div class="notes-baloon">
|
|
35
|
+
<div class="notes-text ml-3 pt-1">
|
|
36
|
+
<p class="mt-3">{{ note.text }}</p>
|
|
37
|
+
</div>
|
|
38
|
+
<div
|
|
39
|
+
class="d-flex justify-content-end align-items-center mr-3"
|
|
40
|
+
>
|
|
41
|
+
<p class="notes-date">
|
|
42
|
+
{{ note.created_at | convertDate }}
|
|
43
|
+
</p>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
<div class="notes-owner d-flex mt-2">
|
|
47
|
+
<img
|
|
48
|
+
v-show="note.user.urlAvatar"
|
|
49
|
+
:src="note.user.urlAvatar"
|
|
50
|
+
:alt="note.user.name"
|
|
51
|
+
/>
|
|
52
|
+
<div
|
|
53
|
+
v-show="!note.user.urlAvatar"
|
|
54
|
+
class="notes-avatar"
|
|
55
|
+
></div>
|
|
56
|
+
<p class="ml-1">
|
|
57
|
+
{{ note.user.name }}
|
|
58
|
+
</p>
|
|
59
|
+
</div>
|
|
60
|
+
</div>
|
|
61
|
+
<div class="notes-text pt-1" v-show="notes.length === 0">
|
|
62
|
+
<p>Nenhuma nota criada.</p>
|
|
63
|
+
</div>
|
|
64
|
+
|
|
65
|
+
<input
|
|
66
|
+
class="notes-new pl-4 mt-3 mb-3 form-rounded"
|
|
67
|
+
type="text"
|
|
68
|
+
placeholder="Escrever anotação"
|
|
69
|
+
v-model="newNote"
|
|
70
|
+
@change="$emit('new-note', newNote, userData.id)"
|
|
71
|
+
v-on:change="cleatInput()"
|
|
72
|
+
/>
|
|
73
|
+
</el-tab-pane>
|
|
74
|
+
</el-tabs>
|
|
75
|
+
</div>
|
|
76
|
+
</template>
|
|
77
|
+
|
|
78
|
+
<script>
|
|
79
|
+
import { Tabs, TabPane } from 'element-ui';
|
|
80
|
+
|
|
81
|
+
export default {
|
|
82
|
+
name: 'user-cv-left-side',
|
|
83
|
+
filters: {
|
|
84
|
+
convertDate(data) {
|
|
85
|
+
let d = new Date(data);
|
|
86
|
+
let options = { hour: '2-digit', minute: '2-digit' };
|
|
87
|
+
return d.toLocaleDateString('pt-BR', options);
|
|
88
|
+
}
|
|
89
|
+
},
|
|
90
|
+
components: {
|
|
91
|
+
[Tabs.name]: Tabs,
|
|
92
|
+
[TabPane.name]: TabPane
|
|
93
|
+
},
|
|
94
|
+
props: {
|
|
95
|
+
userData: Object,
|
|
96
|
+
notes: Array,
|
|
97
|
+
activeName: String,
|
|
98
|
+
isNotesActived: {
|
|
99
|
+
type: Boolean,
|
|
100
|
+
default: true
|
|
101
|
+
}
|
|
102
|
+
},
|
|
103
|
+
methods: {
|
|
104
|
+
cleatInput() {
|
|
105
|
+
this.newNote = '';
|
|
106
|
+
}
|
|
107
|
+
},
|
|
108
|
+
data() {
|
|
109
|
+
return {
|
|
110
|
+
newNote: '',
|
|
111
|
+
active: this.activeName
|
|
112
|
+
};
|
|
113
|
+
}
|
|
114
|
+
};
|
|
115
|
+
</script>
|
|
116
|
+
|
|
117
|
+
<style lang="scss" scoped>
|
|
118
|
+
@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
|
|
119
|
+
|
|
120
|
+
.readmore {
|
|
121
|
+
overflow: hidden;
|
|
122
|
+
text-overflow: ellipsis;
|
|
123
|
+
display: -webkit-box;
|
|
124
|
+
-webkit-line-clamp: 3;
|
|
125
|
+
-webkit-box-orient: vertical;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.content-right {
|
|
129
|
+
width: 25%;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
.notes-title {
|
|
133
|
+
font-size: 14px;
|
|
134
|
+
color: #1d364b;
|
|
135
|
+
font-weight: bold;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.notes-baloon {
|
|
139
|
+
width: 231px;
|
|
140
|
+
height: auto;
|
|
141
|
+
|
|
142
|
+
background: #eff5fd;
|
|
143
|
+
border-radius: 10px 10px 10px 0px;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.notes-text {
|
|
147
|
+
p {
|
|
148
|
+
font-size: 13px;
|
|
149
|
+
color: #62778c;
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.notes-date {
|
|
154
|
+
font-size: 11px;
|
|
155
|
+
text-align: right;
|
|
156
|
+
|
|
157
|
+
color: #8da2b5;
|
|
158
|
+
top: calc(50% - 17px / 2 - 444.5px);
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
.notes-owner {
|
|
162
|
+
img {
|
|
163
|
+
width: 23px;
|
|
164
|
+
height: 23px;
|
|
165
|
+
border-radius: 50%;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
.notes-avatar {
|
|
169
|
+
width: 23px;
|
|
170
|
+
height: 23px;
|
|
171
|
+
border-radius: 50%;
|
|
172
|
+
background-color: #adb5bd;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
p {
|
|
176
|
+
font-size: 13px;
|
|
177
|
+
font-weight: 600;
|
|
178
|
+
text-transform: uppercase;
|
|
179
|
+
|
|
180
|
+
color: #62778c;
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
.notes-new {
|
|
185
|
+
width: 231px;
|
|
186
|
+
height: 33px;
|
|
187
|
+
|
|
188
|
+
background: #f5f5f5;
|
|
189
|
+
border-radius: 16.5px;
|
|
190
|
+
border: none;
|
|
191
|
+
|
|
192
|
+
outline: 0;
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
.line {
|
|
196
|
+
width: 221px;
|
|
197
|
+
height: 0px;
|
|
198
|
+
|
|
199
|
+
border: 1px solid #ececec;
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
.history {
|
|
203
|
+
.history-text {
|
|
204
|
+
font-size: 13px;
|
|
205
|
+
color: #62778c;
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
span {
|
|
209
|
+
font-size: 11px;
|
|
210
|
+
line-height: 16px;
|
|
211
|
+
|
|
212
|
+
color: #8da2b5;
|
|
213
|
+
}
|
|
214
|
+
}
|
|
215
|
+
</style>
|
|
@@ -0,0 +1,259 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<section class="products--info">
|
|
3
|
+
<header class="products--info__social--links">
|
|
4
|
+
<a href="https://www.facebook.com/burhbrasil" target="_blank" rel="noopener">
|
|
5
|
+
<i class="fab fa-facebook-f"></i>
|
|
6
|
+
</a>
|
|
7
|
+
<a href="https://www.instagram.com/burhbrasil/" target="_blank" rel="noopener">
|
|
8
|
+
<i class="fab fa-instagram"></i>
|
|
9
|
+
</a>
|
|
10
|
+
<a href="https://www.linkedin.com/company/burh/" target="_blank" rel="noopener">
|
|
11
|
+
<i class="fab fa-linkedin-in"></i>
|
|
12
|
+
</a>
|
|
13
|
+
</header>
|
|
14
|
+
<content class="products--info__content">
|
|
15
|
+
<div class="product__content">
|
|
16
|
+
<p class="product__content--title">Soluções</p>
|
|
17
|
+
<ul class="product__content--list">
|
|
18
|
+
<li>Busca Avançada</li>
|
|
19
|
+
<li>Recrutamento</li>
|
|
20
|
+
<li>Busca por Universidades</li>
|
|
21
|
+
<li>Vídeo Entrevista</li>
|
|
22
|
+
<li>Trabalhe Conosco</li>
|
|
23
|
+
<li>Universidade Corporativa</li>
|
|
24
|
+
<li>Testes Online Personalizados</li>
|
|
25
|
+
<li>Teste Profiler DISC</li>
|
|
26
|
+
<li>Buffer</li>
|
|
27
|
+
<li>Envio de SMS</li>
|
|
28
|
+
</ul>
|
|
29
|
+
</div>
|
|
30
|
+
<div class="product__content">
|
|
31
|
+
<p class="product__content--title">Segurança</p>
|
|
32
|
+
<ul class="product__content--list">
|
|
33
|
+
<li>Busca Avançada</li>
|
|
34
|
+
<li>Recrutamento</li>
|
|
35
|
+
<li>Busca por Universidades</li>
|
|
36
|
+
<li>Vídeo Entrevista</li>
|
|
37
|
+
</ul>
|
|
38
|
+
<p class="product__content--title">Planos e Preços</p>
|
|
39
|
+
<ul class="product__content--list">
|
|
40
|
+
<li>Busca Avançada</li>
|
|
41
|
+
<li>Recrutamento</li>
|
|
42
|
+
<li>Busca por Universidades</li>
|
|
43
|
+
<li>Vídeo Entrevista</li>
|
|
44
|
+
</ul>
|
|
45
|
+
</div>
|
|
46
|
+
<div class="product__content">
|
|
47
|
+
<p class="product__content--title">Recursos</p>
|
|
48
|
+
<ul class="product__content--list">
|
|
49
|
+
<li>Busca Avançada</li>
|
|
50
|
+
<li>Recrutamento</li>
|
|
51
|
+
<li>Busca por Universidades</li>
|
|
52
|
+
<li>Vídeo Entrevista</li>
|
|
53
|
+
</ul>
|
|
54
|
+
</div>
|
|
55
|
+
<div class="product__content">
|
|
56
|
+
<p class="product__content--title">Página de Carreiras</p>
|
|
57
|
+
<ul class="product__content--list">
|
|
58
|
+
<li>Busca Avançada</li>
|
|
59
|
+
<li>Recrutamento</li>
|
|
60
|
+
<li>Busca por Universidades</li>
|
|
61
|
+
<li>Vídeo Entrevista</li>
|
|
62
|
+
<li>Trabalhe Conosco</li>
|
|
63
|
+
<li>Universidade Corporativa</li>
|
|
64
|
+
<li>Testes Online Personalizados</li>
|
|
65
|
+
<li>Teste Profiler DISC</li>
|
|
66
|
+
<li>Buffer</li>
|
|
67
|
+
<li>Envio de SMS</li>
|
|
68
|
+
</ul>
|
|
69
|
+
</div>
|
|
70
|
+
<div class="product__content">
|
|
71
|
+
<p class="product__content--title">Suporte</p>
|
|
72
|
+
<ul class="product__content--list">
|
|
73
|
+
<li>Busca Avançada</li>
|
|
74
|
+
<li>Recrutamento</li>
|
|
75
|
+
<li>Busca por Universidades</li>
|
|
76
|
+
<li>Vídeo Entrevista</li>
|
|
77
|
+
</ul>
|
|
78
|
+
<p class="product__content--title">Mais sobre o Burh</p>
|
|
79
|
+
<ul class="product__content--list">
|
|
80
|
+
<li>Busca Avançada</li>
|
|
81
|
+
<li>Recrutamento</li>
|
|
82
|
+
<li>Busca por Universidades</li>
|
|
83
|
+
<li>Vídeo Entrevista</li>
|
|
84
|
+
</ul>
|
|
85
|
+
</div>
|
|
86
|
+
</content>
|
|
87
|
+
<footer class="products--info__footer">
|
|
88
|
+
<div class="footer__links">
|
|
89
|
+
<div class="burh__logo">
|
|
90
|
+
<img src="/img/brand/burh-imagotipo-white.svg" alt="Burh">
|
|
91
|
+
</div>
|
|
92
|
+
<ul>
|
|
93
|
+
<li><a :href="`${url}/sobre-o-burh`" target="_blank">Sobre o Burh</a></li>
|
|
94
|
+
<li><a>Produtos Burh</a></li>
|
|
95
|
+
<li><a :href="`${url}/termos-de-uso#privacidade`" target="_blank">Privacidade</a></li>
|
|
96
|
+
<li><a :href="`${url}/termos-de-uso`" target="_blank">Termos</a></li>
|
|
97
|
+
</ul>
|
|
98
|
+
</div>
|
|
99
|
+
<div class="footer__text">
|
|
100
|
+
<div class="copyright text-center text-lg-right">
|
|
101
|
+
© {{year}} Feito com <span id="heart"></span>
|
|
102
|
+
no Brasil para o mundo.
|
|
103
|
+
</div>
|
|
104
|
+
</div>
|
|
105
|
+
</footer>
|
|
106
|
+
</section>
|
|
107
|
+
</template>
|
|
108
|
+
|
|
109
|
+
<script>
|
|
110
|
+
export default {
|
|
111
|
+
name: 'ProductsFooter',
|
|
112
|
+
data() {
|
|
113
|
+
return {
|
|
114
|
+
year: new Date().getFullYear(),
|
|
115
|
+
url: ''
|
|
116
|
+
};
|
|
117
|
+
},
|
|
118
|
+
mounted() {
|
|
119
|
+
this.url = process.env.baseUserUrl;
|
|
120
|
+
}
|
|
121
|
+
};
|
|
122
|
+
</script>
|
|
123
|
+
|
|
124
|
+
<style lang="scss" scoped>
|
|
125
|
+
$primaryColor: #5983FE;
|
|
126
|
+
|
|
127
|
+
.products--info {
|
|
128
|
+
max-width: calc(1360px + 40px * 2);
|
|
129
|
+
padding: 0 40px;
|
|
130
|
+
margin: 0 auto;
|
|
131
|
+
margin-top: 100px;
|
|
132
|
+
display: block;
|
|
133
|
+
&__social--links {
|
|
134
|
+
padding: 15px 0;
|
|
135
|
+
display: flex;
|
|
136
|
+
align-items: center;
|
|
137
|
+
border-bottom: 1px solid #eee;
|
|
138
|
+
a {
|
|
139
|
+
font-size: 1.5rem;
|
|
140
|
+
color: $primaryColor;
|
|
141
|
+
margin: 0 20px;
|
|
142
|
+
&:first-child {
|
|
143
|
+
margin-left: 0;
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
&__content {
|
|
148
|
+
display: grid;
|
|
149
|
+
grid-template-columns: repeat(5, 1fr);
|
|
150
|
+
gap: 20px;
|
|
151
|
+
align-items: flex-start;
|
|
152
|
+
@media (max-width: 1200px) {
|
|
153
|
+
& {
|
|
154
|
+
grid-template-columns: repeat(4, 1fr);
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
@media (max-width: 990px) {
|
|
158
|
+
& {
|
|
159
|
+
grid-template-columns: repeat(3, 1fr);
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
@media (max-width: 720px) {
|
|
163
|
+
& {
|
|
164
|
+
grid-template-columns: repeat(2, 1fr);
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
@media (max-width: 500px) {
|
|
168
|
+
& {
|
|
169
|
+
grid-template-columns: 1fr;
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
.product__content {
|
|
173
|
+
&--title {
|
|
174
|
+
font-weight: bold;
|
|
175
|
+
margin-bottom: 10px;
|
|
176
|
+
margin-top: 25px;
|
|
177
|
+
font-size: 1rem;
|
|
178
|
+
}
|
|
179
|
+
&--list {
|
|
180
|
+
list-style: none;
|
|
181
|
+
margin: 0;
|
|
182
|
+
padding: 0;
|
|
183
|
+
margin-top: 25px;
|
|
184
|
+
li {
|
|
185
|
+
margin: 10px 0;
|
|
186
|
+
font-size: 0.75rem;
|
|
187
|
+
}
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
&__footer {
|
|
192
|
+
margin-top: 80px;
|
|
193
|
+
border-top: 1px solid #eee;
|
|
194
|
+
padding: 30px 0;
|
|
195
|
+
display: flex;
|
|
196
|
+
align-items: center;
|
|
197
|
+
justify-content: space-between;
|
|
198
|
+
@media (max-width: 960px) {
|
|
199
|
+
& {
|
|
200
|
+
flex-direction: column;
|
|
201
|
+
justify-content: center;
|
|
202
|
+
.footer__links {
|
|
203
|
+
margin-bottom: 20px;
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
.footer__links {
|
|
208
|
+
display: flex;
|
|
209
|
+
align-items: center;
|
|
210
|
+
justify-content: flex-start;
|
|
211
|
+
.burh__logo {
|
|
212
|
+
width: 120px;
|
|
213
|
+
img {
|
|
214
|
+
display: block;
|
|
215
|
+
width: 100%;
|
|
216
|
+
filter: brightness(0.5);
|
|
217
|
+
}
|
|
218
|
+
@media (max-width: 1150px) {
|
|
219
|
+
& {
|
|
220
|
+
display: none;
|
|
221
|
+
}
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
ul {
|
|
225
|
+
margin: 0!important;
|
|
226
|
+
@media (max-width: 1150px) {
|
|
227
|
+
& {
|
|
228
|
+
padding: 0;
|
|
229
|
+
li a:first-child {
|
|
230
|
+
padding-left: 0;
|
|
231
|
+
}
|
|
232
|
+
}
|
|
233
|
+
}
|
|
234
|
+
li {
|
|
235
|
+
display: inline-block;
|
|
236
|
+
@media (max-width: 640px) {
|
|
237
|
+
& {
|
|
238
|
+
display: block;
|
|
239
|
+
text-align: center;
|
|
240
|
+
a {
|
|
241
|
+
padding: 20px;
|
|
242
|
+
}
|
|
243
|
+
}
|
|
244
|
+
}
|
|
245
|
+
a {
|
|
246
|
+
display: block;
|
|
247
|
+
cursor: pointer;
|
|
248
|
+
color: #525f7f;
|
|
249
|
+
padding: 0 20px;
|
|
250
|
+
&:hover {
|
|
251
|
+
text-decoration: underline;
|
|
252
|
+
}
|
|
253
|
+
}
|
|
254
|
+
}
|
|
255
|
+
}
|
|
256
|
+
}
|
|
257
|
+
}
|
|
258
|
+
}
|
|
259
|
+
</style>
|