@burh/nuxt-core 1.0.24 → 1.0.26
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/components/burh-ds/Cards/PlanCard.vue +9 -6
- package/components/burh-ds/Cards/TestCard.vue +3 -3
- package/components/burh-ds/Cards/WelcomeCard.vue +6 -6
- package/components/burh-ds/Headings/StepHeader.vue +19 -11
- package/components/burh-ds/Modals/SendTest.vue +28 -35
- package/components/layouts/burh-ds/navbar/PublicNavbar.vue +11 -11
- package/package.json +1 -1
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
<i class="fas fa-check"></i>
|
|
18
18
|
</span>
|
|
19
19
|
<div class="ml-4 small text-left">
|
|
20
|
-
<span> {{ item
|
|
20
|
+
<span> {{ item }} </span>
|
|
21
21
|
</div>
|
|
22
22
|
</div>
|
|
23
23
|
</li>
|
|
@@ -31,9 +31,9 @@
|
|
|
31
31
|
|
|
32
32
|
<div class="card-body p-4 px-lg-4 d-none d-md-block">
|
|
33
33
|
<div>
|
|
34
|
-
<h6 class="card-text text-sm">{{ description }}</h6>
|
|
35
|
-
<div class="h6 font-weight-bold text-sm">{{ subtitle }}</div>
|
|
36
|
-
<div>
|
|
34
|
+
<h6 class="card-text text-sm pl-mini">{{ description }}</h6>
|
|
35
|
+
<div class="h6 font-weight-bold text-sm pl-mini">{{ subtitle }}</div>
|
|
36
|
+
<div class="pl-mini">
|
|
37
37
|
<ul class="list-unstyled">
|
|
38
38
|
<li v-for="(item, index) in features" :key="index">
|
|
39
39
|
<div class="d-flex align-items-center">
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
<i class="fas fa-check"></i>
|
|
42
42
|
</span>
|
|
43
43
|
<div class="ml-4 small">
|
|
44
|
-
<span> {{ item
|
|
44
|
+
<span> {{ item }} </span>
|
|
45
45
|
</div>
|
|
46
46
|
</div>
|
|
47
47
|
</li>
|
|
@@ -93,7 +93,7 @@ export default {
|
|
|
93
93
|
isCurrentPlan: {
|
|
94
94
|
type: Boolean | Number,
|
|
95
95
|
default: false
|
|
96
|
-
}
|
|
96
|
+
},
|
|
97
97
|
},
|
|
98
98
|
filters: {
|
|
99
99
|
convertToReal(value) {
|
|
@@ -108,6 +108,9 @@ export default {
|
|
|
108
108
|
</script>
|
|
109
109
|
<style lang="scss">
|
|
110
110
|
@import "@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss";
|
|
111
|
+
.pl-mini{
|
|
112
|
+
padding-left: 0.8rem;
|
|
113
|
+
}
|
|
111
114
|
.card--shadowless{
|
|
112
115
|
box-shadow: none !important;
|
|
113
116
|
margin-bottom: 0px !important;
|
|
@@ -6,19 +6,19 @@
|
|
|
6
6
|
class="fa fa-ellipsis-h custom"
|
|
7
7
|
aria-hidden="true"
|
|
8
8
|
/>
|
|
9
|
-
<li class="dropdown-item d-flex align-items-center w-100" @click="sendTest">
|
|
9
|
+
<li v-if="isDefault" class="dropdown-item d-flex align-items-center w-100" @click="sendTest">
|
|
10
10
|
<i class="fa fa-paper-plane" aria-hidden="true" />
|
|
11
11
|
<span>
|
|
12
12
|
Enviar teste
|
|
13
13
|
</span>
|
|
14
14
|
</li>
|
|
15
|
-
<li class="dropdown-item d-flex align-items-center w-100" @click="viewTest">
|
|
15
|
+
<li v-if="isDefault" class="dropdown-item d-flex align-items-center w-100" @click="viewTest">
|
|
16
16
|
<i class="fa fa-eye" aria-hidden="true" />
|
|
17
17
|
<span>
|
|
18
18
|
Visualizar teste
|
|
19
19
|
</span>
|
|
20
20
|
</li>
|
|
21
|
-
<li class="dropdown-item d-flex align-items-center w-100" @click="viewAnsweredTests">
|
|
21
|
+
<li v-if="isDefault" class="dropdown-item d-flex align-items-center w-100" @click="viewAnsweredTests">
|
|
22
22
|
<i class="fa fa-file" aria-hidden="true" />
|
|
23
23
|
<span>
|
|
24
24
|
Respostas recebidas
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
|
|
2
2
|
<template>
|
|
3
|
-
<div class="card text-center align-items-center">
|
|
3
|
+
<div class="card text-center pt-5 align-items-center">
|
|
4
4
|
<div class="card-body card--content">
|
|
5
5
|
<img class="icon" :src="icon">
|
|
6
|
-
<h2 class="card-title mb-3 mx-md-
|
|
7
|
-
<p class="card-text mb-4 text--initial mx-md-5" v-html="text" />
|
|
8
|
-
<div class="button--area">
|
|
6
|
+
<h2 class="card-title mb-3 mx-md-2">{{title}}</h2>
|
|
7
|
+
<p class="welcome-card-text mb-4 text--initial mx-md-5" v-html="text" />
|
|
8
|
+
<div class="button--area mt-5">
|
|
9
9
|
<base-button
|
|
10
10
|
type="primary"
|
|
11
11
|
@click="$emit('btn-first-click')"
|
|
@@ -67,7 +67,7 @@ export default {
|
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
69
|
.card-title{
|
|
70
|
-
width:
|
|
70
|
+
width: 50%;
|
|
71
71
|
font-weight: 600;
|
|
72
72
|
@media screen and (max-width:768px){
|
|
73
73
|
padding-left: 1.5rem;
|
|
@@ -76,7 +76,7 @@ export default {
|
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
78
|
|
|
79
|
-
.card-text {
|
|
79
|
+
.welcome-card-text {
|
|
80
80
|
text-align: center;
|
|
81
81
|
width: 55%;
|
|
82
82
|
color: $gray-900;
|
|
@@ -1,23 +1,31 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="card pt-3 px-4" :class="{'pb-5': !hideIcons}">
|
|
3
|
-
<
|
|
4
|
-
name="
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
3
|
+
<validation-provider tag="div" :vid="`step-name-${position}`"
|
|
4
|
+
name="Nome da Etapa" rules="required" v-slot="{ errors }">
|
|
5
|
+
<base-input
|
|
6
|
+
:label="`Etapa #${position + 1}`"
|
|
7
|
+
placeholder="Escreva o nome da etapa"
|
|
8
|
+
type="text"
|
|
9
|
+
v-on:input="emitStage()"
|
|
10
|
+
v-model="name"
|
|
11
|
+
:error="errors[0]"
|
|
12
|
+
:valid="errors.length ? true : false"
|
|
13
|
+
/>
|
|
14
|
+
</validation-provider>
|
|
12
15
|
|
|
13
|
-
<div class="pb-3"
|
|
16
|
+
<validation-provider tag="div" class="pb-3" :vid="`step-description-${position}`"
|
|
17
|
+
name="Descrição da Etapa" rules="required" v-slot="{ errors }">
|
|
14
18
|
<textarea
|
|
15
19
|
v-on:input="emitStage()"
|
|
16
20
|
v-model="description"
|
|
17
21
|
class="form-control form-control-alternative"
|
|
22
|
+
:class="{'is-invalid': errors.length}"
|
|
18
23
|
rows="3"
|
|
19
24
|
placeholder="Descrição desta etapa..."/>
|
|
20
|
-
|
|
25
|
+
<div v-if="errors.length" class="invalid-feedback" style="display: block;">
|
|
26
|
+
{{ errors[0] }}
|
|
27
|
+
</div>
|
|
28
|
+
</validation-provider>
|
|
21
29
|
|
|
22
30
|
<ul class="step-icons" v-if="!hideIcons">
|
|
23
31
|
<li v-for="(icon, index) in icons"
|
|
@@ -47,21 +47,30 @@
|
|
|
47
47
|
<label for="email">E-mail</label>
|
|
48
48
|
</div>
|
|
49
49
|
</div>
|
|
50
|
-
<
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
<
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
<
|
|
50
|
+
<validation-observer ref="sendTest">
|
|
51
|
+
<div class="row px-4"
|
|
52
|
+
v-for="(slot, idx) in slots"
|
|
53
|
+
:key="idx"
|
|
54
|
+
>
|
|
55
|
+
<validation-provider tag="div" class="col-4" :vid="`send-name-${idx}`"
|
|
56
|
+
name="Nome" rules="required" v-slot="{ errors }">
|
|
57
|
+
<base-input v-model="slot.name"
|
|
58
|
+
:error="errors[0]"
|
|
59
|
+
:valid="errors.length ? true : false"/>
|
|
60
|
+
</validation-provider>
|
|
61
|
+
|
|
62
|
+
<validation-provider tag="div" class="col-7" :vid="`send-email-${idx}`"
|
|
63
|
+
name="Email" rules="required|email" v-slot="{ errors }">
|
|
64
|
+
<base-input v-model="slot.email"
|
|
65
|
+
:error="errors[0]"
|
|
66
|
+
:valid="errors.length ? true : false"/>
|
|
67
|
+
</validation-provider>
|
|
68
|
+
<div class="col-1">
|
|
69
|
+
<i v-if="idx !== (slots.length - 1)" class="fa fa-trash pointer" @click="removeSlot(slot.id)"></i>
|
|
70
|
+
<i v-else class="fa fa-plus pointer" @click="addSlot"></i>
|
|
71
|
+
</div>
|
|
63
72
|
</div>
|
|
64
|
-
</
|
|
73
|
+
</validation-observer>
|
|
65
74
|
<div class="row">
|
|
66
75
|
<base-button class="mx-auto" type="primary" @click="sendTest">Enviar teste</base-button>
|
|
67
76
|
</div>
|
|
@@ -103,7 +112,11 @@ export default {
|
|
|
103
112
|
|
|
104
113
|
this.slots = [...this.slots, newSlot];
|
|
105
114
|
},
|
|
106
|
-
sendTest() {
|
|
115
|
+
async sendTest() {
|
|
116
|
+
const pass = await this.$refs.sendTest.validate();
|
|
117
|
+
if(!pass) {
|
|
118
|
+
return
|
|
119
|
+
}
|
|
107
120
|
const filterSlots = slot => slot.email !== "";
|
|
108
121
|
const formatRequest = slot => ({...slot, jobid: this.jobid, testid: this.testid});
|
|
109
122
|
const testRequest = this.slots.filter(filterSlots).map(formatRequest);
|
|
@@ -125,26 +138,6 @@ export default {
|
|
|
125
138
|
name: '',
|
|
126
139
|
email: '',
|
|
127
140
|
},
|
|
128
|
-
{
|
|
129
|
-
id: 'second',
|
|
130
|
-
name: '',
|
|
131
|
-
email: '',
|
|
132
|
-
},
|
|
133
|
-
{
|
|
134
|
-
id: 'third',
|
|
135
|
-
name: '',
|
|
136
|
-
email: '',
|
|
137
|
-
},
|
|
138
|
-
{
|
|
139
|
-
id: 'fourth',
|
|
140
|
-
name: '',
|
|
141
|
-
email: '',
|
|
142
|
-
},
|
|
143
|
-
{
|
|
144
|
-
id: 'fifth',
|
|
145
|
-
name: '',
|
|
146
|
-
email: '',
|
|
147
|
-
}
|
|
148
141
|
]
|
|
149
142
|
}
|
|
150
143
|
},
|
|
@@ -4,14 +4,14 @@
|
|
|
4
4
|
class="navbar-top border-bottom navbar-expand navbar-animated"
|
|
5
5
|
:class="{'bg-white navbar-light': type === 'default'}"
|
|
6
6
|
data-menu="fixed"
|
|
7
|
-
>
|
|
7
|
+
>
|
|
8
8
|
<div slot="brand" class="navbar-wrapper">
|
|
9
9
|
<nuxt-link class="navbar-brand d-flex" to="/">
|
|
10
10
|
<img :src="logoFull" class="navbar-brand-img navbar-brand-img--full" alt="BURH: Suas vagas">
|
|
11
11
|
<img :src="logoMini" class="navbar-brand-img navbar-brand-img--mini" alt="BURH: Suas vagas">
|
|
12
12
|
</nuxt-link>
|
|
13
13
|
</div>
|
|
14
|
-
|
|
14
|
+
|
|
15
15
|
<!-- Navbar links -->
|
|
16
16
|
<ul v-if="menuOptions != null" class="navbar-nav navbar-nav--menu align-items-center ml-md-auto">
|
|
17
17
|
<li class="nav-item">
|
|
@@ -30,8 +30,8 @@
|
|
|
30
30
|
</template>
|
|
31
31
|
<script>
|
|
32
32
|
import { CollapseTransition } from 'vue2-transitions';
|
|
33
|
-
import BaseNav from '
|
|
34
|
-
import Modal from '
|
|
33
|
+
import BaseNav from '@burh/nuxt-core/components/argon-core/Navbar/BaseNav.vue';
|
|
34
|
+
import Modal from '@burh/nuxt-core/components/argon-core/Modal.vue';
|
|
35
35
|
|
|
36
36
|
export default {
|
|
37
37
|
name: 'public-navbar',
|
|
@@ -106,11 +106,11 @@
|
|
|
106
106
|
let page = document.querySelector('html');
|
|
107
107
|
let screenHeight = window.innerHeight;
|
|
108
108
|
if (window.scrollY > screenHeight && !header.className.includes('navbar-main--mini')) {
|
|
109
|
-
header.classList.add('navbar-main--mini');
|
|
110
|
-
//page.classList.add('menu-fixed');
|
|
109
|
+
header.classList.add('navbar-main--mini');
|
|
110
|
+
//page.classList.add('menu-fixed');
|
|
111
111
|
} else if (window.scrollY < screenHeight) {
|
|
112
112
|
header.classList.remove('navbar-main--mini');
|
|
113
|
-
//page.classList.remove('menu-fixed');
|
|
113
|
+
//page.classList.remove('menu-fixed');
|
|
114
114
|
console.log('final');
|
|
115
115
|
}
|
|
116
116
|
},
|
|
@@ -128,7 +128,7 @@
|
|
|
128
128
|
let page = document.querySelector('html');
|
|
129
129
|
|
|
130
130
|
if (header) {
|
|
131
|
-
page.classList.add('menu-fixed');
|
|
131
|
+
page.classList.add('menu-fixed');
|
|
132
132
|
}
|
|
133
133
|
},
|
|
134
134
|
destroyed () {
|
|
@@ -137,17 +137,17 @@
|
|
|
137
137
|
};
|
|
138
138
|
</script>
|
|
139
139
|
<style lang="scss">
|
|
140
|
-
@import "
|
|
140
|
+
@import "@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss";
|
|
141
141
|
|
|
142
142
|
.navbar {
|
|
143
143
|
.navbar-search-light {
|
|
144
144
|
&--focus {
|
|
145
|
-
box-shadow: 0 0 .5rem 0 darken($primary, 20%);
|
|
145
|
+
box-shadow: 0 0 .5rem 0 darken($primary, 20%);
|
|
146
146
|
}
|
|
147
147
|
}
|
|
148
148
|
.navbar-search-dark {
|
|
149
149
|
&--focus {
|
|
150
|
-
box-shadow: 0 0 2rem 0 $primary;
|
|
150
|
+
box-shadow: 0 0 2rem 0 $primary;
|
|
151
151
|
}
|
|
152
152
|
}
|
|
153
153
|
}
|