@burh/nuxt-core 1.0.11 → 1.0.13
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.
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="col w-100 pr-md-3">
|
|
3
|
+
<div class="card card--purchase-resume">
|
|
4
|
+
<div class="card-header">
|
|
5
|
+
<h5 class="h5 mb-0 font-weight-bold">Resumo</h5>
|
|
6
|
+
<div class="d-flex">
|
|
7
|
+
<h5 class="h5 mb-0 mt-3 text-muted">Total</h5>
|
|
8
|
+
<h5 class="h5 mb-0 mt-3 text-muted ml-auto">{{total | convertToReal }}</h5>
|
|
9
|
+
</div>
|
|
10
|
+
</div>
|
|
11
|
+
<div class="card-body">
|
|
12
|
+
<p class="card-text mb-4">Valor total de pagamento recorrente mensal, primeiro faturamento gerado apenas para daqui 30 dias</p>
|
|
13
|
+
<div role="alert" class="alert alert-info d-flex">
|
|
14
|
+
<span class="alert-text">
|
|
15
|
+
<span data-notify="icon" class="alert-icon mr-2">
|
|
16
|
+
<i class="fas fa-info-circle"></i>
|
|
17
|
+
</span>
|
|
18
|
+
Nosso time financeiro vai entrar em contato para ajustar o melhor dia de faturamento e envio da nota fiscal para sua empresa.
|
|
19
|
+
</span>
|
|
20
|
+
</div>
|
|
21
|
+
</div>
|
|
22
|
+
</div>
|
|
23
|
+
</div>
|
|
24
|
+
</template>
|
|
25
|
+
<script>
|
|
26
|
+
export default {
|
|
27
|
+
name: 'purchase-card',
|
|
28
|
+
components:{
|
|
29
|
+
|
|
30
|
+
},
|
|
31
|
+
props:{
|
|
32
|
+
total:{
|
|
33
|
+
type: Number,
|
|
34
|
+
default: 600
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
data(){
|
|
38
|
+
return{
|
|
39
|
+
default: ''
|
|
40
|
+
};
|
|
41
|
+
},
|
|
42
|
+
filters: {
|
|
43
|
+
convertToReal(value) {
|
|
44
|
+
return 'R$ ' + value.toFixed(2).replace('.',',');
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
}
|
|
48
|
+
</script>
|
|
49
|
+
|
|
50
|
+
<style lang="scss">
|
|
51
|
+
.card--purchase-resume {
|
|
52
|
+
border: 1px solid #e5e5e5;
|
|
53
|
+
}
|
|
54
|
+
</style>
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="col w-100 pr-md-3">
|
|
3
|
+
<div class="card card--purchase-resume">
|
|
4
|
+
<div class="card-header border-0">
|
|
5
|
+
<h1 class="h5 mb-0 font-weight-bold">{{ type }}</h1>
|
|
6
|
+
</div>
|
|
7
|
+
<div class="card-body pt-0">
|
|
8
|
+
<p class="card-text mb-1">{{ textSelected }}</p>
|
|
9
|
+
<p class="text-right mb-0">{{ price | convertToReal }}</p>
|
|
10
|
+
<!-- <p class="text-right mb-0">{{ paybackPeriod }}</p> -->
|
|
11
|
+
</div>
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
14
|
+
</template>
|
|
15
|
+
<script>
|
|
16
|
+
export default {
|
|
17
|
+
name: 'purchase-card-simple',
|
|
18
|
+
components:{
|
|
19
|
+
|
|
20
|
+
},
|
|
21
|
+
props:{
|
|
22
|
+
type:{
|
|
23
|
+
type: String,
|
|
24
|
+
default: 'Plano'
|
|
25
|
+
},
|
|
26
|
+
textSelected:{
|
|
27
|
+
type: String,
|
|
28
|
+
default: 'Você selecionou o Plano Carreiras anual faturado mensalmente'
|
|
29
|
+
},
|
|
30
|
+
paybackPeriod:{
|
|
31
|
+
type: String,
|
|
32
|
+
default: 'Mensal'
|
|
33
|
+
},
|
|
34
|
+
price:{
|
|
35
|
+
type: Number,
|
|
36
|
+
default: 600
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
data(){
|
|
40
|
+
return{
|
|
41
|
+
default: ''
|
|
42
|
+
};
|
|
43
|
+
},
|
|
44
|
+
filters: {
|
|
45
|
+
convertToReal(value) {
|
|
46
|
+
return 'R$ ' + value.toFixed(2).replace('.',',');
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
}
|
|
50
|
+
</script>
|
|
51
|
+
|
|
52
|
+
<style lang="scss">
|
|
53
|
+
.card--purchase-resume {
|
|
54
|
+
border: 1px solid #e5e5e5;
|
|
55
|
+
}
|
|
56
|
+
</style>
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div class="card card--store
|
|
2
|
+
<div class="card card--store mb-4" tabindex="0" @click="$emit('card-selected')">
|
|
3
3
|
<div class="card-header bg-transparent text-center card-header--store">
|
|
4
|
-
<h3 class="text-header">{{
|
|
5
|
-
<div class="value-header display-2">{{
|
|
4
|
+
<h3 class="text-header">{{ name }}</h3>
|
|
5
|
+
<div class="value-header display-2">{{ price | convertToReal }}</div>
|
|
6
6
|
|
|
7
7
|
<div class="d-block d-sm-none text-center">
|
|
8
8
|
<collapse :animation-duration="200">
|
|
9
9
|
<collapse-item class="card--shadowless" name="1">
|
|
10
|
-
<button slot="title" class="btn btn-link">Beneficios</button>
|
|
10
|
+
<button slot="title" class="btn btn-link" @click="$emit('card-benefits')">Beneficios</button>
|
|
11
11
|
<div>
|
|
12
12
|
<ul class="list-unstyled">
|
|
13
|
-
<li v-for="(items, index) in
|
|
13
|
+
<li v-for="(items, index) in features" :key="index">
|
|
14
14
|
<div class="d-flex align-items-center">
|
|
15
15
|
<span>
|
|
16
16
|
<i class="fas fa-check"></i>
|
|
17
17
|
</span>
|
|
18
18
|
<div class="ml-4 small text-left">
|
|
19
|
-
<span> {{ items.
|
|
19
|
+
<span> {{ items.name }} </span>
|
|
20
20
|
</div>
|
|
21
21
|
</div>
|
|
22
22
|
</li>
|
|
@@ -30,17 +30,17 @@
|
|
|
30
30
|
|
|
31
31
|
<div class="card-body p-4 px-lg-4 d-none d-md-block">
|
|
32
32
|
<div>
|
|
33
|
-
<h6 class="card-text
|
|
34
|
-
<div class="h6 font-weight-bold text-sm">{{
|
|
33
|
+
<h6 class="card-text text-sm">{{ description }}</h6>
|
|
34
|
+
<div class="h6 font-weight-bold text-sm">{{ subtitle }}</div>
|
|
35
35
|
<div>
|
|
36
36
|
<ul class="list-unstyled">
|
|
37
|
-
<li v-for="(items, index) in
|
|
37
|
+
<li v-for="(items, index) in features" :key="index">
|
|
38
38
|
<div class="d-flex align-items-center">
|
|
39
39
|
<span>
|
|
40
40
|
<i class="fas fa-check"></i>
|
|
41
41
|
</span>
|
|
42
42
|
<div class="ml-4 small">
|
|
43
|
-
<span> {{ items.
|
|
43
|
+
<span> {{ items.name }} </span>
|
|
44
44
|
</div>
|
|
45
45
|
</div>
|
|
46
46
|
</li>
|
|
@@ -54,35 +54,40 @@
|
|
|
54
54
|
import Collapse from '@burh/nuxt-core/components/argon-core/Collapse/Collapse.vue';
|
|
55
55
|
import CollapseItem from '@burh/nuxt-core/components/argon-core/Collapse/CollapseItem.vue';
|
|
56
56
|
export default {
|
|
57
|
-
name: '
|
|
57
|
+
name: 'store-card',
|
|
58
58
|
components: {
|
|
59
59
|
Collapse,
|
|
60
60
|
CollapseItem
|
|
61
61
|
},
|
|
62
62
|
props:{
|
|
63
|
-
|
|
63
|
+
name: {
|
|
64
64
|
type: String,
|
|
65
65
|
default: 'Premium'
|
|
66
66
|
},
|
|
67
|
-
|
|
68
|
-
type:
|
|
69
|
-
default:
|
|
67
|
+
price: {
|
|
68
|
+
type: Number,
|
|
69
|
+
default: 397
|
|
70
70
|
},
|
|
71
|
-
|
|
71
|
+
description: {
|
|
72
72
|
type: String,
|
|
73
73
|
default: 'Recursos inteligentes para não perder mais tempo no processo seletivo'
|
|
74
74
|
},
|
|
75
|
-
|
|
75
|
+
subtitle: {
|
|
76
76
|
type: String,
|
|
77
77
|
default: 'Tudo no gratuito e mais:'
|
|
78
78
|
},
|
|
79
|
-
|
|
79
|
+
features: {
|
|
80
80
|
type: Array,
|
|
81
81
|
default:()=>{
|
|
82
|
-
return [ {
|
|
82
|
+
return [ {id: 1, name:'Vagas Confidenciais'}, {id: 2, name:'Vagas Urgentes'}, {id: 3, name:'Filtros Avançados'}, {id: 4, name:'Processos Customizados'}, {id: 5, name:'Anotações nas vagas e nos candidatos'}];
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
85
|
},
|
|
86
|
+
filters: {
|
|
87
|
+
convertToReal(value) {
|
|
88
|
+
return 'R$ ' + value.toFixed(2).replace('.',',');
|
|
89
|
+
}
|
|
90
|
+
},
|
|
86
91
|
data(){
|
|
87
92
|
return{
|
|
88
93
|
default: ''
|
|
@@ -102,6 +107,7 @@ export default {
|
|
|
102
107
|
}
|
|
103
108
|
|
|
104
109
|
.card--store {
|
|
110
|
+
border: 1px solid #e5e5e5;
|
|
105
111
|
|
|
106
112
|
&:focus{
|
|
107
113
|
background-color: $color-info--ligthen;
|
|
@@ -1,15 +1,21 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="footer-simple bg-white w-100 border-top">
|
|
3
3
|
<div class="footer--container row px-3 m-0">
|
|
4
|
-
<base-button outline type="primary" href="/termos-de-uso" class="btn--back text-primary mr-0 px-sm-5 px-3 btn-md-sm d-inline" rel="noopener">
|
|
4
|
+
<base-button outline type="primary" href="/termos-de-uso" class="btn--back text-primary mr-0 px-sm-5 px-3 btn-md-sm d-inline" rel="noopener" @click="$emit('backward')">
|
|
5
5
|
<i class="fas text-primary fa-long-arrow-alt-left"></i>Voltar
|
|
6
6
|
</base-button>
|
|
7
|
-
|
|
7
|
+
<base-button size="sm" type="primary" class="text-white ml-auto px-sm-5 px-3 mr-2" target="_blank" rel="noopener" @click="$emit('forward')">{{btnForwardText}}</base-button>
|
|
8
8
|
</div>
|
|
9
9
|
</div>
|
|
10
10
|
</template>
|
|
11
11
|
<script>
|
|
12
12
|
export default {
|
|
13
|
+
props: {
|
|
14
|
+
btnForwardText: {
|
|
15
|
+
type: String,
|
|
16
|
+
default: 'Ir para o checkout'
|
|
17
|
+
},
|
|
18
|
+
},
|
|
13
19
|
data() {
|
|
14
20
|
return {
|
|
15
21
|
year: new Date().getFullYear()
|