@burh/nuxt-core 1.0.417 → 1.0.420
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,57 +1,145 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
<div class="card h-100">
|
|
3
|
+
<div class="pt-4 pl-4 pr-4">
|
|
4
|
+
<h4 class="card-title font-weight-bold mb-0">{{ title }}</h4>
|
|
5
|
+
</div>
|
|
6
|
+
<div class="container-fluid container-fluid--bu pt-2 pb-2 container--height">
|
|
7
|
+
<div class="card__content">
|
|
8
|
+
<div class="chart__graph" v-if="hasChart">
|
|
9
|
+
<doughnut-chart :data="chartData" />
|
|
10
|
+
</div>
|
|
7
11
|
|
|
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
|
-
|
|
12
|
+
<div class="row card-body px-0 justify-content-center">
|
|
13
|
+
<div
|
|
14
|
+
class="text-center px-0"
|
|
15
|
+
:class="!items.icon ? 'col-6 col-sm-3 col-md-3' : 'col-12'"
|
|
16
|
+
v-for="(items, index) in coursesInfo"
|
|
17
|
+
:key="items.name"
|
|
18
|
+
>
|
|
19
|
+
<div :class="{ 'item__with__icon': items.icon }">
|
|
20
|
+
<img
|
|
21
|
+
v-if="items.icon"
|
|
22
|
+
:src="items.icon"
|
|
23
|
+
style="width: 5rem"
|
|
24
|
+
/>
|
|
25
|
+
<div>
|
|
26
|
+
<span
|
|
27
|
+
v-if="items.number"
|
|
28
|
+
:class="items.color ? items.color : ''"
|
|
29
|
+
class="display-1 font-weight-bold"
|
|
30
|
+
>{{ items.number }}</span
|
|
31
|
+
>
|
|
32
|
+
<p
|
|
33
|
+
v-if="items.name"
|
|
34
|
+
:class="[
|
|
35
|
+
items.color ? items.color : '',
|
|
36
|
+
hasChart && 'chart-label',
|
|
37
|
+
hasChart && `chart-color-${index}`
|
|
38
|
+
]"
|
|
39
|
+
>
|
|
40
|
+
{{ items.name }}
|
|
41
|
+
</p>
|
|
42
|
+
</div>
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
35
49
|
</template>
|
|
36
50
|
<script>
|
|
37
|
-
import
|
|
51
|
+
import DoughnutChart from '../Chart/DoughnutChart.vue';
|
|
52
|
+
|
|
38
53
|
export default {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
54
|
+
components: {
|
|
55
|
+
DoughnutChart
|
|
56
|
+
},
|
|
57
|
+
props: {
|
|
58
|
+
title: {
|
|
59
|
+
type: String,
|
|
60
|
+
default: 'Resumo geral'
|
|
61
|
+
},
|
|
62
|
+
hasChart: {
|
|
63
|
+
type: Boolean,
|
|
64
|
+
default: false
|
|
65
|
+
},
|
|
66
|
+
coursesInfo: Array,
|
|
67
|
+
},
|
|
68
|
+
data() {
|
|
69
|
+
return {
|
|
70
|
+
chartData: {
|
|
71
|
+
labels: this.coursesInfo.map(item => item.name),
|
|
72
|
+
datasets: [
|
|
73
|
+
{
|
|
74
|
+
label: 'Dataset 1',
|
|
75
|
+
data: this.coursesInfo.map(item => item.number),
|
|
76
|
+
backgroundColor: ['#5865F2', '#9D35FC', '#FF539D', '#FF7D7E', '#FFCF02', '#00b388']
|
|
77
|
+
},
|
|
78
|
+
]
|
|
79
|
+
},
|
|
80
|
+
};
|
|
81
|
+
},
|
|
52
82
|
};
|
|
53
83
|
</script>
|
|
54
84
|
<style lang="scss" scoped>
|
|
85
|
+
.chart-label {
|
|
86
|
+
position: relative;
|
|
87
|
+
&::before {
|
|
88
|
+
content: '';
|
|
89
|
+
width: 20px;
|
|
90
|
+
height: 20px;
|
|
91
|
+
display: block;
|
|
92
|
+
position: absolute;
|
|
93
|
+
bottom: -30px;
|
|
94
|
+
left: 50%;
|
|
95
|
+
transform: translateX(-50%);
|
|
96
|
+
border-radius: 100%;
|
|
97
|
+
background: #5865F2;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
$colors: (#5865F2, #9D35FC, #FF539D, #FF7D7E, #FFCF02, #00b388);
|
|
101
|
+
|
|
102
|
+
@each $color in $colors {
|
|
103
|
+
$i: index($colors, $color);
|
|
104
|
+
|
|
105
|
+
@debug $i;
|
|
106
|
+
|
|
107
|
+
&.chart-color-#{$i - 1} {
|
|
108
|
+
&::before {
|
|
109
|
+
background: $color!important;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.chart__graph {
|
|
116
|
+
width: 40%;
|
|
117
|
+
margin: 0 auto;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.item__with__icon {
|
|
121
|
+
display: flex;
|
|
122
|
+
align-items: center;
|
|
123
|
+
justify-content: center;
|
|
124
|
+
margin-top: 30px;
|
|
125
|
+
img {
|
|
126
|
+
margin-right: 60px;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.container--height {
|
|
131
|
+
height: 100%;
|
|
132
|
+
display: flex;
|
|
133
|
+
align-items: center;
|
|
134
|
+
justify-content: center;
|
|
135
|
+
flex-direction: column;
|
|
136
|
+
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.card__content {
|
|
140
|
+
width: 100%;
|
|
141
|
+
}
|
|
142
|
+
|
|
55
143
|
.card-title {
|
|
56
144
|
font-size: 1rem;
|
|
57
145
|
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
import { Doughnut } from 'vue-chartjs';
|
|
3
|
+
|
|
4
|
+
export default {
|
|
5
|
+
extends: Doughnut,
|
|
6
|
+
props: ['data'],
|
|
7
|
+
data() {
|
|
8
|
+
return {
|
|
9
|
+
options: {
|
|
10
|
+
legend: {
|
|
11
|
+
display: false
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
},
|
|
16
|
+
mounted() {
|
|
17
|
+
this.renderChart(this.data, this.options);
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
</script>
|
|
@@ -1,71 +1,89 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="card h-100">
|
|
3
|
-
<div class="container-fluid container-fluid--bu pt-5">
|
|
4
|
-
<skeleton-animate :width="220" :height="20" rounded />
|
|
5
|
-
|
|
6
|
-
<div class="
|
|
7
|
-
<
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
:
|
|
22
|
-
|
|
23
|
-
class="
|
|
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
|
-
|
|
1
|
+
<template>
|
|
2
|
+
<div class="card h-100">
|
|
3
|
+
<div class="container-fluid container-fluid--bu pt-5">
|
|
4
|
+
<skeleton-animate :width="220" :height="20" rounded />
|
|
5
|
+
|
|
6
|
+
<div class="chart__graph" v-if="hasChart">
|
|
7
|
+
<skeleton-animate
|
|
8
|
+
:width="300"
|
|
9
|
+
:height="300"
|
|
10
|
+
img
|
|
11
|
+
/>
|
|
12
|
+
</div>
|
|
13
|
+
|
|
14
|
+
<div class="row card-body px-0">
|
|
15
|
+
<div
|
|
16
|
+
class="col-6 col-sm-3 col-md-3 info-box text-center px-0"
|
|
17
|
+
v-for="index in 3"
|
|
18
|
+
:key="index"
|
|
19
|
+
>
|
|
20
|
+
<skeleton-animate
|
|
21
|
+
:width="80"
|
|
22
|
+
:height="80"
|
|
23
|
+
class="ml-3"
|
|
24
|
+
rounded
|
|
25
|
+
/>
|
|
26
|
+
|
|
27
|
+
<skeleton-animate
|
|
28
|
+
:width="120"
|
|
29
|
+
:height="15"
|
|
30
|
+
rounded
|
|
31
|
+
class="mt-2"
|
|
32
|
+
/>
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
<div class="d-flex align-items-center justify-content-center" v-if="hasExtra">
|
|
36
|
+
<skeleton-animate :width="80" :height="80" img />
|
|
37
|
+
<skeleton-animate
|
|
38
|
+
:width="120"
|
|
39
|
+
:height="15"
|
|
40
|
+
rounded
|
|
41
|
+
class="ml-2"
|
|
42
|
+
/>
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
</template>
|
|
47
|
+
<script>
|
|
48
|
+
import SkeletonAnimate from './SkeletonAnimate.vue';
|
|
49
|
+
export default {
|
|
50
|
+
name: 'course-info-skeleton',
|
|
51
|
+
components: { SkeletonAnimate },
|
|
52
|
+
props: {
|
|
53
|
+
hasExtra: {
|
|
54
|
+
type: Boolean,
|
|
55
|
+
default: false
|
|
56
|
+
},
|
|
57
|
+
hasChart: {
|
|
58
|
+
type: Boolean,
|
|
59
|
+
default: false
|
|
60
|
+
},
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
</script>
|
|
64
|
+
|
|
65
|
+
<style lang="scss" scoped>
|
|
66
|
+
.chart__graph {
|
|
67
|
+
width: 60%;
|
|
68
|
+
margin: 0 auto;
|
|
69
|
+
padding: 20px;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.card-title {
|
|
73
|
+
font-size: 1rem;
|
|
74
|
+
}
|
|
75
|
+
.info-box {
|
|
76
|
+
@media (min-width: 576px) {
|
|
77
|
+
flex: 0 0 50%;
|
|
78
|
+
max-width: 50%;
|
|
79
|
+
}
|
|
80
|
+
@media (min-width: 768px) {
|
|
81
|
+
flex: 0 0 50%;
|
|
82
|
+
max-width: 50%;
|
|
83
|
+
}
|
|
84
|
+
@media (min-width: 1024px) {
|
|
85
|
+
flex: 0 0 33%;
|
|
86
|
+
max-width: 33%;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
</style>
|
package/package.json
CHANGED
|
@@ -1,114 +1,114 @@
|
|
|
1
|
-
{
|
|
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
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
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
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@burh/nuxt-core",
|
|
3
|
+
"version": "1.0.420",
|
|
4
|
+
"description": "Design System and Components.",
|
|
5
|
+
"author": "Burh",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"dev": "nuxt",
|
|
8
|
+
"build": "nuxt build",
|
|
9
|
+
"start": "nuxt start",
|
|
10
|
+
"generate": "nuxt generate",
|
|
11
|
+
"build:server": "git pull origin release && yarn install && yarn build && pm2 restart all",
|
|
12
|
+
"start:maintenance": "MAINTENANCE_MODE=true pm2 restart all",
|
|
13
|
+
"dev:maintenance": "MAINTENANCE_MODE=true nuxt"
|
|
14
|
+
},
|
|
15
|
+
"dependencies": {
|
|
16
|
+
"@babel/core": "^7.4.5",
|
|
17
|
+
"@blowstack/ckeditor-nuxt": "^0.6.0",
|
|
18
|
+
"@chenfengyuan/vue-qrcode": "^1.0.1",
|
|
19
|
+
"@ckeditor/ckeditor5-build-classic": "^27.0.0",
|
|
20
|
+
"@fortawesome/fontawesome-svg-core": "^1.2.22",
|
|
21
|
+
"@fortawesome/free-brands-svg-icons": "^5.10.2",
|
|
22
|
+
"@fortawesome/free-regular-svg-icons": "^5.10.2",
|
|
23
|
+
"@fortawesome/free-solid-svg-icons": "^5.10.2",
|
|
24
|
+
"@fortawesome/vue-fontawesome": "^0.1.7",
|
|
25
|
+
"@fullcalendar/core": "^4.2.0",
|
|
26
|
+
"@fullcalendar/daygrid": "^4.1.0",
|
|
27
|
+
"@fullcalendar/interaction": "^4.1.0",
|
|
28
|
+
"@fullcalendar/timegrid": "^4.1.0",
|
|
29
|
+
"@fullcalendar/vue": "^4.2.2",
|
|
30
|
+
"@nuxtjs/axios": "^5.3.6",
|
|
31
|
+
"@nuxtjs/google-adsense": "^1.1.3",
|
|
32
|
+
"@nuxtjs/google-tag-manager": "^2.3.1",
|
|
33
|
+
"@nuxtjs/pwa": "^3.0.0-beta.16",
|
|
34
|
+
"bootstrap": "4.3.1",
|
|
35
|
+
"chart.js": "2.9.4",
|
|
36
|
+
"d3": "^5.9.2",
|
|
37
|
+
"datamaps": "^0.5.9",
|
|
38
|
+
"date-fns": "^1.30.1",
|
|
39
|
+
"dropzone": "^5.5.1",
|
|
40
|
+
"element-ui": "2.13.0",
|
|
41
|
+
"es6-promise": "^4.2.6",
|
|
42
|
+
"file-loader": "^6.0.0",
|
|
43
|
+
"flag-icon-css": "^3.4.5",
|
|
44
|
+
"flatpickr": "^4.5.7",
|
|
45
|
+
"fuse.js": "^3.4.5",
|
|
46
|
+
"google-maps": "^3.3.0",
|
|
47
|
+
"heic2any": "0.0.2",
|
|
48
|
+
"hls.js": "^1.0.10",
|
|
49
|
+
"local-web-server": "^3.0.7",
|
|
50
|
+
"mobile-device-detect": "^0.3.3",
|
|
51
|
+
"moment": "^2.24.0",
|
|
52
|
+
"nouislider": "^13.1.5",
|
|
53
|
+
"nuxt": "^2.8.1",
|
|
54
|
+
"nuxt-fontawesome": "^0.4.0",
|
|
55
|
+
"nuxt-google-maps-module": "^1.6.0",
|
|
56
|
+
"nuxt-maintenance-mode": "^0.3.0",
|
|
57
|
+
"nuxt-sass-resources-loader": "^2.0.5",
|
|
58
|
+
"nuxt-validate": "^1.0.1",
|
|
59
|
+
"nuxt-vuex-localstorage": "^1.2.6",
|
|
60
|
+
"passport-linkedin": "^1.0.0",
|
|
61
|
+
"perfect-scrollbar": "^1.4.0",
|
|
62
|
+
"prismjs": "^1.17.1",
|
|
63
|
+
"quill": "^1.3.6",
|
|
64
|
+
"quill-image-resize-module": "^3.0.0",
|
|
65
|
+
"read-env": "^1.3.0",
|
|
66
|
+
"remove-accents": "^0.4.2",
|
|
67
|
+
"sticky-js": "^1.2.0",
|
|
68
|
+
"sweetalert2": "^8.11.6",
|
|
69
|
+
"v-click-outside": "^3.1.2",
|
|
70
|
+
"v-owl-carousel": "^1.0.8",
|
|
71
|
+
"v-resize": "^0.1.1",
|
|
72
|
+
"vee-validate": "^2.2.8",
|
|
73
|
+
"vue": "^2.6.10",
|
|
74
|
+
"vue-chartjs": "^3.5.1",
|
|
75
|
+
"vue-clipboard2": "^0.3.0",
|
|
76
|
+
"vue-croppie": "^2.0.1",
|
|
77
|
+
"vue-flatpickr-component": "^8.1.2",
|
|
78
|
+
"vue-form-generator": "^2.3.4",
|
|
79
|
+
"vue-loading-overlay": "^3.3.2",
|
|
80
|
+
"vue-nav-tabs": "^0.5.7",
|
|
81
|
+
"vue-plain-pagination": "^0.3.0",
|
|
82
|
+
"vue-slick-carousel": "^1.0.6",
|
|
83
|
+
"vue-the-mask": "^0.11.1",
|
|
84
|
+
"vue2-transitions": "^0.3.0",
|
|
85
|
+
"webp-loader": "^0.6.0"
|
|
86
|
+
},
|
|
87
|
+
"devDependencies": {
|
|
88
|
+
"autoprefixer": "^9.6.1",
|
|
89
|
+
"babel-eslint": "^10.0.3",
|
|
90
|
+
"babel-plugin-component": "^1.1.0",
|
|
91
|
+
"browser-sync": "^2.26.7",
|
|
92
|
+
"cross-env": "^5.2.0",
|
|
93
|
+
"cssnano": "^4.1.10",
|
|
94
|
+
"del": "^5.0.0",
|
|
95
|
+
"eslint": "^6.8.0",
|
|
96
|
+
"eslint-plugin-vue": "^6.1.2",
|
|
97
|
+
"img-loader": "^3.0.1",
|
|
98
|
+
"lodash": "^4.17.15",
|
|
99
|
+
"node-dir": "^0.1.17",
|
|
100
|
+
"node-sass": "^5.0.0",
|
|
101
|
+
"nodemon": "^1.18.9",
|
|
102
|
+
"sass-loader": "^7.1.0"
|
|
103
|
+
},
|
|
104
|
+
"main": "dictionary.js",
|
|
105
|
+
"repository": {
|
|
106
|
+
"type": "git",
|
|
107
|
+
"url": "git+ssh://git@gitlab.com/gabrielesnack/burh-core.git"
|
|
108
|
+
},
|
|
109
|
+
"license": "UNLICENSED",
|
|
110
|
+
"bugs": {
|
|
111
|
+
"url": "https://gitlab.com/gabrielesnack/burh-core/issues"
|
|
112
|
+
},
|
|
113
|
+
"homepage": "https://gitlab.com/gabrielesnack/burh-core#readme"
|
|
114
|
+
}
|