sean/manja_dev_ui
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

chore: Merge branch 'dev' into v3-alpha, for 3.0.0-alpha.4 release

Browse Source
This commit is contained in:
woothu
2019-07-08 20:02:45 +02:00
parent f73cf9ca86 7407fb8d4e
commit 847c09ddfc
15 changed files with 9376 additions and 278 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package-lock.json
Generated
+9242 -81
View File
File diff suppressed because it is too large Load Diff
package.json
+11 -11
View File
@@ -1,6 +1,6 @@
{
"name": "@coreui/coreui-free-vue-admin-template",
"version": "3.0.0-alpha.3",
"version": "3.0.0-alpha.4",
"description": "Open Source Bootstrap Admin Template",
"author": "Łukasz Holeczek",
"homepage": "http://coreui.io",
@@ -18,24 +18,24 @@
"@coreui/coreui-plugin-chartjs-custom-tooltips": "^1.3.1",
"@coreui/coreui-vue-chartjs": "coreui/coreui-vue-chartjs",
"@coreui/icons": "coreui/coreui-icons#v1-alpha",
"@coreui/vue": "../coreui-vue",
"@coreui/vue": "coreui/coreui-vue#3.0.0-alpha.4",
"vue": "^2.6.10",
"vue-router": "^3.0.6"
"vue-router": "^3.0.7"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^3.8.0",
"@vue/cli-plugin-e2e-nightwatch": "^3.8.0",
"@vue/cli-plugin-eslint": "^3.8.0",
"@vue/cli-plugin-unit-jest": "^3.8.0",
"@vue/cli-service": "^3.8.4",
"@vue/cli-plugin-babel": "^3.9.2",
"@vue/cli-plugin-e2e-nightwatch": "^3.9.2",
"@vue/cli-plugin-eslint": "^3.9.2",
"@vue/cli-plugin-unit-jest": "^3.9.0",
"@vue/cli-service": "^3.9.2",
"@vue/test-utils": "^1.0.0-beta.25",
"babel-core": "^6.26.3",
"babel-plugin-dynamic-import-node": "^2.2.0",
"babel-plugin-dynamic-import-node": "^2.3.0",
"babel-plugin-module-resolver": "^3.2.0",
"babel-preset-vue-app": "^2.0.0",
"babel-jest": "^23.6.0",
"babel-jest": "23.6.0",
"growl": "^1.10.5",
"https-proxy-agent": "^2.2.1",
"https-proxy-agent": "^2.2.2",
"node-sass": "^4.12.0",
"sass-loader": "^7.1.0",
"vue-template-compiler": "^2.6.10"
src/containers/TheSidebar.vue
+1 -1
View File
@@ -9,7 +9,7 @@
</template>
<script>
import nav from '@/_nav'
import nav from './_nav'
export default {
name: 'TheSidebar',
computed: {
src/_nav.js → src/containers/_nav.js
View File
src/views/Dashboard.vue
+3 -3
View File
@@ -82,7 +82,7 @@
</CRow>
</CCardFooter>
</CCard>
<WidgetsSocial/>
<WidgetsBrand/>
<CRow>
<CCol md="12">
<CCard header-html="Traffic &amp; Sales" body-wrapper>
@@ -451,7 +451,7 @@
<script>
import MainChartExample from './charts/MainChartExample'
import WidgetsDropdown from './widgets/WidgetsDropdown'
import WidgetsSocial from './widgets/WidgetsSocial'
import WidgetsBrand from './widgets/WidgetsBrand'
import CChartLineSimple from './charts/CChartLineSimple'
export default {
@@ -459,7 +459,7 @@ export default {
components: {
MainChartExample,
WidgetsDropdown,
WidgetsSocial,
WidgetsBrand,
CChartLineSimple
},
data () {
src/views/base/Carousels.vue
+6 -4
View File
@@ -23,18 +23,20 @@
arrows
indicators
animate
height="400px"
>
<CCarouselItem
caption="First Slide"
img-src="https://lorempixel.com/1024/480/technics/2/"
image="https://lorempixel.com/1024/480/technics/2/"
text="Nulla vitae elit libero, a pharetra augue mollis interdum."
/>
<CCarouselItem
active
img-src="https://lorempixel.com/1024/480/technics/4/"
caption="Blank page"
:image="{ blankColor: 'grey' }"
text="Nulla vitae elit libero, a pharetra augue mollis interdum."
/>
<CCarouselItem
img-src="https://lorempixel.com/1024/480/technics/8/"
image="https://lorempixel.com/1024/480/technics/8/"
/>
</CCarousel>
</CCardBody>
src/views/base/Forms.vue
+11 -22
View File
@@ -487,12 +487,12 @@
type="email"
placeholder="Email"
autocomplete="email"
appendHtml="<i class='cui-envelope-open'></i>"
append-html="<i class='cui-envelope-open'></i>"
/>
<CFormInput
prependHtml="<i class='cui-euro'></i>"
placeholder="ex. $1.000.000"
appendHtml=".00"
append-html=".00"
/>
</CCardBody>
<CCardFooter>
@@ -529,10 +529,10 @@
autocomplete="email"
>
<template #prepend>
<CButton variant="primary"><i class="fa fa-facebook"></i></CButton>
<CButton variant="primary"><CIcon name="facebook" height="14"/></CButton>
</template>
<template #append>
<CButton variant="primary"><i class="fa fa-twitter"></i></CButton>
<CButton variant="primary"><CIcon name="twitter" height="14"/></CButton>
</template>
</CFormInput>
</CCardBody>
@@ -684,19 +684,19 @@
<CForm>
<CFormInput
prepend-html="Username"
appendHtml="<i class='cui-user'></i>"
append-html="<i class='cui-user'></i>"
/>
<CFormInput
prepend-html="Email"
type="email"
autocomplete="email"
appendHtml="<i class='cui-envelope-closed'></i>"
append-html="<i class='cui-envelope-closed'></i>"
/>
<CFormInput
prepend-html="Password"
type="password"
autocomplete="current-password"
appendHtml="<i class='fa fa-asterisk'></i>"
append-html="<i class='cui-shield'></i>"
/>
<div class="c-form-group c-form-actions">
<CButton type="submit" size="sm" variant="primary">
@@ -716,19 +716,19 @@
<CForm>
<CFormInput
placeholder="Username"
appendHtml="<i class='cui-user'></i>"
append-html="<i class='cui-user'></i>"
/>
<CFormInput
placeholder="Email"
type="email"
autocomplete="email"
appendHtml="<i class='cui-envelope-closed'></i>"
append-html="<i class='cui-envelope-closed'></i>"
/>
<CFormInput
placeholder="Password"
type="password"
autocomplete="current-password"
appendHtml="<i class='fa fa-asterisk'></i>"
append-html="<i class='cui-shield'></i>"
/>
<div class="c-form-group c-form-actions">
<CButton type="submit" class="c-btn c-btn-sm c-btn-secondary">
@@ -760,7 +760,7 @@
placeholder="Password"
type="password"
autocomplete="current-password"
prependHtml="<i class='fa fa-asterisk'></i>"
prependHtml="<i class='cui-shield'></i>"
/>
<div class="c-form-group c-form-actions">
<CButton type="submit" size="sm" variant="success">
@@ -847,14 +847,6 @@ export default {
return {
selected: [], // Must be an array reference!
show: true,
id: 'sdfjosdf22',
cInput: '',
smh: 'shnsad',
trueValue:'someTrueValue',
falseValue:'someFalseValue',
checks: ['someTrueValue','hehehe2','',1,1,1,1,1,1,1,1,1,1,1,1],
isValid: '',
testkkk: 2,
horizontal: { label:'col-3', input:'col-9' },
options: ['Option 1', 'Option 2', 'Option 3'],
selectOptions: [
@@ -869,9 +861,6 @@ export default {
'Radios - custom', 'Inline Radios - custom']
}
},
updated () {
console.log('parent updated')
},
methods: {
validator (val) {
return val ? val.length >= 4 : false
src/views/base/Navbars.vue
+6 -5
View File
@@ -43,7 +43,6 @@
<CCardBody>
<CNavbar
toggleable="md"
type="dark"
variant="info"
sticky
>
@@ -63,7 +62,9 @@
placeholder="Search"
size="sm"
/>
<CButton size="sm" class="c-my-2 c-my-sm-0" type="submit">Search</CButton>
<CButton variant="light" size="sm" class="c-my-2 c-my-sm-0">
Search
</CButton>
</CForm>
<CDropdown
@@ -128,7 +129,7 @@
<small>dropdown</small>
</CCardHeader>
<CCardBody>
<CNavbar type="dark" variant="primary">
<CNavbar>
<!-- <CNavbarToggle @click="navbarDropdown = !navbarDropdown"></CNavbarToggle>
<CCollapse :show="navbarDropdown" navbar> -->
<CNavbarNav>
@@ -164,7 +165,7 @@
<small>form</small>
</CCardHeader>
<CCardBody>
<CNavbar type="light" variant="light">
<CNavbar light variant="light">
<CForm inline>
<CFormInput
class="c-mr-sm-2"
@@ -182,7 +183,7 @@
<small>input group</small>
</CCardHeader>
<CCardBody>
<CNavbar type="light" variant="light">
<CNavbar light variant="light">
<CForm inline>
<CFormInput
class="c-mr-sm-2"
src/views/base/Paginations.vue
+3 -1
View File
@@ -4,7 +4,7 @@
<CCard>
<CCardHeader>
<i class="fa fa-align-justify"></i>
<strong> Bootstrap Pagination</strong>
<strong> Responsive bootstrap Pagination</strong>
<!-- <div class="c-card-header-actions">
<a href="https://bootstrap-vue.js.org/docs/components/pagination" class="c-card-header-action" rel="noreferrer noopener" target="_blank">
<small class="c-text-muted">docs</small>
@@ -16,6 +16,7 @@
<CPagination
:active-page.sync="currentPage"
:pages="10"
responsive
/>
<br>
@@ -32,6 +33,7 @@
size="lg"
:active-page.sync="currentPage"
:pages="10"
responsive
/>
<br>
</div>
src/views/base/Tabs.vue
+4 -7
View File
@@ -7,7 +7,7 @@
Tabs
</CCardHeader>
<CCardBody>
<CTabs add-tab-classes="c-mt-1">
<CTabs>
<CTab title-html="Home" active>
1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
@@ -39,10 +39,7 @@
Tabs
</CCardHeader>
<CCardBody>
<CTabs
pills
add-nav-classes="c-mb-3"
>
<CTabs pills>
<CTab title-html="Home" active>
1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
@@ -74,7 +71,7 @@
Tabs with icons
</CCardHeader>
<CCardBody>
<CTabs add-tab-classes="c-mt-1">
<CTabs>
<CTab active>
<template slot="title">
<i class="cui-calculator"></i>
@@ -156,7 +153,7 @@
Tabs vertical
</CCardHeader>
<CCardBody>
<CTabs pills vertical="4">
<CTabs pills vertical add-tabs-wrapper-classes="c-pl-3">
<CTab active>
<template slot="title">
<i class="cui-calculator"></i> {{tabs[0]}}
src/views/notifications/Alerts.vue
+4 -18
View File
@@ -111,32 +111,18 @@
<CAlert
:show.sync="dismissibleAlerts[2]"
dismissible
iconHtml="<i>Close</i>"
>
Dismissible Alert with custom icon!
</CAlert>
<CAlert
:show.sync="dismissibleAlerts[3]"
dismissible="customButton"
v-slot="{dismiss}"
class="c-alert-dismissible"
>
Dismissible Alert with custom button!
<CButton
class="c-position-absolute c-bg-primary"
class="c-position-absolute"
variant="primary"
style="right:10px;top: 50%;transform: translateY(-50%);"
textHtml="<i>Close</i>"
@click="dismiss"
/>
</CAlert>
<CAlert
:show.sync="dismissibleAlerts[4]"
dismissible="disabled"
>
Disabled dismissible Alert!
</CAlert>
<CButton
@click="showDismissibleAlerts"
variant="info"
@@ -195,7 +181,7 @@ export default {
return {
dismissSecs: 10,
dismissCountDown: 10,
dismissibleAlerts: [true, true, true, true, true],
dismissibleAlerts: [true, true, true],
}
},
methods: {
src/views/notifications/Modals.vue
+7 -17
View File
@@ -80,7 +80,6 @@
<CModal
title="Modal title"
class="c-modal-primary"
:visible.sync="primaryModal"
>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
@@ -92,7 +91,7 @@
</CModal>
<CModal
title="Modal title"
class="c-modal-success"
variant="success"
:visible.sync="successModal"
>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
@@ -104,7 +103,7 @@
</CModal>
<CModal
title="Modal title"
class="c-modal-warning"
variant="warning"
:visible.sync="warningModal"
>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
@@ -116,7 +115,7 @@
</CModal>
<CModal
title="Modal title"
class="c-modal-danger"
variant="danger"
:visible.sync="dangerModal"
>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
@@ -128,7 +127,7 @@
</CModal>
<CModal
title="Modal title"
class="c-modal-info"
variant="info"
:visible.sync="infoModal"
>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
@@ -140,20 +139,11 @@
</CModal>
<CModal
:visible.sync="darkModal"
:no-backdrop="false"
:no-close-on-backdrop="fsalse"
:no-fade="false"
:no-close-on-backdrop="true"
:centered="true"
title="Modal title 2"
size="lg"
variant="dark"
border-variant="danger2"
add-modal-classess="hehe1"
add-dialog-classess="hehe2"
add-content-classess="hehe3"
:no-header="false"
:no-body="false"
:no-footer="false"
>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
@@ -162,12 +152,12 @@
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<template #header="{hide}">
<h5 class="c-modal-title">Custom modal title</h5>
<h6 class="c-modal-title">Custom smaller modal title</h6>
<CButtonClose @click="hide()" class="c-text-white"/>
</template>
<template #footer="{hide}">
<CButton @click="hide()" variant="danger">Discard</CButton>
<CButton @click="hide()" variant="success">Accept</CButton>
<CButton @click="hide(true)" variant="success">Accept</CButton>
</template>
</CModal>
</div>
src/views/widgets/Widgets.vue
+25 -56
View File
@@ -121,48 +121,6 @@
</CWidgetIcon>
</CCol>
</CRow>
<CRow>
<CCol col="12" sm="6" lg="3">
<CWidgetIcon
header="$1.999,50"
text="Income"
variant="primary"
link="#"
>
<CIcon name="settings" width="24"/>
</CWidgetIcon>
</CCol>
<CCol col="12" sm="6" lg="3">
<CWidgetIcon
header="$1.999,50"
text="Income"
variant="info"
link="#"
>
<CIcon name="laptop" width="24"/>
</CWidgetIcon>
</CCol>
<CCol col="12" sm="6" lg="3">
<CWidgetIcon
header="$1.999,50"
text="Income"
variant="warning"
link="#"
>
<CIcon name="moon" width="24"/>
</CWidgetIcon>
</CCol>
<CCol col="12" sm="6" lg="3">
<CWidgetIcon
header="$1.999,50"
text="Income"
variant="danger"
link="#"
>
<CIcon name="bell" width="24"/>
</CWidgetIcon>
</CCol>
</CRow>
<CRow>
<CCol col="12" sm="6" lg="3">
<CWidgetIcon
@@ -234,10 +192,21 @@
no-padding
>
<CIcon name="moon" class="c-mx-5 " width="24"/>
<template #footer>
<CCardFooter class="c-card-footer c-px-3 c-py-2">
<CLink
class="c-font-weight-bold c-font-xs c-btn-block c-text-muted"
href="https://coreui.io/"
>
View more
<CIcon name="arrowRight" class="c-float-right" width="16"/>
</CLink>
</CCardFooter>
</template>
</CWidgetIcon>
</CCol>
</CRow>
<CRow>
<!-- <CRow>
<CCol col="12" sm="6" lg="4">
<CWidgetIcon
header="$1.999,50"
@@ -271,9 +240,9 @@
<CIcon name="moon" class="c-mx-5" width="24"/>
</CWidgetIcon>
</CCol>
</CRow>
<WidgetsSocial noCharts/>
<WidgetsSocial/>
</CRow> -->
<WidgetsBrand noCharts/>
<WidgetsBrand/>
<CCardGroup class="c-mb-4">
<CWidgetProgressIcon
header="87.500"
@@ -473,7 +442,7 @@
<WidgetsDropdown/>
<CRow>
<CCol sm="6" lg="3">
<CWidgetSmallText
<CWidgetHeaderDetails
right-header="SALE"
right-footer="Today 6:43 AM"
left-header="$1.890,65"
@@ -481,10 +450,10 @@
>
<CChartLineSimple style="height:40px"/>
<CChartBarSimple style="height:40px"/>
</CWidgetSmallText>
</CWidgetHeaderDetails>
</CCol>
<CCol sm="6" lg="3">
<CWidgetSmallText
<CWidgetHeaderDetails
variant="success"
right-header="SALE"
right-footer="Today 6:43 AM"
@@ -493,10 +462,10 @@
>
<CChartLineSimple style="height:40px"/>
<CChartBarSimple style="height:40px"/>
</CWidgetSmallText>
</CWidgetHeaderDetails>
</CCol>
<CCol sm="6" lg="3">
<CWidgetSmallText
<CWidgetHeaderDetails
variant="danger"
right-header="SALE"
right-footer="Today 6:43 AM"
@@ -505,10 +474,10 @@
>
<CChartLineSimple style="height:40px"/>
<CChartBarSimple style="height:40px"/>
</CWidgetSmallText>
</CWidgetHeaderDetails>
</CCol>
<CCol sm="6" lg="3">
<CWidgetSmallText
<CWidgetHeaderDetails
variant="warning"
right-header="SALE"
right-footer="Today 6:43 AM"
@@ -517,7 +486,7 @@
>
<CChartLineSimple style="height:40px"/>
<CChartBarSimple style="height:40px"/>
</CWidgetSmallText>
</CWidgetHeaderDetails>
</CCol>
</CRow>
<CRow>
@@ -556,7 +525,7 @@
</template>
<script>
import WidgetsSocial from './WidgetsSocial'
import WidgetsBrand from './WidgetsBrand'
import WidgetsDropdown from './WidgetsDropdown'
import { CChartLineSimple, CChartBarSimple } from '../charts/index.js'
@@ -565,7 +534,7 @@ export default {
components: {
CChartLineSimple,
CChartBarSimple,
WidgetsSocial,
WidgetsBrand,
WidgetsDropdown
}
}
src/views/widgets/WidgetsSocial.vue → src/views/widgets/WidgetsBrand.vue
+16 -16
View File
@@ -2,7 +2,7 @@
<CRow>
<template v-if="!noCharts">
<CCol md="3" sm="6">
<CWidgetSocial
<CWidgetBrand
variant="facebook"
right-header="89k"
right-footer="friends"
@@ -22,10 +22,10 @@
label="Friends"
labels="months"
/>
</CWidgetSocial>
</CWidgetBrand>
</CCol>
<CCol md="3" sm="6">
<CWidgetSocial
<CWidgetBrand
variant="twitter"
right-header="973k"
right-footer="followers"
@@ -45,10 +45,10 @@
label="Followers"
labels="months"
/>
</CWidgetSocial>
</CWidgetBrand>
</CCol>
<CCol md="3" sm="6">
<CWidgetSocial
<CWidgetBrand
variant="linkedin"
right-header="500+"
right-footer="contracts"
@@ -68,10 +68,10 @@
label="Contracts"
labels="months"
/>
</CWidgetSocial>
</CWidgetBrand>
</CCol>
<CCol md="3" sm="6">
<CWidgetSocial
<CWidgetBrand
right-header="12"
right-footer="events"
left-header="4"
@@ -91,12 +91,12 @@
label="Followers"
labels="months"
/>
</CWidgetSocial>
</CWidgetBrand>
</CCol>
</template>
<template v-else>
<CCol md="3" sm="6">
<CWidgetSocial
<CWidgetBrand
variant="facebook"
right-header="89k"
right-footer="friends"
@@ -108,10 +108,10 @@
height="56"
class="c-my-4"
/>
</CWidgetSocial>
</CWidgetBrand>
</CCol>
<CCol md="3" sm="6">
<CWidgetSocial
<CWidgetBrand
variant="twitter"
right-header="973k"
right-footer="followers"
@@ -123,10 +123,10 @@
height="56"
class="c-my-4"
/>
</CWidgetSocial>
</CWidgetBrand>
</CCol>
<CCol md="3" sm="6">
<CWidgetSocial
<CWidgetBrand
variant="linkedin"
right-header="500+"
right-footer="contracts"
@@ -138,10 +138,10 @@
height="56"
class="c-my-4"
/>
</CWidgetSocial>
</CWidgetBrand>
</CCol>
<CCol md="3" sm="6">
<CWidgetSocial
<CWidgetBrand
right-header="12"
right-footer="events"
left-header="4"
@@ -153,7 +153,7 @@
height="56"
class="c-my-4"
/>
</CWidgetSocial>
</CWidgetBrand>
</CCol>
</template>
</CRow>
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>