@burh/nuxt-core 1.0.410 → 1.0.412
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/sass/burh-ds/atoms/_forms.scss +21 -19
- package/components/burh-ds/Curriculum/UserCurriculum/UserCvRightSide.vue +874 -859
- package/components/burh-ds/Modals/AddCustomerModal.vue +5 -46
- package/components/burh-ds/Modals/AddMember.vue +5 -48
- package/components/burh-ds/Modals/AddRoleModal.vue +4 -47
- package/components/burh-ds/Modals/AppConfigModal.vue +326 -326
- package/components/burh-ds/Modals/PlanModal.vue +133 -172
- package/components/burh-ds/Modals/RequestModal.vue +206 -247
- package/components/burh-ds/Modals/SendTest.vue +7 -43
- package/components/burh-ds/Modals/SharedModal.vue +7 -50
- package/components/burh-ds/Modals/UniversalShareModal.vue +7 -50
- package/components/burh-ds/Modals/UniversalWhatsappModal.vue +5 -53
- package/components/burh-ds/Modals/WhatsappModal.vue +79 -127
- package/components/burh-ds/Skeleton/AppHeader.vue +129 -0
- package/components/burh-ds/Skeleton/SkeletonAnimate.vue +121 -96
- package/components/burh-ds/Tabs/TesteTab.vue +108 -108
- package/package.json +1 -1
|
@@ -1,167 +1,154 @@
|
|
|
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
|
-
</el-dialog>
|
|
2
|
+
<modal
|
|
3
|
+
:show.sync="isActive"
|
|
4
|
+
:size="'lg'"
|
|
5
|
+
@close="$emit('close')"
|
|
6
|
+
>
|
|
7
|
+
<template>
|
|
8
|
+
<div class="plan">
|
|
9
|
+
<img :src="cover" alt="" />
|
|
10
|
+
|
|
11
|
+
<div class="plan__modal">
|
|
12
|
+
<section class="plan__information">
|
|
13
|
+
<h4>
|
|
14
|
+
Você vai amar o Plano Empresas. <br />
|
|
15
|
+
Dê um Upgrade no seu R&S
|
|
16
|
+
</h4>
|
|
17
|
+
|
|
18
|
+
<p>
|
|
19
|
+
A Tecnologia Burh e suas Soluções oferecem um
|
|
20
|
+
ambiente único de Recrutamento e Seleção.
|
|
21
|
+
Treinamentos e Página de Carreiras para sua empresa.
|
|
22
|
+
</p>
|
|
23
|
+
</section>
|
|
24
|
+
<section class="plan__contact">
|
|
25
|
+
<p>
|
|
26
|
+
Preencha as informações abaixo e nosso time entrará
|
|
27
|
+
em contato.
|
|
28
|
+
</p>
|
|
29
|
+
|
|
30
|
+
<validation-observer ref="sendTest">
|
|
31
|
+
<section>
|
|
32
|
+
<validation-provider
|
|
33
|
+
tag="div"
|
|
34
|
+
name="Nome"
|
|
35
|
+
rules="required"
|
|
36
|
+
v-slot="{ errors }"
|
|
37
|
+
>
|
|
38
|
+
<base-input
|
|
39
|
+
type="text"
|
|
40
|
+
v-model="name"
|
|
41
|
+
:error="errors[0]"
|
|
42
|
+
:valid="errors.length ? true : false"
|
|
43
|
+
placeholder="Nome Completo"
|
|
44
|
+
/>
|
|
45
|
+
</validation-provider>
|
|
46
|
+
|
|
47
|
+
<validation-provider
|
|
48
|
+
tag="div"
|
|
49
|
+
name="Telefone"
|
|
50
|
+
rules="required"
|
|
51
|
+
v-slot="{ errors }"
|
|
52
|
+
>
|
|
53
|
+
<base-input
|
|
54
|
+
type="text"
|
|
55
|
+
v-model="phone"
|
|
56
|
+
v-on:input="maskCellphone($event)"
|
|
57
|
+
id="phone"
|
|
58
|
+
:error="errors[0]"
|
|
59
|
+
:valid="errors.length ? true : false"
|
|
60
|
+
placeholder="Telefone"
|
|
61
|
+
/>
|
|
62
|
+
</validation-provider>
|
|
63
|
+
|
|
64
|
+
<button type="button" @click="sendContact()">
|
|
65
|
+
Solicitar Contato
|
|
66
|
+
</button>
|
|
67
|
+
</section>
|
|
68
|
+
</validation-observer>
|
|
69
|
+
</section>
|
|
70
|
+
</div>
|
|
71
|
+
</div>
|
|
72
|
+
|
|
73
|
+
<span class="tool tool-close" @click="$emit('close')">
|
|
74
|
+
Fechar
|
|
75
|
+
<font-awesome-icon
|
|
76
|
+
:icon="['fas', 'times']"
|
|
77
|
+
class="text-white ml-1"
|
|
78
|
+
/>
|
|
79
|
+
</span>
|
|
80
|
+
</template>
|
|
81
|
+
</modal>
|
|
83
82
|
</template>
|
|
84
83
|
|
|
85
84
|
<script>
|
|
86
|
-
import { Dialog } from 'element-ui';
|
|
87
|
-
|
|
88
85
|
export default {
|
|
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
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
}
|
|
137
|
-
}
|
|
86
|
+
name: 'plan-modal',
|
|
87
|
+
components: {},
|
|
88
|
+
props: {
|
|
89
|
+
isActive: Boolean,
|
|
90
|
+
cover: String
|
|
91
|
+
},
|
|
92
|
+
data() {
|
|
93
|
+
return {
|
|
94
|
+
name: '',
|
|
95
|
+
phone: ''
|
|
96
|
+
};
|
|
97
|
+
},
|
|
98
|
+
methods: {
|
|
99
|
+
async sendContact() {
|
|
100
|
+
const pass = await this.$refs.sendTest.validate();
|
|
101
|
+
if (!pass) {
|
|
102
|
+
return;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
this.phone = this.phone.replace(/\D+/g, '');
|
|
106
|
+
|
|
107
|
+
this.$emit('send-contact', this.name, this.phone);
|
|
108
|
+
this.$emit('close');
|
|
109
|
+
},
|
|
110
|
+
maskCellphone(v, onlyMasking = false) {
|
|
111
|
+
if (v == null || v == '') {
|
|
112
|
+
return;
|
|
113
|
+
}
|
|
114
|
+
var mask = v.replace(/\D/g, '');
|
|
115
|
+
mask = mask.replace(/^0/, '');
|
|
116
|
+
if (mask.length > 10) {
|
|
117
|
+
mask = mask.replace(/^(\d\d)(\d{5})(\d{4}).*/, '($1) $2-$3');
|
|
118
|
+
} else if (mask.length > 5) {
|
|
119
|
+
mask = mask.replace(/^(\d\d)(\d{4})(\d{0,4}).*/, '($1) $2-$3');
|
|
120
|
+
} else if (mask.length > 2) {
|
|
121
|
+
mask = mask.replace(/^(\d\d)(\d{0,5})/, '($1) $2');
|
|
122
|
+
} else {
|
|
123
|
+
mask = mask.replace(/^(\d*)/, '($1');
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
if (!onlyMasking) {
|
|
127
|
+
this.phone = mask;
|
|
128
|
+
} else {
|
|
129
|
+
return mask;
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
}
|
|
138
133
|
};
|
|
139
134
|
</script>
|
|
140
135
|
|
|
141
136
|
<style lang="scss" scoped>
|
|
142
137
|
@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
|
|
143
138
|
|
|
144
|
-
/deep/ .
|
|
145
|
-
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
/deep/ .el-dialog__header {
|
|
149
|
-
display: none;
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
/deep/ .el-dialog {
|
|
153
|
-
overflow: hidden;
|
|
154
|
-
border-radius: 10px;
|
|
155
|
-
padding-bottom: 50px;
|
|
156
|
-
max-width: 47.5rem;
|
|
139
|
+
/deep/ .modal-body {
|
|
140
|
+
margin-bottom: 2rem;
|
|
157
141
|
}
|
|
158
142
|
|
|
159
143
|
.plan {
|
|
160
144
|
background: #fff;
|
|
145
|
+
border-radius: 0.4375rem;
|
|
161
146
|
img {
|
|
162
147
|
width: 100%;
|
|
163
148
|
height: 8.12rem;
|
|
164
149
|
object-fit: cover;
|
|
150
|
+
border-top-left-radius: 0.4375rem;
|
|
151
|
+
border-top-right-radius: 0.4375rem;
|
|
165
152
|
}
|
|
166
153
|
|
|
167
154
|
&__modal {
|
|
@@ -242,7 +229,7 @@ export default {
|
|
|
242
229
|
width: 100%;
|
|
243
230
|
height: 2rem;
|
|
244
231
|
|
|
245
|
-
background: #
|
|
232
|
+
background: #5865f2;
|
|
246
233
|
box-shadow: 0px 4.22794px 10.1471px rgba(0, 0, 0, 0.15);
|
|
247
234
|
border-radius: 22.8309px;
|
|
248
235
|
border: 0;
|
|
@@ -254,32 +241,6 @@ export default {
|
|
|
254
241
|
}
|
|
255
242
|
}
|
|
256
243
|
|
|
257
|
-
.tool {
|
|
258
|
-
position: absolute;
|
|
259
|
-
top: 1rem;
|
|
260
|
-
z-index: 10;
|
|
261
|
-
color: $primary;
|
|
262
|
-
cursor: pointer;
|
|
263
|
-
|
|
264
|
-
&-close {
|
|
265
|
-
position: absolute;
|
|
266
|
-
width: 88px;
|
|
267
|
-
height: 27px;
|
|
268
|
-
right: 7px;
|
|
269
|
-
top: 7px;
|
|
270
|
-
display: flex;
|
|
271
|
-
justify-content: center;
|
|
272
|
-
align-items: center;
|
|
273
|
-
|
|
274
|
-
font-size: 11px;
|
|
275
|
-
|
|
276
|
-
font-weight: 500;
|
|
277
|
-
background: rgba(0, 0, 0, 0.2);
|
|
278
|
-
border-radius: 17.5px;
|
|
279
|
-
color: #fff;
|
|
280
|
-
}
|
|
281
|
-
}
|
|
282
|
-
|
|
283
244
|
::-webkit-input-placeholder {
|
|
284
245
|
color: #c0c0c0;
|
|
285
246
|
}
|