refactor: fix small bugs, update unit tests
This commit is contained in:
woothu
@@ -23,8 +23,8 @@
|
|||||||
</CCol>
|
</CCol>
|
||||||
<CCol sm="6" md="4">
|
<CCol sm="6" md="4">
|
||||||
<CCard>
|
<CCard>
|
||||||
<CCardFooter>Card Footer</CCardFooter>
|
|
||||||
<CCardBody>{{loremIpsum}}</CCardBody>
|
<CCardBody>{{loremIpsum}}</CCardBody>
|
||||||
|
<CCardFooter>Card Footer</CCardFooter>
|
||||||
</CCard>
|
</CCard>
|
||||||
</CCol>
|
</CCol>
|
||||||
<CCol sm="6" md="4">
|
<CCol sm="6" md="4">
|
||||||
|
|||||||
@@ -772,7 +772,7 @@
|
|||||||
placeholder="Password"
|
placeholder="Password"
|
||||||
type="password"
|
type="password"
|
||||||
autocomplete="current-password"
|
autocomplete="current-password"
|
||||||
/>
|
>
|
||||||
<template #prepend-content><CIcon name="shield-alt"/></template>
|
<template #prepend-content><CIcon name="shield-alt"/></template>
|
||||||
</CInput>
|
</CInput>
|
||||||
<div class="form-group form-actions">
|
<div class="form-group form-actions">
|
||||||
|
|||||||
@@ -330,7 +330,7 @@
|
|||||||
<template #example="{item}">
|
<template #example="{item}">
|
||||||
<td>
|
<td>
|
||||||
<CSwitch
|
<CSwitch
|
||||||
:shape="item.example.shape"
|
:variant="item.example.variant"
|
||||||
:color="item.example.color"
|
:color="item.example.color"
|
||||||
:size="item.example.size"
|
:size="item.example.size"
|
||||||
:checked="item.example.checked"
|
:checked="item.example.checked"
|
||||||
@@ -366,17 +366,17 @@ export default {
|
|||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
size: 'Large',
|
size: 'Large',
|
||||||
example: { shape: '3d', color: 'primary', size: 'lg', checked: true },
|
example: { variant: '3d', color: 'primary', size: 'lg', checked: true },
|
||||||
size_prop: 'Add following prop <code>size="lg"</code>'
|
size_prop: 'Add following prop <code>size="lg"</code>'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
size: 'Normal',
|
size: 'Normal',
|
||||||
example: { shape: '3d', color: 'primary', size: '', checked: true },
|
example: { variant: '3d', color: 'primary', size: '', checked: true },
|
||||||
size_prop: '-'
|
size_prop: '-'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
size: 'Small',
|
size: 'Small',
|
||||||
example: {shape: '3d', color: 'primary', size: 'sm', checked: true},
|
example: { variant: '3d', color: 'primary', size: 'sm', checked: true},
|
||||||
size_prop: 'Add following prop <code>size="sm"</code>'
|
size_prop: 'Add following prop <code>size="sm"</code>'
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
|||||||
@@ -15,7 +15,6 @@
|
|||||||
:items-per-page="small ? 10 : 5"
|
:items-per-page="small ? 10 : 5"
|
||||||
:dark="dark"
|
:dark="dark"
|
||||||
pagination
|
pagination
|
||||||
items-per-page-select
|
|
||||||
>
|
>
|
||||||
<template #status="{item}">
|
<template #status="{item}">
|
||||||
<td>
|
<td>
|
||||||
|
|||||||
@@ -0,0 +1,162 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`TheHeader.vue renders correctly 1`] = `
|
||||||
|
<cheader-stub
|
||||||
|
colorscheme="light"
|
||||||
|
fixed="true"
|
||||||
|
light=""
|
||||||
|
tag="header"
|
||||||
|
withsubheader="true"
|
||||||
|
>
|
||||||
|
<ctoggler-stub
|
||||||
|
class="ml-3 d-lg-none"
|
||||||
|
inheader="true"
|
||||||
|
tag="button"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<ctoggler-stub
|
||||||
|
class="ml-3 d-md-down-none"
|
||||||
|
inheader="true"
|
||||||
|
tag="button"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cheaderbrand-stub
|
||||||
|
alt="CoreUI Logo"
|
||||||
|
class="mx-auto d-lg-none"
|
||||||
|
height="46"
|
||||||
|
src="img/brand/coreui-base.svg"
|
||||||
|
width="97"
|
||||||
|
wrappedinlink="[object Object]"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cheadernav-stub
|
||||||
|
class="d-md-down-none mr-auto"
|
||||||
|
>
|
||||||
|
<cheadernavitem-stub
|
||||||
|
class="px-3"
|
||||||
|
to="/dashboard"
|
||||||
|
>
|
||||||
|
<cheadernavlink-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
|
||||||
|
Dashboard
|
||||||
|
|
||||||
|
</cheadernavlink-stub>
|
||||||
|
</cheadernavitem-stub>
|
||||||
|
|
||||||
|
<cheadernavitem-stub
|
||||||
|
class="px-3"
|
||||||
|
exact=""
|
||||||
|
to="/users"
|
||||||
|
>
|
||||||
|
<cheadernavlink-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
|
||||||
|
Users
|
||||||
|
|
||||||
|
</cheadernavlink-stub>
|
||||||
|
</cheadernavitem-stub>
|
||||||
|
|
||||||
|
<cheadernavitem-stub
|
||||||
|
class="px-3"
|
||||||
|
>
|
||||||
|
<cheadernavlink-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
|
||||||
|
Settings
|
||||||
|
|
||||||
|
</cheadernavlink-stub>
|
||||||
|
</cheadernavitem-stub>
|
||||||
|
</cheadernav-stub>
|
||||||
|
|
||||||
|
<cheadernav-stub
|
||||||
|
class="mr-4"
|
||||||
|
>
|
||||||
|
<cheadernavitem-stub
|
||||||
|
class="d-md-down-none mx-2"
|
||||||
|
>
|
||||||
|
<cheadernavlink-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
name="bell"
|
||||||
|
/>
|
||||||
|
</cheadernavlink-stub>
|
||||||
|
</cheadernavitem-stub>
|
||||||
|
|
||||||
|
<cheadernavitem-stub
|
||||||
|
class="d-md-down-none mx-2"
|
||||||
|
>
|
||||||
|
<cheadernavlink-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
name="list"
|
||||||
|
/>
|
||||||
|
</cheadernavlink-stub>
|
||||||
|
</cheadernavitem-stub>
|
||||||
|
|
||||||
|
<cheadernavitem-stub
|
||||||
|
class="d-md-down-none mx-2"
|
||||||
|
>
|
||||||
|
<cheadernavlink-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
name="envelope-open"
|
||||||
|
/>
|
||||||
|
</cheadernavlink-stub>
|
||||||
|
</cheadernavitem-stub>
|
||||||
|
|
||||||
|
<theheaderdropdownaccnt-stub />
|
||||||
|
</cheadernav-stub>
|
||||||
|
|
||||||
|
<csubheader-stub
|
||||||
|
class="px-3"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<cbreadcrumbrouter-stub
|
||||||
|
class="border-0"
|
||||||
|
/>
|
||||||
|
</csubheader-stub>
|
||||||
|
</cheader-stub>
|
||||||
|
`;
|
||||||
@@ -0,0 +1,256 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
|
||||||
|
<cdropdown-stub
|
||||||
|
addmenuclasses="pt-0"
|
||||||
|
caret="true"
|
||||||
|
class="c-header-nav-items"
|
||||||
|
flip="true"
|
||||||
|
innav="true"
|
||||||
|
placement="bottom-end"
|
||||||
|
togglertext="Dropdown"
|
||||||
|
>
|
||||||
|
|
||||||
|
<cdropdownheader-stub
|
||||||
|
class="text-center"
|
||||||
|
color="light"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<strong>
|
||||||
|
Account
|
||||||
|
</strong>
|
||||||
|
</cdropdownheader-stub>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
name="bell"
|
||||||
|
/>
|
||||||
|
Updates
|
||||||
|
|
||||||
|
<cbadge-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="ml-auto"
|
||||||
|
color="info"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
42
|
||||||
|
</cbadge-stub>
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
name="envelope-open"
|
||||||
|
/>
|
||||||
|
Messages
|
||||||
|
|
||||||
|
<cbadge-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="ml-auto"
|
||||||
|
color="success"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
42
|
||||||
|
</cbadge-stub>
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
name="task"
|
||||||
|
/>
|
||||||
|
Tasks
|
||||||
|
|
||||||
|
<cbadge-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="ml-auto"
|
||||||
|
color="danger"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
42
|
||||||
|
</cbadge-stub>
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
name="comment-square"
|
||||||
|
/>
|
||||||
|
Comments
|
||||||
|
|
||||||
|
<cbadge-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="ml-auto"
|
||||||
|
color="warning"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
42
|
||||||
|
</cbadge-stub>
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdownheader-stub
|
||||||
|
class="text-center"
|
||||||
|
color="light"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<strong>
|
||||||
|
Settings
|
||||||
|
</strong>
|
||||||
|
</cdropdownheader-stub>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
name="user"
|
||||||
|
/>
|
||||||
|
Profile
|
||||||
|
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
name="settings"
|
||||||
|
/>
|
||||||
|
Settings
|
||||||
|
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
name="dollar"
|
||||||
|
/>
|
||||||
|
Payments
|
||||||
|
|
||||||
|
<cbadge-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="ml-auto"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
42
|
||||||
|
</cbadge-stub>
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
name="file"
|
||||||
|
/>
|
||||||
|
Projects
|
||||||
|
|
||||||
|
<cbadge-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="ml-auto"
|
||||||
|
color="primary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
42
|
||||||
|
</cbadge-stub>
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdowndivider-stub
|
||||||
|
tag="div"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
name="shield-alt"
|
||||||
|
/>
|
||||||
|
Lock Account
|
||||||
|
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
name="lock-locked"
|
||||||
|
/>
|
||||||
|
Logout
|
||||||
|
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
</cdropdown-stub>
|
||||||
|
`;
|
||||||
@@ -16,7 +16,8 @@ exports[`TheSidebar.vue renders correctly 1`] = `
|
|||||||
/>
|
/>
|
||||||
|
|
||||||
<crenderfunction-stub
|
<crenderfunction-stub
|
||||||
contenttorender="CSidebarNav,CSidebarNavLink,[object Object],CSidebarNavTitle,Theme,CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavTitle,Components,CSidebarNavDropdown,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavDropdown,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavDropdown,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavDropdown,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavDivider,CSidebarNavTitle,Extras,CSidebarNavDropdown,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object]"
|
contenttorender="[object Object]"
|
||||||
|
flat=""
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<csidebarminimizer-stub
|
<csidebarminimizer-stub
|
||||||
|
|||||||
@@ -1,13 +1,10 @@
|
|||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
import { shallowMount } from '@vue/test-utils'
|
import { shallowMount } from '@vue/test-utils'
|
||||||
import CoreuiVue from '@coreui/vue'
|
import CoreuiVue from '@coreui/vue'
|
||||||
import { CIconPlugin } from '@coreui/icons/vue'
|
|
||||||
import Dashboard from '@/views/Dashboard'
|
import Dashboard from '@/views/Dashboard'
|
||||||
import { iconsSet } from '@/assets/icons/icons.js'
|
|
||||||
|
|
||||||
|
|
||||||
Vue.use(CoreuiVue)
|
Vue.use(CoreuiVue)
|
||||||
Vue.use(CIconPlugin, iconsSet)
|
|
||||||
|
|
||||||
describe('Dashboard.vue', () => {
|
describe('Dashboard.vue', () => {
|
||||||
it('has a name', () => {
|
it('has a name', () => {
|
||||||
|
|||||||
@@ -0,0 +1,961 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`Dashboard.vue renders correctly 1`] = `
|
||||||
|
<div>
|
||||||
|
<widgetsdropdown-stub />
|
||||||
|
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardbody-stub>
|
||||||
|
<crow-stub
|
||||||
|
gutters="true"
|
||||||
|
>
|
||||||
|
<ccol-stub
|
||||||
|
sm="5"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<h4
|
||||||
|
class="card-title mb-0"
|
||||||
|
id="traffic"
|
||||||
|
>
|
||||||
|
Traffic
|
||||||
|
</h4>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="small text-muted"
|
||||||
|
>
|
||||||
|
November 2017
|
||||||
|
</div>
|
||||||
|
</ccol-stub>
|
||||||
|
|
||||||
|
<ccol-stub
|
||||||
|
class="d-none d-md-block"
|
||||||
|
sm="7"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="float-right"
|
||||||
|
color="primary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
name="cloud-download"
|
||||||
|
/>
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbuttongroup-stub
|
||||||
|
class="float-right mr-3"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="mx-0"
|
||||||
|
color="outline-secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Day
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="mx-0"
|
||||||
|
color="outline-secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
pressed="true"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Month
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="mx-0"
|
||||||
|
color="outline-secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Year
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</cbuttongroup-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
|
||||||
|
<mainchartexample-stub
|
||||||
|
style="height: 300px; margin-top: 40px;"
|
||||||
|
/>
|
||||||
|
</ccardbody-stub>
|
||||||
|
|
||||||
|
<ccardfooter-stub>
|
||||||
|
<crow-stub
|
||||||
|
class="text-center"
|
||||||
|
gutters="true"
|
||||||
|
>
|
||||||
|
<ccol-stub
|
||||||
|
class="mb-sm-2 mb-0"
|
||||||
|
md="true"
|
||||||
|
sm="12"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
Visits
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
29.703 Users (40%)
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs mt-2"
|
||||||
|
color="success"
|
||||||
|
max="100"
|
||||||
|
precision="1"
|
||||||
|
value="40"
|
||||||
|
/>
|
||||||
|
</ccol-stub>
|
||||||
|
|
||||||
|
<ccol-stub
|
||||||
|
class="mb-sm-2 mb-0 d-md-down-none"
|
||||||
|
md="true"
|
||||||
|
sm="12"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
Unique
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
24.093 Users (20%)
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs mt-2"
|
||||||
|
color="info"
|
||||||
|
max="100"
|
||||||
|
precision="1"
|
||||||
|
value="20"
|
||||||
|
/>
|
||||||
|
</ccol-stub>
|
||||||
|
|
||||||
|
<ccol-stub
|
||||||
|
class="mb-sm-2 mb-0"
|
||||||
|
md="true"
|
||||||
|
sm="12"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
Pageviews
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
78.706 Views (60%)
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs mt-2"
|
||||||
|
color="warning"
|
||||||
|
max="100"
|
||||||
|
precision="1"
|
||||||
|
value="60"
|
||||||
|
/>
|
||||||
|
</ccol-stub>
|
||||||
|
|
||||||
|
<ccol-stub
|
||||||
|
class="mb-sm-2 mb-0"
|
||||||
|
md="true"
|
||||||
|
sm="12"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
New Users
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
22.123 Users (80%)
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs mt-2"
|
||||||
|
color="danger"
|
||||||
|
max="100"
|
||||||
|
precision="1"
|
||||||
|
value="80"
|
||||||
|
/>
|
||||||
|
</ccol-stub>
|
||||||
|
|
||||||
|
<ccol-stub
|
||||||
|
class="mb-sm-2 mb-0 d-md-down-none"
|
||||||
|
md="true"
|
||||||
|
sm="12"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
Bounce Rate
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Average Rate (40.15%)
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs mt-2"
|
||||||
|
max="100"
|
||||||
|
precision="1"
|
||||||
|
value="40"
|
||||||
|
/>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
</ccardfooter-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
|
||||||
|
<widgetsbrand-stub />
|
||||||
|
|
||||||
|
<crow-stub
|
||||||
|
gutters="true"
|
||||||
|
>
|
||||||
|
<ccol-stub
|
||||||
|
md="12"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
|
||||||
|
Traffic & Sales
|
||||||
|
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<crow-stub
|
||||||
|
gutters="true"
|
||||||
|
>
|
||||||
|
<ccol-stub
|
||||||
|
lg="6"
|
||||||
|
sm="12"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<crow-stub
|
||||||
|
gutters="true"
|
||||||
|
>
|
||||||
|
<ccol-stub
|
||||||
|
sm="6"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ccallout-stub
|
||||||
|
color="info"
|
||||||
|
>
|
||||||
|
<small
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
New Clients
|
||||||
|
</small>
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<strong
|
||||||
|
class="h4"
|
||||||
|
>
|
||||||
|
9,123
|
||||||
|
</strong>
|
||||||
|
</ccallout-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
|
||||||
|
<ccol-stub
|
||||||
|
sm="6"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ccallout-stub
|
||||||
|
color="danger"
|
||||||
|
>
|
||||||
|
<small
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
Recurring Clients
|
||||||
|
</small>
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<strong
|
||||||
|
class="h4"
|
||||||
|
>
|
||||||
|
22,643
|
||||||
|
</strong>
|
||||||
|
</ccallout-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
|
||||||
|
<hr
|
||||||
|
class="mt-0"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group mb-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="progress-group-prepend"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="progress-group-text"
|
||||||
|
>
|
||||||
|
|
||||||
|
Monday
|
||||||
|
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group-bars"
|
||||||
|
>
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs"
|
||||||
|
color="info"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="34"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs"
|
||||||
|
color="danger"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="78"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group mb-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="progress-group-prepend"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="progress-group-text"
|
||||||
|
>
|
||||||
|
|
||||||
|
Tuesday
|
||||||
|
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group-bars"
|
||||||
|
>
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs"
|
||||||
|
color="info"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="56"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs"
|
||||||
|
color="danger"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="94"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group mb-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="progress-group-prepend"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="progress-group-text"
|
||||||
|
>
|
||||||
|
|
||||||
|
Wednesday
|
||||||
|
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group-bars"
|
||||||
|
>
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs"
|
||||||
|
color="info"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="12"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs"
|
||||||
|
color="danger"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="67"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group mb-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="progress-group-prepend"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="progress-group-text"
|
||||||
|
>
|
||||||
|
|
||||||
|
Thursday
|
||||||
|
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group-bars"
|
||||||
|
>
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs"
|
||||||
|
color="info"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="43"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs"
|
||||||
|
color="danger"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="91"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group mb-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="progress-group-prepend"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="progress-group-text"
|
||||||
|
>
|
||||||
|
|
||||||
|
Friday
|
||||||
|
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group-bars"
|
||||||
|
>
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs"
|
||||||
|
color="info"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="22"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs"
|
||||||
|
color="danger"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="73"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group mb-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="progress-group-prepend"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="progress-group-text"
|
||||||
|
>
|
||||||
|
|
||||||
|
Saturday
|
||||||
|
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group-bars"
|
||||||
|
>
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs"
|
||||||
|
color="info"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="53"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs"
|
||||||
|
color="danger"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="82"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group mb-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="progress-group-prepend"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="progress-group-text"
|
||||||
|
>
|
||||||
|
|
||||||
|
Sunday
|
||||||
|
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group-bars"
|
||||||
|
>
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs"
|
||||||
|
color="info"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="9"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs"
|
||||||
|
color="danger"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="69"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="legend text-center"
|
||||||
|
>
|
||||||
|
<small>
|
||||||
|
<sup>
|
||||||
|
<cbadge-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="info"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
shape="pill"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
|
||||||
|
</cbadge-stub>
|
||||||
|
</sup>
|
||||||
|
|
||||||
|
New clients
|
||||||
|
|
||||||
|
|
||||||
|
<sup>
|
||||||
|
<cbadge-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="danger"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
shape="pill"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
|
||||||
|
</cbadge-stub>
|
||||||
|
</sup>
|
||||||
|
|
||||||
|
Recurring clients
|
||||||
|
|
||||||
|
</small>
|
||||||
|
</div>
|
||||||
|
</ccol-stub>
|
||||||
|
|
||||||
|
<ccol-stub
|
||||||
|
lg="6"
|
||||||
|
sm="12"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<crow-stub
|
||||||
|
gutters="true"
|
||||||
|
>
|
||||||
|
<ccol-stub
|
||||||
|
sm="6"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ccallout-stub
|
||||||
|
color="warning"
|
||||||
|
>
|
||||||
|
<small
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
Pageviews
|
||||||
|
</small>
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<strong
|
||||||
|
class="h4"
|
||||||
|
>
|
||||||
|
78,623
|
||||||
|
</strong>
|
||||||
|
</ccallout-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
|
||||||
|
<ccol-stub
|
||||||
|
sm="6"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ccallout-stub
|
||||||
|
color="success"
|
||||||
|
>
|
||||||
|
<small
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
Organic
|
||||||
|
</small>
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<strong
|
||||||
|
class="h4"
|
||||||
|
>
|
||||||
|
49,123
|
||||||
|
</strong>
|
||||||
|
</ccallout-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
|
||||||
|
<hr
|
||||||
|
class="mt-0"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<ul
|
||||||
|
class="horizontal-bars type-2"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="progress-group"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="progress-group-header"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
class="progress-group-icon"
|
||||||
|
name="user"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="title"
|
||||||
|
>
|
||||||
|
Male
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="ml-auto font-weight-bold"
|
||||||
|
>
|
||||||
|
43%
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group-bars"
|
||||||
|
>
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs"
|
||||||
|
color="warning"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="43"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group mb-5"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="progress-group-header"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
class="progress-group-icon"
|
||||||
|
name="user-female"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="title"
|
||||||
|
>
|
||||||
|
Female
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="ml-auto font-weight-bold"
|
||||||
|
>
|
||||||
|
37%
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group-bars"
|
||||||
|
>
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs"
|
||||||
|
color="warning"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="37"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="progress-group-header"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
class="progress-group-icon"
|
||||||
|
name="globe-alt"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="title"
|
||||||
|
>
|
||||||
|
Organic Search
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="ml-auto font-weight-bold"
|
||||||
|
>
|
||||||
|
|
||||||
|
191,235
|
||||||
|
<span
|
||||||
|
class="text-muted small"
|
||||||
|
>
|
||||||
|
(56%)
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group-bars"
|
||||||
|
>
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs"
|
||||||
|
color="success"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="56"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="progress-group-header"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
class="progress-group-icon"
|
||||||
|
height="17"
|
||||||
|
name="facebook"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="title"
|
||||||
|
>
|
||||||
|
Facebook
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="ml-auto font-weight-bold"
|
||||||
|
>
|
||||||
|
|
||||||
|
51,223
|
||||||
|
<span
|
||||||
|
class="text-muted small"
|
||||||
|
>
|
||||||
|
(15%)
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group-bars"
|
||||||
|
>
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs"
|
||||||
|
color="success"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="15"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="progress-group-header"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
class="progress-group-icon"
|
||||||
|
height="17"
|
||||||
|
name="twitter"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="title"
|
||||||
|
>
|
||||||
|
Twitter
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="ml-auto font-weight-bold"
|
||||||
|
>
|
||||||
|
|
||||||
|
37,564
|
||||||
|
<span
|
||||||
|
class="text-muted small"
|
||||||
|
>
|
||||||
|
(11%)
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group-bars"
|
||||||
|
>
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs"
|
||||||
|
color="success"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="11"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="progress-group-header"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
class="progress-group-icon"
|
||||||
|
height="17"
|
||||||
|
name="linkedin"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="title"
|
||||||
|
>
|
||||||
|
LinkedIn
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="ml-auto font-weight-bold"
|
||||||
|
>
|
||||||
|
|
||||||
|
27,319
|
||||||
|
<span
|
||||||
|
class="text-muted small"
|
||||||
|
>
|
||||||
|
(8%)
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="progress-group-bars"
|
||||||
|
>
|
||||||
|
<cprogress-stub
|
||||||
|
class="progress-xs"
|
||||||
|
color="success"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="8"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="divider text-center"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="text-muted"
|
||||||
|
color="link"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
size="sm"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
name="options"
|
||||||
|
/>
|
||||||
|
</cbutton-stub>
|
||||||
|
</div>
|
||||||
|
</ul>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<cdatatable-stub
|
||||||
|
class="mb-0 table-outline"
|
||||||
|
fields="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
||||||
|
head-color="light"
|
||||||
|
hover="true"
|
||||||
|
items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
||||||
|
itemsperpage="10"
|
||||||
|
no-sorting=""
|
||||||
|
responsive="true"
|
||||||
|
sortervalue="[object Object]"
|
||||||
|
/>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
@@ -0,0 +1,174 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`Breadcrumbs.vue renders correctly 1`] = `
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="col"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="c-icon"
|
||||||
|
viewBox="0 0 64 64"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
/>
|
||||||
|
<strong>
|
||||||
|
Bootstrap Breadcrumb
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-header-actions"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="card-header-action"
|
||||||
|
href="https://coreui.io/vue/docs/3.0/components/Breadcrumb"
|
||||||
|
rel="noreferrer noopener"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<small
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
docs
|
||||||
|
</small>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
<ol
|
||||||
|
class="breadcrumb"
|
||||||
|
>
|
||||||
|
<li
|
||||||
|
class="breadcrumb-item"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class=""
|
||||||
|
href="#"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Admin
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="breadcrumb-item"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class=""
|
||||||
|
href="#"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Manage
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="active breadcrumb-item"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<span>
|
||||||
|
Library
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<ol
|
||||||
|
class="breadcrumb"
|
||||||
|
>
|
||||||
|
<li
|
||||||
|
class="breadcrumb-item"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class=""
|
||||||
|
href="#"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Go to dashboard
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="breadcrumb-item"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class=""
|
||||||
|
href="#"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Go to widgets
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="breadcrumb-item"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class=""
|
||||||
|
href="http://google.com"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Go to Google
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="active breadcrumb-item"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<span>
|
||||||
|
Current page
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<ol
|
||||||
|
class="breadcrumb"
|
||||||
|
>
|
||||||
|
<li
|
||||||
|
class="font-xl breadcrumb-item"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class=""
|
||||||
|
href="#"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Added
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="font-xl breadcrumb-item"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class=""
|
||||||
|
href="#"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Custom
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="active font-xl text-danger breadcrumb-item"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<span>
|
||||||
|
Classes
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
@@ -0,0 +1,834 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`Cards.vue renders correctly 1`] = `
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
|
||||||
|
Card title
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-header-actions"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="card-header-action"
|
||||||
|
href="https://coreui.io/vue/docs/3.0/components/CardComponents"
|
||||||
|
rel="noreferrer noopener"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<small
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
docs
|
||||||
|
</small>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<footer
|
||||||
|
class="card-footer"
|
||||||
|
>
|
||||||
|
Card Footer
|
||||||
|
</footer>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="c-icon"
|
||||||
|
viewBox="0 0 64 64"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
/>
|
||||||
|
Card with icon
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
|
||||||
|
Card with switch
|
||||||
|
|
||||||
|
<label
|
||||||
|
class="float-right c-switch form-check-label c-switch-sm c-switch-pill c-switch-info"
|
||||||
|
>
|
||||||
|
<input
|
||||||
|
class="c-switch-input form-check-input"
|
||||||
|
data-off="Off"
|
||||||
|
data-on="On"
|
||||||
|
type="checkbox"
|
||||||
|
value=""
|
||||||
|
/>
|
||||||
|
<span
|
||||||
|
class="c-switch-slider"
|
||||||
|
/>
|
||||||
|
</label>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
|
||||||
|
Card with label
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="badge float-right badge-success"
|
||||||
|
>
|
||||||
|
Success
|
||||||
|
</span>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
|
||||||
|
Card with label
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="badge float-right badge-danger badge-pill"
|
||||||
|
>
|
||||||
|
42
|
||||||
|
</span>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card border-primary"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
Card outline primary
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card border-secondary"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
Card outline secondary
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card border-success"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
Card outline success
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card border-info"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
Card outline info
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card border-warning"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
Card outline warning
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card border-danger"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
Card outline danger
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card card-accent-primary"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
Card with primary accent
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card card-accent-secondary"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
Card with secondary accent
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card card-accent-success"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
Card with success accent
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card card-accent-info"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
Card with info accent
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card card-accent-info"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
Card with info accent
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card card-accent-danger"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
Card with danger accent
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card text-center bg-primary"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
<blockquote
|
||||||
|
class="card-blockquote"
|
||||||
|
>
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
Someone famous in
|
||||||
|
|
||||||
|
<cite
|
||||||
|
title="Source Title"
|
||||||
|
>
|
||||||
|
Source Title
|
||||||
|
</cite>
|
||||||
|
</footer>
|
||||||
|
</blockquote>
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card text-center bg-success"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
<blockquote
|
||||||
|
class="card-blockquote"
|
||||||
|
>
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
Someone famous in
|
||||||
|
|
||||||
|
<cite
|
||||||
|
title="Source Title"
|
||||||
|
>
|
||||||
|
Source Title
|
||||||
|
</cite>
|
||||||
|
</footer>
|
||||||
|
</blockquote>
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card text-center bg-info"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
<blockquote
|
||||||
|
class="card-blockquote"
|
||||||
|
>
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
Someone famous in
|
||||||
|
|
||||||
|
<cite
|
||||||
|
title="Source Title"
|
||||||
|
>
|
||||||
|
Source Title
|
||||||
|
</cite>
|
||||||
|
</footer>
|
||||||
|
</blockquote>
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card text-center bg-warning"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
<blockquote
|
||||||
|
class="card-blockquote"
|
||||||
|
>
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
Someone famous in
|
||||||
|
|
||||||
|
<cite
|
||||||
|
title="Source Title"
|
||||||
|
>
|
||||||
|
Source Title
|
||||||
|
</cite>
|
||||||
|
</footer>
|
||||||
|
</blockquote>
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card text-center bg-danger"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
<blockquote
|
||||||
|
class="card-blockquote"
|
||||||
|
>
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
Someone famous in
|
||||||
|
|
||||||
|
<cite
|
||||||
|
title="Source Title"
|
||||||
|
>
|
||||||
|
Source Title
|
||||||
|
</cite>
|
||||||
|
</footer>
|
||||||
|
</blockquote>
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card text-center bg-secondary"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
<blockquote
|
||||||
|
class="card-blockquote"
|
||||||
|
>
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
Someone famous in
|
||||||
|
|
||||||
|
<cite
|
||||||
|
title="Source Title"
|
||||||
|
>
|
||||||
|
Source Title
|
||||||
|
</cite>
|
||||||
|
</footer>
|
||||||
|
</blockquote>
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card bg-primary"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card bg-success"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card bg-info"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card bg-warning"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card bg-danger"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-6 col-md-4"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card bg-secondary"
|
||||||
|
name="fade"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
|
||||||
|
Card with header actions
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-header-actions"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="card-header-action btn-setting"
|
||||||
|
href="#"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="c-icon"
|
||||||
|
viewBox="0 0 64 64"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a
|
||||||
|
class="card-header-action btn-minimize"
|
||||||
|
href="#"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="c-icon"
|
||||||
|
viewBox="0 0 64 64"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a
|
||||||
|
class="card-header-action btn-close"
|
||||||
|
href="#"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="c-icon"
|
||||||
|
viewBox="0 0 64 64"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class=""
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
|
||||||
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
@@ -0,0 +1,138 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`Carousels.vue renders correctly 1`] = `
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="col-md-12 col-lg-7"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="c-icon"
|
||||||
|
viewBox="0 0 64 64"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Bootstrap Carousel
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-header-actions"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="card-header-action"
|
||||||
|
href="https://coreui.io/vue/docs/3.0/components/Carousel"
|
||||||
|
rel="noreferrer noopener"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<small
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
docs
|
||||||
|
</small>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="carousel slide"
|
||||||
|
style="height: 400px;"
|
||||||
|
>
|
||||||
|
<ol
|
||||||
|
class="carousel-indicators"
|
||||||
|
>
|
||||||
|
<li
|
||||||
|
class="active"
|
||||||
|
/>
|
||||||
|
<li
|
||||||
|
class=""
|
||||||
|
/>
|
||||||
|
<li
|
||||||
|
class=""
|
||||||
|
/>
|
||||||
|
</ol>
|
||||||
|
<div
|
||||||
|
class="carousel-inner"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="carousel-item active"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
class="d-block w-100 h-100 img-fluid"
|
||||||
|
src="https://picsum.photos/1024/480/?image=52"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="carousel-caption"
|
||||||
|
>
|
||||||
|
<h3>
|
||||||
|
First Slide
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
Nulla vitae elit libero, a pharetra augue mollis interdum.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="carousel-item"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="d-block w-100 h-100 img-fluid"
|
||||||
|
style="background-color: grey;"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="carousel-caption"
|
||||||
|
>
|
||||||
|
<h3>
|
||||||
|
Blank page
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
Nulla vitae elit libero, a pharetra augue mollis interdum.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="carousel-item"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
class="d-block w-100 h-100 img-fluid"
|
||||||
|
src="https://picsum.photos/1024/480/?image=54"
|
||||||
|
/>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a
|
||||||
|
class="carousel-control-prev"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
aria-label="Previous"
|
||||||
|
class="carousel-control-prev-icon"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
class="carousel-control-next"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
aria-label="Next"
|
||||||
|
class="carousel-control-next-icon"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
@@ -0,0 +1,108 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`Collapses.vue renders correctly 1`] = `
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="col-12 col-md-6"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="c-icon"
|
||||||
|
viewBox="0 0 64 64"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Bootstrap Collapse
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-header-actions"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="card-header-action"
|
||||||
|
href="https://coreui.io/vue/docs/3.0/components/Collapse"
|
||||||
|
rel="noreferrer noopener"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<small
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
docs
|
||||||
|
</small>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
class="btn btn-primary"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Toggle Collapse
|
||||||
|
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="mt-2"
|
||||||
|
style="display: none;"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
<p
|
||||||
|
class="card-text"
|
||||||
|
>
|
||||||
|
Collapse contents Here
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<button
|
||||||
|
class="btn btn-secondary btn-sm"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Toggle Inner Collapse
|
||||||
|
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="mt-2"
|
||||||
|
style="display: none;"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
Hello!
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
@@ -0,0 +1,216 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`Jumbotrons.vue renders correctly 1`] = `
|
||||||
|
<div>
|
||||||
|
<crow-stub
|
||||||
|
gutters="true"
|
||||||
|
>
|
||||||
|
<ccol-stub
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Bootstrap Jumbotron
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-header-actions"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="card-header-action"
|
||||||
|
href="https://coreui.io/vue/docs/3.0/components/Jumbotron"
|
||||||
|
rel="noreferrer noopener"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<small
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
docs
|
||||||
|
</small>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<cjumbotron-stub
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<h1
|
||||||
|
class="display-3"
|
||||||
|
>
|
||||||
|
Bootstrap 4
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
<p
|
||||||
|
class="lead"
|
||||||
|
>
|
||||||
|
Bootstrap 4 Components for Vue.js 2.6+
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
For more information visit website
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="primary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
href="#"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
More Info
|
||||||
|
</cbutton-stub>
|
||||||
|
</cjumbotron-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
|
||||||
|
<ccol-stub
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Jumbotron
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<small>
|
||||||
|
with slots
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<cjumbotron-stub
|
||||||
|
header="Bootstrap 4"
|
||||||
|
lead=""
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<h1
|
||||||
|
class="display-3"
|
||||||
|
>
|
||||||
|
Bootstrap 4
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
<p
|
||||||
|
class="lead"
|
||||||
|
>
|
||||||
|
|
||||||
|
This is a simple hero unit, a simple jumbotron-style component for
|
||||||
|
calling extra attention to featured content or information.
|
||||||
|
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<hr
|
||||||
|
class="my-4"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
|
||||||
|
It uses utility classes for typography and spacing to space content
|
||||||
|
out within the larger container.
|
||||||
|
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="primary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
href="#"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Do Something
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="success"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
href="#"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Do Something Else
|
||||||
|
</cbutton-stub>
|
||||||
|
</cjumbotron-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
|
||||||
|
<crow-stub
|
||||||
|
gutters="true"
|
||||||
|
>
|
||||||
|
<ccol-stub
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Jumbotron
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<small>
|
||||||
|
colors
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<cjumbotron-stub
|
||||||
|
bordercolor="dark"
|
||||||
|
color="info"
|
||||||
|
tag="div"
|
||||||
|
textcolor="white"
|
||||||
|
>
|
||||||
|
<h1
|
||||||
|
class="display-3"
|
||||||
|
>
|
||||||
|
Bootstrap 4
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
<p
|
||||||
|
class="lead"
|
||||||
|
>
|
||||||
|
|
||||||
|
This is a simple hero unit, a simple jumbotron-style component for
|
||||||
|
calling extra attention to featured content or information.
|
||||||
|
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<hr
|
||||||
|
class="my-4"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
|
||||||
|
It uses utility classes for typography and spacing to space content
|
||||||
|
out within the larger container.
|
||||||
|
|
||||||
|
</p>
|
||||||
|
</cjumbotron-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,527 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`Navbars.vue renders correctly 1`] = `
|
||||||
|
<div>
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Bootstrap Navbar
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-header-actions"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="card-header-action"
|
||||||
|
href="https://coreui.io/vue/docs/3.0/components/Navbar"
|
||||||
|
rel="noreferrer noopener"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<small
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
docs
|
||||||
|
</small>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<cnavbar-stub
|
||||||
|
color="info"
|
||||||
|
expandable="md"
|
||||||
|
tag="nav"
|
||||||
|
>
|
||||||
|
<ctoggler-stub
|
||||||
|
innavbar="true"
|
||||||
|
tag="button"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cnavbarbrand-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
href="#"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
NavBar
|
||||||
|
</cnavbarbrand-stub>
|
||||||
|
|
||||||
|
<ccollapse-stub
|
||||||
|
duration="400"
|
||||||
|
navbar="true"
|
||||||
|
transition="ease-in-out"
|
||||||
|
>
|
||||||
|
<cnavbarnav-stub
|
||||||
|
tag="ul"
|
||||||
|
>
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
href="#"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Link
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
disabled="true"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
href="#"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Disabled
|
||||||
|
</cnavitem-stub>
|
||||||
|
</cnavbarnav-stub>
|
||||||
|
|
||||||
|
<cnavbarnav-stub
|
||||||
|
class="ml-auto"
|
||||||
|
tag="ul"
|
||||||
|
>
|
||||||
|
<cform-stub
|
||||||
|
inline="true"
|
||||||
|
>
|
||||||
|
<cinput-stub
|
||||||
|
class="mr-sm-2"
|
||||||
|
lazy="400"
|
||||||
|
placeholder="Search"
|
||||||
|
size="sm"
|
||||||
|
type="text"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="my-2 my-sm-0"
|
||||||
|
color="light"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
size="sm"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Search
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</cform-stub>
|
||||||
|
|
||||||
|
<cdropdown-stub
|
||||||
|
caret="true"
|
||||||
|
flip="true"
|
||||||
|
innav="true"
|
||||||
|
placement="bottom-end"
|
||||||
|
togglertext="Lang"
|
||||||
|
>
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
EN
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
ES
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
RU
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
FA
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
</cdropdown-stub>
|
||||||
|
|
||||||
|
<cdropdown-stub
|
||||||
|
caret="true"
|
||||||
|
flip="true"
|
||||||
|
innav="true"
|
||||||
|
placement="bottom-end"
|
||||||
|
togglertext="User"
|
||||||
|
>
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Profile
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Signout
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
</cdropdown-stub>
|
||||||
|
</cnavbarnav-stub>
|
||||||
|
</ccollapse-stub>
|
||||||
|
</cnavbar-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Navbar
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<small>
|
||||||
|
brand
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<cnavbar-stub
|
||||||
|
color="faded"
|
||||||
|
light="true"
|
||||||
|
tag="nav"
|
||||||
|
>
|
||||||
|
<cnavbarbrand-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
href="#"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
alt="CoreuiVue"
|
||||||
|
class="d-inline-block align-top"
|
||||||
|
src="https://placekitten.com/g/30/30"
|
||||||
|
/>
|
||||||
|
|
||||||
|
CoreuiVue
|
||||||
|
|
||||||
|
</cnavbarbrand-stub>
|
||||||
|
</cnavbar-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Navbar
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<small>
|
||||||
|
text
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<cnavbar-stub
|
||||||
|
color="light"
|
||||||
|
light="true"
|
||||||
|
tag="nav"
|
||||||
|
toggleable="sm"
|
||||||
|
>
|
||||||
|
<ctoggler-stub
|
||||||
|
innavbar="true"
|
||||||
|
tag="button"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cnavbarbrand-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
CoreuiVue
|
||||||
|
</cnavbarbrand-stub>
|
||||||
|
|
||||||
|
<ccollapse-stub
|
||||||
|
duration="400"
|
||||||
|
navbar="true"
|
||||||
|
transition="ease-in-out"
|
||||||
|
>
|
||||||
|
<cnavbarnav-stub
|
||||||
|
tag="ul"
|
||||||
|
>
|
||||||
|
<cnavbartext-stub
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
Navbar text
|
||||||
|
</cnavbartext-stub>
|
||||||
|
</cnavbarnav-stub>
|
||||||
|
</ccollapse-stub>
|
||||||
|
</cnavbar-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Navbar
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<small>
|
||||||
|
dropdown
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<cnavbar-stub
|
||||||
|
color="primary"
|
||||||
|
expandable="sm"
|
||||||
|
tag="nav"
|
||||||
|
>
|
||||||
|
<ctoggler-stub
|
||||||
|
innavbar="true"
|
||||||
|
tag="button"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<ccollapse-stub
|
||||||
|
duration="400"
|
||||||
|
navbar="true"
|
||||||
|
transition="ease-in-out"
|
||||||
|
>
|
||||||
|
<cnavbarnav-stub
|
||||||
|
tag="ul"
|
||||||
|
>
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
href="#"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Home
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
href="#"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Link
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cdropdown-stub
|
||||||
|
caret="true"
|
||||||
|
flip="true"
|
||||||
|
innav="true"
|
||||||
|
placement="bottom-end"
|
||||||
|
togglertext="Lang"
|
||||||
|
>
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
EN
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
ES
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
RU
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
FA
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
</cdropdown-stub>
|
||||||
|
|
||||||
|
<cdropdown-stub
|
||||||
|
caret="true"
|
||||||
|
flip="true"
|
||||||
|
innav="true"
|
||||||
|
placement="bottom-end"
|
||||||
|
togglertext="User"
|
||||||
|
>
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Account
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Settings
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
</cdropdown-stub>
|
||||||
|
</cnavbarnav-stub>
|
||||||
|
</ccollapse-stub>
|
||||||
|
</cnavbar-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Navbar
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<small>
|
||||||
|
form
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<cnavbar-stub
|
||||||
|
color="light"
|
||||||
|
light="true"
|
||||||
|
tag="nav"
|
||||||
|
>
|
||||||
|
<cform-stub
|
||||||
|
inline="true"
|
||||||
|
>
|
||||||
|
<cinput-stub
|
||||||
|
class="mr-sm-2"
|
||||||
|
lazy="400"
|
||||||
|
placeholder="Search"
|
||||||
|
size="sm"
|
||||||
|
type="text"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="my-2 my-sm-0"
|
||||||
|
color="outline-success"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="submit"
|
||||||
|
>
|
||||||
|
Search
|
||||||
|
</cbutton-stub>
|
||||||
|
</cform-stub>
|
||||||
|
</cnavbar-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Navbar
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<small>
|
||||||
|
input group
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<cnavbar-stub
|
||||||
|
color="light"
|
||||||
|
light="true"
|
||||||
|
tag="nav"
|
||||||
|
>
|
||||||
|
<cform-stub
|
||||||
|
inline="true"
|
||||||
|
>
|
||||||
|
<cinput-stub
|
||||||
|
class="mr-sm-2"
|
||||||
|
lazy="400"
|
||||||
|
placeholder="Username"
|
||||||
|
type="text"
|
||||||
|
/>
|
||||||
|
</cform-stub>
|
||||||
|
</cnavbar-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
@@ -0,0 +1,632 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`Navs.vue renders correctly 1`] = `
|
||||||
|
<div>
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
<strong>
|
||||||
|
Bootstrap Navs
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-header-actions"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="card-header-action"
|
||||||
|
href="https://coreui.io/vue/docs/3.0/components/Nav"
|
||||||
|
rel="noreferrer noopener"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<small
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
docs
|
||||||
|
</small>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<cnav-stub>
|
||||||
|
<cnavitem-stub
|
||||||
|
active="true"
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Active
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
title="Link"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Another Link
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
disabled="true"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Disabled
|
||||||
|
</cnavitem-stub>
|
||||||
|
</cnav-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Bootstrap Navs
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<small>
|
||||||
|
icons
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<cnav-stub>
|
||||||
|
<cnavitem-stub
|
||||||
|
active="true"
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
name="basket"
|
||||||
|
/>
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
|
||||||
|
Link
|
||||||
|
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
|
||||||
|
Another Link
|
||||||
|
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
disabled="true"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Disabled
|
||||||
|
</cnavitem-stub>
|
||||||
|
</cnav-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Bootstrap Navs
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<small>
|
||||||
|
tab style
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<cnav-stub
|
||||||
|
variant="tabs"
|
||||||
|
>
|
||||||
|
<cnavitem-stub
|
||||||
|
active="true"
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
|
||||||
|
Active
|
||||||
|
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
|
||||||
|
Link
|
||||||
|
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
|
||||||
|
Another Link
|
||||||
|
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
disabled="true"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Disabled
|
||||||
|
</cnavitem-stub>
|
||||||
|
</cnav-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Bootstrap Navs
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<small>
|
||||||
|
pill style
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<cnav-stub
|
||||||
|
variant="pills"
|
||||||
|
>
|
||||||
|
<cnavitem-stub
|
||||||
|
active="true"
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Active
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Link
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Another Link
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
disabled="true"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Disabled
|
||||||
|
</cnavitem-stub>
|
||||||
|
</cnav-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Bootstrap Navs
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<small>
|
||||||
|
fill tabs
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<cnav-stub
|
||||||
|
fill="true"
|
||||||
|
variant="tabs"
|
||||||
|
>
|
||||||
|
<cnavitem-stub
|
||||||
|
active="true"
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Active
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Link
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Link with a long name
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
disabled="true"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Disabled
|
||||||
|
</cnavitem-stub>
|
||||||
|
</cnav-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Bootstrap Navs
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<small>
|
||||||
|
justified tabs
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<cnav-stub
|
||||||
|
justified="true"
|
||||||
|
variant="tabs"
|
||||||
|
>
|
||||||
|
<cnavitem-stub
|
||||||
|
active="true"
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Active
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Link
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Link with a long name
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
disabled="true"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Disabled
|
||||||
|
</cnavitem-stub>
|
||||||
|
</cnav-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Bootstrap Navs
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<small>
|
||||||
|
dropdown support
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<cnav-stub
|
||||||
|
pills=""
|
||||||
|
>
|
||||||
|
<cnavitem-stub
|
||||||
|
active="true"
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Active
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Link
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cdropdown-stub
|
||||||
|
button-content="Dropdown"
|
||||||
|
caret="true"
|
||||||
|
flip="true"
|
||||||
|
id="nav7_ddown"
|
||||||
|
nav=""
|
||||||
|
placement="bottom-end"
|
||||||
|
togglertext="Dropdown"
|
||||||
|
>
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
one
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
two
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdowndivider-stub
|
||||||
|
tag="div"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
three
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
</cdropdown-stub>
|
||||||
|
</cnav-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Bootstrap Navs
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<small>
|
||||||
|
vertical variation
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<crow-stub
|
||||||
|
gutters="true"
|
||||||
|
>
|
||||||
|
<ccol-stub
|
||||||
|
class="m-0"
|
||||||
|
col="3"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<cnav-stub
|
||||||
|
pills=""
|
||||||
|
vertical="true"
|
||||||
|
>
|
||||||
|
<cnavitem-stub
|
||||||
|
active="true"
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Active
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Link
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Another Link
|
||||||
|
</cnavitem-stub>
|
||||||
|
|
||||||
|
<cnavitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
disabled="true"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Disabled
|
||||||
|
</cnavitem-stub>
|
||||||
|
</cnav-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
@@ -0,0 +1,188 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`Paginations.vue renders correctly 1`] = `
|
||||||
|
<div>
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Responsive bootstrap Pagination
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-header-actions"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="card-header-action"
|
||||||
|
href="https://coreui.io/vue/docs/3.0/components/Pagination"
|
||||||
|
rel="noreferrer noopener"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<small
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
docs
|
||||||
|
</small>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<h6>
|
||||||
|
Default
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<cpagination-stub
|
||||||
|
activepage="3"
|
||||||
|
align="start"
|
||||||
|
arrows="true"
|
||||||
|
dots="true"
|
||||||
|
doublearrows="true"
|
||||||
|
firstbuttonhtml="«"
|
||||||
|
lastbuttonhtml="»"
|
||||||
|
limit="5"
|
||||||
|
nextbuttonhtml="›"
|
||||||
|
pages="10"
|
||||||
|
previousbuttonhtml="‹"
|
||||||
|
responsive=""
|
||||||
|
/>
|
||||||
|
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Small
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<cpagination-stub
|
||||||
|
activepage="3"
|
||||||
|
align="start"
|
||||||
|
arrows="true"
|
||||||
|
dots="true"
|
||||||
|
doublearrows="true"
|
||||||
|
firstbuttonhtml="«"
|
||||||
|
lastbuttonhtml="»"
|
||||||
|
limit="5"
|
||||||
|
nextbuttonhtml="›"
|
||||||
|
pages="10"
|
||||||
|
previousbuttonhtml="‹"
|
||||||
|
size="sm"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h6>
|
||||||
|
Large
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<cpagination-stub
|
||||||
|
activepage="3"
|
||||||
|
align="start"
|
||||||
|
arrows="true"
|
||||||
|
dots="true"
|
||||||
|
doublearrows="true"
|
||||||
|
firstbuttonhtml="«"
|
||||||
|
lastbuttonhtml="»"
|
||||||
|
limit="5"
|
||||||
|
nextbuttonhtml="›"
|
||||||
|
pages="10"
|
||||||
|
previousbuttonhtml="‹"
|
||||||
|
responsive=""
|
||||||
|
size="lg"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<br />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
currentPage: 3
|
||||||
|
</div>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Pagination
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<small>
|
||||||
|
alignment
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<h6>
|
||||||
|
Left alignment (default)
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<cpagination-stub
|
||||||
|
activepage="3"
|
||||||
|
align="start"
|
||||||
|
arrows="true"
|
||||||
|
dots="true"
|
||||||
|
doublearrows="true"
|
||||||
|
firstbuttonhtml="«"
|
||||||
|
lastbuttonhtml="»"
|
||||||
|
limit="5"
|
||||||
|
nextbuttonhtml="›"
|
||||||
|
pages="10"
|
||||||
|
previousbuttonhtml="‹"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Center alignment
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<cpagination-stub
|
||||||
|
activepage="3"
|
||||||
|
align="center"
|
||||||
|
arrows="true"
|
||||||
|
dots="true"
|
||||||
|
doublearrows="true"
|
||||||
|
firstbuttonhtml="«"
|
||||||
|
lastbuttonhtml="»"
|
||||||
|
limit="5"
|
||||||
|
nextbuttonhtml="›"
|
||||||
|
pages="10"
|
||||||
|
previousbuttonhtml="‹"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Right (end) alignment
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<cpagination-stub
|
||||||
|
activepage="3"
|
||||||
|
align="end"
|
||||||
|
arrows="true"
|
||||||
|
dots="true"
|
||||||
|
doublearrows="true"
|
||||||
|
firstbuttonhtml="«"
|
||||||
|
lastbuttonhtml="»"
|
||||||
|
limit="5"
|
||||||
|
nextbuttonhtml="›"
|
||||||
|
pages="10"
|
||||||
|
previousbuttonhtml="‹"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<div>
|
||||||
|
currentPage: 3
|
||||||
|
</div>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
@@ -0,0 +1,713 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`ProgressBars.vue renders correctly 1`] = `
|
||||||
|
<div>
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Bootstrap Progress
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-header-actions"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="card-header-action"
|
||||||
|
href="https://coreui.io/vue/docs/3.0/components/Progress"
|
||||||
|
rel="noreferrer noopener"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<small
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
docs
|
||||||
|
</small>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<cprogress-stub
|
||||||
|
animated="true"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
showpercentage="true"
|
||||||
|
value="73"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="mt-1"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
showvalue="true"
|
||||||
|
value="0"
|
||||||
|
>
|
||||||
|
<cprogressbar-stub
|
||||||
|
color="success"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="43.8"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogressbar-stub
|
||||||
|
color="warning"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="18.25"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogressbar-stub
|
||||||
|
color="danger"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="10.95"
|
||||||
|
/>
|
||||||
|
</cprogress-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="mt-4"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Click me to animate progress bars
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Progress
|
||||||
|
</strong>
|
||||||
|
<small>
|
||||||
|
labels
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<h6>
|
||||||
|
No label
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="mb-3"
|
||||||
|
max="50"
|
||||||
|
precision="0"
|
||||||
|
value="33.333333333"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Value label
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="mb-3"
|
||||||
|
max="50"
|
||||||
|
precision="0"
|
||||||
|
showvalue="true"
|
||||||
|
value="33.333333333"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Progress label
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="mb-3"
|
||||||
|
max="50"
|
||||||
|
precision="0"
|
||||||
|
showpercentage="true"
|
||||||
|
value="33.333333333"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Value label with precision
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="mb-3"
|
||||||
|
max="50"
|
||||||
|
precision="2"
|
||||||
|
showvalue="true"
|
||||||
|
value="33.333333333"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Progress label with precision
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="mb-3"
|
||||||
|
max="50"
|
||||||
|
precision="2"
|
||||||
|
showpercentage="true"
|
||||||
|
value="33.333333333"
|
||||||
|
/>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Progress
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<small>
|
||||||
|
width
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<h6>
|
||||||
|
Default width
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="mb-3"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="75"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Custom widths
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="w-75 mb-2"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="75"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="w-50 mb-2"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="75"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="w-25"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="75"
|
||||||
|
/>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Progress
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<small>
|
||||||
|
height
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<h6>
|
||||||
|
Default height
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="mb-3"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
showpercentage="true"
|
||||||
|
value="75"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Custom heights
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="mb-2"
|
||||||
|
height="2rem"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
showpercentage="true"
|
||||||
|
value="75"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="mb-2"
|
||||||
|
height="20px"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
showpercentage="true"
|
||||||
|
value="75"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
height="2px"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="75"
|
||||||
|
/>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Progress
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<small>
|
||||||
|
colors
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<div
|
||||||
|
class="row mb-1"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="col-sm-2"
|
||||||
|
>
|
||||||
|
success:
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-10 pt-1"
|
||||||
|
>
|
||||||
|
<cprogress-stub
|
||||||
|
color="success"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="75"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="row mb-1"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="col-sm-2"
|
||||||
|
>
|
||||||
|
info:
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-10 pt-1"
|
||||||
|
>
|
||||||
|
<cprogress-stub
|
||||||
|
color="info"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="75"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="row mb-1"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="col-sm-2"
|
||||||
|
>
|
||||||
|
warning:
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-10 pt-1"
|
||||||
|
>
|
||||||
|
<cprogress-stub
|
||||||
|
color="warning"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="75"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="row mb-1"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="col-sm-2"
|
||||||
|
>
|
||||||
|
danger:
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-10 pt-1"
|
||||||
|
>
|
||||||
|
<cprogress-stub
|
||||||
|
color="danger"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="75"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="row mb-1"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="col-sm-2"
|
||||||
|
>
|
||||||
|
primary:
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-10 pt-1"
|
||||||
|
>
|
||||||
|
<cprogress-stub
|
||||||
|
color="primary"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="75"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="row mb-1"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="col-sm-2"
|
||||||
|
>
|
||||||
|
secondary:
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-10 pt-1"
|
||||||
|
>
|
||||||
|
<cprogress-stub
|
||||||
|
color="secondary"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="75"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="row mb-1"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="col-sm-2"
|
||||||
|
>
|
||||||
|
dark:
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-sm-10 pt-1"
|
||||||
|
>
|
||||||
|
<cprogress-stub
|
||||||
|
color="dark"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="75"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Progress
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<small>
|
||||||
|
striped
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<cprogress-stub
|
||||||
|
class="mb-2"
|
||||||
|
color="success"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
striped="true"
|
||||||
|
value="25"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="mb-2"
|
||||||
|
color="info"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
striped="true"
|
||||||
|
value="50"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="mb-2"
|
||||||
|
color="warning"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
striped="true"
|
||||||
|
value="75"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="mb-2"
|
||||||
|
color="danger"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
striped="true"
|
||||||
|
value="100"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Remove Striped
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Progress
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<small>
|
||||||
|
animated
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<cprogress-stub
|
||||||
|
animated="true"
|
||||||
|
class="mb-2"
|
||||||
|
color="success"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
striped="true"
|
||||||
|
value="25"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
animated="true"
|
||||||
|
class="mb-2"
|
||||||
|
color="info"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
striped="true"
|
||||||
|
value="50"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
animated="true"
|
||||||
|
class="mb-2"
|
||||||
|
color="warning"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
striped="true"
|
||||||
|
value="75"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
animated="true"
|
||||||
|
class="mb-3"
|
||||||
|
color="danger"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="100"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Stop Animation
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Progress
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<small>
|
||||||
|
multiple bars
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<cprogress-stub
|
||||||
|
class="mb-3"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="0"
|
||||||
|
>
|
||||||
|
<cprogressbar-stub
|
||||||
|
color="primary"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="15"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogressbar-stub
|
||||||
|
color="success"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="30"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogressbar-stub
|
||||||
|
color="info"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="20"
|
||||||
|
/>
|
||||||
|
</cprogress-stub>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="mb-3"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
showpercentage="true"
|
||||||
|
value="0"
|
||||||
|
>
|
||||||
|
<cprogressbar-stub
|
||||||
|
color="primary"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="15"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogressbar-stub
|
||||||
|
color="success"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="30"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogressbar-stub
|
||||||
|
color="info"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="20"
|
||||||
|
/>
|
||||||
|
</cprogress-stub>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="mb-3"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
showvalue="true"
|
||||||
|
striped="true"
|
||||||
|
value="0"
|
||||||
|
>
|
||||||
|
<cprogressbar-stub
|
||||||
|
color="primary"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="15"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogressbar-stub
|
||||||
|
color="success"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="30"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogressbar-stub
|
||||||
|
color="info"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="20"
|
||||||
|
/>
|
||||||
|
</cprogress-stub>
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
class="mb-3"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
value="0"
|
||||||
|
>
|
||||||
|
<cprogressbar-stub
|
||||||
|
color="primary"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
showpercentage="true"
|
||||||
|
value="15"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogressbar-stub
|
||||||
|
animated="true"
|
||||||
|
color="success"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
showpercentage="true"
|
||||||
|
value="30"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cprogressbar-stub
|
||||||
|
color="info"
|
||||||
|
max="100"
|
||||||
|
precision="0"
|
||||||
|
showpercentage="true"
|
||||||
|
striped="true"
|
||||||
|
value="20"
|
||||||
|
/>
|
||||||
|
</cprogress-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,102 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`Tables.vue renders correctly 1`] = `
|
||||||
|
<div>
|
||||||
|
<crow-stub
|
||||||
|
gutters="true"
|
||||||
|
>
|
||||||
|
<ccol-stub
|
||||||
|
lg="6"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ctablewrapper-stub
|
||||||
|
caption="Simple 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]"
|
||||||
|
/>
|
||||||
|
</ccol-stub>
|
||||||
|
|
||||||
|
<ccol-stub
|
||||||
|
lg="6"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ctablewrapper-stub
|
||||||
|
caption="Striped 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]"
|
||||||
|
striped="true"
|
||||||
|
/>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
|
||||||
|
<crow-stub
|
||||||
|
gutters="true"
|
||||||
|
>
|
||||||
|
<ccol-stub
|
||||||
|
lg="6"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ctablewrapper-stub
|
||||||
|
caption="Condensed 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]"
|
||||||
|
small="true"
|
||||||
|
/>
|
||||||
|
</ccol-stub>
|
||||||
|
|
||||||
|
<ccol-stub
|
||||||
|
lg="6"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ctablewrapper-stub
|
||||||
|
bordered="true"
|
||||||
|
caption="Bordered Table"
|
||||||
|
fields="username,registered,role,status"
|
||||||
|
fixed="true"
|
||||||
|
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]"
|
||||||
|
/>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
|
||||||
|
<crow-stub
|
||||||
|
gutters="true"
|
||||||
|
>
|
||||||
|
<ccol-stub
|
||||||
|
sm="12"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ctablewrapper-stub
|
||||||
|
bordered="true"
|
||||||
|
caption="Combined All Table"
|
||||||
|
fields="username,registered,role,status"
|
||||||
|
fixed="true"
|
||||||
|
hover="true"
|
||||||
|
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]"
|
||||||
|
small="true"
|
||||||
|
striped="true"
|
||||||
|
/>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
|
||||||
|
<crow-stub
|
||||||
|
gutters="true"
|
||||||
|
>
|
||||||
|
<ccol-stub
|
||||||
|
sm="12"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ctablewrapper-stub
|
||||||
|
bordered="true"
|
||||||
|
caption="Combined All Table"
|
||||||
|
dark="true"
|
||||||
|
fields="username,registered,role,status"
|
||||||
|
fixed="true"
|
||||||
|
hover="true"
|
||||||
|
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]"
|
||||||
|
small="true"
|
||||||
|
striped="true"
|
||||||
|
/>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
@@ -0,0 +1,361 @@
|
|||||||
|
// 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"
|
||||||
|
variant="tabs"
|
||||||
|
>
|
||||||
|
<ctab-stub
|
||||||
|
active="true"
|
||||||
|
title="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
|
||||||
|
title="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"
|
||||||
|
title="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"
|
||||||
|
variant="pills"
|
||||||
|
>
|
||||||
|
<ctab-stub
|
||||||
|
active="true"
|
||||||
|
title="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
|
||||||
|
title="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"
|
||||||
|
title="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"
|
||||||
|
variant="tabs"
|
||||||
|
>
|
||||||
|
<ctab-stub
|
||||||
|
active="true"
|
||||||
|
>
|
||||||
|
<template>
|
||||||
|
<cicon-stub
|
||||||
|
name="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>
|
||||||
|
<cicon-stub
|
||||||
|
name="basket"
|
||||||
|
/>
|
||||||
|
</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>
|
||||||
|
<cicon-stub
|
||||||
|
name="chart-pie"
|
||||||
|
/>
|
||||||
|
</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"
|
||||||
|
variant="tabs"
|
||||||
|
>
|
||||||
|
<ctab-stub
|
||||||
|
active="true"
|
||||||
|
>
|
||||||
|
<template>
|
||||||
|
<cicon-stub
|
||||||
|
name="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>
|
||||||
|
<cicon-stub
|
||||||
|
name="basket"
|
||||||
|
/>
|
||||||
|
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>
|
||||||
|
<cicon-stub
|
||||||
|
name="chart-pie"
|
||||||
|
/>
|
||||||
|
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"
|
||||||
|
variant="pills"
|
||||||
|
vertical="true"
|
||||||
|
>
|
||||||
|
<ctab-stub
|
||||||
|
active="true"
|
||||||
|
>
|
||||||
|
<template>
|
||||||
|
<cicon-stub
|
||||||
|
name="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>
|
||||||
|
<cicon-stub
|
||||||
|
name="basket"
|
||||||
|
/>
|
||||||
|
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>
|
||||||
|
<cicon-stub
|
||||||
|
name="chart-pie"
|
||||||
|
/>
|
||||||
|
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>
|
||||||
|
`;
|
||||||
@@ -0,0 +1,348 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`Tooltips.vue renders correctly 1`] = `
|
||||||
|
<div>
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Bootstrap Tooltips
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<small>
|
||||||
|
<code>
|
||||||
|
v-c-tooltip
|
||||||
|
</code>
|
||||||
|
directive
|
||||||
|
</small>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-header-actions"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="card-header-action"
|
||||||
|
href="https://coreui.io/vue/docs/3.0/components/Tooltip"
|
||||||
|
rel="noreferrer noopener"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<small
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
docs
|
||||||
|
</small>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<crow-stub
|
||||||
|
gutters="true"
|
||||||
|
>
|
||||||
|
<ccol-stub
|
||||||
|
col="6"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="text-center my-3"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Hover Me
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</div>
|
||||||
|
</ccol-stub>
|
||||||
|
|
||||||
|
<ccol-stub
|
||||||
|
col="6"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="text-center my-3"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Hover me
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</div>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Tooltips
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<small>
|
||||||
|
placement
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<div
|
||||||
|
class="my-3"
|
||||||
|
>
|
||||||
|
<crow-stub
|
||||||
|
gutters="true"
|
||||||
|
>
|
||||||
|
<ccol-stub
|
||||||
|
class="py-4 text-center"
|
||||||
|
md="4"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="primary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
top-start
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
<ccol-stub
|
||||||
|
class="py-4 text-center"
|
||||||
|
md="4"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="primary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
top
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
<ccol-stub
|
||||||
|
class="py-4 text-center"
|
||||||
|
md="4"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="primary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
top-end
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
<ccol-stub
|
||||||
|
class="py-4 text-center"
|
||||||
|
md="4"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="primary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
bottom-start
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
<ccol-stub
|
||||||
|
class="py-4 text-center"
|
||||||
|
md="4"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="primary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
bottom
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
<ccol-stub
|
||||||
|
class="py-4 text-center"
|
||||||
|
md="4"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="primary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
bottom-end
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
<ccol-stub
|
||||||
|
class="py-4 text-center"
|
||||||
|
md="4"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="primary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
right-start
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
<ccol-stub
|
||||||
|
class="py-4 text-center"
|
||||||
|
md="4"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="primary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
right
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
<ccol-stub
|
||||||
|
class="py-4 text-center"
|
||||||
|
md="4"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="primary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
right-end
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
<ccol-stub
|
||||||
|
class="py-4 text-center"
|
||||||
|
md="4"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="primary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
left-start
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
<ccol-stub
|
||||||
|
class="py-4 text-center"
|
||||||
|
md="4"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="primary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
left
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
<ccol-stub
|
||||||
|
class="py-4 text-center"
|
||||||
|
md="4"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="primary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
left-end
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
</div>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
@@ -2,11 +2,7 @@ import Vue from 'vue'
|
|||||||
import { shallowMount, mount } from '@vue/test-utils'
|
import { shallowMount, mount } from '@vue/test-utils'
|
||||||
import CoreuiVue from '@coreui/vue'
|
import CoreuiVue from '@coreui/vue'
|
||||||
import BrandButtons from '@/views/buttons/BrandButtons'
|
import BrandButtons from '@/views/buttons/BrandButtons'
|
||||||
import { CIconPlugin } from '@coreui/icons/vue'
|
|
||||||
import { iconsSet } from '@/assets/icons/icons.js'
|
|
||||||
|
|
||||||
|
|
||||||
Vue.use(CIconPlugin, iconsSet)
|
|
||||||
Vue.use(CoreuiVue)
|
Vue.use(CoreuiVue)
|
||||||
|
|
||||||
describe('BrandButtons.vue', () => {
|
describe('BrandButtons.vue', () => {
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,875 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`ButtonGroups.vue renders correctly 1`] = `
|
||||||
|
<crow-stub
|
||||||
|
gutters="true"
|
||||||
|
>
|
||||||
|
<ccol-stub
|
||||||
|
col="12"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Bootstrap button group
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-header-actions"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="card-header-action"
|
||||||
|
href="https://coreui.io/vue/docs/3.0/components/ButtonComponents"
|
||||||
|
rel="noreferrer noopener"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<small
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
docs
|
||||||
|
</small>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<div>
|
||||||
|
<cbuttongroup-stub>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
One
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Two
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Three
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Four
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="d-sm-down-none"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Five
|
||||||
|
</cbutton-stub>
|
||||||
|
</cbuttongroup-stub>
|
||||||
|
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<cbuttongroup-stub>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="d-sm-down-none"
|
||||||
|
color="success"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Success
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="info"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Info
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="warning"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Warn
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="d-sm-down-none"
|
||||||
|
color="primary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Primary
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="danger"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Danger
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="link"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Link
|
||||||
|
</cbutton-stub>
|
||||||
|
</cbuttongroup-stub>
|
||||||
|
</div>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
|
||||||
|
<ccol-stub
|
||||||
|
col="12"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Button group
|
||||||
|
</strong>
|
||||||
|
sizing
|
||||||
|
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<div>
|
||||||
|
<cbuttongroup-stub>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Left
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Middle
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Right
|
||||||
|
</cbutton-stub>
|
||||||
|
</cbuttongroup-stub>
|
||||||
|
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<cbuttongroup-stub
|
||||||
|
size="sm"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Left
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Middle
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Right
|
||||||
|
</cbutton-stub>
|
||||||
|
</cbuttongroup-stub>
|
||||||
|
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<cbuttongroup-stub
|
||||||
|
size="lg"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Left
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Middle
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Right
|
||||||
|
</cbutton-stub>
|
||||||
|
</cbuttongroup-stub>
|
||||||
|
</div>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
|
||||||
|
<ccol-stub
|
||||||
|
col="12"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
<strong>
|
||||||
|
Button group
|
||||||
|
</strong>
|
||||||
|
dropdown support
|
||||||
|
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<div>
|
||||||
|
<cbuttongroup-stub>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="d-sm-down-none"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Button 1
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="d-sm-down-none"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Button 2
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cdropdown-stub
|
||||||
|
caret="true"
|
||||||
|
color="success"
|
||||||
|
flip="true"
|
||||||
|
placement="bottom-start"
|
||||||
|
right=""
|
||||||
|
text="Menu"
|
||||||
|
togglertext="Dropdown"
|
||||||
|
>
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Item 1
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Item 2
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdowndivider-stub
|
||||||
|
tag="div"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Item 3
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
</cdropdown-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="d-sm-down-none"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Button 3
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cdropdown-stub
|
||||||
|
caret="true"
|
||||||
|
color="info"
|
||||||
|
flip="true"
|
||||||
|
placement="bottom-start"
|
||||||
|
right=""
|
||||||
|
split="true"
|
||||||
|
text="Split Menu"
|
||||||
|
togglertext="Dropdown"
|
||||||
|
>
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Item 1
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Item 2
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdowndivider-stub
|
||||||
|
tag="div"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Item 3
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
</cdropdown-stub>
|
||||||
|
</cbuttongroup-stub>
|
||||||
|
</div>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
|
||||||
|
<ccol-stub
|
||||||
|
col="12"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Button group
|
||||||
|
</strong>
|
||||||
|
vertical variation
|
||||||
|
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<div>
|
||||||
|
<cbuttongroup-stub
|
||||||
|
vertical="true"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Top
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Middle
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Bottom
|
||||||
|
</cbutton-stub>
|
||||||
|
</cbuttongroup-stub>
|
||||||
|
</div>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
|
||||||
|
<ccol-stub
|
||||||
|
col="12"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Button toolbar
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<small>
|
||||||
|
with button groups
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<cbuttontoolbar-stub
|
||||||
|
aria-label="Toolbar with button groups"
|
||||||
|
>
|
||||||
|
<cbuttongroup-stub
|
||||||
|
class="mx-1"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="d-sm-down-none"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
«
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
‹
|
||||||
|
</cbutton-stub>
|
||||||
|
</cbuttongroup-stub>
|
||||||
|
|
||||||
|
<cbuttongroup-stub
|
||||||
|
class="mx-1"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="d-sm-down-none"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Edit
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Undo
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Redo
|
||||||
|
</cbutton-stub>
|
||||||
|
</cbuttongroup-stub>
|
||||||
|
|
||||||
|
<cbuttongroup-stub
|
||||||
|
class="mx-1"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
›
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="d-sm-down-none"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
»
|
||||||
|
</cbutton-stub>
|
||||||
|
</cbuttongroup-stub>
|
||||||
|
</cbuttontoolbar-stub>
|
||||||
|
|
||||||
|
<hr
|
||||||
|
class="d-sm-down-none"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cbuttontoolbar-stub
|
||||||
|
aria-label="Toolbar with button groups and input groups"
|
||||||
|
class="d-sm-down-none"
|
||||||
|
>
|
||||||
|
<cbuttongroup-stub
|
||||||
|
class="mx-1"
|
||||||
|
size="sm"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
New
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Edit
|
||||||
|
</cbutton-stub>
|
||||||
|
</cbuttongroup-stub>
|
||||||
|
|
||||||
|
<cinput-stub
|
||||||
|
append=".00"
|
||||||
|
class="mb-0 w-25 mx-1"
|
||||||
|
lazy="400"
|
||||||
|
prepend="$"
|
||||||
|
size="sm"
|
||||||
|
type="text"
|
||||||
|
value="100"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cselect-stub
|
||||||
|
class="mb-0 w-25 mx-1"
|
||||||
|
custom="true"
|
||||||
|
options="Large,Medium,Small"
|
||||||
|
prepend="Size"
|
||||||
|
size="sm"
|
||||||
|
value="Medium"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cbuttongroup-stub
|
||||||
|
class="mx-1"
|
||||||
|
size="sm"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Save
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Cancel
|
||||||
|
</cbutton-stub>
|
||||||
|
</cbuttongroup-stub>
|
||||||
|
</cbuttontoolbar-stub>
|
||||||
|
|
||||||
|
<hr />
|
||||||
|
|
||||||
|
<cbuttontoolbar-stub
|
||||||
|
aria-label="Toolbar with button groups and dropdown menu"
|
||||||
|
>
|
||||||
|
<cbuttongroup-stub
|
||||||
|
class="mx-1 d-sm-down-none"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
New
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Edit
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Undo
|
||||||
|
</cbutton-stub>
|
||||||
|
</cbuttongroup-stub>
|
||||||
|
|
||||||
|
<cdropdown-stub
|
||||||
|
button-content="Menu"
|
||||||
|
caret="true"
|
||||||
|
class="mx-1"
|
||||||
|
color="secondary"
|
||||||
|
flip="true"
|
||||||
|
placement="bottom-end"
|
||||||
|
togglertext="Dropdown"
|
||||||
|
>
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Item 1
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Item 2
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
|
||||||
|
<cdropdownitem-stub
|
||||||
|
activeclass="active"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Item 3
|
||||||
|
</cdropdownitem-stub>
|
||||||
|
</cdropdown-stub>
|
||||||
|
|
||||||
|
<cbuttongroup-stub
|
||||||
|
class="mx-1"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Save
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Cancel
|
||||||
|
</cbutton-stub>
|
||||||
|
</cbuttongroup-stub>
|
||||||
|
</cbuttontoolbar-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
`;
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -34,45 +34,62 @@ exports[`Charts.vue renders correctly 1`] = `
|
|||||||
</ccardbody-stub>
|
</ccardbody-stub>
|
||||||
</ccard-stub>
|
</ccard-stub>
|
||||||
|
|
||||||
<ccard-stub
|
<ccard-stub>
|
||||||
bodywrapper="true"
|
<ccardheader-stub>
|
||||||
headerhtml="Bar Chart"
|
Bar Chart
|
||||||
>
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
<cchartbarexample-stub />
|
<cchartbarexample-stub />
|
||||||
|
</ccardbody-stub>
|
||||||
</ccard-stub>
|
</ccard-stub>
|
||||||
|
|
||||||
<ccard-stub
|
<ccard-stub>
|
||||||
bodywrapper="true"
|
<ccardheader-stub>
|
||||||
headerhtml="Doughnut Chart"
|
Doughnut Chart
|
||||||
>
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
<cchartdoughnutexample-stub />
|
<cchartdoughnutexample-stub />
|
||||||
|
</ccardbody-stub>
|
||||||
</ccard-stub>
|
</ccard-stub>
|
||||||
|
|
||||||
<ccard-stub
|
<ccard-stub>
|
||||||
bodywrapper="true"
|
<ccardheader-stub>
|
||||||
headerhtml="Radar Chart"
|
Radar Chart
|
||||||
>
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
<cchartradarexample-stub />
|
<cchartradarexample-stub />
|
||||||
|
</ccardbody-stub>
|
||||||
</ccard-stub>
|
</ccard-stub>
|
||||||
|
|
||||||
<ccard-stub
|
<ccard-stub>
|
||||||
bodywrapper="true"
|
<ccardheader-stub>
|
||||||
headerhtml="Pie Chart"
|
Pie Chart
|
||||||
>
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
<cchartpieexample-stub />
|
<cchartpieexample-stub />
|
||||||
|
</ccardbody-stub>
|
||||||
</ccard-stub>
|
</ccard-stub>
|
||||||
|
|
||||||
<ccard-stub
|
<ccard-stub>
|
||||||
bodywrapper="true"
|
<ccardheader-stub>
|
||||||
headerhtml="Polar Area Chart"
|
Polar Area Chart
|
||||||
>
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
<cchartpolarareaexample-stub />
|
<cchartpolarareaexample-stub />
|
||||||
|
</ccardbody-stub>
|
||||||
</ccard-stub>
|
</ccard-stub>
|
||||||
|
|
||||||
<ccard-stub
|
<ccard-stub>
|
||||||
bodywrapper="true"
|
<ccardheader-stub>
|
||||||
headerhtml="Simple line chart"
|
Simple line chart
|
||||||
>
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
<cchartlinesimple-stub
|
<cchartlinesimple-stub
|
||||||
backgroundcolor="transparent"
|
backgroundcolor="transparent"
|
||||||
bordercolor="success"
|
bordercolor="success"
|
||||||
@@ -80,12 +97,15 @@ exports[`Charts.vue renders correctly 1`] = `
|
|||||||
label="Sales"
|
label="Sales"
|
||||||
labels="months"
|
labels="months"
|
||||||
/>
|
/>
|
||||||
|
</ccardbody-stub>
|
||||||
</ccard-stub>
|
</ccard-stub>
|
||||||
|
|
||||||
<ccard-stub
|
<ccard-stub>
|
||||||
bodywrapper="true"
|
<ccardheader-stub>
|
||||||
headerhtml="Simple pointed chart"
|
Simple pointed chart
|
||||||
>
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
<cchartlinesimple-stub
|
<cchartlinesimple-stub
|
||||||
backgroundcolor="transparent"
|
backgroundcolor="transparent"
|
||||||
bordercolor="warning"
|
bordercolor="warning"
|
||||||
@@ -93,17 +113,21 @@ exports[`Charts.vue renders correctly 1`] = `
|
|||||||
label="Sales"
|
label="Sales"
|
||||||
pointed="true"
|
pointed="true"
|
||||||
/>
|
/>
|
||||||
|
</ccardbody-stub>
|
||||||
</ccard-stub>
|
</ccard-stub>
|
||||||
|
|
||||||
<ccard-stub
|
<ccard-stub>
|
||||||
bodywrapper="true"
|
<ccardheader-stub>
|
||||||
headerhtml="Simple bar chart"
|
Simple bar chart
|
||||||
>
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
<cchartbarsimple-stub
|
<cchartbarsimple-stub
|
||||||
backgroundcolor="danger"
|
backgroundcolor="danger"
|
||||||
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
|
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
|
||||||
label="Sales"
|
label="Sales"
|
||||||
/>
|
/>
|
||||||
|
</ccardbody-stub>
|
||||||
</ccard-stub>
|
</ccard-stub>
|
||||||
</ccardgroup-stub>
|
</ccardgroup-stub>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -2,9 +2,7 @@ import Vue from 'vue'
|
|||||||
import { shallowMount, mount } from '@vue/test-utils'
|
import { shallowMount, mount } from '@vue/test-utils'
|
||||||
import CoreuiVue from '@coreui/vue'
|
import CoreuiVue from '@coreui/vue'
|
||||||
import Brands from '@/views/icons/Brands'
|
import Brands from '@/views/icons/Brands'
|
||||||
import { CIconPlugin } from '@coreui/icons/vue'
|
|
||||||
|
|
||||||
Vue.use(CIconPlugin)
|
|
||||||
Vue.use(CoreuiVue)
|
Vue.use(CoreuiVue)
|
||||||
|
|
||||||
describe('Brands.vue', () => {
|
describe('Brands.vue', () => {
|
||||||
|
|||||||
@@ -1,11 +1,9 @@
|
|||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
import { shallowMount } from '@vue/test-utils'
|
import { shallowMount } from '@vue/test-utils'
|
||||||
import CoreuiVue from '@coreui/vue'
|
import CoreuiVue from '@coreui/vue'
|
||||||
import { CIconPlugin } from '@coreui/icons/vue'
|
|
||||||
import Flags from '@/views/icons/Flags'
|
import Flags from '@/views/icons/Flags'
|
||||||
|
|
||||||
Vue.use(CoreuiVue)
|
Vue.use(CoreuiVue)
|
||||||
Vue.use(CIconPlugin)
|
|
||||||
|
|
||||||
describe('Flags.vue', () => {
|
describe('Flags.vue', () => {
|
||||||
it('has a name', () => {
|
it('has a name', () => {
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,472 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`Alerts.vue renders correctly 1`] = `
|
||||||
|
<crow-stub
|
||||||
|
gutters="true"
|
||||||
|
>
|
||||||
|
<ccol-stub
|
||||||
|
col="12"
|
||||||
|
md="6"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Bootstrap Alert
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-header-actions"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="card-header-action"
|
||||||
|
href="https://coreui.io/vue/docs/3.0/components/Alert"
|
||||||
|
rel="noreferrer noopener"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<small
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
docs
|
||||||
|
</small>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<div>
|
||||||
|
<p />
|
||||||
|
|
||||||
|
<calert-stub
|
||||||
|
color="primary"
|
||||||
|
fade="true"
|
||||||
|
show="true"
|
||||||
|
>
|
||||||
|
Primary Alert
|
||||||
|
</calert-stub>
|
||||||
|
|
||||||
|
<calert-stub
|
||||||
|
color="secondary"
|
||||||
|
fade="true"
|
||||||
|
show="true"
|
||||||
|
>
|
||||||
|
Secondary Alert
|
||||||
|
</calert-stub>
|
||||||
|
|
||||||
|
<calert-stub
|
||||||
|
color="success"
|
||||||
|
fade="true"
|
||||||
|
show="true"
|
||||||
|
>
|
||||||
|
Success Alert
|
||||||
|
</calert-stub>
|
||||||
|
|
||||||
|
<calert-stub
|
||||||
|
color="danger"
|
||||||
|
fade="true"
|
||||||
|
show="true"
|
||||||
|
>
|
||||||
|
Danger Alert
|
||||||
|
</calert-stub>
|
||||||
|
|
||||||
|
<calert-stub
|
||||||
|
color="warning"
|
||||||
|
fade="true"
|
||||||
|
show="true"
|
||||||
|
>
|
||||||
|
Warning Alert
|
||||||
|
</calert-stub>
|
||||||
|
|
||||||
|
<calert-stub
|
||||||
|
color="info"
|
||||||
|
fade="true"
|
||||||
|
show="true"
|
||||||
|
>
|
||||||
|
Info Alert
|
||||||
|
</calert-stub>
|
||||||
|
|
||||||
|
<calert-stub
|
||||||
|
color="light"
|
||||||
|
fade="true"
|
||||||
|
show="true"
|
||||||
|
>
|
||||||
|
Light Alert
|
||||||
|
</calert-stub>
|
||||||
|
|
||||||
|
<calert-stub
|
||||||
|
color="dark"
|
||||||
|
fade="true"
|
||||||
|
show="true"
|
||||||
|
>
|
||||||
|
Dark Alert
|
||||||
|
</calert-stub>
|
||||||
|
</div>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
|
||||||
|
<ccol-stub
|
||||||
|
col="12"
|
||||||
|
md="6"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
Alert
|
||||||
|
|
||||||
|
<small>
|
||||||
|
use
|
||||||
|
<code>
|
||||||
|
.alert-link
|
||||||
|
</code>
|
||||||
|
to provide links
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<div>
|
||||||
|
<calert-stub
|
||||||
|
color="primary"
|
||||||
|
fade="true"
|
||||||
|
show="true"
|
||||||
|
>
|
||||||
|
|
||||||
|
Primary Alert with
|
||||||
|
<a
|
||||||
|
class="alert-link"
|
||||||
|
href="#"
|
||||||
|
>
|
||||||
|
an example link
|
||||||
|
</a>
|
||||||
|
.
|
||||||
|
|
||||||
|
</calert-stub>
|
||||||
|
|
||||||
|
<calert-stub
|
||||||
|
color="secondary"
|
||||||
|
fade="true"
|
||||||
|
show="true"
|
||||||
|
>
|
||||||
|
|
||||||
|
Secondary Alert with
|
||||||
|
<a
|
||||||
|
class="alert-link"
|
||||||
|
href="#"
|
||||||
|
>
|
||||||
|
an example link
|
||||||
|
</a>
|
||||||
|
.
|
||||||
|
|
||||||
|
</calert-stub>
|
||||||
|
|
||||||
|
<calert-stub
|
||||||
|
color="success"
|
||||||
|
fade="true"
|
||||||
|
show="true"
|
||||||
|
>
|
||||||
|
|
||||||
|
Success Alert with
|
||||||
|
<a
|
||||||
|
class="alert-link"
|
||||||
|
href="#"
|
||||||
|
>
|
||||||
|
an example link
|
||||||
|
</a>
|
||||||
|
.
|
||||||
|
|
||||||
|
</calert-stub>
|
||||||
|
|
||||||
|
<calert-stub
|
||||||
|
color="danger"
|
||||||
|
fade="true"
|
||||||
|
show="true"
|
||||||
|
>
|
||||||
|
|
||||||
|
Danger Alert with
|
||||||
|
<a
|
||||||
|
class="alert-link"
|
||||||
|
href="#"
|
||||||
|
>
|
||||||
|
an example link
|
||||||
|
</a>
|
||||||
|
.
|
||||||
|
|
||||||
|
</calert-stub>
|
||||||
|
|
||||||
|
<calert-stub
|
||||||
|
color="warning"
|
||||||
|
fade="true"
|
||||||
|
show="true"
|
||||||
|
>
|
||||||
|
|
||||||
|
Warning Alert with
|
||||||
|
<a
|
||||||
|
class="alert-link"
|
||||||
|
href="#"
|
||||||
|
>
|
||||||
|
an example link
|
||||||
|
</a>
|
||||||
|
.
|
||||||
|
|
||||||
|
</calert-stub>
|
||||||
|
|
||||||
|
<calert-stub
|
||||||
|
color="info"
|
||||||
|
fade="true"
|
||||||
|
show="true"
|
||||||
|
>
|
||||||
|
|
||||||
|
Info Alert with
|
||||||
|
<a
|
||||||
|
class="alert-link"
|
||||||
|
href="#"
|
||||||
|
>
|
||||||
|
an example link
|
||||||
|
</a>
|
||||||
|
.
|
||||||
|
|
||||||
|
</calert-stub>
|
||||||
|
|
||||||
|
<calert-stub
|
||||||
|
color="light"
|
||||||
|
fade="true"
|
||||||
|
show="true"
|
||||||
|
>
|
||||||
|
|
||||||
|
Light Alert with
|
||||||
|
<a
|
||||||
|
class="alert-link"
|
||||||
|
href="#"
|
||||||
|
>
|
||||||
|
an example link
|
||||||
|
</a>
|
||||||
|
.
|
||||||
|
|
||||||
|
</calert-stub>
|
||||||
|
|
||||||
|
<calert-stub
|
||||||
|
color="dark"
|
||||||
|
fade="true"
|
||||||
|
show="true"
|
||||||
|
>
|
||||||
|
|
||||||
|
Dark Alert with
|
||||||
|
|
||||||
|
<clink-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="alert-link"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
href="#"
|
||||||
|
innavitem="true"
|
||||||
|
routertag="a"
|
||||||
|
tag="span"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
an example link
|
||||||
|
</clink-stub>
|
||||||
|
|
||||||
|
.
|
||||||
|
|
||||||
|
</calert-stub>
|
||||||
|
</div>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
|
||||||
|
<ccol-stub
|
||||||
|
col="12"
|
||||||
|
md="6"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
Alerts
|
||||||
|
<small>
|
||||||
|
with additional content
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<calert-stub
|
||||||
|
color="success"
|
||||||
|
fade="true"
|
||||||
|
show="true"
|
||||||
|
>
|
||||||
|
<h4
|
||||||
|
class="alert-heading"
|
||||||
|
>
|
||||||
|
Well done!
|
||||||
|
</h4>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
|
||||||
|
Aww yeah, you successfully read this important alert message.
|
||||||
|
This example text is going to run a bit longer so that you can see
|
||||||
|
how spacing within an alert works with this kind of content.
|
||||||
|
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<hr />
|
||||||
|
|
||||||
|
<p
|
||||||
|
class="mb-0"
|
||||||
|
>
|
||||||
|
|
||||||
|
Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
|
||||||
|
|
||||||
|
</p>
|
||||||
|
</calert-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
|
||||||
|
<ccol-stub
|
||||||
|
col="12"
|
||||||
|
md="6"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
Alerts
|
||||||
|
|
||||||
|
<small>
|
||||||
|
dismissible
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<calert-stub
|
||||||
|
closebutton="true"
|
||||||
|
color="secondary"
|
||||||
|
fade="true"
|
||||||
|
show="true"
|
||||||
|
>
|
||||||
|
|
||||||
|
Dismissible Alert!
|
||||||
|
|
||||||
|
</calert-stub>
|
||||||
|
|
||||||
|
<calert-stub
|
||||||
|
class="alert-dismissible"
|
||||||
|
color="secondary"
|
||||||
|
fade="true"
|
||||||
|
show="true"
|
||||||
|
>
|
||||||
|
|
||||||
|
Dismissible Alert with custom button!
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="position-absolute"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Close
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</calert-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="m-1"
|
||||||
|
color="info"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Show dismissible alerts
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
Alerts
|
||||||
|
|
||||||
|
<small>
|
||||||
|
auto dismissible
|
||||||
|
</small>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<div>
|
||||||
|
<calert-stub
|
||||||
|
closebutton="true"
|
||||||
|
color="warning"
|
||||||
|
fade="true"
|
||||||
|
show="10"
|
||||||
|
>
|
||||||
|
|
||||||
|
Alert will dismiss after
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
10
|
||||||
|
</strong>
|
||||||
|
seconds...
|
||||||
|
|
||||||
|
</calert-stub>
|
||||||
|
|
||||||
|
<calert-stub
|
||||||
|
closebutton="true"
|
||||||
|
color="info"
|
||||||
|
fade="true"
|
||||||
|
show="10"
|
||||||
|
>
|
||||||
|
|
||||||
|
Alert will dismiss after 10 seconds...
|
||||||
|
|
||||||
|
<cprogress-stub
|
||||||
|
color="info"
|
||||||
|
height="4px"
|
||||||
|
max="10"
|
||||||
|
precision="0"
|
||||||
|
value="10"
|
||||||
|
/>
|
||||||
|
</calert-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="m-1"
|
||||||
|
color="info"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Show alert with timer
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</div>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
`;
|
||||||
@@ -0,0 +1,354 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`Badges.vue renders correctly 1`] = `
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="col-12 col-md-6"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="c-icon"
|
||||||
|
viewBox="0 0 64 64"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<strong>
|
||||||
|
Bootstrap Badge
|
||||||
|
</strong>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-header-actions"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="card-header-action"
|
||||||
|
href="https://coreui.io/vue/docs/3.0/components/Badge"
|
||||||
|
rel="noreferrer noopener"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<small
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
docs
|
||||||
|
</small>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
<h2>
|
||||||
|
Example heading
|
||||||
|
<span
|
||||||
|
class="badge badge-primary"
|
||||||
|
>
|
||||||
|
New
|
||||||
|
</span>
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<h3>
|
||||||
|
Example heading
|
||||||
|
<span
|
||||||
|
class="badge badge-primary"
|
||||||
|
>
|
||||||
|
New
|
||||||
|
</span>
|
||||||
|
</h3>
|
||||||
|
|
||||||
|
<h4>
|
||||||
|
Example heading
|
||||||
|
<span
|
||||||
|
class="badge badge-primary"
|
||||||
|
>
|
||||||
|
New
|
||||||
|
</span>
|
||||||
|
</h4>
|
||||||
|
|
||||||
|
<h5>
|
||||||
|
Example heading
|
||||||
|
<span
|
||||||
|
class="badge badge-primary"
|
||||||
|
>
|
||||||
|
New
|
||||||
|
</span>
|
||||||
|
</h5>
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Example heading
|
||||||
|
<span
|
||||||
|
class="badge badge-primary"
|
||||||
|
>
|
||||||
|
New
|
||||||
|
</span>
|
||||||
|
</h6>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<footer
|
||||||
|
class="card-footer"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
class="btn btn-primary"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Notifications
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="badge ml-2 position-static badge-light"
|
||||||
|
>
|
||||||
|
4
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</footer>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="col-12 col-md-6"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="card"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="c-icon"
|
||||||
|
viewBox="0 0 64 64"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
/>
|
||||||
|
Badge
|
||||||
|
|
||||||
|
<small>
|
||||||
|
contextual variations
|
||||||
|
</small>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="badge badge-primary"
|
||||||
|
>
|
||||||
|
Primary
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="badge badge-secondary"
|
||||||
|
>
|
||||||
|
Secondary
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="badge badge-success"
|
||||||
|
>
|
||||||
|
Success
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="badge badge-danger"
|
||||||
|
>
|
||||||
|
Danger
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="badge badge-warning"
|
||||||
|
>
|
||||||
|
Warning
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="badge badge-info"
|
||||||
|
>
|
||||||
|
Info
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="badge badge-light"
|
||||||
|
>
|
||||||
|
Light
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="badge badge-dark"
|
||||||
|
>
|
||||||
|
Dark
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="c-icon"
|
||||||
|
viewBox="0 0 64 64"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
/>
|
||||||
|
Badge
|
||||||
|
|
||||||
|
<small>
|
||||||
|
shape="pill"
|
||||||
|
</small>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
class="badge badge-primary badge-pill"
|
||||||
|
>
|
||||||
|
Primary
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="badge badge-secondary badge-pill"
|
||||||
|
>
|
||||||
|
Secondary
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="badge badge-success badge-pill"
|
||||||
|
>
|
||||||
|
Success
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="badge badge-danger badge-pill"
|
||||||
|
>
|
||||||
|
Danger
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="badge badge-warning badge-pill"
|
||||||
|
>
|
||||||
|
Warning
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="badge badge-info badge-pill"
|
||||||
|
>
|
||||||
|
Info
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="badge badge-light badge-pill"
|
||||||
|
>
|
||||||
|
Light
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span
|
||||||
|
class="badge badge-dark badge-pill"
|
||||||
|
>
|
||||||
|
Dark
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="c-icon"
|
||||||
|
viewBox="0 0 64 64"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
/>
|
||||||
|
Badge
|
||||||
|
|
||||||
|
<small>
|
||||||
|
actionable
|
||||||
|
</small>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="badge badge-primary"
|
||||||
|
href="#"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Primary
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a
|
||||||
|
class="badge badge-secondary"
|
||||||
|
href="#"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Secondary
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a
|
||||||
|
class="badge badge-success"
|
||||||
|
href="#"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Success
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a
|
||||||
|
class="badge badge-danger"
|
||||||
|
href="#"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Danger
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a
|
||||||
|
class="badge badge-warning"
|
||||||
|
href="#"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Warning
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a
|
||||||
|
class="badge badge-info"
|
||||||
|
href="#"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Info
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a
|
||||||
|
class="badge badge-light"
|
||||||
|
href="#"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Light
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a
|
||||||
|
class="badge badge-dark"
|
||||||
|
href="#"
|
||||||
|
target="_self"
|
||||||
|
>
|
||||||
|
Dark
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
@@ -0,0 +1,338 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`Modals.vue renders correctly 1`] = `
|
||||||
|
<div
|
||||||
|
class="wrapper"
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
<crow-stub
|
||||||
|
gutters="true"
|
||||||
|
>
|
||||||
|
<ccol-stub
|
||||||
|
col="12"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ccard-stub>
|
||||||
|
<ccardheader-stub>
|
||||||
|
<cicon-stub
|
||||||
|
name="justify-center"
|
||||||
|
/>
|
||||||
|
Bootstrap Modals
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-header-actions"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="card-header-action"
|
||||||
|
href="https://coreui.io/vue/docs/3.0/components/Modal"
|
||||||
|
rel="noreferrer noopener"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<small
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
docs
|
||||||
|
</small>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="mr-1"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Launch demo modal
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="mr-1"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Launch large modal
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="mr-1"
|
||||||
|
color="secondary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Launch small modal
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<hr />
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="mr-1"
|
||||||
|
color="primary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Launch primary modal
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="mr-1"
|
||||||
|
color="success"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Launch success modal
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="mr-1"
|
||||||
|
color="warning"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Launch warning modal
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="mr-1"
|
||||||
|
color="danger"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Launch danger modal
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="mr-1"
|
||||||
|
color="info"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Launch info modal
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="mr-1"
|
||||||
|
color="dark"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Launch dark modal
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<cmodal-stub
|
||||||
|
backdrop="true"
|
||||||
|
closeonbackdrop="true"
|
||||||
|
fade="true"
|
||||||
|
title="Modal title"
|
||||||
|
>
|
||||||
|
|
||||||
|
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.
|
||||||
|
|
||||||
|
</cmodal-stub>
|
||||||
|
|
||||||
|
<cmodal-stub
|
||||||
|
backdrop="true"
|
||||||
|
closeonbackdrop="true"
|
||||||
|
fade="true"
|
||||||
|
size="lg"
|
||||||
|
title="Modal title"
|
||||||
|
>
|
||||||
|
|
||||||
|
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.
|
||||||
|
|
||||||
|
</cmodal-stub>
|
||||||
|
|
||||||
|
<cmodal-stub
|
||||||
|
backdrop="true"
|
||||||
|
closeonbackdrop="true"
|
||||||
|
fade="true"
|
||||||
|
size="sm"
|
||||||
|
title="Modal title"
|
||||||
|
>
|
||||||
|
|
||||||
|
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.
|
||||||
|
|
||||||
|
</cmodal-stub>
|
||||||
|
|
||||||
|
<cmodal-stub
|
||||||
|
backdrop="true"
|
||||||
|
closeonbackdrop="true"
|
||||||
|
color="primary"
|
||||||
|
fade="true"
|
||||||
|
title="Modal title"
|
||||||
|
>
|
||||||
|
|
||||||
|
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.
|
||||||
|
|
||||||
|
</cmodal-stub>
|
||||||
|
|
||||||
|
<cmodal-stub
|
||||||
|
backdrop="true"
|
||||||
|
closeonbackdrop="true"
|
||||||
|
color="success"
|
||||||
|
fade="true"
|
||||||
|
title="Modal title"
|
||||||
|
>
|
||||||
|
|
||||||
|
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.
|
||||||
|
|
||||||
|
</cmodal-stub>
|
||||||
|
|
||||||
|
<cmodal-stub
|
||||||
|
backdrop="true"
|
||||||
|
closeonbackdrop="true"
|
||||||
|
color="warning"
|
||||||
|
fade="true"
|
||||||
|
title="Modal title"
|
||||||
|
>
|
||||||
|
|
||||||
|
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.
|
||||||
|
|
||||||
|
</cmodal-stub>
|
||||||
|
|
||||||
|
<cmodal-stub
|
||||||
|
backdrop="true"
|
||||||
|
closeonbackdrop="true"
|
||||||
|
color="danger"
|
||||||
|
fade="true"
|
||||||
|
title="Modal title"
|
||||||
|
>
|
||||||
|
|
||||||
|
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.
|
||||||
|
|
||||||
|
</cmodal-stub>
|
||||||
|
|
||||||
|
<cmodal-stub
|
||||||
|
backdrop="true"
|
||||||
|
closeonbackdrop="true"
|
||||||
|
color="info"
|
||||||
|
fade="true"
|
||||||
|
title="Modal title"
|
||||||
|
>
|
||||||
|
|
||||||
|
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.
|
||||||
|
|
||||||
|
</cmodal-stub>
|
||||||
|
|
||||||
|
<cmodal-stub
|
||||||
|
backdrop="true"
|
||||||
|
centered="true"
|
||||||
|
closeonbackdrop="true"
|
||||||
|
color="dark"
|
||||||
|
fade="true"
|
||||||
|
no-close-on-backdrop="true"
|
||||||
|
size="lg"
|
||||||
|
title="Modal title 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.
|
||||||
|
|
||||||
|
</cmodal-stub>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
@@ -0,0 +1,122 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`Login.vue renders correctly 1`] = `
|
||||||
|
<ccontainer-stub
|
||||||
|
class="d-flex align-items-center min-vh-100"
|
||||||
|
>
|
||||||
|
<crow-stub
|
||||||
|
class="justify-content-center"
|
||||||
|
gutters="true"
|
||||||
|
>
|
||||||
|
<ccol-stub
|
||||||
|
md="8"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ccardgroup-stub>
|
||||||
|
<ccard-stub
|
||||||
|
class="p-4"
|
||||||
|
>
|
||||||
|
<ccardbody-stub>
|
||||||
|
<cform-stub>
|
||||||
|
<h1>
|
||||||
|
Login
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
<p
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
Sign In to your account
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<cinput-stub
|
||||||
|
autocomplete="username email"
|
||||||
|
lazy="400"
|
||||||
|
placeholder="Username"
|
||||||
|
type="text"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cinput-stub
|
||||||
|
autocomplete="curent-password"
|
||||||
|
lazy="400"
|
||||||
|
placeholder="Password"
|
||||||
|
type="password"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<crow-stub
|
||||||
|
gutters="true"
|
||||||
|
>
|
||||||
|
<ccol-stub
|
||||||
|
col="6"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="px-4"
|
||||||
|
color="primary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Login
|
||||||
|
</cbutton-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
|
||||||
|
<ccol-stub
|
||||||
|
class="text-right"
|
||||||
|
col="6"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="px-0"
|
||||||
|
color="link"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Forgot password?
|
||||||
|
</cbutton-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
</cform-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
|
||||||
|
<ccard-stub
|
||||||
|
bodywrapper="true"
|
||||||
|
class="text-center py-5 d-md-down-none"
|
||||||
|
color="primary"
|
||||||
|
textcolor="white"
|
||||||
|
>
|
||||||
|
<h2>
|
||||||
|
Sign up
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
class="active mt-3"
|
||||||
|
color="primary"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Register Now!
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
</ccardgroup-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
</ccontainer-stub>
|
||||||
|
`;
|
||||||
@@ -0,0 +1,50 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`Page404.vue renders correctly 1`] = `
|
||||||
|
<ccontainer-stub
|
||||||
|
class="d-flex align-items-center min-vh-100"
|
||||||
|
>
|
||||||
|
<crow-stub
|
||||||
|
class="w-100 justify-content-center"
|
||||||
|
gutters="true"
|
||||||
|
>
|
||||||
|
<ccol-stub
|
||||||
|
md="6"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="w-100"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="clearfix"
|
||||||
|
>
|
||||||
|
<h1
|
||||||
|
class="float-left display-3 mr-4"
|
||||||
|
>
|
||||||
|
404
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
<h4
|
||||||
|
class="pt-3"
|
||||||
|
>
|
||||||
|
Oops! You're lost.
|
||||||
|
</h4>
|
||||||
|
|
||||||
|
<p
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
The page you are looking for was not found.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<cinput-stub
|
||||||
|
class="mb-3"
|
||||||
|
lazy="400"
|
||||||
|
placeholder="What are you looking for?"
|
||||||
|
type="text"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
</ccontainer-stub>
|
||||||
|
`;
|
||||||
@@ -0,0 +1,46 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`Page500.vue renders correctly 1`] = `
|
||||||
|
<ccontainer-stub
|
||||||
|
class="d-flex align-items-center min-vh-100"
|
||||||
|
>
|
||||||
|
<crow-stub
|
||||||
|
class="w-100 justify-content-center"
|
||||||
|
gutters="true"
|
||||||
|
>
|
||||||
|
<ccol-stub
|
||||||
|
md="6"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="clearfix"
|
||||||
|
>
|
||||||
|
<h1
|
||||||
|
class="float-left display-3 mr-4"
|
||||||
|
>
|
||||||
|
500
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
<h4
|
||||||
|
class="pt-3"
|
||||||
|
>
|
||||||
|
Houston, we have a problem!
|
||||||
|
</h4>
|
||||||
|
|
||||||
|
<p
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
The page you are looking for is temporarily unavailable.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<cinput-stub
|
||||||
|
class="mb-3"
|
||||||
|
lazy="400"
|
||||||
|
placeholder="What are you looking for?"
|
||||||
|
type="text"
|
||||||
|
/>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
</ccontainer-stub>
|
||||||
|
`;
|
||||||
@@ -0,0 +1,129 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`Register.vue renders correctly 1`] = `
|
||||||
|
<ccontainer-stub
|
||||||
|
class="min-vh-100 d-flex align-items-center"
|
||||||
|
>
|
||||||
|
<crow-stub
|
||||||
|
class="w-100 justify-content-center"
|
||||||
|
gutters="true"
|
||||||
|
>
|
||||||
|
<ccol-stub
|
||||||
|
md="6"
|
||||||
|
sm="8"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<ccard-stub
|
||||||
|
class="mx-4 mb-0"
|
||||||
|
>
|
||||||
|
<ccardbody-stub
|
||||||
|
class="p-4"
|
||||||
|
>
|
||||||
|
<cform-stub>
|
||||||
|
<h1>
|
||||||
|
Register
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
<p
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
Create your account
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<cinput-stub
|
||||||
|
autocomplete="username"
|
||||||
|
lazy="400"
|
||||||
|
placeholder="Username"
|
||||||
|
type="text"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cinput-stub
|
||||||
|
autocomplete="email"
|
||||||
|
lazy="400"
|
||||||
|
placeholder="Email"
|
||||||
|
prepend="@"
|
||||||
|
type="text"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cinput-stub
|
||||||
|
autocomplete="new-password"
|
||||||
|
lazy="400"
|
||||||
|
placeholder="Password"
|
||||||
|
type="password"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cinput-stub
|
||||||
|
autocomplete="new-password"
|
||||||
|
class="mb-4"
|
||||||
|
lazy="400"
|
||||||
|
placeholder="Repeat password"
|
||||||
|
type="password"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
block="true"
|
||||||
|
color="success"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
Create Account
|
||||||
|
</cbutton-stub>
|
||||||
|
</cform-stub>
|
||||||
|
</ccardbody-stub>
|
||||||
|
|
||||||
|
<ccardfooter-stub
|
||||||
|
class="p-4"
|
||||||
|
>
|
||||||
|
<crow-stub
|
||||||
|
gutters="true"
|
||||||
|
>
|
||||||
|
<ccol-stub
|
||||||
|
col="6"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
block="true"
|
||||||
|
color="facebook"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Facebook
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
|
||||||
|
<ccol-stub
|
||||||
|
col="6"
|
||||||
|
tag="div"
|
||||||
|
>
|
||||||
|
<cbutton-stub
|
||||||
|
activeclass="active"
|
||||||
|
block="true"
|
||||||
|
color="twitter"
|
||||||
|
event="click"
|
||||||
|
exactactiveclass="active"
|
||||||
|
routertag="a"
|
||||||
|
target="_self"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
|
||||||
|
Twitter
|
||||||
|
|
||||||
|
</cbutton-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
</ccardfooter-stub>
|
||||||
|
</ccard-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
</ccontainer-stub>
|
||||||
|
`;
|
||||||
@@ -0,0 +1,856 @@
|
|||||||
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||||
|
|
||||||
|
exports[`Colors.vue renders correctly 1`] = `
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
class="card"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="c-icon"
|
||||||
|
viewBox="0 0 64 64"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
/>
|
||||||
|
Theme colors
|
||||||
|
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="theme-color w-75 rounded mb-3 bg-primary"
|
||||||
|
style="padding-top: 75%;"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Brand Primary Color
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<table
|
||||||
|
class="w-100"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
HEX:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
#ffffff
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
RGB:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
rgb(255, 255, 255)
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="theme-color w-75 rounded mb-3 bg-secondary"
|
||||||
|
style="padding-top: 75%;"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Brand Secondary Color
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<table
|
||||||
|
class="w-100"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
HEX:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
#ffffff
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
RGB:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
rgb(255, 255, 255)
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="theme-color w-75 rounded mb-3 bg-success"
|
||||||
|
style="padding-top: 75%;"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Brand Success Color
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<table
|
||||||
|
class="w-100"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
HEX:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
#ffffff
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
RGB:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
rgb(255, 255, 255)
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="theme-color w-75 rounded mb-3 bg-danger"
|
||||||
|
style="padding-top: 75%;"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Brand Danger Color
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<table
|
||||||
|
class="w-100"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
HEX:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
#ffffff
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
RGB:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
rgb(255, 255, 255)
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="theme-color w-75 rounded mb-3 bg-warning"
|
||||||
|
style="padding-top: 75%;"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Brand Warning Color
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<table
|
||||||
|
class="w-100"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
HEX:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
#ffffff
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
RGB:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
rgb(255, 255, 255)
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="theme-color w-75 rounded mb-3 bg-info"
|
||||||
|
style="padding-top: 75%;"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Brand Info Color
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<table
|
||||||
|
class="w-100"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
HEX:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
#ffffff
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
RGB:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
rgb(255, 255, 255)
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="theme-color w-75 rounded mb-3 bg-light"
|
||||||
|
style="padding-top: 75%;"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Brand Light Color
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<table
|
||||||
|
class="w-100"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
HEX:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
#ffffff
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
RGB:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
rgb(255, 255, 255)
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="theme-color w-75 rounded mb-3 bg-dark"
|
||||||
|
style="padding-top: 75%;"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Brand Dark Color
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<table
|
||||||
|
class="w-100"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
HEX:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
#ffffff
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
RGB:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
rgb(255, 255, 255)
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
<header
|
||||||
|
class="card-header"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="c-icon"
|
||||||
|
viewBox="0 0 64 64"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
/>
|
||||||
|
Grays
|
||||||
|
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-body"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="row"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="theme-color w-75 rounded mb-3 bg-gray-100"
|
||||||
|
style="padding-top: 75%;"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Brand 100 Color
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<table
|
||||||
|
class="w-100"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
HEX:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
#ffffff
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
RGB:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
rgb(255, 255, 255)
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="theme-color w-75 rounded mb-3 bg-gray-200"
|
||||||
|
style="padding-top: 75%;"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Brand 200 Color
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<table
|
||||||
|
class="w-100"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
HEX:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
#ffffff
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
RGB:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
rgb(255, 255, 255)
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="theme-color w-75 rounded mb-3 bg-gray-300"
|
||||||
|
style="padding-top: 75%;"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Brand 300 Color
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<table
|
||||||
|
class="w-100"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
HEX:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
#ffffff
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
RGB:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
rgb(255, 255, 255)
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="theme-color w-75 rounded mb-3 bg-gray-400"
|
||||||
|
style="padding-top: 75%;"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Brand 400 Color
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<table
|
||||||
|
class="w-100"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
HEX:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
#ffffff
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
RGB:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
rgb(255, 255, 255)
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="theme-color w-75 rounded mb-3 bg-gray-500"
|
||||||
|
style="padding-top: 75%;"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Brand 500 Color
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<table
|
||||||
|
class="w-100"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
HEX:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
#ffffff
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
RGB:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
rgb(255, 255, 255)
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="theme-color w-75 rounded mb-3 bg-gray-600"
|
||||||
|
style="padding-top: 75%;"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Brand 600 Color
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<table
|
||||||
|
class="w-100"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
HEX:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
#ffffff
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
RGB:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
rgb(255, 255, 255)
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="theme-color w-75 rounded mb-3 bg-gray-700"
|
||||||
|
style="padding-top: 75%;"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Brand 700 Color
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<table
|
||||||
|
class="w-100"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
HEX:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
#ffffff
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
RGB:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
rgb(255, 255, 255)
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="theme-color w-75 rounded mb-3 bg-gray-800"
|
||||||
|
style="padding-top: 75%;"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Brand 800 Color
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<table
|
||||||
|
class="w-100"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
HEX:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
#ffffff
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
RGB:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
rgb(255, 255, 255)
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="theme-color w-75 rounded mb-3 bg-gray-900"
|
||||||
|
style="padding-top: 75%;"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<h6>
|
||||||
|
Brand 900 Color
|
||||||
|
</h6>
|
||||||
|
|
||||||
|
<table
|
||||||
|
class="w-100"
|
||||||
|
>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
HEX:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
#ffffff
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
RGB:
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="font-weight-bold"
|
||||||
|
>
|
||||||
|
rgb(255, 255, 255)
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!---->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
@@ -10,13 +10,17 @@ exports[`Users.vue renders correctly 1`] = `
|
|||||||
xl="8"
|
xl="8"
|
||||||
>
|
>
|
||||||
<ccard-stub
|
<ccard-stub
|
||||||
bodywrapper="true"
|
|
||||||
headerhtml="Users"
|
|
||||||
name="slide"
|
name="slide"
|
||||||
>
|
>
|
||||||
|
<ccardheader-stub>
|
||||||
|
|
||||||
|
Users
|
||||||
|
|
||||||
|
</ccardheader-stub>
|
||||||
|
|
||||||
|
<ccardbody-stub>
|
||||||
<cdatatable-stub
|
<cdatatable-stub
|
||||||
clickablerows="true"
|
clickablerows="true"
|
||||||
defaultsorter="[object Object]"
|
|
||||||
fields="[object Object],[object Object],[object Object],[object Object]"
|
fields="[object Object],[object Object],[object Object],[object Object]"
|
||||||
hover="true"
|
hover="true"
|
||||||
index-column=""
|
index-column=""
|
||||||
@@ -24,8 +28,10 @@ exports[`Users.vue renders correctly 1`] = `
|
|||||||
itemsperpage="5"
|
itemsperpage="5"
|
||||||
pagination="[object Object]"
|
pagination="[object Object]"
|
||||||
responsive="true"
|
responsive="true"
|
||||||
|
sortervalue="[object Object]"
|
||||||
striped="true"
|
striped="true"
|
||||||
/>
|
/>
|
||||||
|
</ccardbody-stub>
|
||||||
</ccard-stub>
|
</ccard-stub>
|
||||||
</ccol-stub>
|
</ccol-stub>
|
||||||
</crow-stub>
|
</crow-stub>
|
||||||
|
|||||||
@@ -2,9 +2,7 @@ import Vue from 'vue'
|
|||||||
import { shallowMount } from '@vue/test-utils'
|
import { shallowMount } from '@vue/test-utils'
|
||||||
import CoreuiVue from '@coreui/vue'
|
import CoreuiVue from '@coreui/vue'
|
||||||
import Widgets from '@/views/widgets/Widgets'
|
import Widgets from '@/views/widgets/Widgets'
|
||||||
import { CIconPlugin } from '@coreui/icons/vue'
|
|
||||||
|
|
||||||
Vue.use(CIconPlugin)
|
|
||||||
Vue.use(CoreuiVue)
|
Vue.use(CoreuiVue)
|
||||||
|
|
||||||
describe('Widgets.vue', () => {
|
describe('Widgets.vue', () => {
|
||||||
|
|||||||
@@ -0,0 +1,838 @@
|
|||||||
|
// 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
|
||||||
|
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
|
||||||
|
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
|
||||||
|
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
|
||||||
|
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
|
||||||
|
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
|
||||||
|
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
|
||||||
|
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
|
||||||
|
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 "
|
||||||
|
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 "
|
||||||
|
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 "
|
||||||
|
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
|
||||||
|
height="36"
|
||||||
|
name="people"
|
||||||
|
/>
|
||||||
|
</cwidgetprogressicon-stub>
|
||||||
|
|
||||||
|
<cwidgetprogressicon-stub
|
||||||
|
color="success"
|
||||||
|
header="385"
|
||||||
|
text="New Clients"
|
||||||
|
value="25"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
height="36"
|
||||||
|
name="userFollow"
|
||||||
|
/>
|
||||||
|
</cwidgetprogressicon-stub>
|
||||||
|
|
||||||
|
<cwidgetprogressicon-stub
|
||||||
|
color="warning"
|
||||||
|
header="1238"
|
||||||
|
text="Products sold"
|
||||||
|
value="25"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
height="36"
|
||||||
|
name="basket"
|
||||||
|
/>
|
||||||
|
</cwidgetprogressicon-stub>
|
||||||
|
|
||||||
|
<cwidgetprogressicon-stub
|
||||||
|
header="28%"
|
||||||
|
text="Returning Visitors"
|
||||||
|
value="25"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
height="36"
|
||||||
|
name="chartPie"
|
||||||
|
/>
|
||||||
|
</cwidgetprogressicon-stub>
|
||||||
|
|
||||||
|
<cwidgetprogressicon-stub
|
||||||
|
color="danger"
|
||||||
|
header="5:34:11"
|
||||||
|
text="Avg. Time"
|
||||||
|
value="25"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
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
|
||||||
|
height="36"
|
||||||
|
name="people"
|
||||||
|
/>
|
||||||
|
</cwidgetprogressicon-stub>
|
||||||
|
|
||||||
|
<cwidgetprogressicon-stub
|
||||||
|
color="success"
|
||||||
|
header="385"
|
||||||
|
inverse="true"
|
||||||
|
text="New Clients"
|
||||||
|
value="25"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
height="36"
|
||||||
|
name="userFollow"
|
||||||
|
/>
|
||||||
|
</cwidgetprogressicon-stub>
|
||||||
|
|
||||||
|
<cwidgetprogressicon-stub
|
||||||
|
color="warning"
|
||||||
|
header="1238"
|
||||||
|
inverse="true"
|
||||||
|
text="Products sold"
|
||||||
|
value="25"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
height="36"
|
||||||
|
name="basket"
|
||||||
|
/>
|
||||||
|
</cwidgetprogressicon-stub>
|
||||||
|
|
||||||
|
<cwidgetprogressicon-stub
|
||||||
|
color="primary"
|
||||||
|
header="28%"
|
||||||
|
inverse="true"
|
||||||
|
text="Returning Visitors"
|
||||||
|
value="25"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
height="36"
|
||||||
|
name="chartPie"
|
||||||
|
/>
|
||||||
|
</cwidgetprogressicon-stub>
|
||||||
|
|
||||||
|
<cwidgetprogressicon-stub
|
||||||
|
color="danger"
|
||||||
|
header="5:34:11"
|
||||||
|
inverse="true"
|
||||||
|
text="Avg. Time"
|
||||||
|
value="25"
|
||||||
|
>
|
||||||
|
<cicon-stub
|
||||||
|
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
|
||||||
|
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
|
||||||
|
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
|
||||||
|
height="36"
|
||||||
|
name="basket"
|
||||||
|
/>
|
||||||
|
</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
|
||||||
|
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
|
||||||
|
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
|
||||||
|
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
|
||||||
|
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
|
||||||
|
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
|
||||||
|
height="36"
|
||||||
|
name="basket"
|
||||||
|
/>
|
||||||
|
</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
|
||||||
|
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
|
||||||
|
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
|
||||||
|
height="36"
|
||||||
|
name="speech"
|
||||||
|
/>
|
||||||
|
</cwidgetprogressicon-stub>
|
||||||
|
</ccol-stub>
|
||||||
|
</crow-stub>
|
||||||
|
|
||||||
|
<widgetsdropdown-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>
|
||||||
|
`;
|
||||||
Reference in New Issue
Block a user