sean/manja_ui_dev
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

refactor: adjust widgets to library component changes

Browse Source
This commit is contained in:
woothu
2019-06-24 14:40:18 +02:00
parent a87d4266e7
commit f4a35cffc2
4 changed files with 81 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/widgets/WidgetsDropdown.vue
+37 -36
View File
@@ -2,7 +2,7 @@
<CRow>
<CCol sm="6" lg="3">
<CWidgetDropdown header="9.823" text="Members online">
<template #dropdown>
<template #default>
<CDropdown
class="c-float-right"
variant="transparent c-p-0"
@@ -15,20 +15,22 @@
<CDropdownItem disabled>Disabled action</CDropdownItem>
</CDropdown>
</template>
<CChartLineSimple
pointed
class="c-px-3"
style="height:70px"
:data-points="[65, 59, 84, 84, 51, 55, 40]"
background-color="primary"
label="Members"
labels="months"
/>
<template #footer>
<CChartLineSimple
pointed
class="c-px-3"
style="height:70px"
:data-points="[65, 59, 84, 84, 51, 55, 40]"
background-color="primary"
label="Members"
labels="months"
/>
</template>
</CWidgetDropdown>
</CCol>
<CCol sm="6" lg="3">
<CWidgetDropdown variant="info" header="9.823" text="Members online">
<template #dropdown>
<template #default>
<CDropdown
class="c-float-right"
variant="transparent c-p-0"
@@ -42,16 +44,18 @@
<CDropdownItem disabled>Disabled action</CDropdownItem>
</CDropdown>
</template>
<CChartLineSimple
pointed
class="c-px-3"
style="height:70px"
:data-points="[1, 18, 9, 17, 34, 22, 11]"
background-color="info"
:options="{ elements: { line: { tension: 0.00001 }}}"
label="Members"
labels="months"
/>
<template #footer>
<CChartLineSimple
pointed
class="c-px-3"
style="height:70px"
:data-points="[1, 18, 9, 17, 34, 22, 11]"
background-color="info"
:options="{ elements: { line: { tension: 0.00001 }}}"
label="Members"
labels="months"
/>
</template>
</CWidgetDropdown>
</CCol>
<CCol sm="6" lg="3">
@@ -60,8 +64,7 @@
header="9.823"
text="Members online"
>
<template #dropdown>
<template #default>
<CDropdown
class="c-float-right"
variant="transparent c-p-0"
@@ -74,6 +77,7 @@
<CDropdownItem disabled>Disabled action</CDropdownItem>
</CDropdown>
</template>
<template #footer>
<CChartLineSimple
style="height:70px"
background-color="rgba(255,255,255,.2)"
@@ -83,6 +87,7 @@
label="Members"
labels="months"
/>
</template>
</CWidgetDropdown>
</CCol>
<CCol sm="6" lg="3">
@@ -91,8 +96,7 @@
header="9.823"
text="Members online"
>
<template #dropdown>
<template #default>
<CDropdown
class="c-float-right"
variant="transparent c-p-0"
@@ -105,12 +109,14 @@
<CDropdownItem disabled>Disabled action</CDropdownItem>
</CDropdown>
</template>
<CChartBarSimple
style="height:70px"
background-color="rgb(250, 152, 152)"
label="Members"
labels="months"
/>
<template #footer>
<CChartBarSimple
style="height:70px"
background-color="rgb(250, 152, 152)"
label="Members"
labels="months"
/>
</template>
</CWidgetDropdown>
</CCol>
</CRow>
@@ -121,11 +127,6 @@ import { CChartLineSimple, CChartBarSimple } from '../charts/index.js'
export default {
name: 'WidgetsDropdown',
// data () {
// return {
// months: ['January', 'February', 'March', 'April', 'May', 'June', 'July']
// }
// },
components: { CChartLineSimple, CChartBarSimple }
}
</script>