@burh/nuxt-core 1.0.467 → 1.0.469
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/icons/icon7.svg +3 -0
- package/assets/images/icons/icon8.svg +7 -0
- package/components/argon-core/Modal.vue +183 -183
- package/components/burh-ds/Curriculum/UserCurriculum/UserCvRightSide.vue +259 -21
- package/components/burh-ds/Groups/SimpleProductItem.vue +18 -1
- package/package.json +1 -1
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="15" height="18" viewBox="0 0 15 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M32,224H64V416H32A31.96166,31.96166,0,0,1,0,384V256A31.96166,31.96166,0,0,1,32,224Zm512-48V448a64.06328,64.06328,0,0,1-64,64H160a64.06328,64.06328,0,0,1-64-64V176a79.974,79.974,0,0,1,80-80H288V32a32,32,0,0,1,64,0V96H464A79.974,79.974,0,0,1,544,176ZM264,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,264,256Zm-8,128H192v32h64Zm96,0H288v32h64ZM456,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,456,256Zm-8,128H384v32h64ZM640,256V384a31.96166,31.96166,0,0,1-32,32H576V224h32A31.96166,31.96166,0,0,1,640,256Z" fill="#C8C8C8"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<svg width="15" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
|
|
2
|
+
<path d="M0 256v128c0 17.7 14.3 32 32 32h32V224H32c-17.7 0-32 14.3-32 32zM464 96H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32v64H176c-44.2 0-80 35.8-80 80v272c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V176c0-44.2-35.8-80-80-80zM256 416h-64v-32h64v32zm-32-120c-22.1 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40zm128 120h-64v-32h64v32zm96 0h-64v-32h64v32zm-32-120c-22.1 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40zm192-72h-32v192h32c17.7 0 32-14.3 32-32V256c0-17.7-14.3-32-32-32z" fill="#C8C8C8"/>
|
|
3
|
+
</svg>
|
|
4
|
+
<!--
|
|
5
|
+
Font Awesome Free 5.2.0 by @fontawesome - https://fontawesome.com
|
|
6
|
+
License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
7
|
+
-->
|
|
@@ -1,183 +1,183 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<SlideYUpTransition :duration="animationDuration">
|
|
3
|
-
<div
|
|
4
|
-
class="modal fade"
|
|
5
|
-
@mousedown.self="closeModal"
|
|
6
|
-
:class="[
|
|
7
|
-
{ 'show d-block': show },
|
|
8
|
-
{ 'd-none': !show },
|
|
9
|
-
{ 'modal-mini': type === 'mini' }
|
|
10
|
-
]"
|
|
11
|
-
v-show="show"
|
|
12
|
-
tabindex="-1"
|
|
13
|
-
role="dialog"
|
|
14
|
-
:aria-hidden="!show"
|
|
15
|
-
>
|
|
16
|
-
<div
|
|
17
|
-
class="modal-dialog modal-dialog-centered"
|
|
18
|
-
:class="[
|
|
19
|
-
{
|
|
20
|
-
'modal-notice': type === 'notice',
|
|
21
|
-
[`modal-${size}`]: size
|
|
22
|
-
},
|
|
23
|
-
modalClasses
|
|
24
|
-
]"
|
|
25
|
-
>
|
|
26
|
-
<div
|
|
27
|
-
class="modal-content"
|
|
28
|
-
:class="[
|
|
29
|
-
gradient ? `bg-gradient-${gradient}` : '',
|
|
30
|
-
modalContentClasses
|
|
31
|
-
]"
|
|
32
|
-
>
|
|
33
|
-
<div
|
|
34
|
-
class="modal-header"
|
|
35
|
-
:class="[headerClasses]"
|
|
36
|
-
v-if="$slots.header"
|
|
37
|
-
>
|
|
38
|
-
<slot name="header"></slot>
|
|
39
|
-
<slot name="close-button">
|
|
40
|
-
<button
|
|
41
|
-
class="tool tool-close"
|
|
42
|
-
v-if="showClose"
|
|
43
|
-
@click="closeModal"
|
|
44
|
-
data-dismiss="modal"
|
|
45
|
-
aria-label="Close"
|
|
46
|
-
>
|
|
47
|
-
Fechar
|
|
48
|
-
<font-awesome-icon
|
|
49
|
-
:icon="['fas', 'times']"
|
|
50
|
-
class="text-white ml-1"
|
|
51
|
-
/>
|
|
52
|
-
</button>
|
|
53
|
-
</slot>
|
|
54
|
-
</div>
|
|
55
|
-
|
|
56
|
-
<div class="modal-body" :class="bodyClasses">
|
|
57
|
-
<slot></slot>
|
|
58
|
-
</div>
|
|
59
|
-
|
|
60
|
-
<div
|
|
61
|
-
class="modal-footer"
|
|
62
|
-
:class="footerClasses"
|
|
63
|
-
v-if="$slots.footer"
|
|
64
|
-
>
|
|
65
|
-
<slot name="footer"></slot>
|
|
66
|
-
</div>
|
|
67
|
-
</div>
|
|
68
|
-
</div>
|
|
69
|
-
</div>
|
|
70
|
-
</SlideYUpTransition>
|
|
71
|
-
</template>
|
|
72
|
-
<script>
|
|
73
|
-
import { SlideYUpTransition } from 'vue2-transitions';
|
|
74
|
-
|
|
75
|
-
export default {
|
|
76
|
-
name: 'modal',
|
|
77
|
-
components: {
|
|
78
|
-
SlideYUpTransition
|
|
79
|
-
},
|
|
80
|
-
props: {
|
|
81
|
-
show: Boolean,
|
|
82
|
-
showClose: {
|
|
83
|
-
type: Boolean,
|
|
84
|
-
default: true
|
|
85
|
-
},
|
|
86
|
-
type: {
|
|
87
|
-
type: String,
|
|
88
|
-
default: '',
|
|
89
|
-
validator(value) {
|
|
90
|
-
let acceptedValues = ['', 'notice', 'mini'];
|
|
91
|
-
return acceptedValues.indexOf(value) !== -1;
|
|
92
|
-
},
|
|
93
|
-
description: 'Modal type (notice|mini|"") '
|
|
94
|
-
},
|
|
95
|
-
modalClasses: {
|
|
96
|
-
type: [Object, String],
|
|
97
|
-
description: 'Modal dialog css classes'
|
|
98
|
-
},
|
|
99
|
-
size: {
|
|
100
|
-
type: String,
|
|
101
|
-
description: 'Modal size',
|
|
102
|
-
validator(value) {
|
|
103
|
-
let acceptedValues = ['', 'sm', 'lg', 'xl'];
|
|
104
|
-
return acceptedValues.indexOf(value) !== -1;
|
|
105
|
-
}
|
|
106
|
-
},
|
|
107
|
-
modalContentClasses: {
|
|
108
|
-
type: [Object, String],
|
|
109
|
-
description: 'Modal dialog content css classes'
|
|
110
|
-
},
|
|
111
|
-
gradient: {
|
|
112
|
-
type: String,
|
|
113
|
-
description: 'Modal gradient type (danger, primary etc)'
|
|
114
|
-
},
|
|
115
|
-
headerClasses: {
|
|
116
|
-
type: [Object, String],
|
|
117
|
-
description: 'Modal Header css classes'
|
|
118
|
-
},
|
|
119
|
-
bodyClasses: {
|
|
120
|
-
type: [Object, String],
|
|
121
|
-
description: 'Modal Body css classes'
|
|
122
|
-
},
|
|
123
|
-
footerClasses: {
|
|
124
|
-
type: [Object, String],
|
|
125
|
-
description: 'Modal Footer css classes'
|
|
126
|
-
},
|
|
127
|
-
animationDuration: {
|
|
128
|
-
type: Number,
|
|
129
|
-
default: 500,
|
|
130
|
-
description: 'Modal transition duration'
|
|
131
|
-
}
|
|
132
|
-
},
|
|
133
|
-
methods: {
|
|
134
|
-
closeModal() {
|
|
135
|
-
this.$emit('update:show', false);
|
|
136
|
-
this.$emit('close');
|
|
137
|
-
}
|
|
138
|
-
},
|
|
139
|
-
watch: {
|
|
140
|
-
show(val) {
|
|
141
|
-
let documentClasses = document.body.classList;
|
|
142
|
-
if (val) {
|
|
143
|
-
documentClasses.add('modal-open');
|
|
144
|
-
} else {
|
|
145
|
-
documentClasses.remove('modal-open');
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
};
|
|
150
|
-
</script>
|
|
151
|
-
<style lang="scss">
|
|
152
|
-
@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
|
|
153
|
-
.modal.show {
|
|
154
|
-
background-color: rgba(23,43,77, 0.7);
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
.tool {
|
|
158
|
-
position: absolute;
|
|
159
|
-
top: 1rem;
|
|
160
|
-
z-index: 10;
|
|
161
|
-
color: $primary;
|
|
162
|
-
cursor: pointer;
|
|
163
|
-
border: none;
|
|
164
|
-
|
|
165
|
-
&-close {
|
|
166
|
-
position: absolute;
|
|
167
|
-
width: 88px;
|
|
168
|
-
height: 27px;
|
|
169
|
-
right: 7px;
|
|
170
|
-
top: 7px;
|
|
171
|
-
display: flex;
|
|
172
|
-
justify-content: center;
|
|
173
|
-
align-items: center;
|
|
174
|
-
|
|
175
|
-
font-size: 11px;
|
|
176
|
-
|
|
177
|
-
font-weight: 500;
|
|
178
|
-
background: rgba(0, 0, 0, 0.2);
|
|
179
|
-
border-radius: 17.5px;
|
|
180
|
-
color: #fff;
|
|
181
|
-
}
|
|
182
|
-
}
|
|
183
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<SlideYUpTransition :duration="animationDuration">
|
|
3
|
+
<div
|
|
4
|
+
class="modal fade"
|
|
5
|
+
@mousedown.self="closeModal"
|
|
6
|
+
:class="[
|
|
7
|
+
{ 'show d-block': show },
|
|
8
|
+
{ 'd-none': !show },
|
|
9
|
+
{ 'modal-mini': type === 'mini' }
|
|
10
|
+
]"
|
|
11
|
+
v-show="show"
|
|
12
|
+
tabindex="-1"
|
|
13
|
+
role="dialog"
|
|
14
|
+
:aria-hidden="!show"
|
|
15
|
+
>
|
|
16
|
+
<div
|
|
17
|
+
class="modal-dialog modal-dialog-centered"
|
|
18
|
+
:class="[
|
|
19
|
+
{
|
|
20
|
+
'modal-notice': type === 'notice',
|
|
21
|
+
[`modal-${size}`]: size
|
|
22
|
+
},
|
|
23
|
+
modalClasses
|
|
24
|
+
]"
|
|
25
|
+
>
|
|
26
|
+
<div
|
|
27
|
+
class="modal-content"
|
|
28
|
+
:class="[
|
|
29
|
+
gradient ? `bg-gradient-${gradient}` : '',
|
|
30
|
+
modalContentClasses
|
|
31
|
+
]"
|
|
32
|
+
>
|
|
33
|
+
<div
|
|
34
|
+
class="modal-header"
|
|
35
|
+
:class="[headerClasses]"
|
|
36
|
+
v-if="$slots.header"
|
|
37
|
+
>
|
|
38
|
+
<slot name="header"></slot>
|
|
39
|
+
<slot name="close-button">
|
|
40
|
+
<button
|
|
41
|
+
class="tool tool-close"
|
|
42
|
+
v-if="showClose"
|
|
43
|
+
@click="closeModal"
|
|
44
|
+
data-dismiss="modal"
|
|
45
|
+
aria-label="Close"
|
|
46
|
+
>
|
|
47
|
+
Fechar
|
|
48
|
+
<font-awesome-icon
|
|
49
|
+
:icon="['fas', 'times']"
|
|
50
|
+
class="text-white ml-1"
|
|
51
|
+
/>
|
|
52
|
+
</button>
|
|
53
|
+
</slot>
|
|
54
|
+
</div>
|
|
55
|
+
|
|
56
|
+
<div class="modal-body" :class="bodyClasses">
|
|
57
|
+
<slot></slot>
|
|
58
|
+
</div>
|
|
59
|
+
|
|
60
|
+
<div
|
|
61
|
+
class="modal-footer"
|
|
62
|
+
:class="footerClasses"
|
|
63
|
+
v-if="$slots.footer"
|
|
64
|
+
>
|
|
65
|
+
<slot name="footer"></slot>
|
|
66
|
+
</div>
|
|
67
|
+
</div>
|
|
68
|
+
</div>
|
|
69
|
+
</div>
|
|
70
|
+
</SlideYUpTransition>
|
|
71
|
+
</template>
|
|
72
|
+
<script>
|
|
73
|
+
import { SlideYUpTransition } from 'vue2-transitions';
|
|
74
|
+
|
|
75
|
+
export default {
|
|
76
|
+
name: 'modal',
|
|
77
|
+
components: {
|
|
78
|
+
SlideYUpTransition
|
|
79
|
+
},
|
|
80
|
+
props: {
|
|
81
|
+
show: Boolean,
|
|
82
|
+
showClose: {
|
|
83
|
+
type: Boolean,
|
|
84
|
+
default: true
|
|
85
|
+
},
|
|
86
|
+
type: {
|
|
87
|
+
type: String,
|
|
88
|
+
default: '',
|
|
89
|
+
validator(value) {
|
|
90
|
+
let acceptedValues = ['', 'notice', 'mini'];
|
|
91
|
+
return acceptedValues.indexOf(value) !== -1;
|
|
92
|
+
},
|
|
93
|
+
description: 'Modal type (notice|mini|"") '
|
|
94
|
+
},
|
|
95
|
+
modalClasses: {
|
|
96
|
+
type: [Object, String],
|
|
97
|
+
description: 'Modal dialog css classes'
|
|
98
|
+
},
|
|
99
|
+
size: {
|
|
100
|
+
type: String,
|
|
101
|
+
description: 'Modal size',
|
|
102
|
+
validator(value) {
|
|
103
|
+
let acceptedValues = ['', 'sm', 'lg', 'xl'];
|
|
104
|
+
return acceptedValues.indexOf(value) !== -1;
|
|
105
|
+
}
|
|
106
|
+
},
|
|
107
|
+
modalContentClasses: {
|
|
108
|
+
type: [Object, String],
|
|
109
|
+
description: 'Modal dialog content css classes'
|
|
110
|
+
},
|
|
111
|
+
gradient: {
|
|
112
|
+
type: String,
|
|
113
|
+
description: 'Modal gradient type (danger, primary etc)'
|
|
114
|
+
},
|
|
115
|
+
headerClasses: {
|
|
116
|
+
type: [Object, String],
|
|
117
|
+
description: 'Modal Header css classes'
|
|
118
|
+
},
|
|
119
|
+
bodyClasses: {
|
|
120
|
+
type: [Object, String],
|
|
121
|
+
description: 'Modal Body css classes'
|
|
122
|
+
},
|
|
123
|
+
footerClasses: {
|
|
124
|
+
type: [Object, String],
|
|
125
|
+
description: 'Modal Footer css classes'
|
|
126
|
+
},
|
|
127
|
+
animationDuration: {
|
|
128
|
+
type: Number,
|
|
129
|
+
default: 500,
|
|
130
|
+
description: 'Modal transition duration'
|
|
131
|
+
}
|
|
132
|
+
},
|
|
133
|
+
methods: {
|
|
134
|
+
closeModal() {
|
|
135
|
+
this.$emit('update:show', false);
|
|
136
|
+
this.$emit('close');
|
|
137
|
+
}
|
|
138
|
+
},
|
|
139
|
+
watch: {
|
|
140
|
+
show(val) {
|
|
141
|
+
let documentClasses = document.body.classList;
|
|
142
|
+
if (val) {
|
|
143
|
+
documentClasses.add('modal-open');
|
|
144
|
+
} else {
|
|
145
|
+
documentClasses.remove('modal-open');
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
};
|
|
150
|
+
</script>
|
|
151
|
+
<style lang="scss">
|
|
152
|
+
@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
|
|
153
|
+
.modal.show {
|
|
154
|
+
background-color: rgba(23,43,77, 0.7);
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
.tool {
|
|
158
|
+
position: absolute;
|
|
159
|
+
top: 1rem;
|
|
160
|
+
z-index: 10;
|
|
161
|
+
color: $primary;
|
|
162
|
+
cursor: pointer;
|
|
163
|
+
border: none;
|
|
164
|
+
|
|
165
|
+
&-close {
|
|
166
|
+
position: absolute;
|
|
167
|
+
width: 88px;
|
|
168
|
+
height: 27px;
|
|
169
|
+
right: 7px;
|
|
170
|
+
top: 7px;
|
|
171
|
+
display: flex;
|
|
172
|
+
justify-content: center;
|
|
173
|
+
align-items: center;
|
|
174
|
+
|
|
175
|
+
font-size: 11px;
|
|
176
|
+
|
|
177
|
+
font-weight: 500;
|
|
178
|
+
background: rgba(0, 0, 0, 0.2);
|
|
179
|
+
border-radius: 17.5px;
|
|
180
|
+
color: #fff;
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
</style>
|
|
@@ -1,10 +1,210 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="bg-white content-right tabs">
|
|
3
3
|
<el-tabs
|
|
4
|
-
:class="
|
|
4
|
+
:class="activeTab"
|
|
5
5
|
class="mt-3 handle-icon-color"
|
|
6
|
-
v-model="
|
|
6
|
+
v-model="activeTab"
|
|
7
7
|
>
|
|
8
|
+
<el-tab-pane v-if="companyHasAutomation && hasAutomation" name="melissa" class="ml-2">
|
|
9
|
+
<span class="tab__icon-pane" slot="label">
|
|
10
|
+
<img
|
|
11
|
+
class="img__icon-pane"
|
|
12
|
+
src="/img/recruitment/melissa.svg"
|
|
13
|
+
/>
|
|
14
|
+
</span>
|
|
15
|
+
<p class="notes-title mb-0 notes-melissa-title">
|
|
16
|
+
{{automation.aproved ?
|
|
17
|
+
'Candidato aprovado pela Melissa' :
|
|
18
|
+
'Candidato reprovado pela Melissa'}}
|
|
19
|
+
</p>
|
|
20
|
+
<div class="line mb-3"></div>
|
|
21
|
+
<template>
|
|
22
|
+
<template>
|
|
23
|
+
<div v-if="automation && automation.vehicle_license && automation.vehicle_license.vehicle_license !== null">
|
|
24
|
+
<div class="notes-baloon-melissa mt-2">
|
|
25
|
+
<div class="question-melissa-title">
|
|
26
|
+
<span>
|
|
27
|
+
Você tem uma carteira de motorista válida?
|
|
28
|
+
</span>
|
|
29
|
+
</div>
|
|
30
|
+
<div class="notes-text-melissa pt-2">
|
|
31
|
+
<span class="mt-2">
|
|
32
|
+
{{ automation.vehicle_license.vehicle_license ? "Sim" : "Não" }}
|
|
33
|
+
<span v-if="automation.vehicle_license.vehicle_license_approved">
|
|
34
|
+
✅
|
|
35
|
+
</span>
|
|
36
|
+
<span v-else>
|
|
37
|
+
❌
|
|
38
|
+
</span>
|
|
39
|
+
</span>
|
|
40
|
+
</div>
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
|
+
<div v-if="automation && automation.city && automation.city.city !== null">
|
|
44
|
+
<div class="notes-baloon-melissa mt-2">
|
|
45
|
+
<div class="question-melissa-title">
|
|
46
|
+
<span>
|
|
47
|
+
Você pode se locomover até onde esta vaga está localizada?
|
|
48
|
+
</span>
|
|
49
|
+
</div>
|
|
50
|
+
<div class="notes-text-melissa pt-2">
|
|
51
|
+
<span class="mt-2">
|
|
52
|
+
{{ automation.city.city ? "Sim" : "Não" }}
|
|
53
|
+
<span v-if="automation.city.city_approved">
|
|
54
|
+
✅
|
|
55
|
+
</span>
|
|
56
|
+
<span v-else>
|
|
57
|
+
❌
|
|
58
|
+
</span>
|
|
59
|
+
</span>
|
|
60
|
+
</div>
|
|
61
|
+
</div>
|
|
62
|
+
</div>
|
|
63
|
+
<div v-if="automation && automation.urgent_hiring && automation.urgent_hiring.urgent_hiring !== null">
|
|
64
|
+
<div class="notes-baloon-melissa mt-2">
|
|
65
|
+
<div class="question-melissa-title">
|
|
66
|
+
<span>
|
|
67
|
+
Precisamos preencher esta posição com urgência. Você poderia começar imediatamente?
|
|
68
|
+
</span>
|
|
69
|
+
</div>
|
|
70
|
+
<div class="notes-text-melissa pt-2">
|
|
71
|
+
<span class="mt-2">
|
|
72
|
+
{{ automation.urgent_hiring.urgent_hiring ? "Sim" : "Não" }}
|
|
73
|
+
<span v-if="automation.urgent_hiring.urgent_hiring_approved">
|
|
74
|
+
✅
|
|
75
|
+
</span>
|
|
76
|
+
<span v-else>
|
|
77
|
+
❌
|
|
78
|
+
</span>
|
|
79
|
+
</span>
|
|
80
|
+
</div>
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
83
|
+
<div v-if="automation && automation.school_formation && automation.school_formation.school_formation !== null && automation.school_formation.option !== null">
|
|
84
|
+
<div class="notes-baloon-melissa mt-2">
|
|
85
|
+
<div class="question-melissa-title">
|
|
86
|
+
<span>
|
|
87
|
+
Você completou o curso: <b>{{automation.school_formation.option}}</b>?
|
|
88
|
+
</span>
|
|
89
|
+
</div>
|
|
90
|
+
<div class="notes-text-melissa pt-2">
|
|
91
|
+
<span class="mt-2">
|
|
92
|
+
{{ automation.school_formation.school_formation ? "Sim" : "Não" }}
|
|
93
|
+
|
|
94
|
+
<span v-if="automation.school_formation.school_formation_approved">
|
|
95
|
+
✅
|
|
96
|
+
</span>
|
|
97
|
+
<span v-else>
|
|
98
|
+
❌
|
|
99
|
+
</span>
|
|
100
|
+
</span>
|
|
101
|
+
</div>
|
|
102
|
+
</div>
|
|
103
|
+
</div>
|
|
104
|
+
<div v-if="automation && automation.tool_experience && automation.tool_experience.tool_experience !== null && automation.tool_experience.option !== null">
|
|
105
|
+
<div class="notes-baloon-melissa mt-2">
|
|
106
|
+
<div class="question-melissa-title">
|
|
107
|
+
<span>
|
|
108
|
+
Quantos anos de experiência você tem utilizando <b>{{automation.tool_experience.option}}</b>?
|
|
109
|
+
</span>
|
|
110
|
+
</div>
|
|
111
|
+
<div class="notes-text-melissa pt-2">
|
|
112
|
+
<span class="mt-2">
|
|
113
|
+
{{ automation.tool_experience.tool_experience }}
|
|
114
|
+
<span v-if="automation.tool_experience.tool_experience_approved">
|
|
115
|
+
✅
|
|
116
|
+
</span>
|
|
117
|
+
<span v-else>
|
|
118
|
+
❌
|
|
119
|
+
</span>
|
|
120
|
+
</span>
|
|
121
|
+
</div>
|
|
122
|
+
</div>
|
|
123
|
+
</div>
|
|
124
|
+
<div v-if="automation && automation.work_experience && automation.work_experience.work_experience !== null && automation.work_experience.option !== null">
|
|
125
|
+
<div class="notes-baloon-melissa mt-2">
|
|
126
|
+
<div class="question-melissa-title">
|
|
127
|
+
<span>
|
|
128
|
+
Quantos anos de experiência você tem na função de <b>{{automation.work_experience.option}}</b>?
|
|
129
|
+
</span>
|
|
130
|
+
</div>
|
|
131
|
+
<div class="notes-text-melissa pt-2">
|
|
132
|
+
<span class="mt-2">
|
|
133
|
+
{{ automation.work_experience.work_experience }}
|
|
134
|
+
<span v-if="automation.work_experience.work_experience_approved">
|
|
135
|
+
✅
|
|
136
|
+
</span>
|
|
137
|
+
<span v-else>
|
|
138
|
+
❌
|
|
139
|
+
</span>
|
|
140
|
+
</span>
|
|
141
|
+
</div>
|
|
142
|
+
</div>
|
|
143
|
+
</div>
|
|
144
|
+
<div v-if="automation && automation.sector_experience && automation.sector_experience.sector_experience !== null && automation.sector_experience.option !== null">
|
|
145
|
+
<div class="notes-baloon-melissa mt-2">
|
|
146
|
+
<div class="question-melissa-title">
|
|
147
|
+
<span>
|
|
148
|
+
Quantos anos de experiência você tem no setor de <b>{{automation.sector_experience.option}}</b>?
|
|
149
|
+
</span>
|
|
150
|
+
</div>
|
|
151
|
+
<div class="notes-text-melissa pt-2">
|
|
152
|
+
<span class="mt-2">
|
|
153
|
+
{{ automation.sector_experience.sector_experience }}
|
|
154
|
+
<span v-if="automation.sector_experience.sector_experience_approved">
|
|
155
|
+
✅
|
|
156
|
+
</span>
|
|
157
|
+
<span v-else>
|
|
158
|
+
❌
|
|
159
|
+
</span>
|
|
160
|
+
</span>
|
|
161
|
+
</div>
|
|
162
|
+
</div>
|
|
163
|
+
</div>
|
|
164
|
+
<div v-if="automation && automation.language && automation.language.language !== null && automation.language.option !== null">
|
|
165
|
+
<div class="notes-baloon-melissa mt-2">
|
|
166
|
+
<div class="question-melissa-title">
|
|
167
|
+
<span>
|
|
168
|
+
Qual seu nível de proficiência em <b>{{automation.language.option}}</b>?
|
|
169
|
+
</span>
|
|
170
|
+
</div>
|
|
171
|
+
<div class="notes-text-melissa pt-2">
|
|
172
|
+
<span class="mt-2">
|
|
173
|
+
{{ automation.language.language }}
|
|
174
|
+
<span v-if="automation.language.language_approved">
|
|
175
|
+
✅
|
|
176
|
+
</span>
|
|
177
|
+
<span v-else>
|
|
178
|
+
❌
|
|
179
|
+
</span>
|
|
180
|
+
</span>
|
|
181
|
+
</div>
|
|
182
|
+
</div>
|
|
183
|
+
</div>
|
|
184
|
+
<div
|
|
185
|
+
v-for="(melissa,index) in automation.custom"
|
|
186
|
+
:key="index"
|
|
187
|
+
>
|
|
188
|
+
<div class="notes-baloon-melissa mt-2">
|
|
189
|
+
<div class="question-melissa-title">
|
|
190
|
+
<span>{{ melissa.question }}</span>
|
|
191
|
+
</div>
|
|
192
|
+
<div class="notes-text-melissa pt-2">
|
|
193
|
+
<span class="mt-2">
|
|
194
|
+
{{ typeof melissa.response === "boolean" ? melissa.response ? "Sim" : "Não" : melissa.response }}
|
|
195
|
+
<span v-if="melissa.approved_in_question">
|
|
196
|
+
✅
|
|
197
|
+
</span>
|
|
198
|
+
<span v-else>
|
|
199
|
+
❌
|
|
200
|
+
</span>
|
|
201
|
+
</span>
|
|
202
|
+
</div>
|
|
203
|
+
</div>
|
|
204
|
+
</div>
|
|
205
|
+
</template>
|
|
206
|
+
</template>
|
|
207
|
+
</el-tab-pane>
|
|
8
208
|
<el-tab-pane class="history ml-2" name="history">
|
|
9
209
|
<span class="tab__icon-pane" slot="label">
|
|
10
210
|
<img
|
|
@@ -66,15 +266,11 @@
|
|
|
66
266
|
</div>
|
|
67
267
|
</div>
|
|
68
268
|
<div class="notes-owner d-flex mt-2">
|
|
69
|
-
<
|
|
70
|
-
v-if="note.user.urlAvatar"
|
|
269
|
+
<image-with-fallback
|
|
71
270
|
:src="note.user.urlAvatar"
|
|
72
271
|
:alt="note.user.name"
|
|
272
|
+
:fallbackText="note.user.name"
|
|
73
273
|
/>
|
|
74
|
-
<div
|
|
75
|
-
v-if="!note.user.urlAvatar"
|
|
76
|
-
class="notes-avatar"
|
|
77
|
-
></div>
|
|
78
274
|
<p class="ml-1">
|
|
79
275
|
{{ note.user.name }}
|
|
80
276
|
</p>
|
|
@@ -374,7 +570,6 @@ export default {
|
|
|
374
570
|
return {
|
|
375
571
|
newNote: '',
|
|
376
572
|
newReportNote: '',
|
|
377
|
-
active: this.activeName,
|
|
378
573
|
liked: 0,
|
|
379
574
|
hasRemove: null,
|
|
380
575
|
isError: true,
|
|
@@ -405,8 +600,16 @@ export default {
|
|
|
405
600
|
props: {
|
|
406
601
|
archives: Array,
|
|
407
602
|
userData: Object,
|
|
603
|
+
automation:{
|
|
604
|
+
type:Object || null,
|
|
605
|
+
default:null
|
|
606
|
+
},
|
|
408
607
|
notes: Array,
|
|
409
608
|
activeName: String,
|
|
609
|
+
jobId:{
|
|
610
|
+
type:[String, Number, Object],
|
|
611
|
+
default:null
|
|
612
|
+
},
|
|
410
613
|
userFolderId: String,
|
|
411
614
|
isNotesActived: {
|
|
412
615
|
type: Boolean,
|
|
@@ -464,17 +667,14 @@ export default {
|
|
|
464
667
|
this.showToast('error', message);
|
|
465
668
|
}
|
|
466
669
|
},
|
|
467
|
-
|
|
468
670
|
openArchive(item) {
|
|
469
671
|
window.open(item.storage_url, '_blank');
|
|
470
672
|
},
|
|
471
|
-
|
|
472
673
|
saveImage(){
|
|
473
674
|
if (!this.isError) {
|
|
474
675
|
this.$emit('save-archive', this.fileToUpload[0], this.userData.id);
|
|
475
676
|
this.$refs.MyDropzone && this.$refs.MyDropzone.removeAllFiles();
|
|
476
677
|
this.showToast('success', 'Arquivo enviado com sucesso.');
|
|
477
|
-
|
|
478
678
|
} else {
|
|
479
679
|
if (this.fileToUpload.length > 0) {
|
|
480
680
|
this.showToast('error', 'Arquivo invalido.');
|
|
@@ -483,7 +683,6 @@ export default {
|
|
|
483
683
|
}
|
|
484
684
|
}
|
|
485
685
|
},
|
|
486
|
-
|
|
487
686
|
saveReport() {
|
|
488
687
|
if (!this.isError) {
|
|
489
688
|
this.$emit('save-report', this.reportFileUpload[0], this.userFolderId);
|
|
@@ -515,10 +714,6 @@ export default {
|
|
|
515
714
|
this.newNote = '';
|
|
516
715
|
},
|
|
517
716
|
companyHistory() {
|
|
518
|
-
// let sms = this.userData.company_sms.map(x => ({
|
|
519
|
-
// date: x.created_at,
|
|
520
|
-
// text: 'Recebeu um SMS'
|
|
521
|
-
// }));
|
|
522
717
|
let tests = this.userData.tests.map(x => {
|
|
523
718
|
if (x.finished_at) {
|
|
524
719
|
return {
|
|
@@ -589,6 +784,14 @@ export default {
|
|
|
589
784
|
annex,
|
|
590
785
|
comment
|
|
591
786
|
};
|
|
787
|
+
},
|
|
788
|
+
haveAnswers(){
|
|
789
|
+
if(this.automation && Object.keys(this.automation).length){
|
|
790
|
+
return true;
|
|
791
|
+
}else{
|
|
792
|
+
this.active = this.activeName;
|
|
793
|
+
return false;
|
|
794
|
+
}
|
|
592
795
|
}
|
|
593
796
|
},
|
|
594
797
|
computed: {
|
|
@@ -597,7 +800,26 @@ export default {
|
|
|
597
800
|
this.$store.state.loja && this.$store.state.loja.showableProducts && this.$store.state.loja.showableProducts['HISTORICO_USUARIO'] || false
|
|
598
801
|
);
|
|
599
802
|
},
|
|
600
|
-
|
|
803
|
+
companyHasAutomation() {
|
|
804
|
+
return this.companyHasProduct(
|
|
805
|
+
this.$store.state.loja && this.$store.state.loja.showableProducts && this.$store.state.loja.showableProducts['TRIAGEM_AUTOMATICA'] || false
|
|
806
|
+
);
|
|
807
|
+
},
|
|
808
|
+
hasAutomation() {
|
|
809
|
+
return this.automation && Object.values(this.automation).length > 0 || false;
|
|
810
|
+
},
|
|
811
|
+
activeTab() {
|
|
812
|
+
let activeTab = this.activeName;
|
|
813
|
+
|
|
814
|
+
if (this.jobId && this.companyHasAutomation && this.hasAutomation) {
|
|
815
|
+
if (activeTab == 'history') {
|
|
816
|
+
activeTab = 'melissa';
|
|
817
|
+
}
|
|
818
|
+
}
|
|
819
|
+
|
|
820
|
+
return activeTab;
|
|
821
|
+
},
|
|
822
|
+
likeStatus() {
|
|
601
823
|
return this.liked;
|
|
602
824
|
},
|
|
603
825
|
}
|
|
@@ -842,6 +1064,8 @@ export default {
|
|
|
842
1064
|
background-color: #f5f5f5 !important;
|
|
843
1065
|
border-radius: 30%;
|
|
844
1066
|
padding: 7px;
|
|
1067
|
+
height: 2.2rem;
|
|
1068
|
+
width: 2.2rem;
|
|
845
1069
|
margin-bottom: 1rem;
|
|
846
1070
|
}
|
|
847
1071
|
}
|
|
@@ -861,10 +1085,24 @@ export default {
|
|
|
861
1085
|
.notes-baloon {
|
|
862
1086
|
width: 231px;
|
|
863
1087
|
height: auto;
|
|
864
|
-
|
|
1088
|
+
border-radius: 10px 10px 10px 0;
|
|
865
1089
|
background: #eff5fd;
|
|
866
|
-
|
|
867
|
-
|
|
1090
|
+
&.fullsize {
|
|
1091
|
+
width: 80%!important;
|
|
1092
|
+
min-width: 280px;
|
|
1093
|
+
}
|
|
1094
|
+
}
|
|
1095
|
+
.notes-baloon-melissa {
|
|
1096
|
+
padding: 5px 0;
|
|
1097
|
+
.question-melissa-title{
|
|
1098
|
+
font-size: 12px !important;
|
|
1099
|
+
color:#62778c;
|
|
1100
|
+
}
|
|
1101
|
+
.notes-text-melissa {
|
|
1102
|
+
font-size: 0.875rem;
|
|
1103
|
+
color: #1d364b;
|
|
1104
|
+
font-weight: bold;
|
|
1105
|
+
}
|
|
868
1106
|
&.fullsize {
|
|
869
1107
|
width: 80%!important;
|
|
870
1108
|
min-width: 280px;
|
|
@@ -36,12 +36,21 @@
|
|
|
36
36
|
<badge
|
|
37
37
|
rounded
|
|
38
38
|
size="md"
|
|
39
|
-
class="ml-auto badge-bg-color badge-font"
|
|
39
|
+
class="ml-auto badge-bg-color badge-font beta-badge"
|
|
40
40
|
type="primary"
|
|
41
41
|
v-if="beta"
|
|
42
42
|
>
|
|
43
43
|
BETA
|
|
44
44
|
</badge>
|
|
45
|
+
<badge
|
|
46
|
+
rounded
|
|
47
|
+
size="md"
|
|
48
|
+
class="ml-auto badge-bg-color badge-font new-badge"
|
|
49
|
+
type="primary"
|
|
50
|
+
v-if="isNew"
|
|
51
|
+
>
|
|
52
|
+
NOVO
|
|
53
|
+
</badge>
|
|
45
54
|
</div>
|
|
46
55
|
</div>
|
|
47
56
|
</default-link>
|
|
@@ -76,6 +85,10 @@ export default {
|
|
|
76
85
|
type: Boolean,
|
|
77
86
|
default: false
|
|
78
87
|
},
|
|
88
|
+
isNew:{
|
|
89
|
+
type: Boolean,
|
|
90
|
+
default: false
|
|
91
|
+
},
|
|
79
92
|
hasEnableBadge: Boolean,
|
|
80
93
|
badgeClass: String,
|
|
81
94
|
to: {
|
|
@@ -135,6 +148,10 @@ export default {
|
|
|
135
148
|
}
|
|
136
149
|
}
|
|
137
150
|
}
|
|
151
|
+
.new-badge {
|
|
152
|
+
color: #32325D !important;
|
|
153
|
+
background-color: #f4e7ff !important;
|
|
154
|
+
}
|
|
138
155
|
|
|
139
156
|
.card-body {
|
|
140
157
|
height: 30rem !important;
|