sean/manja_dev_ui
1
0
Fork 0
Code Issues Pull Requests Actions 3 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/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>
`;