refactor: minor refactors, update snapshots

This commit is contained in:
woothu
2019-11-21 13:10:12 +01:00
parent cdfef77bab
commit 07e4966ad2
35 changed files with 1627 additions and 1589 deletions
+2
View File
@@ -52,6 +52,7 @@ import {
cilEnvelopeOpen, cilEnvelopeOpen,
cilEuro, cilEuro,
cilGlobeAlt, cilGlobeAlt,
cilGrid,
cilFile, cilFile,
cilJustifyCenter, cilJustifyCenter,
cilLaptop, cilLaptop,
@@ -101,6 +102,7 @@ export const iconsSet = Object.assign(
cilEnvelopeOpen, cilEnvelopeOpen,
cilEuro, cilEuro,
cilGlobeAlt, cilGlobeAlt,
cilGrid,
cilFile, cilFile,
cilJustifyCenter, cilJustifyCenter,
cilLaptop, cilLaptop,
+1 -1
View File
@@ -7,7 +7,7 @@
// If you want to add something do it here // If you want to add something do it here
@import "custom"; @import "custom";
.card-header .c-icon:first-child { .card-header > .c-icon:first-child {
margin-right: 0.1rem; margin-right: 0.1rem;
margin-top: 0.1rem; margin-top: 0.1rem;
vertical-align: top; vertical-align: top;
+3 -1
View File
@@ -1,7 +1,9 @@
<template> <template>
<CCard> <CCard>
<CCardHeader> <CCardHeader>
<CIcon name="cil-justify-center"/> {{caption}} <slot name="header">
<CIcon name="cil-grid"/> {{caption}}
</slot>
</CCardHeader> </CCardHeader>
<CCardBody> <CCardBody>
<CDataTable <CDataTable
+16 -5
View File
@@ -2,10 +2,21 @@
<div> <div>
<CRow> <CRow>
<CCol lg="6"> <CCol lg="6">
<CTableWrapper <CTableWrapper :items="getShuffledUsersData()">
:items="getShuffledUsersData()" <template #header>
caption="Simple Table" <CIcon name="cil-grid"/> Simple Table
/> <div class="card-header-actions">
<a
href="https://coreui.io/vue/docs/components/nav"
class="card-header-action"
rel="noreferrer noopener"
target="_blank"
>
<small class="text-muted">docs</small>
</a>
</div>
</template>
</CTableWrapper>
</CCol> </CCol>
<CCol lg="6"> <CCol lg="6">
@@ -60,7 +71,7 @@
small small
fixed fixed
dark dark
caption="Combined All Table" caption="Combined All dark Table"
/> />
</CCol> </CCol>
</CRow> </CRow>
+4 -4
View File
@@ -36,7 +36,9 @@ export default {
data: this.dataPoints, data: this.dataPoints,
backgroundColor: getColor(this.backgroundColor), backgroundColor: getColor(this.backgroundColor),
pointHoverBackgroundColor: getColor(this.pointHoverBackgroundColor), pointHoverBackgroundColor: getColor(this.pointHoverBackgroundColor),
label: this.label label: this.label,
barPercentage: 0.5,
categoryPercentage: 1
} }
] ]
}, },
@@ -48,9 +50,7 @@ export default {
}, },
scales: { scales: {
xAxes: [{ xAxes: [{
display: false, display: false
categoryPercentage: 1,
barPercentage: 0.5
}], }],
yAxes: [{ yAxes: [{
display: false display: false
-1
View File
@@ -43,7 +43,6 @@ export default {
freeSet, freeSet,
methods: { methods: {
toKebabCase (str) { toKebabCase (str) {
console.log(this.$options.freeSet, this.$options.freeSet.handPointDown)
return str.replace(/([a-z])([A-Z0-9])/g, '$1-$2').toLowerCase() return str.replace(/([a-z])([A-Z0-9])/g, '$1-$2').toLowerCase()
} }
} }
+14 -18
View File
@@ -2,29 +2,25 @@
<div> <div>
<CRow> <CRow>
<CCol sm="6" lg="3"> <CCol sm="6" lg="3">
<CWidgetProgress <CWidgetProgress footer="Lorem ipsum dolor sit amet enim.">
header="89.9%" <div class="h4 m-0">89.9%</div>
text="Lorem ipsum..." <div class="card-header-actions">
footer="Lorem ipsum dolor sit amet enim." <a
> href="https://coreui.io/vue/docs/components/widgets"
class="card-header-action position-absolute"
style="right:5px; top:5px"
rel="noreferrer noopener"
target="_blank"
>
<small class="text-muted">docs</small>
</a>
</div>
<div>Lorem ipsum...</div>
<CProgress <CProgress
color="success" color="success"
:value="25" :value="25"
class="progress-xs my-3 mb-0" class="progress-xs my-3 mb-0"
/> />
<template #header>
<div class="card-header-actions">
<a
href="https://coreui.io/vue/docs/components/button-components"
class="card-header-action position-absolute"
style="right:10px; top:10px"
rel="noreferrer noopener"
target="_blank"
>
<small class="text-muted">docs</small>
</a>
</div>
</template>
</CWidgetProgress> </CWidgetProgress>
</CCol> </CCol>
<CCol sm="6" lg="3"> <CCol sm="6" lg="3">
@@ -26,7 +26,6 @@ exports[`TheHeader.vue renders correctly 1`] = `
height="46" height="46"
src="img/brand/coreui-base.svg" src="img/brand/coreui-base.svg"
width="97" width="97"
wrappedinlink="[object Object]"
/> />
<cheadernav-stub <cheadernav-stub
@@ -34,7 +33,6 @@ exports[`TheHeader.vue renders correctly 1`] = `
> >
<cheadernavitem-stub <cheadernavitem-stub
class="px-3" class="px-3"
to="/dashboard"
> >
<cheadernavlink-stub <cheadernavlink-stub
activeclass="active" activeclass="active"
@@ -42,6 +40,7 @@ exports[`TheHeader.vue renders correctly 1`] = `
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
to="/dashboard"
> >
Dashboard Dashboard
@@ -51,15 +50,15 @@ exports[`TheHeader.vue renders correctly 1`] = `
<cheadernavitem-stub <cheadernavitem-stub
class="px-3" class="px-3"
exact=""
to="/users"
> >
<cheadernavlink-stub <cheadernavlink-stub
activeclass="active" activeclass="active"
event="click" event="click"
exact="true"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
to="/users"
> >
Users Users
@@ -27,7 +27,7 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
> >
<a <a
class="card-header-action" class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Breadcrumb" href="https://coreui.io/vue/docs/components/breadcrumb"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
> >
@@ -22,7 +22,7 @@ exports[`Cards.vue renders correctly 1`] = `
> >
<a <a
class="card-header-action" class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/CardComponents" href="https://coreui.io/vue/docs/components/card-components"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
> >
@@ -28,7 +28,7 @@ exports[`Carousels.vue renders correctly 1`] = `
> >
<a <a
class="card-header-action" class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Carousel" href="https://coreui.io/vue/docs/components/carousel"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
> >
@@ -28,7 +28,7 @@ exports[`Collapses.vue renders correctly 1`] = `
> >
<a <a
class="card-header-action" class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Collapse" href="https://coreui.io/vue/docs/components/collapse"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
> >
@@ -23,7 +23,7 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
> >
<a <a
class="card-header-action" class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Jumbotron" href="https://coreui.io/vue/docs/components/jumbotron"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
> >
@@ -24,7 +24,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
> >
<a <a
class="card-header-action" class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/ListGroup" href="https://coreui.io/vue/docs/components/list-group"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
> >
@@ -17,7 +17,7 @@ exports[`Navbars.vue renders correctly 1`] = `
> >
<a <a
class="card-header-action" class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Navbar" href="https://coreui.io/vue/docs/components/navbar"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
> >
@@ -16,7 +16,7 @@ exports[`Navs.vue renders correctly 1`] = `
> >
<a <a
class="card-header-action" class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Nav" href="https://coreui.io/vue/docs/components/nav"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
> >
@@ -17,7 +17,7 @@ exports[`Paginations.vue renders correctly 1`] = `
> >
<a <a
class="card-header-action" class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Pagination" href="https://coreui.io/vue/docs/components/pagination"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
> >
@@ -17,7 +17,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
> >
<a <a
class="card-header-action" class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Progress" href="https://coreui.io/vue/docs/components/progress"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
> >
@@ -33,7 +33,7 @@ exports[`Switches.vue renders correctly 1`] = `
> >
<a <a
class="card-header-action" class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Switch" href="https://coreui.io/vue/docs/components/switch"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
> >
@@ -4,7 +4,7 @@ exports[`Table.vue renders correctly 1`] = `
<ccard-stub> <ccard-stub>
<ccardheader-stub> <ccardheader-stub>
<cicon-stub <cicon-stub
name="cil-justify-center" name="cil-grid"
/> />
Table Table
@@ -10,7 +10,7 @@ exports[`Tables.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<ctablewrapper-stub <ctablewrapper-stub
caption="Simple Table" caption="Table"
fields="username,registered,role,status" fields="username,registered,role,status"
items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]" items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
/> />
@@ -87,7 +87,7 @@ exports[`Tables.vue renders correctly 1`] = `
> >
<ctablewrapper-stub <ctablewrapper-stub
bordered="true" bordered="true"
caption="Combined All Table" caption="Combined All dark Table"
dark="true" dark="true"
fields="username,registered,role,status" fields="username,registered,role,status"
fixed="true" fixed="true"
@@ -20,7 +20,7 @@ exports[`Tabs.vue renders correctly 1`] = `
> >
<a <a
class="card-header-action" class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Tabs" href="https://coreui.io/vue/docs/components/tabs"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
> >
@@ -24,7 +24,7 @@ exports[`Tooltips.vue renders correctly 1`] = `
> >
<a <a
class="card-header-action" class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Tooltip" href="https://coreui.io/vue/docs/directives/tooltip"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
> >
@@ -22,7 +22,7 @@ exports[`BrandButtons.vue renders correctly 1`] = `
> >
<a <a
class="card-header-action" class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/ButtonComponents" href="https://coreui.io/vue/docs/components/button-components"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
> >
@@ -29,7 +29,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
> >
<a <a
class="card-header-action" class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Dropdown" href="https://coreui.io/vue/docs/components/dropdown"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
> >
@@ -23,7 +23,7 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
> >
<a <a
class="card-header-action" class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/ButtonComponents" href="https://coreui.io/vue/docs/components/button-components"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
> >
@@ -13,7 +13,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
> >
<a <a
class="card-header-action" class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/ButtonComponents" href="https://coreui.io/vue/docs/components/button-components"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
> >
@@ -16,7 +16,7 @@ exports[`Charts.vue renders correctly 1`] = `
> >
<a <a
class="card-header-action" class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Charts" href="https://coreui.io/vue/docs/components/charts"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
> >
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
@@ -24,7 +24,7 @@ exports[`Alerts.vue renders correctly 1`] = `
> >
<a <a
class="card-header-action" class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Alert" href="https://coreui.io/vue/docs/components/alert"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
> >
@@ -28,7 +28,7 @@ exports[`Badges.vue renders correctly 1`] = `
> >
<a <a
class="card-header-action" class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Badge" href="https://coreui.io/vue/docs/components/badge"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
> >
@@ -24,7 +24,7 @@ exports[`Modals.vue renders correctly 1`] = `
> >
<a <a
class="card-header-action" class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Modal" href="https://coreui.io/vue/docs/components/modal"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
> >
@@ -12,10 +12,36 @@ exports[`Widgets.vue renders correctly 1`] = `
> >
<cwidgetprogress-stub <cwidgetprogress-stub
footer="Lorem ipsum dolor sit amet enim." footer="Lorem ipsum dolor sit amet enim."
header="89.9%"
text="Lorem ipsum..."
value="25" value="25"
> >
<div
class="h4 m-0"
>
89.9%
</div>
<div
class="card-header-actions"
>
<a
class="card-header-action position-absolute"
href="https://coreui.io/vue/docs/components/widgets"
rel="noreferrer noopener"
style="right: 5px; top: 5px;"
target="_blank"
>
<small
class="text-muted"
>
docs
</small>
</a>
</div>
<div>
Lorem ipsum...
</div>
<cprogress-stub <cprogress-stub
class="progress-xs my-3 mb-0" class="progress-xs my-3 mb-0"
color="success" color="success"