refactor: update example views

This commit is contained in:
Łukasz Holeczek
2021-08-30 14:47:25 +02:00
parent a759550fb5
commit 1f5cad7f05
42 changed files with 2501 additions and 2112 deletions
+30 -30
View File
@@ -652,37 +652,37 @@
</template>
<script>
import { getStyle } from "@coreui/utils";
import { CChart } from "@coreui/vue-chartjs";
import WidgetsStatsA from "./WidgetsStatsTypeA.vue";
import WidgetsStatsD from "./WidgetsStatsTypeD.vue";
import Example from "../../components/DocsExample.vue";
import { getStyle } from '@coreui/utils'
import { CChart } from '@coreui/vue-chartjs'
import WidgetsStatsA from './WidgetsStatsTypeA.vue'
import WidgetsStatsD from './WidgetsStatsTypeD.vue'
import Example from '../../components/DocsExample.vue'
export default {
name: "Widgets",
name: 'Widgets',
components: {
CChart,
WidgetsStatsA,
WidgetsStatsD,
Example,
},
data() {
setup() {
const widgetStatsE = {
labels: [
"M",
"T",
"W",
"T",
"F",
"S",
"S",
"M",
"T",
"W",
"T",
"F",
"S",
"S",
"M",
'M',
'T',
'W',
'T',
'F',
'S',
'S',
'M',
'T',
'W',
'T',
'F',
'S',
'S',
'M',
],
optionsBar: {
maintainAspectRatio: false,
@@ -724,19 +724,19 @@ export default {
},
},
},
};
}
return {
getStyle,
widgetStatsE,
widgetProgressIconItems: [
{ color: "primary", icon: "cil-puzzle" },
{ color: "success", icon: "cil-speedometer" },
{ color: "danger", icon: "cil-cursor" },
{ color: "info", icon: "cil-drop" },
{ color: "secondary", icon: "cil-pencil" },
{ color: 'primary', icon: 'cil-puzzle' },
{ color: 'success', icon: 'cil-speedometer' },
{ color: 'danger', icon: 'cil-cursor' },
{ color: 'info', icon: 'cil-drop' },
{ color: 'secondary', icon: 'cil-pencil' },
],
};
}
},
};
}
</script>