@burh/nuxt-core 1.0.171 → 1.0.172
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,69 +1,69 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
2
|
+
<el-dialog
|
|
3
|
+
:visible.sync="isActive"
|
|
4
|
+
width="80%"
|
|
5
|
+
custom-class="position-relative"
|
|
6
|
+
@close="$emit('close')"
|
|
7
|
+
class="test-radius"
|
|
8
|
+
>
|
|
9
|
+
<template>
|
|
10
|
+
<div class="row d-flex justify-content-between mx-0 user-pdf">
|
|
11
|
+
<img v-show="coverPhoto" :src="coverPhoto" alt="" />
|
|
12
|
+
<div v-show="!coverPhoto" class="no-cover-photo"></div>
|
|
13
|
+
<slot name="content"></slot>
|
|
14
|
+
</div>
|
|
15
|
+
<slot></slot>
|
|
16
|
+
<!-- <el-tooltip placement="top" :content="!showTools ? 'Exibir Ferramentas' : 'Esconder Ferramentas'">
|
|
17
17
|
<span class="tool tool-show--tools">
|
|
18
|
-
<font-awesome-icon :icon="['fas', !showTools ? 'expand-alt' : 'compress-alt']" class="h3 text-primary"
|
|
18
|
+
<font-awesome-icon :icon="['fas', !showTools ? 'expand-alt' : 'compress-alt']" class="h3 text-primary"
|
|
19
19
|
@click="showTools = !showTools"/>
|
|
20
20
|
</span>
|
|
21
21
|
</el-tooltip> -->
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
22
|
+
<span class="tool tool-close" @click="$emit('close')">
|
|
23
|
+
Fechar
|
|
24
|
+
<font-awesome-icon
|
|
25
|
+
:icon="['fas', 'times']"
|
|
26
|
+
class="text-white ml-1"
|
|
27
|
+
/>
|
|
28
|
+
</span>
|
|
29
|
+
</template>
|
|
30
|
+
</el-dialog>
|
|
31
31
|
</template>
|
|
32
32
|
|
|
33
33
|
<script>
|
|
34
34
|
import { Dialog } from 'element-ui';
|
|
35
35
|
|
|
36
36
|
export default {
|
|
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
|
-
|
|
37
|
+
name: 'user-curriculum',
|
|
38
|
+
components: {
|
|
39
|
+
[Dialog.name]: Dialog
|
|
40
|
+
},
|
|
41
|
+
props: {
|
|
42
|
+
show: {
|
|
43
|
+
type: Boolean,
|
|
44
|
+
default: false
|
|
45
|
+
},
|
|
46
|
+
tools: {
|
|
47
|
+
type: Array,
|
|
48
|
+
default: () => []
|
|
49
|
+
},
|
|
50
|
+
cover: String
|
|
51
|
+
},
|
|
52
|
+
data() {
|
|
53
|
+
return {
|
|
54
|
+
isActive: this.show,
|
|
55
|
+
showTools: false,
|
|
56
|
+
coverPhoto: this.cover
|
|
57
|
+
};
|
|
58
|
+
},
|
|
59
|
+
watch: {
|
|
60
|
+
show(value) {
|
|
61
|
+
this.isActive = value;
|
|
62
|
+
},
|
|
63
|
+
cover(value) {
|
|
64
|
+
this.coverPhoto = value;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
67
|
};
|
|
68
68
|
</script>
|
|
69
69
|
|
|
@@ -83,6 +83,7 @@ export default {
|
|
|
83
83
|
border-radius: 10px;
|
|
84
84
|
padding-bottom: 50px;
|
|
85
85
|
max-width: 1500px;
|
|
86
|
+
margin-top: 5vh!important;
|
|
86
87
|
}
|
|
87
88
|
|
|
88
89
|
.test-radius {
|
|
@@ -3,18 +3,21 @@
|
|
|
3
3
|
<div class="row justify-content-center">
|
|
4
4
|
<div class="col-6 my-auto">
|
|
5
5
|
<h2 class="font-weight-bold display-3">{{name}}</h2>
|
|
6
|
+
<span id="credits-amount" v-if="subheader">
|
|
7
|
+
{{ subheader }} Créditos
|
|
8
|
+
</span>
|
|
6
9
|
</div>
|
|
7
10
|
|
|
8
11
|
<div class="col-6 d-flex justify-content-end align-items-center">
|
|
9
12
|
<el-tooltip v-for="(item, index) in icons" :key="index"
|
|
10
|
-
|
|
11
|
-
|
|
13
|
+
v-show="!item.disabled"
|
|
14
|
+
class="item" effect="dark" :content="item.title" placement="top">
|
|
12
15
|
<base-button size="md" type="link" class="text-primary px-2 w-auto"
|
|
13
|
-
|
|
16
|
+
@click="$emit(item.event, item)">
|
|
14
17
|
<font-awesome-icon :icon="item.icon" class="mr-2" />
|
|
15
18
|
</base-button>
|
|
16
19
|
</el-tooltip>
|
|
17
|
-
|
|
20
|
+
|
|
18
21
|
<slot name="buttons"></slot>
|
|
19
22
|
</div>
|
|
20
23
|
|
|
@@ -32,15 +35,33 @@ export default {
|
|
|
32
35
|
props:{
|
|
33
36
|
icons:{
|
|
34
37
|
type: Array,
|
|
35
|
-
default: () =>[{ event: 'view', icon: ['fas', 'eye'], disabled: false, title: 'Visualizar' }, { event: 'config', icon: ['fas', 'cog'], disabled: false, title:
|
|
38
|
+
default: () =>[{ event: 'view', icon: ['fas', 'eye'], disabled: false, title: 'Visualizar' }, { event: 'config', icon: ['fas', 'cog'], disabled: false, title: 'Editar' } ]
|
|
36
39
|
},
|
|
37
40
|
name: {
|
|
38
41
|
type: String,
|
|
39
42
|
default: 'Teste de matematica'
|
|
40
43
|
},
|
|
44
|
+
subheader: {
|
|
45
|
+
type: Number,
|
|
46
|
+
default: null
|
|
47
|
+
}
|
|
41
48
|
},
|
|
42
49
|
};
|
|
43
50
|
</script>
|
|
51
|
+
<style lang="scss" scoped>
|
|
52
|
+
#credits-amount {
|
|
53
|
+
min-width: 8em;
|
|
54
|
+
margin: 1rem 1rem 1rem 0;
|
|
55
|
+
padding: 0.25em 1em;
|
|
56
|
+
font-size: 0.85rem;
|
|
57
|
+
line-height: 1.4em;
|
|
58
|
+
border-radius: 23rem;
|
|
59
|
+
font-weight: 400;
|
|
60
|
+
text-align: center;
|
|
61
|
+
background-color: rgba(29, 161, 241, 0.1);
|
|
62
|
+
color: #1da1f1;
|
|
63
|
+
}
|
|
64
|
+
</style>
|
|
44
65
|
<style lang="scss">
|
|
45
66
|
|
|
46
67
|
.app-header {
|
|
@@ -48,4 +69,4 @@ export default {
|
|
|
48
69
|
padding-top: 1.25rem;
|
|
49
70
|
box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15);
|
|
50
71
|
}
|
|
51
|
-
</style>
|
|
72
|
+
</style>
|