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

refacor: update dashboard to coreui-vue changes

Browse Source
This commit is contained in:
woothu
2019-11-08 12:50:42 +01:00
parent cb5f6ec3a2
commit 1c7b133ae5
42 changed files with 549 additions and 4034 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/unit/containers/__snapshots__/TheHeader.spec.js.snap
+72 -12
View File
@@ -42,7 +42,18 @@ exports[`TheHeader.vue renders correctly 1`] = `
target="_self"
to="/dashboard"
>
Dashboard
<cheadernavlink-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
>
Dashboard
</cheadernavlink-stub>
</cheadernavitem-stub>
<cheadernavitem-stub
@@ -56,7 +67,18 @@ exports[`TheHeader.vue renders correctly 1`] = `
target="_self"
to="/users"
>
Users
<cheadernavlink-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
>
Users
</cheadernavlink-stub>
</cheadernavitem-stub>
<cheadernavitem-stub
@@ -68,7 +90,18 @@ exports[`TheHeader.vue renders correctly 1`] = `
tag="span"
target="_self"
>
Settings
<cheadernavlink-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
>
Settings
</cheadernavlink-stub>
</cheadernavitem-stub>
</cheadernav-stub>
@@ -84,9 +117,18 @@ exports[`TheHeader.vue renders correctly 1`] = `
tag="span"
target="_self"
>
<i
class="cui-bell"
/>
<cheadernavlink-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
>
<i
class="cui-bell"
/>
</cheadernavlink-stub>
</cheadernavitem-stub>
<cheadernavitem-stub
@@ -98,9 +140,18 @@ exports[`TheHeader.vue renders correctly 1`] = `
tag="span"
target="_self"
>
<i
class="cui-list"
/>
<cheadernavlink-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
>
<i
class="cui-list"
/>
</cheadernavlink-stub>
</cheadernavitem-stub>
<cheadernavitem-stub
@@ -112,9 +163,18 @@ exports[`TheHeader.vue renders correctly 1`] = `
tag="span"
target="_self"
>
<i
class="cui-envelope-open"
/>
<cheadernavlink-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
>
<i
class="cui-envelope-open"
/>
</cheadernavlink-stub>
</cheadernavitem-stub>
<theheaderdropdownaccnt-stub />
tests/unit/containers/__snapshots__/TheHeaderDropdownAccnt.spec.js.snap
+1 -2
View File
@@ -6,8 +6,7 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
caret="true"
class="c-header-nav-items"
flip="true"
nav=""
no-caret=""
innav="true"
placement="bottom-end"
togglertext="Dropdown"
>
tests/unit/views/__snapshots__/Dashboard.spec.js.snap
+3 -3
View File
@@ -569,8 +569,8 @@ exports[`Dashboard.vue renders correctly 1`] = `
color="info"
event="click"
exactactiveclass="active"
pill="true"
routertag="a"
shape="pill"
tag="span"
target="_self"
>
@@ -587,8 +587,8 @@ exports[`Dashboard.vue renders correctly 1`] = `
color="danger"
event="click"
exactactiveclass="active"
pill="true"
routertag="a"
shape="pill"
tag="span"
target="_self"
>
@@ -936,7 +936,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
<br />
<ctable-stub
<cdatatable-stub
class="mb-0 table-outline"
defaultsorter="[object Object]"
fields="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
tests/unit/views/base/__snapshots__/Cards.spec.js.snap
+2 -1
View File
@@ -175,7 +175,8 @@ exports[`Cards.vue renders correctly 1`] = `
Card with label
<span
class="badge float-right badge-danger badge-pill"
class="badge float-right badge-danger"
shape="pill"
>
42
</span>
tests/unit/views/base/__snapshots__/Carousels.spec.js.snap
+3 -4
View File
@@ -68,7 +68,7 @@ exports[`Carousels.vue renders correctly 1`] = `
>
<img
class="d-block w-100 h-100 img-fluid"
src="https://lorempixel.com/1024/480/technics/2/"
src="https://picsum.photos/1024/480/?image=52"
/>
<div
class="carousel-caption"
@@ -86,9 +86,8 @@ exports[`Carousels.vue renders correctly 1`] = `
class="carousel-item"
>
<svg
blankColor="grey"
class="d-block w-100 h-100 img-fluid"
style="background-color: transparent;"
style="background-color: grey;"
/>
<div
class="carousel-caption"
@@ -107,7 +106,7 @@ exports[`Carousels.vue renders correctly 1`] = `
>
<img
class="d-block w-100 h-100 img-fluid"
src="https://lorempixel.com/1024/480/technics/8/"
src="https://picsum.photos/1024/480/?image=54"
/>
<!---->
</div>
tests/unit/views/base/__snapshots__/Jumbotrons.spec.js.snap
+1 -1
View File
@@ -49,7 +49,7 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
<p
class="lead"
>
Bootstrap 4 Components for Vue.js 2
Bootstrap 4 Components for Vue.js 2.6+
</p>
<p>
tests/unit/views/base/__snapshots__/ListGroups.spec.js.snap
+3 -3
View File
@@ -462,8 +462,8 @@ exports[`ListGroups.vue renders correctly 1`] = `
color="primary"
event="click"
exactactiveclass="active"
pill="true"
routertag="a"
shape="pill"
tag="span"
target="_self"
>
@@ -488,8 +488,8 @@ exports[`ListGroups.vue renders correctly 1`] = `
color="primary"
event="click"
exactactiveclass="active"
pill="true"
routertag="a"
shape="pill"
tag="span"
target="_self"
>
@@ -514,8 +514,8 @@ exports[`ListGroups.vue renders correctly 1`] = `
color="primary"
event="click"
exactactiveclass="active"
pill="true"
routertag="a"
shape="pill"
tag="span"
target="_self"
>
tests/unit/views/base/__snapshots__/Navs.spec.js.snap
+6 -6
View File
@@ -168,7 +168,7 @@ exports[`Navs.vue renders correctly 1`] = `
<ccardbody-stub>
<cnav-stub
tabs="true"
variant="tabs"
>
<cnavitem-stub
active="true"
@@ -242,7 +242,7 @@ exports[`Navs.vue renders correctly 1`] = `
<ccardbody-stub>
<cnav-stub
pills="true"
variant="pills"
>
<cnavitem-stub
active="true"
@@ -311,7 +311,7 @@ exports[`Navs.vue renders correctly 1`] = `
<ccardbody-stub>
<cnav-stub
fill="true"
tabs="true"
variant="tabs"
>
<cnavitem-stub
active="true"
@@ -380,7 +380,7 @@ exports[`Navs.vue renders correctly 1`] = `
<ccardbody-stub>
<cnav-stub
justified="true"
tabs="true"
variant="tabs"
>
<cnavitem-stub
active="true"
@@ -448,7 +448,7 @@ exports[`Navs.vue renders correctly 1`] = `
<ccardbody-stub>
<cnav-stub
pills="true"
pills=""
>
<cnavitem-stub
active="true"
@@ -545,7 +545,7 @@ exports[`Navs.vue renders correctly 1`] = `
tag="div"
>
<cnav-stub
pills="true"
pills=""
vertical="true"
>
<cnavitem-stub
tests/unit/views/base/__snapshots__/Paginations.spec.js.snap
-4
View File
@@ -48,7 +48,6 @@ exports[`Paginations.vue renders correctly 1`] = `
pages="10"
previousbuttonhtml="&lsaquo;"
responsive=""
size="md"
/>
<br />
@@ -136,7 +135,6 @@ exports[`Paginations.vue renders correctly 1`] = `
nextbuttonhtml="&rsaquo;"
pages="10"
previousbuttonhtml="&lsaquo;"
size="md"
/>
<br />
@@ -157,7 +155,6 @@ exports[`Paginations.vue renders correctly 1`] = `
nextbuttonhtml="&rsaquo;"
pages="10"
previousbuttonhtml="&lsaquo;"
size="md"
/>
<br />
@@ -178,7 +175,6 @@ exports[`Paginations.vue renders correctly 1`] = `
nextbuttonhtml="&rsaquo;"
pages="10"
previousbuttonhtml="&lsaquo;"
size="md"
/>
<br />
tests/unit/views/base/__snapshots__/Switches.spec.js.snap
+1 -1
View File
@@ -2568,7 +2568,7 @@ exports[`Switches.vue renders correctly 1`] = `
<ccardbody-stub
class="p-0"
>
<ctable-stub
<cdatatable-stub
class="table-align-middle mb-0"
defaultsorter="[object Object]"
fields="[object Object],[object Object],[object Object]"
tests/unit/views/base/__snapshots__/Table.spec.js.snap
+1 -1
View File
@@ -5,7 +5,7 @@ exports[`Table.vue renders correctly 1`] = `
bodywrapper="true"
header="Table"
>
<ctable-stub
<cdatatable-stub
defaultsorter="[object Object]"
fields="username,registered,role,status"
itemsperpage="5"
tests/unit/views/base/__snapshots__/Tabs.spec.js.snap
-363
View File
@@ -1,363 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Tabs.vue renders correctly 1`] = `
<div>
<crow-stub
gutters="true"
>
<ccol-stub
lg="6"
tag="div"
xs="12"
>
<ccard-stub>
<ccardheader-stub>
Tabs
<div
class="card-header-actions"
>
<a
class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Tabs"
rel="noreferrer noopener"
target="_blank"
>
<small
class="text-muted"
>
docs
</small>
</a>
</div>
</ccardheader-stub>
<ccardbody-stub>
<ctabs-stub
fade="true"
tabs="true"
>
<ctab-stub
active="true"
titlehtml="Home"
>
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
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</ctab-stub>
<ctab-stub
titlehtml="Profile"
>
2. 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
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</ctab-stub>
<ctab-stub
disabled="true"
titlehtml="Disabled"
>
3. 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
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</ctab-stub>
</ctabs-stub>
</ccardbody-stub>
</ccard-stub>
</ccol-stub>
<ccol-stub
lg="6"
tag="div"
xs="12"
>
<ccard-stub>
<ccardheader-stub>
Tabs
</ccardheader-stub>
<ccardbody-stub>
<ctabs-stub
fade="true"
pills="true"
tabs="true"
>
<ctab-stub
active="true"
titlehtml="Home"
>
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
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</ctab-stub>
<ctab-stub
titlehtml="Profile"
>
2. 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
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</ctab-stub>
<ctab-stub
disabled="true"
titlehtml="Disabled"
>
3. 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
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</ctab-stub>
</ctabs-stub>
</ccardbody-stub>
</ccard-stub>
</ccol-stub>
<ccol-stub
lg="6"
tag="div"
xs="12"
>
<ccard-stub>
<ccardheader-stub>
Tabs with icons
</ccardheader-stub>
<ccardbody-stub>
<ctabs-stub
fade="true"
tabs="true"
>
<ctab-stub
active="true"
>
<template>
<i
class="cui-calculator"
/>
</template>
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
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</ctab-stub>
<ctab-stub>
<template>
<i
class="cui-basket-loaded"
/>
</template>
2. 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
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</ctab-stub>
<ctab-stub>
<template>
<i
class="cui-pie-chart"
/>
</template>
3. 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
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</ctab-stub>
</ctabs-stub>
</ccardbody-stub>
</ccard-stub>
</ccol-stub>
<ccol-stub
lg="6"
tag="div"
xs="12"
>
<ccard-stub>
<ccardheader-stub>
Tabs with icons
</ccardheader-stub>
<ccardbody-stub>
<ctabs-stub
addtabclasses="mt-1"
fade="true"
tabs="true"
>
<ctab-stub
active="true"
>
<template>
<i
class="cui-calculator"
/>
Calculator
</template>
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
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</ctab-stub>
<ctab-stub>
<template>
<i
class="cui-basket-loaded"
/>
Shopping cart
</template>
2. 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
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</ctab-stub>
<ctab-stub>
<template>
<i
class="cui-pie-chart"
/>
Charts
</template>
3. 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
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</ctab-stub>
</ctabs-stub>
</ccardbody-stub>
</ccard-stub>
</ccol-stub>
<ccol-stub
lg="6"
tag="div"
xs="12"
>
<ccard-stub>
<ccardheader-stub>
Tabs vertical
</ccardheader-stub>
<ccardbody-stub>
<ctabs-stub
fade="true"
pills="true"
tabs="true"
vertical="true"
>
<ctab-stub
active="true"
>
<template>
<i
class="cui-calculator"
/>
Calculator
</template>
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
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</ctab-stub>
<ctab-stub>
<template>
<i
class="cui-basket-loaded"
/>
Shopping cart
</template>
2. 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
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</ctab-stub>
<ctab-stub>
<template>
<i
class="cui-pie-chart"
/>
Charts
</template>
3. 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
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</ctab-stub>
</ctabs-stub>
</ccardbody-stub>
</ccard-stub>
</ccol-stub>
</crow-stub>
</div>
`;
tests/unit/views/buttons/__snapshots__/StandardButtons.spec.js.snap
+101 -101
View File
File diff suppressed because it is too large Load Diff
tests/unit/views/icons/__snapshots__/CoreUIIcons.spec.js.snap
-1650
View File
File diff suppressed because it is too large Load Diff
tests/unit/views/notifications/__snapshots__/Alerts.spec.js.snap
+20 -11
View File
@@ -43,6 +43,7 @@ exports[`Alerts.vue renders correctly 1`] = `
<calert-stub
color="primary"
fade="true"
show="true"
>
Primary Alert
@@ -50,6 +51,7 @@ exports[`Alerts.vue renders correctly 1`] = `
<calert-stub
color="secondary"
fade="true"
show="true"
>
Secondary Alert
@@ -57,6 +59,7 @@ exports[`Alerts.vue renders correctly 1`] = `
<calert-stub
color="success"
fade="true"
show="true"
>
Success Alert
@@ -64,6 +67,7 @@ exports[`Alerts.vue renders correctly 1`] = `
<calert-stub
color="danger"
fade="true"
show="true"
>
Danger Alert
@@ -71,6 +75,7 @@ exports[`Alerts.vue renders correctly 1`] = `
<calert-stub
color="warning"
fade="true"
show="true"
>
Warning Alert
@@ -78,6 +83,7 @@ exports[`Alerts.vue renders correctly 1`] = `
<calert-stub
color="info"
fade="true"
show="true"
>
Info Alert
@@ -85,6 +91,7 @@ exports[`Alerts.vue renders correctly 1`] = `
<calert-stub
color="light"
fade="true"
show="true"
>
Light Alert
@@ -92,6 +99,7 @@ exports[`Alerts.vue renders correctly 1`] = `
<calert-stub
color="dark"
fade="true"
show="true"
>
Dark Alert
@@ -126,6 +134,7 @@ exports[`Alerts.vue renders correctly 1`] = `
<div>
<calert-stub
color="primary"
fade="true"
show="true"
>
@@ -142,6 +151,7 @@ exports[`Alerts.vue renders correctly 1`] = `
<calert-stub
color="secondary"
fade="true"
show="true"
>
@@ -158,6 +168,7 @@ exports[`Alerts.vue renders correctly 1`] = `
<calert-stub
color="success"
fade="true"
show="true"
>
@@ -174,6 +185,7 @@ exports[`Alerts.vue renders correctly 1`] = `
<calert-stub
color="danger"
fade="true"
show="true"
>
@@ -190,6 +202,7 @@ exports[`Alerts.vue renders correctly 1`] = `
<calert-stub
color="warning"
fade="true"
show="true"
>
@@ -206,6 +219,7 @@ exports[`Alerts.vue renders correctly 1`] = `
<calert-stub
color="info"
fade="true"
show="true"
>
@@ -222,6 +236,7 @@ exports[`Alerts.vue renders correctly 1`] = `
<calert-stub
color="light"
fade="true"
show="true"
>
@@ -238,6 +253,7 @@ exports[`Alerts.vue renders correctly 1`] = `
<calert-stub
color="dark"
fade="true"
show="true"
>
@@ -283,6 +299,7 @@ exports[`Alerts.vue renders correctly 1`] = `
<ccardbody-stub>
<calert-stub
color="success"
fade="true"
show="true"
>
<h4
@@ -334,6 +351,7 @@ exports[`Alerts.vue renders correctly 1`] = `
<calert-stub
closebutton="true"
color="secondary"
fade="true"
show="true"
>
@@ -341,20 +359,10 @@ exports[`Alerts.vue renders correctly 1`] = `
</calert-stub>
<calert-stub
closebutton="true"
color="secondary"
fade="true"
show="true"
>
Dismissible Alert with fade effect!
</calert-stub>
<calert-stub
class="alert-dismissible"
color="secondary"
fade="true"
show="true"
>
@@ -426,6 +434,7 @@ exports[`Alerts.vue renders correctly 1`] = `
<calert-stub
closebutton="true"
color="info"
fade="true"
show="10"
>
tests/unit/views/notifications/__snapshots__/Badges.spec.js.snap
+17 -9
View File
@@ -197,7 +197,7 @@ exports[`Badges.vue renders correctly 1`] = `
Badge
<small>
pills
shape="pill"
</small>
</header>
@@ -205,49 +205,57 @@ exports[`Badges.vue renders correctly 1`] = `
class="card-body"
>
<span
class="badge badge-primary badge-pill"
class="badge badge-primary"
shape="pill"
>
Primary
</span>
<span
class="badge badge-secondary badge-pill"
class="badge badge-secondary"
shape="pill"
>
Secondary
</span>
<span
class="badge badge-success badge-pill"
class="badge badge-success"
shape="pill"
>
Success
</span>
<span
class="badge badge-danger badge-pill"
class="badge badge-danger"
shape="pill"
>
Danger
</span>
<span
class="badge badge-warning badge-pill"
class="badge badge-warning"
shape="pill"
>
Warning
</span>
<span
class="badge badge-info badge-pill"
class="badge badge-info"
shape="pill"
>
Info
</span>
<span
class="badge badge-light badge-pill"
class="badge badge-light"
shape="pill"
>
Light
</span>
<span
class="badge badge-dark badge-pill"
class="badge badge-dark"
shape="pill"
>
Dark
</span>
tests/unit/views/notifications/__snapshots__/Modals.spec.js.snap
+1
View File
@@ -233,6 +233,7 @@ exports[`Modals.vue renders correctly 1`] = `
<cmodal-stub
backdrop="true"
closeonbackdrop="true"
color="primary"
fade="true"
title="Modal title"
>
tests/unit/views/users/__snapshots__/User.spec.js.snap
+1 -1
View File
@@ -17,7 +17,7 @@ exports[`User.vue renders correctly 1`] = `
</ccardheader-stub>
<ccardbody-stub>
<ctable-stub
<cdatatable-stub
defaultsorter="[object Object]"
fields="[object Object],[object Object]"
fixed="true"
tests/unit/views/users/__snapshots__/Users.spec.js.snap
+2 -2
View File
@@ -14,12 +14,12 @@ exports[`Users.vue renders correctly 1`] = `
headerhtml="Users"
name="slide"
>
<ctable-stub
<cdatatable-stub
clickablerows="true"
defaultsorter="[object Object]"
fields="[object Object],[object Object],[object Object],[object Object]"
hover="true"
indexcolumn="true"
index-column=""
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]"
itemsperpage="5"
pagination="[object Object]"
tests/unit/views/widgets/__snapshots__/Widgets.spec.js.snap
-991
View File
@@ -1,991 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Widgets.vue renders correctly 1`] = `
<div>
<crow-stub
gutters="true"
>
<ccol-stub
lg="3"
sm="6"
tag="div"
>
<cwidgetprogress-stub
footer="Lorem ipsum dolor sit amet enim."
header="89.9%"
text="Lorem ipsum..."
value="25"
>
<cprogress-stub
class="progress-xs my-3 mb-0"
color="success"
max="100"
precision="0"
value="25"
/>
</cwidgetprogress-stub>
</ccol-stub>
<ccol-stub
lg="3"
sm="6"
tag="div"
>
<cwidgetprogress-stub
color="info"
footer="Lorem ipsum dolor sit amet enim."
header="12.124"
text="Lorem ipsum..."
value="25"
/>
</ccol-stub>
<ccol-stub
lg="3"
sm="6"
tag="div"
>
<cwidgetprogress-stub
color="warning"
footer="Lorem ipsum dolor sit amet enim."
header="$98.111,00"
text="Lorem ipsum..."
value="25"
/>
</ccol-stub>
<ccol-stub
lg="3"
sm="6"
tag="div"
>
<cwidgetprogress-stub
color="danger"
footer="Lorem ipsum dolor sit amet enim."
header="2 TB"
text="Lorem ipsum..."
value="25"
/>
</ccol-stub>
</crow-stub>
<crow-stub
gutters="true"
>
<ccol-stub
lg="3"
sm="6"
tag="div"
>
<cwidgetprogress-stub
color="success"
footer="Lorem ipsum dolor sit amet enim."
header="89.9%"
inverse="true"
text="Lorem ipsum..."
value="25"
/>
</ccol-stub>
<ccol-stub
lg="3"
sm="6"
tag="div"
>
<cwidgetprogress-stub
color="info"
footer="Lorem ipsum dolor sit amet enim."
header="12.124"
inverse="true"
text="Lorem ipsum..."
value="25"
/>
</ccol-stub>
<ccol-stub
lg="3"
sm="6"
tag="div"
>
<cwidgetprogress-stub
color="warning"
footer="Lorem ipsum dolor sit amet enim."
header="$98.111,00"
inverse="true"
text="Lorem ipsum..."
value="25"
/>
</ccol-stub>
<ccol-stub
lg="3"
sm="6"
tag="div"
>
<cwidgetprogress-stub
color="danger"
footer="Lorem ipsum dolor sit amet enim."
header="2 TB"
inverse="true"
text="Lorem ipsum..."
value="25"
/>
</ccol-stub>
</crow-stub>
<crow-stub
gutters="true"
>
<ccol-stub
col="12"
lg="3"
sm="6"
tag="div"
>
<cwidgeticon-stub
color="primary"
header="$1.999,50"
iconpadding="true"
text="Income"
>
<cicon-stub
fonticontag="i"
name="settings"
width="24"
/>
</cwidgeticon-stub>
</ccol-stub>
<ccol-stub
col="12"
lg="3"
sm="6"
tag="div"
>
<cwidgeticon-stub
color="info"
header="$1.999,50"
iconpadding="true"
text="Income"
>
<cicon-stub
fonticontag="i"
name="laptop"
width="24"
/>
</cwidgeticon-stub>
</ccol-stub>
<ccol-stub
col="12"
lg="3"
sm="6"
tag="div"
>
<cwidgeticon-stub
color="warning"
header="$1.999,50"
iconpadding="true"
text="Income"
>
<cicon-stub
fonticontag="i"
name="moon"
width="24"
/>
</cwidgeticon-stub>
</ccol-stub>
<ccol-stub
col="12"
lg="3"
sm="6"
tag="div"
>
<cwidgeticon-stub
color="danger"
header="$1.999,50"
iconpadding="true"
text="Income"
>
<cicon-stub
fonticontag="i"
name="bell"
width="24"
/>
</cwidgeticon-stub>
</ccol-stub>
</crow-stub>
<crow-stub
gutters="true"
>
<ccol-stub
col="12"
lg="3"
sm="6"
tag="div"
>
<cwidgeticon-stub
color="primary"
header="$1.999,50"
text="Income"
>
<cicon-stub
fonticontag="i"
name="settings"
width="24"
/>
</cwidgeticon-stub>
</ccol-stub>
<ccol-stub
col="12"
lg="3"
sm="6"
tag="div"
>
<cwidgeticon-stub
color="info"
header="$1.999,50"
text="Income"
>
<cicon-stub
fonticontag="i"
name="laptop"
width="24"
/>
</cwidgeticon-stub>
</ccol-stub>
<ccol-stub
col="12"
lg="3"
sm="6"
tag="div"
>
<cwidgeticon-stub
color="warning"
header="$1.999,50"
text="Income"
>
<cicon-stub
fonticontag="i"
name="moon"
width="24"
/>
</cwidgeticon-stub>
</ccol-stub>
<ccol-stub
col="12"
lg="3"
sm="6"
tag="div"
>
<cwidgeticon-stub
color="danger"
header="$1.999,50"
text="Income"
>
<cicon-stub
fonticontag="i"
name="bell"
width="24"
/>
</cwidgeticon-stub>
</ccol-stub>
</crow-stub>
<crow-stub
gutters="true"
>
<ccol-stub
col="12"
lg="4"
sm="6"
tag="div"
>
<cwidgeticon-stub
color="primary"
header="$1.999,50"
text="Income"
>
<cicon-stub
class="mx-5 "
fonticontag="i"
name="settings"
width="24"
/>
</cwidgeticon-stub>
</ccol-stub>
<ccol-stub
col="12"
lg="4"
sm="6"
tag="div"
>
<cwidgeticon-stub
color="info"
header="$1.999,50"
text="Income"
>
<cicon-stub
class="mx-5 "
fonticontag="i"
name="laptop"
width="24"
/>
</cwidgeticon-stub>
</ccol-stub>
<ccol-stub
col="12"
lg="4"
sm="6"
tag="div"
>
<cwidgeticon-stub
color="warning"
header="$1.999,50"
text="Income"
>
<cicon-stub
class="mx-5 "
fonticontag="i"
name="moon"
width="24"
/>
</cwidgeticon-stub>
</ccol-stub>
</crow-stub>
<widgetsbrand-stub
nocharts="true"
/>
<widgetsbrand-stub />
<ccardgroup-stub
class="mb-4"
>
<cwidgetprogressicon-stub
color="info"
header="87.500"
text="Visitors"
value="25"
>
<cicon-stub
fonticontag="i"
height="36"
name="people"
/>
</cwidgetprogressicon-stub>
<cwidgetprogressicon-stub
color="success"
header="385"
text="New Clients"
value="25"
>
<cicon-stub
fonticontag="i"
height="36"
name="userFollow"
/>
</cwidgetprogressicon-stub>
<cwidgetprogressicon-stub
color="warning"
header="1238"
text="Products sold"
value="25"
>
<cicon-stub
fonticontag="i"
height="36"
name="basketLoaded"
/>
</cwidgetprogressicon-stub>
<cwidgetprogressicon-stub
header="28%"
text="Returning Visitors"
value="25"
>
<cicon-stub
fonticontag="i"
height="36"
name="chartPie"
/>
</cwidgetprogressicon-stub>
<cwidgetprogressicon-stub
color="danger"
header="5:34:11"
text="Avg. Time"
value="25"
>
<cicon-stub
fonticontag="i"
height="36"
name="speedometer"
/>
</cwidgetprogressicon-stub>
</ccardgroup-stub>
<ccardgroup-stub
class="mb-4"
>
<cwidgetprogressicon-stub
color="info"
header="87.500"
inverse="true"
text="Visitors"
value="25"
>
<cicon-stub
fonticontag="i"
height="36"
name="people"
/>
</cwidgetprogressicon-stub>
<cwidgetprogressicon-stub
color="success"
header="385"
inverse="true"
text="New Clients"
value="25"
>
<cicon-stub
fonticontag="i"
height="36"
name="userFollow"
/>
</cwidgetprogressicon-stub>
<cwidgetprogressicon-stub
color="warning"
header="1238"
inverse="true"
text="Products sold"
value="25"
>
<cicon-stub
fonticontag="i"
height="36"
name="basketLoaded"
/>
</cwidgetprogressicon-stub>
<cwidgetprogressicon-stub
color="primary"
header="28%"
inverse="true"
text="Returning Visitors"
value="25"
>
<cicon-stub
fonticontag="i"
height="36"
name="chartPie"
/>
</cwidgetprogressicon-stub>
<cwidgetprogressicon-stub
color="danger"
header="5:34:11"
inverse="true"
text="Avg. Time"
value="25"
>
<cicon-stub
fonticontag="i"
height="36"
name="speedometer"
/>
</cwidgetprogressicon-stub>
</ccardgroup-stub>
<crow-stub
gutters="true"
>
<ccol-stub
md="2"
sm="6"
tag="div"
>
<cwidgetprogressicon-stub
color="info"
header="87.500"
text="Visitors"
value="25"
>
<cicon-stub
fonticontag="i"
height="36"
name="people"
/>
</cwidgetprogressicon-stub>
</ccol-stub>
<ccol-stub
md="2"
sm="6"
tag="div"
>
<cwidgetprogressicon-stub
color="success"
header="385"
text="New Clients"
value="25"
>
<cicon-stub
fonticontag="i"
height="36"
name="userFollow"
/>
</cwidgetprogressicon-stub>
</ccol-stub>
<ccol-stub
md="2"
sm="6"
tag="div"
>
<cwidgetprogressicon-stub
color="warning"
header="1238"
text="Products sold"
value="25"
>
<cicon-stub
fonticontag="i"
height="36"
name="basketLoaded"
/>
</cwidgetprogressicon-stub>
</ccol-stub>
<ccol-stub
md="2"
sm="6"
tag="div"
>
<cwidgetprogressicon-stub
color="primary"
header="28%"
text="Returning Visitors"
value="25"
>
<cicon-stub
fonticontag="i"
height="36"
name="chartPie"
/>
</cwidgetprogressicon-stub>
</ccol-stub>
<ccol-stub
md="2"
sm="6"
tag="div"
>
<cwidgetprogressicon-stub
color="danger"
header="5:34:11"
text="Avg. Time"
value="25"
>
<cicon-stub
fonticontag="i"
height="36"
name="speedometer"
/>
</cwidgetprogressicon-stub>
</ccol-stub>
<ccol-stub
md="2"
sm="6"
tag="div"
>
<cwidgetprogressicon-stub
color="info"
header="972"
text="comments"
value="25"
>
<cicon-stub
fonticontag="i"
height="36"
name="speech"
/>
</cwidgetprogressicon-stub>
</ccol-stub>
</crow-stub>
<crow-stub
gutters="true"
>
<ccol-stub
md="2"
sm="6"
tag="div"
>
<cwidgetprogressicon-stub
color="info"
header="87.500"
inverse="true"
text="Visitors"
value="25"
>
<cicon-stub
fonticontag="i"
height="36"
name="people"
/>
</cwidgetprogressicon-stub>
</ccol-stub>
<ccol-stub
md="2"
sm="6"
tag="div"
>
<cwidgetprogressicon-stub
color="success"
header="385"
inverse="true"
text="New Clients"
value="25"
>
<cicon-stub
fonticontag="i"
height="36"
name="userFollow"
/>
</cwidgetprogressicon-stub>
</ccol-stub>
<ccol-stub
md="2"
sm="6"
tag="div"
>
<cwidgetprogressicon-stub
color="warning"
header="1238"
inverse="true"
text="Products sold"
value="25"
>
<cicon-stub
fonticontag="i"
height="36"
name="basketLoaded"
/>
</cwidgetprogressicon-stub>
</ccol-stub>
<ccol-stub
md="2"
sm="6"
tag="div"
>
<cwidgetprogressicon-stub
color="primary"
header="28%"
inverse="true"
text="Returning Visitors"
value="25"
>
<cicon-stub
fonticontag="i"
height="36"
name="chartPie"
/>
</cwidgetprogressicon-stub>
</ccol-stub>
<ccol-stub
md="2"
sm="6"
tag="div"
>
<cwidgetprogressicon-stub
color="danger"
header="5:34:11"
inverse="true"
text="Avg. Time"
value="25"
>
<cicon-stub
fonticontag="i"
height="36"
name="speedometer"
/>
</cwidgetprogressicon-stub>
</ccol-stub>
<ccol-stub
md="2"
sm="6"
tag="div"
>
<cwidgetprogressicon-stub
color="info"
header="972"
inverse="true"
text="comments"
value="25"
>
<cicon-stub
fonticontag="i"
height="36"
name="speech"
/>
</cwidgetprogressicon-stub>
</ccol-stub>
</crow-stub>
<widgetsdropdown-stub />
<crow-stub
gutters="true"
>
<ccol-stub
lg="3"
sm="6"
tag="div"
>
<cwidgetheaderdetails-stub
color="primary"
leftfooter="+432,50 (15,78%)"
leftheader="$1.890,65"
rightfooter="Today 6:43 AM"
rightheader="SALE"
>
<cchartlinesimple-stub
backgroundcolor="transparent"
bordercolor="rgba(255,255,255,.55)"
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
label="Sales"
style="height: 40px;"
/>
<cchartbarsimple-stub
backgroundcolor="rgba(0,0,0,.2)"
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
label="Sales"
style="height: 40px;"
/>
</cwidgetheaderdetails-stub>
</ccol-stub>
<ccol-stub
lg="3"
sm="6"
tag="div"
>
<cwidgetheaderdetails-stub
color="success"
leftfooter="+432,50 (15,78%)"
leftheader="$1.890,65"
rightfooter="Today 6:43 AM"
rightheader="SALE"
>
<cchartlinesimple-stub
backgroundcolor="transparent"
bordercolor="rgba(255,255,255,.55)"
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
label="Sales"
style="height: 40px;"
/>
<cchartbarsimple-stub
backgroundcolor="rgba(0,0,0,.2)"
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
label="Sales"
style="height: 40px;"
/>
</cwidgetheaderdetails-stub>
</ccol-stub>
<ccol-stub
lg="3"
sm="6"
tag="div"
>
<cwidgetheaderdetails-stub
color="danger"
leftfooter="+432,50 (15,78%)"
leftheader="$1.890,65"
rightfooter="Today 6:43 AM"
rightheader="SALE"
>
<cchartlinesimple-stub
backgroundcolor="transparent"
bordercolor="rgba(255,255,255,.55)"
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
label="Sales"
style="height: 40px;"
/>
<cchartbarsimple-stub
backgroundcolor="rgba(0,0,0,.2)"
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
label="Sales"
style="height: 40px;"
/>
</cwidgetheaderdetails-stub>
</ccol-stub>
<ccol-stub
lg="3"
sm="6"
tag="div"
>
<cwidgetheaderdetails-stub
color="warning"
leftfooter="+432,50 (15,78%)"
leftheader="$1.890,65"
rightfooter="Today 6:43 AM"
rightheader="SALE"
>
<cchartlinesimple-stub
backgroundcolor="transparent"
bordercolor="rgba(255,255,255,.55)"
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
label="Sales"
style="height: 40px;"
/>
<cchartbarsimple-stub
backgroundcolor="rgba(0,0,0,.2)"
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
label="Sales"
style="height: 40px;"
/>
</cwidgetheaderdetails-stub>
</ccol-stub>
</crow-stub>
<crow-stub
gutters="true"
>
<ccol-stub
lg="2"
sm="4"
tag="div"
>
<cwidgetsimple-stub
header="title"
text="1,123"
>
<cchartlinesimple-stub
backgroundcolor="transparent"
bordercolor="danger"
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
label="Sales"
style="height: 40px;"
/>
</cwidgetsimple-stub>
</ccol-stub>
<ccol-stub
lg="2"
sm="4"
tag="div"
>
<cwidgetsimple-stub
header="title"
text="1,123"
>
<cchartlinesimple-stub
backgroundcolor="transparent"
bordercolor="primary"
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
label="Sales"
style="height: 40px;"
/>
</cwidgetsimple-stub>
</ccol-stub>
<ccol-stub
lg="2"
sm="4"
tag="div"
>
<cwidgetsimple-stub
header="title"
text="1,123"
>
<cchartlinesimple-stub
backgroundcolor="transparent"
bordercolor="success"
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
label="Sales"
style="height: 40px;"
/>
</cwidgetsimple-stub>
</ccol-stub>
<ccol-stub
lg="2"
sm="4"
tag="div"
>
<cwidgetsimple-stub
header="title"
text="1,123"
>
<cchartbarsimple-stub
backgroundcolor="danger"
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
label="Sales"
style="height: 40px;"
/>
</cwidgetsimple-stub>
</ccol-stub>
<ccol-stub
lg="2"
sm="4"
tag="div"
>
<cwidgetsimple-stub
header="title"
text="1,123"
>
<cchartbarsimple-stub
backgroundcolor="primary"
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
label="Sales"
style="height: 40px;"
/>
</cwidgetsimple-stub>
</ccol-stub>
<ccol-stub
lg="2"
sm="4"
tag="div"
>
<cwidgetsimple-stub
header="title"
text="1,123"
>
<cchartbarsimple-stub
backgroundcolor="success"
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
label="Sales"
style="height: 40px;"
/>
</cwidgetsimple-stub>
</ccol-stub>
</crow-stub>
</div>
`;