@burh/nuxt-core 1.0.195 → 1.0.196
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,182 +1,186 @@
|
|
|
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
|
-
|
|
114
|
-
|
|
115
|
-
|
|
2
|
+
<div class="bg-white content-right tabs">
|
|
3
|
+
<el-tabs
|
|
4
|
+
:class="active"
|
|
5
|
+
class="mt-3 ml-4 handle-icon-color"
|
|
6
|
+
v-model="active"
|
|
7
|
+
>
|
|
8
|
+
<el-tab-pane class="history" name="history">
|
|
9
|
+
<span class="tab__icon-pane" slot="label">
|
|
10
|
+
<img
|
|
11
|
+
class="img__icon-pane 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
|
+
class="mt-3"
|
|
20
|
+
v-for="(item, index) in orderByDate(companyHistory())"
|
|
21
|
+
:key="index"
|
|
22
|
+
>
|
|
23
|
+
<p class="history-text mb-0">
|
|
24
|
+
{{ item.text }}
|
|
25
|
+
</p>
|
|
26
|
+
<span>{{ item.date | convertDate }}</span>
|
|
27
|
+
</div>
|
|
28
|
+
<p v-show="companyHistory().length === 0" class="history-text">
|
|
29
|
+
Histórico vazio.
|
|
30
|
+
</p>
|
|
31
|
+
</el-tab-pane>
|
|
32
|
+
|
|
33
|
+
<el-tab-pane name="notes" v-if="isNotesActived">
|
|
34
|
+
<span class="tab__icon-pane" slot="label">
|
|
35
|
+
<img
|
|
36
|
+
class="img__icon-pane img__icon--notes"
|
|
37
|
+
src="../../../../assets/images/icons/notesCv.svg"
|
|
38
|
+
/>
|
|
39
|
+
</span>
|
|
40
|
+
<p class="notes-title mb-0">Notas da equipe</p>
|
|
41
|
+
<div class="line mb-3"></div>
|
|
42
|
+
<div
|
|
43
|
+
v-show="notes.length > 0"
|
|
44
|
+
v-for="(note, index) in notes.slice(0, 5)"
|
|
45
|
+
:key="index"
|
|
46
|
+
>
|
|
47
|
+
<div class="notes-baloon">
|
|
48
|
+
<div class="notes-text ml-3 pt-1">
|
|
49
|
+
<p class="mt-3">{{ note.text }}</p>
|
|
50
|
+
</div>
|
|
51
|
+
<div
|
|
52
|
+
class="d-flex justify-content-end align-items-center mr-3"
|
|
53
|
+
>
|
|
54
|
+
<p class="notes-date">
|
|
55
|
+
{{ note.created_at | convertDate }}
|
|
56
|
+
</p>
|
|
57
|
+
</div>
|
|
58
|
+
</div>
|
|
59
|
+
<div class="notes-owner d-flex mt-2">
|
|
60
|
+
<img
|
|
61
|
+
v-show="note.user.urlAvatar"
|
|
62
|
+
:src="note.user.urlAvatar"
|
|
63
|
+
:alt="note.user.name"
|
|
64
|
+
/>
|
|
65
|
+
<div
|
|
66
|
+
v-show="!note.user.urlAvatar"
|
|
67
|
+
class="notes-avatar"
|
|
68
|
+
></div>
|
|
69
|
+
<p class="ml-1">
|
|
70
|
+
{{ note.user.name }}
|
|
71
|
+
</p>
|
|
72
|
+
</div>
|
|
73
|
+
</div>
|
|
74
|
+
<div class="notes-text" v-show="notes.length === 0">
|
|
75
|
+
<p>Nenhuma nota criada.</p>
|
|
76
|
+
</div>
|
|
77
|
+
|
|
78
|
+
<div class="input-container">
|
|
79
|
+
<input
|
|
80
|
+
class="notes-new pl-4 mt-3 mb-3 form-rounded"
|
|
81
|
+
type="text"
|
|
82
|
+
placeholder="Escrever anotação"
|
|
83
|
+
v-model="newNote"
|
|
84
|
+
@change="$emit('new-note', newNote, userData.id)"
|
|
85
|
+
v-on:change="cleatInput()"
|
|
86
|
+
/>
|
|
87
|
+
<i
|
|
88
|
+
@click="
|
|
89
|
+
newNote.length > 0 &&
|
|
90
|
+
$emit('new-note', newNote, userData.id)
|
|
91
|
+
"
|
|
92
|
+
class="fas fa-paper-plane input-icon"
|
|
93
|
+
></i>
|
|
94
|
+
</div>
|
|
95
|
+
</el-tab-pane>
|
|
96
|
+
|
|
97
|
+
<el-tab-pane :disabled="true">
|
|
98
|
+
<span class="tab__icon-pane cursor-disabled" slot="label">
|
|
99
|
+
<img
|
|
100
|
+
class="img__icon-pane"
|
|
101
|
+
src="../../../../assets/images/icons/icon3.svg"
|
|
102
|
+
/>
|
|
103
|
+
</span>
|
|
104
|
+
</el-tab-pane>
|
|
105
|
+
|
|
106
|
+
<el-tab-pane :disabled="true">
|
|
107
|
+
<span class="tab__icon-pane cursor-disabled" slot="label">
|
|
108
|
+
<img
|
|
109
|
+
class="img__icon-pane"
|
|
110
|
+
src="../../../../assets/images/icons/icon4.svg"
|
|
111
|
+
/>
|
|
112
|
+
</span>
|
|
113
|
+
</el-tab-pane>
|
|
114
|
+
</el-tabs>
|
|
115
|
+
</div>
|
|
116
116
|
</template>
|
|
117
117
|
|
|
118
118
|
<script>
|
|
119
119
|
import { Tabs, TabPane } from 'element-ui';
|
|
120
120
|
|
|
121
121
|
export default {
|
|
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
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
122
|
+
name: 'user-cv-left-side',
|
|
123
|
+
filters: {
|
|
124
|
+
convertDate(data) {
|
|
125
|
+
let d = new Date(data);
|
|
126
|
+
let options = { hour: '2-digit', minute: '2-digit' };
|
|
127
|
+
return d.toLocaleDateString('pt-BR', options);
|
|
128
|
+
}
|
|
129
|
+
},
|
|
130
|
+
components: {
|
|
131
|
+
[Tabs.name]: Tabs,
|
|
132
|
+
[TabPane.name]: TabPane
|
|
133
|
+
},
|
|
134
|
+
props: {
|
|
135
|
+
userData: Object,
|
|
136
|
+
notes: Array,
|
|
137
|
+
activeName: String,
|
|
138
|
+
isNotesActived: {
|
|
139
|
+
type: Boolean,
|
|
140
|
+
default: true
|
|
141
|
+
}
|
|
142
|
+
},
|
|
143
|
+
mounted() {
|
|
144
|
+
this.companyHistory();
|
|
145
|
+
},
|
|
146
|
+
methods: {
|
|
147
|
+
cleatInput() {
|
|
148
|
+
this.newNote = '';
|
|
149
|
+
},
|
|
150
|
+
companyHistory() {
|
|
151
|
+
let sms = this.userData.company_sms.map(x => ({
|
|
152
|
+
date: x.created_at,
|
|
153
|
+
text: 'Recebeu um SMS'
|
|
154
|
+
}));
|
|
155
|
+
let tests = this.userData.tests.map(x => ({
|
|
156
|
+
date: x.finished_at,
|
|
157
|
+
text: `Finalizou o teste ${x.test.name.toUpperCase()}`
|
|
158
|
+
}));
|
|
159
|
+
let discs = this.userData.solides.map(x => ({
|
|
160
|
+
date: x.end,
|
|
161
|
+
text: 'Realizou um teste DISC'
|
|
162
|
+
}));
|
|
163
|
+
|
|
164
|
+
return sms.concat(tests, discs);
|
|
165
|
+
},
|
|
166
|
+
orderByDate(data) {
|
|
167
|
+
let sortedArray = data.sort((a, b) => {
|
|
168
|
+
a = [a.date || '2020/01/01'];
|
|
169
|
+
|
|
170
|
+
b = [b.date || '2020/01/01'];
|
|
171
|
+
|
|
172
|
+
return new Date(b) - new Date(a);
|
|
173
|
+
});
|
|
174
|
+
|
|
175
|
+
return sortedArray;
|
|
176
|
+
}
|
|
177
|
+
},
|
|
178
|
+
data() {
|
|
179
|
+
return {
|
|
180
|
+
newNote: '',
|
|
181
|
+
active: this.activeName
|
|
182
|
+
};
|
|
183
|
+
}
|
|
180
184
|
};
|
|
181
185
|
</script>
|
|
182
186
|
|
|
@@ -209,22 +213,22 @@ export default {
|
|
|
209
213
|
top: 50%;
|
|
210
214
|
right: 15px;
|
|
211
215
|
transform: translateY(-50%);
|
|
212
|
-
color: #
|
|
216
|
+
color: #c8c8c8;
|
|
213
217
|
}
|
|
214
218
|
}
|
|
215
219
|
|
|
216
220
|
&::-webkit-scrollbar {
|
|
217
|
-
|
|
218
|
-
|
|
221
|
+
width: 8px;
|
|
222
|
+
}
|
|
219
223
|
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
224
|
+
&::-webkit-scrollbar-track {
|
|
225
|
+
background: #f5f5f5;
|
|
226
|
+
}
|
|
223
227
|
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
+
&::-webkit-scrollbar-thumb {
|
|
229
|
+
background: #e9e8e8;
|
|
230
|
+
border-radius: 10px;
|
|
231
|
+
}
|
|
228
232
|
}
|
|
229
233
|
|
|
230
234
|
.readmore {
|
|
@@ -234,12 +238,9 @@ export default {
|
|
|
234
238
|
-webkit-line-clamp: 3;
|
|
235
239
|
-webkit-box-orient: vertical;
|
|
236
240
|
}
|
|
237
|
-
.el-tabs__item {
|
|
238
|
-
padding: 3rem;
|
|
239
|
-
}
|
|
240
241
|
|
|
241
|
-
.tab__icon {
|
|
242
|
-
.img__icon {
|
|
242
|
+
.tab__icon-pane {
|
|
243
|
+
.img__icon-pane {
|
|
243
244
|
background-color: #f5f5f5 !important;
|
|
244
245
|
border-radius: 30%;
|
|
245
246
|
padding: 7px;
|