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

fix: small fixes

Browse Source
This commit is contained in:
woothu
2019-04-01 12:09:38 +02:00
parent e6b7e32e9b
commit 4b8fdbf142
6 changed files with 254 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/widgets/Widgets.vue
+198 -87
View File
@@ -2,236 +2,347 @@
<div class="animated fadeIn">
<CRow>
<CCol sm="6" lg="3">
<CWidget01 header="89.9%" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim.">
<CProgress variant="success" :value="25" class="progress-xs my-3 mb-0"/>
</CWidget01>
<CWidgetProgress
header="89.9%"
text="Lorem ipsum..."
footer="Lorem ipsum dolor sit amet enim."
>
<CProgress
variant="success"
:value="25"
class="progress-xs my-3 mb-0"
/>
</CWidgetProgress>
</CCol>
<CCol sm="6" lg="3">
<CWidget01 header="12.124" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim."
variant="info" :value="25"/>
<CWidgetProgress
header="12.124"
text="Lorem ipsum..."
footer="Lorem ipsum dolor sit amet enim."
variant="info"
:value="25"
/>
</CCol>
<CCol sm="6" lg="3">
<CWidget01 header="$98.111,00" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim."
<CWidgetProgress header="$98.111,00" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim."
variant="warning" :value="25"/>
</CCol>
<CCol sm="6" lg="3">
<CWidget01 header="2 TB" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim."
<CWidgetProgress header="2 TB" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim."
variant="danger" :value="25"/>
</CCol>
</CRow><!--/.row-->
<CRow>
<CCol sm="6" lg="3">
<CWidget01 header="89.9%" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim."
<CWidgetProgress header="89.9%" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim."
variant="success" inverse :value="25"/>
</CCol>
<CCol sm="6" lg="3">
<CWidget01 header="12.124" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim."
<CWidgetProgress header="12.124" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim."
variant="info" inverse :value="25"/>
</CCol>
<CCol sm="6" lg="3">
<CWidget01 header="$98.111,00" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim."
<CWidgetProgress header="$98.111,00" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim."
variant="warning" inverse :value="25"/>
</CCol>
<CCol sm="6" lg="3">
<CWidget01 header="2 TB" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim."
<CWidgetProgress header="2 TB" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim."
variant="danger" inverse :value="25"/>
</CCol>
</CRow><!--/.row-->
<CRow>
<CCol cols="12" sm="6" lg="3">
<CWidget02 header="$1.999,50" iconClasses="fa fa-cogs bg-primary" text="Income"/>
<CWidgetIcon
header="$1.999,50"
text="Income"
addIconClasses="fa fa-cogs bg-primary"
/>
</CCol>
<CCol cols="12" sm="6" lg="3">
<CWidget02 header="$1.999,50" iconClasses="fa fa-laptop bg-info" text="Income"/>
<CWidgetIcon
header="$1.999,50"
addIconClasses="fa fa-laptop bg-info"
text="Income"
/>
</CCol>
<CCol cols="12" sm="6" lg="3">
<CWidget02 header="$1.999,50" iconClasses="fa fa-moon-o bg-warning bg-primary" text="Income"/>
<CWidgetIcon
header="$1.999,50"
addIconClasses="fa fa-moon-o bg-warning"
text="Income"
/>
</CCol>
<CCol cols="12" sm="6" lg="3">
<CWidget02 header="$1.999,50" iconClasses="fa fa-bell bg-danger" text="Income"/>
<CWidgetIcon
header="$1.999,50"
addIconClasses="fa fa-bell bg-danger"
text="Income"
/>
</CCol>
</CRow><!--/.row-->
<CRow>
<CCol cols="12" sm="6" lg="3">
<CWidget02 header="$1.999,50" iconClasses="fa fa-cogs bg-primary" text="Income" link="#"/>
<CWidgetIcon
header="$1.999,50"
addIconClasses="fa fa-cogs bg-primary"
text="Income"
link="#"
/>
</CCol>
<CCol cols="12" sm="6" lg="3">
<CWidget02 header="$1.999,50" iconClasses="fa fa-laptop bg-info" text="Income" link="#"/>
<CWidgetIcon
header="$1.999,50"
addIconClasses="fa fa-laptop bg-info"
text="Income"
link="#"
/>
</CCol>
<CCol cols="12" sm="6" lg="3">
<CWidget02 header="$1.999,50" iconClasses="fa fa-moon-o bg-warning bg-primary" text="Income" link="#"/>
<CWidgetIcon
header="$1.999,50"
addIconClasses="fa fa-moon-o bg-warning bg-primary"
text="Income" link="#"
/>
</CCol>
<CCol cols="12" sm="6" lg="3">
<CWidget02 header="$1.999,50" iconClasses="fa fa-bell bg-danger" text="Income" link="#"/>
<CWidgetIcon
header="$1.999,50"
addIconClasses="fa fa-bell bg-danger"
text="Income"
link="#"
/>
</CCol>
</CRow><!--/.row-->
<CRow>
<CCol cols="12" sm="6" lg="3">
<CWidget03 header="$1.999,50" text="Income" iconClasses="fa fa-cogs bg-primary"/>
<CWidgetIcon
header="$1.999,50"
text="Income"
addIconClasses="fa fa-cogs bg-primary"
noPadding
/>
</CCol>
<CCol cols="12" sm="6" lg="3">
<CWidget03 header="$1.999,50" text="Income" iconClasses="fa fa-laptop bg-info"/>
<CWidgetIcon
header="$1.999,50"
text="Income"
addIconClasses="fa fa-laptop bg-info"
noPadding
/>
</CCol>
<CCol cols="12" sm="6" lg="3">
<CWidget03 header="$1.999,50" text="Income" iconClasses="fa fa-moon-o bg-warning bg-primary"/>
<CWidgetIcon
header="$1.999,50"
text="Income"
addIconClasses="fa fa-moon-o bg-warning bg-primary"
noPadding
/>
</CCol>
<CCol cols="12" sm="6" lg="3">
<CWidget03 header="$1.999,50" text="Income" iconClasses="fa fa-bell bg-danger"/>
<CWidgetIcon
header="$1.999,50"
text="Income"
addIconClasses="fa fa-bell bg-danger"
noPadding
/>
</CCol>
</CRow><!--/.row-->
<CRow>
<CCol cols="12" sm="6" lg="4">
<CWidget03 header="$1.999,50" text="Income" iconClasses="fa fa-cogs bg-primary px-5"/>
<CWidgetIcon
header="$1.999,50"
text="Income"
addIconClasses="fa fa-cogs bg-primary px-5"
noPadding
/>
</CCol>
<CCol cols="12" sm="6" lg="4">
<CWidget03 header="$1.999,50" text="Income" iconClasses="fa fa-laptop bg-info px-5"/>
<CWidgetIcon
header="$1.999,50"
text="Income"
addIconClasses="fa fa-laptop bg-info px-5"
noPadding
/>
</CCol>
<CCol cols="12" sm="6" lg="4">
<CWidget03 header="$1.999,50" text="Income" iconClasses="fa fa-moon-o bg-warning bg-primary px-5"/>
<CWidgetIcon
header="$1.999,50"
text="Income"
addIconClasses="fa fa-moon-o bg-warning bg-primary px-5"
noPadding
/>
</CCol>
</CRow><!--/.row-->
<Widgets04 noCharts/>
<Widgets04/>
<CRow>
<CCol cols="12" sm="6" lg="4">
<CWidgetIcon
header="$1.999,50"
text="Income"
addIconClasses="fa fa-cogs bg-primary px-5"
noPadding
link="#"
/>
</CCol>
<CCol cols="12" sm="6" lg="4">
<CWidgetIcon
header="$1.999,50"
text="Income"
addIconClasses="fa fa-laptop bg-info px-5"
noPadding
link="#"
/>
</CCol>
<CCol cols="12" sm="6" lg="4">
<CWidgetIcon
header="$1.999,50"
text="Income"
addIconClasses="fa fa-moon-o bg-warning bg-primary px-5"
noPadding
link="#"
/>
</CCol>
</CRow><!--/.row-->
<WidgetsSocial noCharts/>
<WidgetsSocial/>
<CCardGroup class="mb-4">
<CWidget05 iconClasses="icon-people" header="87.500" text="Visitors" variant="info"/>
<CWidget05 iconClasses="icon-user-follow" header="385" text="New Clients" variant="success"/>
<CWidget05 iconClasses="icon-basket-loaded" header="1238" text="Products sold" variant="warning"/>
<CWidget05 iconClasses="icon-pie-chart" header="28%" text="Returning Visitors"/>
<CWidget05 iconClasses="icon-speedometer" header="5:34:11" text="Avg. Time" variant="danger"/>
<CWidgetProgressIcon iconClasses="icon-people" header="87.500" text="Visitors" variant="info"/>
<CWidgetProgressIcon iconClasses="icon-user-follow" header="385" text="New Clients" variant="success"/>
<CWidgetProgressIcon iconClasses="icon-basket-loaded" header="1238" text="Products sold" variant="warning"/>
<CWidgetProgressIcon iconClasses="icon-pie-chart" header="28%" text="Returning Visitors"/>
<CWidgetProgressIcon iconClasses="icon-speedometer" header="5:34:11" text="Avg. Time" variant="danger"/>
</CCardGroup>
<CCardGroup class="mb-4">
<CWidget05 iconClasses="icon-people" header="87.500" text="Visitors" variant="info" inverse/>
<CWidget05 iconClasses="icon-user-follow" header="385" text="New Clients" variant="success" inverse/>
<CWidget05 iconClasses="icon-basket-loaded" header="1238" text="Products sold" variant="warning" inverse/>
<CWidget05 iconClasses="icon-pie-chart" header="28%" variant="primary" text="Returning Visitors" inverse/>
<CWidget05 iconClasses="icon-speedometer" header="5:34:11" text="Avg. Time" variant="danger" inverse/>
<CWidgetProgressIcon iconClasses="icon-people" header="87.500" text="Visitors" variant="info" inverse/>
<CWidgetProgressIcon iconClasses="icon-user-follow" header="385" text="New Clients" variant="success" inverse/>
<CWidgetProgressIcon iconClasses="icon-basket-loaded" header="1238" text="Products sold" variant="warning" inverse/>
<CWidgetProgressIcon iconClasses="icon-pie-chart" header="28%" variant="primary" text="Returning Visitors" inverse/>
<CWidgetProgressIcon iconClasses="icon-speedometer" header="5:34:11" text="Avg. Time" variant="danger" inverse/>
</CCardGroup>
<CRow>
<CCol sm="6" md="2">
<CWidget05 iconClasses="icon-people" header="87.500" text="visitors" variant="info"/>
<CWidgetProgressIcon iconClasses="icon-people" header="87.500" text="visitors" variant="info"/>
</CCol>
<CCol sm="6" md="2">
<CWidget05 iconClasses="icon-user-follow" header="385" text="New Clients" variant="success"/>
<CWidgetProgressIcon iconClasses="icon-user-follow" header="385" text="New Clients" variant="success"/>
</CCol>
<CCol sm="6" md="2">
<CWidget05 iconClasses="icon-basket-loaded" header="1238" text="Products sold" variant="warning"/>
<CWidgetProgressIcon iconClasses="icon-basket-loaded" header="1238" text="Products sold" variant="warning"/>
</CCol>
<CCol sm="6" md="2">
<CWidget05 iconClasses="icon-pie-chart" header="28%" text="Returning Visitors"/>
<CWidgetProgressIcon iconClasses="icon-pie-chart" header="28%" text="Returning Visitors"/>
</CCol>
<CCol sm="6" md="2">
<CWidget05 iconClasses="icon-speedometer" header="5:34:11" text="Avg. Time" >
<CWidgetProgressIcon iconClasses="icon-speedometer" header="5:34:11" text="Avg. Time" >
<CProgress variant="danger" :value="25" class="progress-xs my-3 mb-0"/>
</CWidget05>
</CWidgetProgressIcon>
</CCol>
<CCol sm="6" md="2">
<CWidget05 iconClasses="icon-speech" header="972" text="Comments" variant="info"/>
<CWidgetProgressIcon iconClasses="icon-speech" header="972" text="Comments" variant="info"/>
</CCol>
</CRow>
<CRow>
<CCol sm="6" md="2">
<CWidget05 iconClasses="icon-people" header="87.500" text="visitors" variant="info" inverse/>
<CWidgetProgressIcon iconClasses="icon-people" header="87.500" text="visitors" variant="info" inverse/>
</CCol>
<CCol sm="6" md="2">
<CWidget05 iconClasses="icon-user-follow" header="385" text="New Clients" variant="success" inverse/>
<CWidgetProgressIcon iconClasses="icon-user-follow" header="385" text="New Clients" variant="success" inverse/>
</CCol>
<CCol sm="6" md="2">
<CWidget05 iconClasses="icon-basket-loaded" header="1238" text="Products sold" variant="warning" inverse/>
<CWidgetProgressIcon iconClasses="icon-basket-loaded" header="1238" text="Products sold" variant="warning" inverse/>
</CCol>
<CCol sm="6" md="2">
<CWidget05 iconClasses="icon-pie-chart" header="28%" text="Returning Visitors" variant="primary" inverse/>
<CWidgetProgressIcon iconClasses="icon-pie-chart" header="28%" text="Returning Visitors" variant="primary" inverse/>
</CCol>
<CCol sm="6" md="2">
<CWidget05 iconClasses="icon-speedometer" header="5:34:11" text="Avg. Time" variant="danger" inverse/>
<CWidgetProgressIcon iconClasses="icon-speedometer" header="5:34:11" text="Avg. Time" variant="danger" inverse/>
</CCol>
<CCol sm="6" md="2">
<CWidget05 iconClasses="icon-speech" header="972" text="Comments" variant="info" inverse/>
<CWidgetProgressIcon iconClasses="icon-speech" header="972" text="Comments" variant="info" inverse/>
</CCol>
</CRow>
<Widgets06/>
<WidgetsDropdown/>
<CRow>
<CCol sm="6" lg="3">
<CWidget07 rightHeader='SALE' rightFooter='Today 6:43 AM' leftHeader='$1.890,65' leftFooter='+432,50 (15,78%)'>
<CSimpleLineChart style="height:40px" chartId="CWidget07_line1" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]' label='Sales'/>
<CWidgetSmallText rightHeader='SALE' rightFooter='Today 6:43 AM' leftHeader='$1.890,65' leftFooter='+432,50 (15,78%)'>
<CSimpleLineChart style="height:40px" chartId="CWidgetSmallText_line1" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]' label='Sales'/>
<CSimpleBarChart style="height:40px"
:data="[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]"
label="Sales"
/>
</CWidget07>
</CWidgetSmallText>
</CCol>
<CCol sm="6" lg="3">
<CWidget07 variant='success' rightHeader='SALE' rightFooter='Today 6:43 AM' leftHeader='$1.890,65' leftFooter='+432,50 (15,78%)'>
<CSimpleLineChart style="height:40px" chartId="CWidget07_line2" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]' label='Sales'/>
<CSimpleBarChart style="height:40px" chartId="CWidget07_bar2" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]' label='Sales'/>
</CWidget07>
<CWidgetSmallText variant='success' rightHeader='SALE' rightFooter='Today 6:43 AM' leftHeader='$1.890,65' leftFooter='+432,50 (15,78%)'>
<CSimpleLineChart style="height:40px" chartId="CWidgetSmallText_line2" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]' label='Sales'/>
<CSimpleBarChart style="height:40px" chartId="CWidgetSmallText_bar2" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]' label='Sales'/>
</CWidgetSmallText>
</CCol>
<CCol sm="6" lg="3">
<CWidget07 variant='danger' rightHeader='SALE' rightFooter='Today 6:43 AM' leftHeader='$1.890,65' leftFooter='+432,50 (15,78%)'>
<CSimpleLineChart style="height:40px" chartId="CWidget07_line3" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]' label='Sales'/>
<CSimpleBarChart style="height:40px" chartId="CWidget07_bar3" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]' label='Sales'/>
</CWidget07>
<CWidgetSmallText variant='danger' rightHeader='SALE' rightFooter='Today 6:43 AM' leftHeader='$1.890,65' leftFooter='+432,50 (15,78%)'>
<CSimpleLineChart style="height:40px" chartId="CWidgetSmallText_line3" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]' label='Sales'/>
<CSimpleBarChart style="height:40px" chartId="CWidgetSmallText_bar3" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]' label='Sales'/>
</CWidgetSmallText>
</CCol>
<CCol sm="6" lg="3">
<CWidget07 variant='warning' rightHeader='SALE' rightFooter='Today 6:43 AM' leftHeader='$1.890,65' leftFooter='+432,50 (15,78%)'>
<CSimpleLineChart style="height:40px" chartId="CWidget07_line4" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]' label='Sales'/>
<CSimpleBarChart style="height:40px" chartId="CWidget07_bar4" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]' label='Sales'/>
</CWidget07>
<CWidgetSmallText variant='warning' rightHeader='SALE' rightFooter='Today 6:43 AM' leftHeader='$1.890,65' leftFooter='+432,50 (15,78%)'>
<CSimpleLineChart style="height:40px" chartId="CWidgetSmallText_line4" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]' label='Sales'/>
<CSimpleBarChart style="height:40px" chartId="CWidgetSmallText_bar4" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]' label='Sales'/>
</CWidgetSmallText>
</CCol>
</CRow>
<CRow>
<CCol sm="4" lg="2">
<CWidget08 header='title' text='1,123'>
<CSimpleLineChart style="height:40px" chartId="CWidget08_1" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]'
<CWidgetSimple header='title' text='1,123'>
<CSimpleLineChart style="height:40px" chartId="CWidgetSimple_1" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]'
label='Sales' borderColor='danger'/>
</CWidget08>
</CWidgetSimple>
</CCol>
<CCol sm="4" lg="2">
<CWidget08 header='title' text='1,123'>
<CWidgetSimple header='title' text='1,123'>
<CSimpleLineChart style="height:40px" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]'
label='Sales' borderColor='primary'/>
</CWidget08>
</CWidgetSimple>
</CCol>
<CCol sm="4" lg="2">
<CWidget08 header='title' text='1,123'>
<CWidgetSimple header='title' text='1,123'>
<CSimpleLineChart style="height:40px"
:data="[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]"
label="Sales"
borderColor="success"
/>
</CWidget08>
</CWidgetSimple>
</CCol>
<CCol sm="4" lg="2">
<CWidget08 header='title' text='1,123'>
<CSimpleBarChart style="height:40px" chartId="CWidget08_4" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]'
<CWidgetSimple header='title' text='1,123'>
<CSimpleBarChart style="height:40px" chartId="CWidgetSimple_4" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]'
label='Sales' color='danger'/>
</CWidget08>
</CWidgetSimple>
</CCol>
<CCol sm="4" lg="2">
<CWidget08 header='title' text='1,123'>
<CSimpleBarChart style="height:40px" chartId="CWidget08_5" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]'
<CWidgetSimple header='title' text='1,123'>
<CSimpleBarChart style="height:40px" chartId="CWidgetSimple_5" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]'
label='Sales' color='primary'/>
</CWidget08>
</CWidgetSimple>
</CCol>
<CCol sm="4" lg="2">
<CWidget08 header='title' text='1,123'>
<CWidgetSimple header='title' text='1,123'>
<CSimpleBarChart style="height:40px" :data='[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]'
label='Sales' color='success'/>
</CWidget08>
</CWidgetSimple>
</CCol>
</CRow>
</div>
</template>
<script>
import Widgets04 from './Widgets04'
import Widgets06 from './Widgets06'
import WidgetsSocial from './WidgetsSocial'
import WidgetsDropdown from './WidgetsDropdown'
export default {
name: 'Widgets',
components: {
Widgets04,
Widgets06
WidgetsSocial,
WidgetsDropdown
}
}
</script>
src/views/widgets/Widgets06.vue → src/views/widgets/WidgetsDropdown.vue
+11 -11
View File
@@ -1,7 +1,7 @@
<template>
<CRow>
<CCol sm="6" lg="3">
<CWidget06 header="9.823" text="Members online">
<CWidgetDropdown header="9.823" text="Members online">
<template #dropdown>
<CDropdown
class="float-right"
@@ -23,10 +23,10 @@
label="Members"
pointHoverColor="primary"
/>
</CWidget06>
</CWidgetDropdown>
</CCol>
<CCol sm="6" lg="3">
<CWidget06 variant="info" header="9.823" text="Members online">
<CWidgetDropdown variant="info" header="9.823" text="Members online">
<template #dropdown>
<CDropdown
class="float-right"
@@ -50,10 +50,10 @@
:options="{ elements: { line: { tension: 0.00001 }}}"
pointHoverColor="info"
/>
</CWidget06>
</CWidgetDropdown>
</CCol>
<CCol sm="6" lg="3">
<CWidget06
<CWidgetDropdown
variant="warning"
header="9.823"
text="Members online"
@@ -74,7 +74,7 @@
</template>
<CSimpleLineChart
chartId="CWidget06_3"
chartId="CWidgetDropdown_3"
:data="[78, 81, 80, 45, 34, 12, 40]"
:labels="months"
style="height:70px"
@@ -83,10 +83,10 @@
:options="{elements: {line: {borderWidth: 2.5}}}"
pointHoverColor="warning"
/>
</CWidget06>
</CWidgetDropdown>
</CCol>
<CCol sm="6" lg="3">
<CWidget06
<CWidgetDropdown
variant="danger"
header="9.823"
text="Members online"
@@ -107,20 +107,20 @@
</template>
<CSimpleBarChart
chartId="CWidget06_4"
chartId="CWidgetDropdown_4"
:data="[10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12]"
label="Members"
color="rgb(250, 152, 152)"
style="height:70px"
/>
</CWidget06>
</CWidgetDropdown>
</CCol>
</CRow>
</template>
<script>
export default {
name: 'Widgets06',
name: 'WidgetsDropdown',
data () {
return {
months: ['January', 'February', 'March', 'April', 'May', 'June', 'July']
src/views/widgets/Widgets04.vue → src/views/widgets/WidgetsSocial.vue
+13 -13
View File
@@ -2,7 +2,7 @@
<CRow>
<template v-if="!props.noCharts">
<CCol md="3" sm="6">
<CWidget04
<CWidgetSocial
variant="facebook"
rightHeader="89k"
rightFooter="friends"
@@ -17,10 +17,10 @@
style="height:100px"
color="rgba(255,255,255,.1)"
/>
</CWidget04>
</CWidgetSocial>
</CCol>
<CCol md="3" sm="6">
<CWidget04
<CWidgetSocial
variant="twitter"
rightHeader="973k"
rightFooter="followers"
@@ -35,10 +35,10 @@
style="height:100px"
color="rgba(255,255,255,.1)"
/>
</CWidget04>
</CWidgetSocial>
</CCol>
<CCol md="3" sm="6">
<CWidget04
<CWidgetSocial
variant="linkedin"
rightHeader="500+"
rightFooter="contracts"
@@ -53,10 +53,10 @@
style="height:100px"
color="rgba(255,255,255,.1)"
/>
</CWidget04>
</CWidgetSocial>
</CCol>
<CCol md="3" sm="6">
<CWidget04
<CWidgetSocial
variant="google-plus"
rightHeader="894"
rightFooter="followers"
@@ -71,12 +71,12 @@
style="height:100px"
color="rgba(255,255,255,.1)"
/>
</CWidget04>
</CWidgetSocial>
</CCol>
</template>
<template v-else>
<CCol md="3" sm="6">
<CWidget04
<CWidgetSocial
variant="facebook"
rightHeader="89k"
rightFooter="friends"
@@ -85,7 +85,7 @@
/>
</CCol>
<CCol md="3" sm="6">
<CWidget04
<CWidgetSocial
variant="twitter"
rightHeader="973k"
rightFooter="followers"
@@ -94,7 +94,7 @@
/>
</CCol>
<CCol md="3" sm="6">
<CWidget04
<CWidgetSocial
variant="linkedin"
rightHeader="500+"
rightFooter="contracts"
@@ -103,7 +103,7 @@
/>
</CCol>
<CCol md="3" sm="6">
<CWidget04
<CWidgetSocial
variant="warning"
iconClasses="fa fa-battery-1"
rightHeader="0:57"
@@ -118,7 +118,7 @@
<script>
export default {
name: 'Widgets04',
name: 'WidgetsSocial',
props: {
noCharts: Boolean
}