sean/manja_ui_dev
1
0
Fork 0
Code Issues Pull Requests Actions 2 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>