@burh/nuxt-core 1.0.168 → 1.0.170
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.
|
@@ -1,160 +1,210 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
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
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
2
|
+
<div class="bg-white content-right tabs">
|
|
3
|
+
<el-tabs
|
|
4
|
+
:class="activeName"
|
|
5
|
+
class="mt-3 ml-4 handle-icon-color"
|
|
6
|
+
v-model="activeName"
|
|
7
|
+
>
|
|
8
|
+
<el-tab-pane class="history" name="history">
|
|
9
|
+
<span class="tab__icon" slot="label">
|
|
10
|
+
<img
|
|
11
|
+
class="img__icon img__icon--history"
|
|
12
|
+
src="../../../../assets/images/icons/historicCv.svg"
|
|
13
|
+
/>
|
|
14
|
+
</span>
|
|
15
|
+
<p class="notes-title mb-0">Histórico com sua empresa</p>
|
|
16
|
+
<div class="line mb-3"></div>
|
|
17
|
+
|
|
18
|
+
<div
|
|
19
|
+
v-show="userData.user_applied_job.length > 0"
|
|
20
|
+
class="mt-3"
|
|
21
|
+
v-for="(applied, index) in userData.user_applied_job.slice(
|
|
22
|
+
0,
|
|
23
|
+
5
|
|
24
|
+
)"
|
|
25
|
+
:key="index"
|
|
26
|
+
>
|
|
27
|
+
<p class="history-text mb-0">
|
|
28
|
+
Se candidatou na vaga {{ applied.job.title }}
|
|
29
|
+
</p>
|
|
30
|
+
<span>{{ applied.subscribe_at | convertDate }}</span>
|
|
31
|
+
</div>
|
|
32
|
+
<p
|
|
33
|
+
v-show="userData.user_applied_job.length === 0"
|
|
34
|
+
class="history-text"
|
|
35
|
+
>
|
|
36
|
+
Nenhuma vaga aplicada.
|
|
37
|
+
</p>
|
|
38
|
+
</el-tab-pane>
|
|
39
|
+
|
|
40
|
+
<el-tab-pane name="notes" v-if="isNotesActived">
|
|
41
|
+
<span class="tab__icon" slot="label">
|
|
42
|
+
<img
|
|
43
|
+
class="img__icon img__icon--notes"
|
|
44
|
+
src="../../../../assets/images/icons/notesCv.svg"
|
|
45
|
+
/>
|
|
46
|
+
</span>
|
|
47
|
+
<p class="notes-title mb-0">Notas da equipe</p>
|
|
48
|
+
<div class="line mb-3"></div>
|
|
49
|
+
<div
|
|
50
|
+
v-show="notes.length > 0"
|
|
51
|
+
v-for="(note, index) in notes.slice(0, 5)"
|
|
52
|
+
:key="index"
|
|
53
|
+
>
|
|
54
|
+
<div class="notes-baloon">
|
|
55
|
+
<div class="notes-text ml-3 pt-1">
|
|
56
|
+
<p class="mt-3">{{ note.text }}</p>
|
|
57
|
+
</div>
|
|
58
|
+
<div
|
|
59
|
+
class="d-flex justify-content-end align-items-center mr-3"
|
|
60
|
+
>
|
|
61
|
+
<p class="notes-date">
|
|
62
|
+
{{ note.created_at | convertDate }}
|
|
63
|
+
</p>
|
|
64
|
+
</div>
|
|
65
|
+
</div>
|
|
66
|
+
<div class="notes-owner d-flex mt-2">
|
|
67
|
+
<img
|
|
68
|
+
v-show="note.user.urlAvatar"
|
|
69
|
+
:src="note.user.urlAvatar"
|
|
70
|
+
:alt="note.user.name"
|
|
71
|
+
/>
|
|
72
|
+
<div
|
|
73
|
+
v-show="!note.user.urlAvatar"
|
|
74
|
+
class="notes-avatar"
|
|
75
|
+
></div>
|
|
76
|
+
<p class="ml-1">
|
|
77
|
+
{{ note.user.name }}
|
|
78
|
+
</p>
|
|
79
|
+
</div>
|
|
80
|
+
</div>
|
|
81
|
+
<div class="notes-text" v-show="notes.length === 0">
|
|
82
|
+
<p>Nenhuma nota criada.</p>
|
|
83
|
+
</div>
|
|
84
|
+
|
|
85
|
+
<div class="input-container">
|
|
86
|
+
<input
|
|
87
|
+
class="notes-new pl-4 mt-3 mb-3 form-rounded"
|
|
88
|
+
type="text"
|
|
89
|
+
placeholder="Escrever anotação"
|
|
90
|
+
v-model="newNote"
|
|
91
|
+
@change="$emit('new-note', newNote, userData.id)"
|
|
92
|
+
v-on:change="cleatInput()"
|
|
93
|
+
/>
|
|
94
|
+
<i
|
|
95
|
+
@click="(newNote.length > 0) && $emit('new-note', newNote, userData.id)"
|
|
96
|
+
class="fas fa-paper-plane input-icon"
|
|
97
|
+
></i>
|
|
98
|
+
</div>
|
|
99
|
+
</el-tab-pane>
|
|
100
|
+
|
|
101
|
+
<el-tab-pane :disabled="true">
|
|
102
|
+
<span class="tab__icon cursor-disabled" slot="label">
|
|
103
|
+
<img
|
|
104
|
+
class="img__icon"
|
|
105
|
+
src="../../../../assets/images/icons/icon3.svg"
|
|
106
|
+
/>
|
|
107
|
+
</span>
|
|
108
|
+
</el-tab-pane>
|
|
109
|
+
|
|
110
|
+
<el-tab-pane :disabled="true">
|
|
111
|
+
<span class="tab__icon cursor-disabled" slot="label">
|
|
112
|
+
<img
|
|
113
|
+
class="img__icon"
|
|
114
|
+
src="../../../../assets/images/icons/icon4.svg"
|
|
115
|
+
/>
|
|
116
|
+
</span>
|
|
117
|
+
</el-tab-pane>
|
|
118
|
+
</el-tabs>
|
|
119
|
+
</div>
|
|
114
120
|
</template>
|
|
115
121
|
|
|
116
122
|
<script>
|
|
117
123
|
import { Tabs, TabPane } from 'element-ui';
|
|
118
124
|
|
|
119
125
|
export default {
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
126
|
+
name: 'user-cv-left-side',
|
|
127
|
+
filters: {
|
|
128
|
+
convertDate(data) {
|
|
129
|
+
let d = new Date(data);
|
|
130
|
+
let options = { hour: '2-digit', minute: '2-digit' };
|
|
131
|
+
return d.toLocaleDateString('pt-BR', options);
|
|
132
|
+
}
|
|
133
|
+
},
|
|
134
|
+
components: {
|
|
135
|
+
[Tabs.name]: Tabs,
|
|
136
|
+
[TabPane.name]: TabPane
|
|
137
|
+
},
|
|
138
|
+
props: {
|
|
139
|
+
userData: Object,
|
|
140
|
+
notes: Array,
|
|
141
|
+
activeName: String,
|
|
142
|
+
isNotesActived: {
|
|
143
|
+
type: Boolean,
|
|
144
|
+
default: true
|
|
145
|
+
}
|
|
146
|
+
},
|
|
147
|
+
methods: {
|
|
148
|
+
cleatInput() {
|
|
149
|
+
this.newNote = '';
|
|
150
|
+
}
|
|
151
|
+
},
|
|
152
|
+
data() {
|
|
153
|
+
return {
|
|
154
|
+
newNote: '',
|
|
155
|
+
active: this.activeName
|
|
156
|
+
};
|
|
157
|
+
}
|
|
152
158
|
};
|
|
153
159
|
</script>
|
|
154
160
|
|
|
155
161
|
<style lang="scss" scoped>
|
|
156
162
|
@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
|
|
157
163
|
|
|
164
|
+
/deep/ .el-tab-pane {
|
|
165
|
+
max-height: 700px;
|
|
166
|
+
overflow: hidden;
|
|
167
|
+
overflow-y: auto;
|
|
168
|
+
position: relative;
|
|
169
|
+
|
|
170
|
+
> .notes-title {
|
|
171
|
+
position: sticky;
|
|
172
|
+
position: -webkit-sticky;
|
|
173
|
+
top: 0;
|
|
174
|
+
background: white;
|
|
175
|
+
padding: 10px 0;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
> .input-container {
|
|
179
|
+
position: sticky;
|
|
180
|
+
position: -webkit-sticky;
|
|
181
|
+
bottom: 0;
|
|
182
|
+
background: white;
|
|
183
|
+
width: 231px;
|
|
184
|
+
> .input-icon {
|
|
185
|
+
cursor: pointer;
|
|
186
|
+
position: absolute;
|
|
187
|
+
top: 50%;
|
|
188
|
+
right: 15px;
|
|
189
|
+
transform: translateY(-50%);
|
|
190
|
+
color: #C8C8C8;
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
&::-webkit-scrollbar {
|
|
195
|
+
width: 8px;
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
&::-webkit-scrollbar-track {
|
|
199
|
+
background: #F5F5F5;
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
&::-webkit-scrollbar-thumb {
|
|
203
|
+
background: #E9E8E8;
|
|
204
|
+
border-radius: 10px;
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
|
|
158
208
|
.readmore {
|
|
159
209
|
overflow: hidden;
|
|
160
210
|
text-overflow: ellipsis;
|