refactor: minor refactors, update snapshots
This commit is contained in:
woothu
@@ -52,6 +52,7 @@ import {
|
||||
cilEnvelopeOpen,
|
||||
cilEuro,
|
||||
cilGlobeAlt,
|
||||
cilGrid,
|
||||
cilFile,
|
||||
cilJustifyCenter,
|
||||
cilLaptop,
|
||||
@@ -101,6 +102,7 @@ export const iconsSet = Object.assign(
|
||||
cilEnvelopeOpen,
|
||||
cilEuro,
|
||||
cilGlobeAlt,
|
||||
cilGrid,
|
||||
cilFile,
|
||||
cilJustifyCenter,
|
||||
cilLaptop,
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
// If you want to add something do it here
|
||||
@import "custom";
|
||||
|
||||
.card-header .c-icon:first-child {
|
||||
.card-header > .c-icon:first-child {
|
||||
margin-right: 0.1rem;
|
||||
margin-top: 0.1rem;
|
||||
vertical-align: top;
|
||||
|
||||
@@ -1,7 +1,9 @@
|
||||
<template>
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<CIcon name="cil-justify-center"/> {{caption}}
|
||||
<slot name="header">
|
||||
<CIcon name="cil-grid"/> {{caption}}
|
||||
</slot>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<CDataTable
|
||||
|
||||
@@ -2,10 +2,21 @@
|
||||
<div>
|
||||
<CRow>
|
||||
<CCol lg="6">
|
||||
<CTableWrapper
|
||||
:items="getShuffledUsersData()"
|
||||
caption="Simple Table"
|
||||
/>
|
||||
<CTableWrapper :items="getShuffledUsersData()">
|
||||
<template #header>
|
||||
<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 lg="6">
|
||||
@@ -60,7 +71,7 @@
|
||||
small
|
||||
fixed
|
||||
dark
|
||||
caption="Combined All Table"
|
||||
caption="Combined All dark Table"
|
||||
/>
|
||||
</CCol>
|
||||
</CRow>
|
||||
|
||||
@@ -36,7 +36,9 @@ export default {
|
||||
data: this.dataPoints,
|
||||
backgroundColor: getColor(this.backgroundColor),
|
||||
pointHoverBackgroundColor: getColor(this.pointHoverBackgroundColor),
|
||||
label: this.label
|
||||
label: this.label,
|
||||
barPercentage: 0.5,
|
||||
categoryPercentage: 1
|
||||
}
|
||||
]
|
||||
},
|
||||
@@ -48,9 +50,7 @@ export default {
|
||||
},
|
||||
scales: {
|
||||
xAxes: [{
|
||||
display: false,
|
||||
categoryPercentage: 1,
|
||||
barPercentage: 0.5
|
||||
display: false
|
||||
}],
|
||||
yAxes: [{
|
||||
display: false
|
||||
|
||||
@@ -43,7 +43,6 @@ export default {
|
||||
freeSet,
|
||||
methods: {
|
||||
toKebabCase (str) {
|
||||
console.log(this.$options.freeSet, this.$options.freeSet.handPointDown)
|
||||
return str.replace(/([a-z])([A-Z0-9])/g, '$1-$2').toLowerCase()
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,29 +2,25 @@
|
||||
<div>
|
||||
<CRow>
|
||||
<CCol sm="6" lg="3">
|
||||
<CWidgetProgress
|
||||
header="89.9%"
|
||||
text="Lorem ipsum..."
|
||||
footer="Lorem ipsum dolor sit amet enim."
|
||||
>
|
||||
<CWidgetProgress footer="Lorem ipsum dolor sit amet enim.">
|
||||
<div class="h4 m-0">89.9%</div>
|
||||
<div class="card-header-actions">
|
||||
<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
|
||||
color="success"
|
||||
:value="25"
|
||||
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>
|
||||
</CCol>
|
||||
<CCol sm="6" lg="3">
|
||||
|
||||
@@ -26,7 +26,6 @@ exports[`TheHeader.vue renders correctly 1`] = `
|
||||
height="46"
|
||||
src="img/brand/coreui-base.svg"
|
||||
width="97"
|
||||
wrappedinlink="[object Object]"
|
||||
/>
|
||||
|
||||
<cheadernav-stub
|
||||
@@ -34,7 +33,6 @@ exports[`TheHeader.vue renders correctly 1`] = `
|
||||
>
|
||||
<cheadernavitem-stub
|
||||
class="px-3"
|
||||
to="/dashboard"
|
||||
>
|
||||
<cheadernavlink-stub
|
||||
activeclass="active"
|
||||
@@ -42,6 +40,7 @@ exports[`TheHeader.vue renders correctly 1`] = `
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
to="/dashboard"
|
||||
>
|
||||
|
||||
Dashboard
|
||||
@@ -51,15 +50,15 @@ exports[`TheHeader.vue renders correctly 1`] = `
|
||||
|
||||
<cheadernavitem-stub
|
||||
class="px-3"
|
||||
exact=""
|
||||
to="/users"
|
||||
>
|
||||
<cheadernavlink-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exact="true"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
to="/users"
|
||||
>
|
||||
|
||||
Users
|
||||
|
||||
@@ -27,7 +27,7 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -22,7 +22,7 @@ exports[`Cards.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -28,7 +28,7 @@ exports[`Carousels.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -28,7 +28,7 @@ exports[`Collapses.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -23,7 +23,7 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -24,7 +24,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -17,7 +17,7 @@ exports[`Navbars.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -16,7 +16,7 @@ exports[`Navs.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -17,7 +17,7 @@ exports[`Paginations.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -17,7 +17,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -33,7 +33,7 @@ exports[`Switches.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -4,10 +4,10 @@ exports[`Table.vue renders correctly 1`] = `
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
name="cil-grid"
|
||||
/>
|
||||
Table
|
||||
|
||||
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
|
||||
@@ -10,7 +10,7 @@ exports[`Tables.vue renders correctly 1`] = `
|
||||
tag="div"
|
||||
>
|
||||
<ctablewrapper-stub
|
||||
caption="Simple Table"
|
||||
caption="Table"
|
||||
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]"
|
||||
/>
|
||||
@@ -87,7 +87,7 @@ exports[`Tables.vue renders correctly 1`] = `
|
||||
>
|
||||
<ctablewrapper-stub
|
||||
bordered="true"
|
||||
caption="Combined All Table"
|
||||
caption="Combined All dark Table"
|
||||
dark="true"
|
||||
fields="username,registered,role,status"
|
||||
fixed="true"
|
||||
|
||||
@@ -20,7 +20,7 @@ exports[`Tabs.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -24,7 +24,7 @@ exports[`Tooltips.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -22,7 +22,7 @@ exports[`BrandButtons.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -29,7 +29,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -23,7 +23,7 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -13,7 +13,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -16,7 +16,7 @@ exports[`Charts.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
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
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -28,7 +28,7 @@ exports[`Badges.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -24,7 +24,7 @@ exports[`Modals.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -12,10 +12,36 @@ exports[`Widgets.vue renders correctly 1`] = `
|
||||
>
|
||||
<cwidgetprogress-stub
|
||||
footer="Lorem ipsum dolor sit amet enim."
|
||||
header="89.9%"
|
||||
text="Lorem ipsum..."
|
||||
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
|
||||
class="progress-xs my-3 mb-0"
|
||||
color="success"
|
||||
|
||||
Reference in New Issue
Block a user