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

chore: merge branch 'dev' into v3-next

Browse Source
This commit is contained in:
woothu
2020-02-24 16:54:42 +01:00
parent b8636c729f c473182f6c
commit 9132c2f449
75 changed files with 4218 additions and 3173 deletions
Download Patch File Download Diff File Expand all files Collapse all files
CONTRIBUTING.md → .github/CONTRIBUTING.md
+7 -7
View File
@@ -36,7 +36,7 @@ Guidelines for bug reports:
1. **Use the GitHub issue search** — check if the issue has already been reported.
2. **Check if the issue has been fixed** — try to reproduce it using the latest `master` or development branch in the repository.
2. **Check if the issue has been fixed** — try to reproduce it using the latest `master` or `dev` branch in the repository.
3. **Isolate the problem** — ideally create a [reduced test case](https://css-tricks.com/reduced-test-cases/) and a live example. [This JS Bin](http://jsbin.com/lefey/1/edit?html,output) is a helpful template.
@@ -101,11 +101,11 @@ included in the project:
2. If you cloned a while ago, get the latest changes from upstream:
```bash
git checkout master
git pull upstream master
git checkout dev
git pull upstream dev
```
3. Create a new topic branch (off the main project development branch) to
3. Create a new topic branch (off the development branch "dev") to
contain your feature, change, or fix:
```bash
@@ -121,7 +121,7 @@ included in the project:
5. Locally merge (or rebase) the upstream development branch into your topic branch:
```bash
git pull [--rebase] upstream master
git pull [--rebase] upstream dev
```
6. Push your topic branch up to your fork:
@@ -130,7 +130,7 @@ included in the project:
git push origin <topic-branch-name>
```
7. [Open a Pull Request](https://help.github.com/articles/using-pull-requests/) with a clear title and description against the `master` branch.
7. [Open a Pull Request](https://help.github.com/articles/using-pull-requests/) with a clear title and description into the `dev` branch.
**IMPORTANT**: By submitting a patch, you agree to allow the project owners to license your work under the terms of the [MIT License](LICENSE).
@@ -144,7 +144,7 @@ Inspired by Sparkbox's awesome article on [semantic commit messages](http://sees
- fix (bug fix) -> ```git commit -m 'fix: commit-message-here'```
- refactor (refactoring production code) -> ```git commit -m 'refactor: commit-message-here'```
- style (formatting, missing semi colons, etc; no code change) -> ```git commit -m 'style: commit-message-here'```
- test (adding missing tests, refactoring tests; no production code change) -> ```git test -m 'refactor: commit-message-here'```
- test (adding missing tests, refactoring tests; no production code change) -> ```git commit -m 'test: commit-message-here'```
## Code guidelines
ISSUE_TEMPLATE.md → .github/ISSUE_TEMPLATE.md
View File
.github/workflows/daily-project-check.yml
+49
View File
@@ -0,0 +1,49 @@
name: Daily project check
on:
schedule:
# build runs everyday at 6AM UTC
- cron: '0 6 * * *'
jobs:
build:
runs-on: ubuntu-latest
strategy:
matrix:
node-version: [8.x, 10.x, 12.x]
os: [ubuntu-latest, windows-latest, macOS-latest]
steps:
- uses: actions/checkout@v1
- name: Use Node.js ${{ matrix.node-version }}
uses: actions/setup-node@v1
with:
node-version: ${{ matrix.node-version }}
- name: project check
run: |
npm i
npm run clearCache
npm run build
npm run lint
npm run test:unit
env:
CI: true
e2e-chrome:
runs-on: windows-latest
steps:
- uses: actions/checkout@v1
- name: Use Node.js 12
uses: actions/setup-node@v1
with:
node-version: 12
- name: e2e chrome test
run: |
npm i
npm run test:e2e
env:
BROWSER: chrome
.github/workflows/project-check.yml
+48
View File
@@ -0,0 +1,48 @@
name: Project check
on:
push:
pull_request:
jobs:
build:
runs-on: ubuntu-latest
strategy:
matrix:
node-version: [8.x, 10.x, 12.x]
os: [ubuntu-latest, windows-latest, macOS-latest]
steps:
- uses: actions/checkout@v1
- name: Use Node.js ${{ matrix.node-version }}
uses: actions/setup-node@v1
with:
node-version: ${{ matrix.node-version }}
- name: project check
run: |
npm i
npm run clearCache
npm run build
npm run lint
npm run test:unit
env:
CI: true
e2e-chrome:
runs-on: windows-latest
steps:
- uses: actions/checkout@v1
- name: Use Node.js 12
uses: actions/setup-node@v1
with:
node-version: 12
- name: e2e chrome test
run: |
npm i
npm run test:e2e
env:
BROWSER: chrome
README.md
+3 -4
View File
@@ -3,8 +3,7 @@
[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=CoreUI%20-%20Free%20Vue%20Admin%20Template%20&url=http://coreui.io/vue/&hashtags=bootstrap,admin,template,dashboard,panel,free,angular,react,vue)
[![NPM][npm-coreui-vue-badge-latest]][npm-coreui-vue]
[![Downloads](https://img.shields.io/npm/dm/@coreui/vue.svg?style=flat-square)][coreui]
[![Jest](https://img.shields.io/badge/Jest-^24.9.0-blue.svg?style=flat-square)][coreui]
[![Vue](https://img.shields.io/badge/Vue-^2.6.10-brightgreen.svg?style=flat-square)][coreui]
[![Vue](https://img.shields.io/badge/Vue-^2.6.11-brightgreen.svg?style=flat-square)][coreui]
[npm-coreui-vue]: https://www.npmjs.com/package/@coreui/vue
[npm-coreui-vue-badge-latest]: https://img.shields.io/npm/v/@coreui/vue/latest?style=flat-square&color=brightgreen
@@ -97,7 +96,7 @@ Have a bug or a feature request? [Please open a new issue](https://github.com/co
### Contributing
Please read through our [contributing guidelines](https://github.com/coreui/coreui-free-vue-admin-template/blob/v3-next/CONTRIBUTING.md). Included are directions for opening issues, coding standards, and notes on development.
Please read through our [contributing guidelines](https://github.com/coreui/coreui-free-vue-admin-template/blob/v3-next/.github/CONTRIBUTING.md). Included are directions for opening issues, coding standards, and notes on development.
### Versioning
@@ -146,7 +145,7 @@ Some of projects created by community but not maintained by CoreUI team.
## Copyright and license
Copyright 2019 creativeLabs Łukasz Holeczek. Code released under [the MIT license](https://github.com/coreui/coreui-free-vue-admin-template/blob/master/LICENSE).
Copyright 2020 creativeLabs Łukasz Holeczek. Code released under [the MIT license](https://github.com/coreui/coreui-free-vue-admin-template/blob/master/LICENSE).
There is only one limitation - you cannot re-distribute the `CoreUI` as stock nor if you modify the `CoreUI`. In the past we faced some problems with persons who tried to sell `CoreUI` based templates.
## Support CoreUI Development
babel.config.js
+7 -1
View File
@@ -1,5 +1,11 @@
module.exports = {
presets: [
['@babel/preset-env']
[
'@babel/preset-env',
{
useBuiltIns: 'entry',
corejs: 3
}
]
]
}
package-lock.json
Generated
+2355 -1367
View File
File diff suppressed because it is too large Load Diff
package.json
+26 -25
View File
@@ -1,6 +1,6 @@
{
"name": "@coreui/coreui-free-vue-admin-template",
"version": "3.0.0-beta.3",
"version": "3.0.0",
"description": "Open Source Bootstrap Admin Template",
"author": {
"name": "CoreUI",
@@ -15,7 +15,7 @@
}
],
"homepage": "http://coreui.io",
"copyright": "Copyright 2019 creativeLabs Łukasz Holeczek",
"copyright": "Copyright 2020 creativeLabs Łukasz Holeczek",
"license": "MIT",
"scripts": {
"serve": "vue-cli-service serve",
@@ -27,32 +27,33 @@
"release": "npm-run-all clearCache lint build test:unit test:e2e"
},
"dependencies": {
"@coreui/coreui": "^3.0.0-beta.4",
"@coreui/icons": "^1.0.0",
"@coreui/utils": "^1.0.0",
"@coreui/vue": "^3.0.0-beta.4",
"@coreui/vue-chartjs": "^1.0.2",
"vue": "^2.6.10",
"vue-router": "^3.1.3"
"@coreui/coreui": "~3.0.0",
"@coreui/icons": "~1.0.1",
"@coreui/utils": "~1.2.2",
"@coreui/vue": "~3.0.0",
"@coreui/vue-chartjs": "~1.0.3",
"vue": "~2.6.11",
"vue-router": "~3.1.5",
"vuex": "~3.1.2"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^4.1.1",
"@vue/cli-plugin-e2e-nightwatch": "^4.1.1",
"@vue/cli-plugin-eslint": "^4.1.1",
"@vue/cli-plugin-unit-jest": "^4.1.1",
"@vue/cli-service": "^4.1.1",
"@babel/core": "~7.8.4",
"@vue/cli-plugin-babel": "~4.2.2",
"@vue/cli-plugin-e2e-nightwatch": "~4.2.2",
"@vue/cli-plugin-eslint": "~4.2.2",
"@vue/cli-plugin-unit-jest": "~4.2.2",
"@vue/cli-service": "~4.2.2",
"@vue/test-utils": "1.0.0-beta.29",
"@babel/core": "^7.7.5",
"babel-eslint": "^10.0.3",
"babel-jest": "^24.9.0",
"core-js": "^3.4.8",
"chromedriver": "^79.0.0",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^6.0.1",
"node-sass": "^4.13.0",
"npm-run-all": "^4.1.5",
"sass-loader": "^8.0.0",
"vue-template-compiler": "^2.6.10"
"babel-eslint": "~10.0.3",
"babel-jest": "~25.1.0",
"chromedriver": "~80.0.1",
"core-js": "~3.6.4",
"eslint": "~6.8.0",
"eslint-plugin-vue": "~6.2.1",
"node-sass": "~4.13.1",
"npm-run-all": "~4.1.5",
"sass-loader": "~8.0.2",
"vue-template-compiler": "~2.6.11"
},
"browserslist": [
"> 1%",
public/img/brand/coreui-base-white.svg
-24
View File
@@ -1,24 +0,0 @@
<svg id="Warstwa_1" data-name="Warstwa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 376 178">
<defs>
<style>
.cls-2 {
fill: #fff;
}
</style>
</defs>
<title>Base_negative</title>
<g>
<g>
<path class="cls-2" d="M128,56.1244,89,33.6077a12,12,0,0,0-12,0L38,56.1243a12.0339,12.0339,0,0,0-6,10.3924V111.55a12.0333,12.0333,0,0,0,6,10.3923L77,144.459a12,12,0,0,0,12,0l39-22.5167a12.0333,12.0333,0,0,0,6-10.3923V66.5167A12.0336,12.0336,0,0,0,128,56.1244ZM126,111.55a4,4,0,0,1-2,3.4641L85,137.5308a4,4,0,0,1-4,0L42,115.0141a4,4,0,0,1-2-3.4641V66.5167a4,4,0,0,1,2-3.4641L81,40.5359a4,4,0,0,1,4,0l39,22.5167a4,4,0,0,1,2,3.4641Z"/>
<path class="cls-2" d="M106.0216,102.0713h-2.866a3.9993,3.9993,0,0,0-1.9246.4935L83.95,112.05,64,100.5315V77.554L83.95,66.0354l17.2894,9.455a4,4,0,0,0,1.9192.4905h2.8632a2,2,0,0,0,2-2V71.2691a2,2,0,0,0-1.04-1.7547L87.793,59.0188a8.0391,8.0391,0,0,0-7.8428.09L60,70.6262A8.0245,8.0245,0,0,0,56,77.5549v22.976a8,8,0,0,0,4,6.9283l19.95,11.5186a8.0429,8.0429,0,0,0,7.8433.0879l19.19-10.5312a2,2,0,0,0,1.0378-1.7533v-2.71A2,2,0,0,0,106.0216,102.0713Z"/>
</g>
<g>
<path class="cls-2" d="M200.7447,65.4285a15.0166,15.0166,0,0,0-15,14.9995V97.7054a15,15,0,1,0,30,0V80.428A15.0166,15.0166,0,0,0,200.7447,65.4285Zm7,32.2769a7,7,0,1,1-14,0V80.428a7,7,0,0,1,14,0Z"/>
<path class="cls-2" d="M164.0788,73.4878a7.01,7.01,0,0,1,7.8681,6.0752.9893.9893,0,0,0,.9843.865h6.0305a1.0109,1.0109,0,0,0,.9987-1.0971,15.0183,15.0183,0,0,0-15.7162-13.8837A15.288,15.288,0,0,0,150,80.8635V97.27a15.288,15.288,0,0,0,14.2441,15.4163A15.0184,15.0184,0,0,0,179.96,98.8025a1.0108,1.0108,0,0,0-.9987-1.0971h-6.0305a.9893.9893,0,0,0-.9843.865,7.01,7.01,0,0,1-7.868,6.0757A7.1642,7.1642,0,0,1,158,97.4612V80.6724A7.1638,7.1638,0,0,1,164.0788,73.4878Z"/>
<path class="cls-2" d="M246.9222,92.9944a12.1584,12.1584,0,0,0,7.1842-11.0771V78.2161A12.1494,12.1494,0,0,0,241.957,66.0667H225a1,1,0,0,0-1,1v44a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1v-17h6.6215l7.9154,17.4138a1,1,0,0,0,.91.5862h6.5911a1,1,0,0,0,.91-1.4138Zm-.8158-11.0771a4.1538,4.1538,0,0,1-4.1489,4.1494h-9.8511v-12h9.8511a4.1538,4.1538,0,0,1,4.1489,4.1494Z"/>
<path class="cls-2" d="M289,66.0667H263a1,1,0,0,0-1,1v44a1,1,0,0,0,1,1h26a1,1,0,0,0,1-1v-6a1,1,0,0,0-1-1H270v-12h13a1,1,0,0,0,1-1v-6a1,1,0,0,0-1-1H270v-10h19a1,1,0,0,0,1-1v-6A1,1,0,0,0,289,66.0667Z"/>
<path class="cls-2" d="M327,66.0667h-6a1,1,0,0,0-1,1V89.7142a7.0066,7.0066,0,1,1-14,0V67.0667a1,1,0,0,0-1-1h-6a1,1,0,0,0-1,1V89.7142a15.0031,15.0031,0,1,0,30,0V67.0667A1,1,0,0,0,327,66.0667Z"/>
<rect class="cls-2" x="336" y="66.0667" width="8" height="38" rx="1"/>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.6 KiB

public/img/brand/coreui-base.svg
-24
View File
@@ -1,24 +0,0 @@
<svg id="Warstwa_1" data-name="Warstwa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 376.0106 178">
<defs>
<style>
.cls-1 {
fill: #3c4b64;
}
</style>
</defs>
<title>Base</title>
<g>
<g>
<path class="cls-1" d="M128,56.1244,89,33.6077a12,12,0,0,0-12,0L38,56.1243a12.0339,12.0339,0,0,0-6,10.3924V111.55a12.0333,12.0333,0,0,0,6,10.3923L77,144.459a12,12,0,0,0,12,0l39-22.5167a12.0333,12.0333,0,0,0,6-10.3923V66.5167A12.0336,12.0336,0,0,0,128,56.1244ZM126,111.55a4,4,0,0,1-2,3.4641L85,137.5308a4,4,0,0,1-4,0L42,115.0141a4,4,0,0,1-2-3.4641V66.5167a4,4,0,0,1,2-3.4641L81,40.5359a4,4,0,0,1,4,0l39,22.5167a4,4,0,0,1,2,3.4641Z"/>
<path class="cls-1" d="M106.0216,102.0713h-2.866a3.9993,3.9993,0,0,0-1.9246.4935L83.95,112.05,64,100.5315V77.554L83.95,66.0354l17.2894,9.455a4,4,0,0,0,1.9192.4905h2.8632a2,2,0,0,0,2-2V71.2691a2,2,0,0,0-1.04-1.7547L87.793,59.0188a8.0391,8.0391,0,0,0-7.8428.09L60,70.6262A8.0245,8.0245,0,0,0,56,77.5549v22.976a8,8,0,0,0,4,6.9283l19.95,11.5186a8.0429,8.0429,0,0,0,7.8433.0879l19.19-10.5312a2,2,0,0,0,1.0378-1.7533v-2.71A2,2,0,0,0,106.0216,102.0713Z"/>
</g>
<g>
<path class="cls-1" d="M200.7447,65.4285a15.0166,15.0166,0,0,0-15,14.9995V97.7054a15,15,0,1,0,30,0V80.428A15.0166,15.0166,0,0,0,200.7447,65.4285Zm7,32.2769a7,7,0,1,1-14,0V80.428a7,7,0,0,1,14,0Z"/>
<path class="cls-1" d="M164.0788,73.4878a7.01,7.01,0,0,1,7.8681,6.0752.9893.9893,0,0,0,.9843.865h6.0305a1.0109,1.0109,0,0,0,.9987-1.0971,15.0183,15.0183,0,0,0-15.7162-13.8837A15.288,15.288,0,0,0,150,80.8635V97.27a15.288,15.288,0,0,0,14.2441,15.4163A15.0184,15.0184,0,0,0,179.96,98.8025a1.0108,1.0108,0,0,0-.9987-1.0971h-6.0305a.9893.9893,0,0,0-.9843.865,7.01,7.01,0,0,1-7.868,6.0757A7.1642,7.1642,0,0,1,158,97.4612V80.6724A7.1638,7.1638,0,0,1,164.0788,73.4878Z"/>
<path class="cls-1" d="M246.9222,92.9944a12.1584,12.1584,0,0,0,7.1842-11.0771V78.2161A12.1494,12.1494,0,0,0,241.957,66.0667H225a1,1,0,0,0-1,1v44a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1v-17h6.6215l7.9154,17.4138a1,1,0,0,0,.91.5862h6.5911a1,1,0,0,0,.91-1.4138Zm-.8158-11.0771a4.1538,4.1538,0,0,1-4.1489,4.1494h-9.8511v-12h9.8511a4.1538,4.1538,0,0,1,4.1489,4.1494Z"/>
<path class="cls-1" d="M289,66.0667H263a1,1,0,0,0-1,1v44a1,1,0,0,0,1,1h26a1,1,0,0,0,1-1v-6a1,1,0,0,0-1-1H270v-12h13a1,1,0,0,0,1-1v-6a1,1,0,0,0-1-1H270v-10h19a1,1,0,0,0,1-1v-6A1,1,0,0,0,289,66.0667Z"/>
<path class="cls-1" d="M327,66.0667h-6a1,1,0,0,0-1,1V89.7142a7.0066,7.0066,0,1,1-14,0V67.0667a1,1,0,0,0-1-1h-6a1,1,0,0,0-1,1V89.7142a15.0031,15.0031,0,1,0,30,0V67.0667A1,1,0,0,0,327,66.0667Z"/>
<rect class="cls-1" x="336" y="66.0667" width="8" height="38" rx="1"/>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.6 KiB

public/img/brand/coreui-signet-white.svg
-16
View File
@@ -1,16 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160">
<defs>
<style>
.cls-1 {
fill: #fff;
}
</style>
</defs>
<title>signet_white</title>
<g id="Warstwa_1" data-name="Warstwa 1">
<g>
<path class="cls-1" d="M125,47.091,86,24.5743a12,12,0,0,0-12,0L35,47.091a12.0336,12.0336,0,0,0-6,10.3923v45.0334a12.0335,12.0335,0,0,0,6,10.3923l39,22.5166a11.9993,11.9993,0,0,0,12,0l39-22.5166a12.0335,12.0335,0,0,0,6-10.3923V57.4833A12.0336,12.0336,0,0,0,125,47.091Zm-2,55.4257a4,4,0,0,1-2,3.464L82,128.4974a4,4,0,0,1-4,0L39,105.9807a4,4,0,0,1-2-3.464V57.4833a4,4,0,0,1,2-3.4641L78,31.5025a4,4,0,0,1,4,0l39,22.5167a4,4,0,0,1,2,3.4641Z"/>
<path class="cls-1" d="M103.0216,93.0379h-2.866a4,4,0,0,0-1.9246.4935L80.95,103.0167,61,91.4981V68.5206L80.95,57.002l17.2894,9.455a4,4,0,0,0,1.9192.4905h2.8632a2,2,0,0,0,2-2V62.2357a2,2,0,0,0-1.04-1.7547L84.793,49.9854a8.0391,8.0391,0,0,0-7.8428.09L57,61.5929A8.0243,8.0243,0,0,0,53,68.5216v22.976a8,8,0,0,0,4,6.9283l19.95,11.5185a8.0422,8.0422,0,0,0,7.8433.0879l19.19-10.5311a2,2,0,0,0,1.0378-1.7534v-2.71A2,2,0,0,0,103.0216,93.0379Z"/>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

public/img/brand/coreui-signet.svg
-16
View File
@@ -1,16 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160">
<defs>
<style>
.cls-1 {
fill: #3c4b64;
}
</style>
</defs>
<title>signet</title>
<g id="Warstwa_1" data-name="Warstwa 1">
<g>
<path class="cls-1" d="M125,47.091,86,24.5743a12,12,0,0,0-12,0L35,47.091a12.0336,12.0336,0,0,0-6,10.3923v45.0334a12.0335,12.0335,0,0,0,6,10.3923l39,22.5166a11.9993,11.9993,0,0,0,12,0l39-22.5166a12.0335,12.0335,0,0,0,6-10.3923V57.4833A12.0336,12.0336,0,0,0,125,47.091Zm-2,55.4257a4,4,0,0,1-2,3.464L82,128.4974a4,4,0,0,1-4,0L39,105.9807a4,4,0,0,1-2-3.464V57.4833a4,4,0,0,1,2-3.4641L78,31.5025a4,4,0,0,1,4,0l39,22.5167a4,4,0,0,1,2,3.4641Z"/>
<path class="cls-1" d="M103.0216,93.0379h-2.866a4,4,0,0,0-1.9246.4935L80.95,103.0167,61,91.4981V68.5206L80.95,57.002l17.2894,9.455a4,4,0,0,0,1.9192.4905h2.8632a2,2,0,0,0,2-2V62.2357a2,2,0,0,0-1.04-1.7547L84.793,49.9854a8.0391,8.0391,0,0,0-7.8428.09L57,61.5929A8.0243,8.0243,0,0,0,53,68.5216v22.976a8,8,0,0,0,4,6.9283l19.95,11.5185a8.0422,8.0422,0,0,0,7.8433.0879l19.19-10.5311a2,2,0,0,0,1.0378-1.7534v-2.71A2,2,0,0,0,103.0216,93.0379Z"/>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

public/img/brand/coreui-vue-logo.svg
-38
View File
@@ -1,38 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 556 134">
<defs>
<style>
.cls-1 {
fill: #1bbd93;
}
.cls-2 {
fill: #3c4b64;
}
</style>
</defs>
<title>coreui vue</title>
<g id="Warstwa_1" data-name="Warstwa 1">
<g>
<path class="cls-1" d="M347.9818,90.0869l-11.84-43.52-.0644-.1924q0-.5112.6406-.5117h1.2793a.66.66,0,0,1,.7051.5762l10.623,39.68c.042.0859.0859.1279.1289.1279.041,0,.084-.042.127-.1279l10.625-39.68a.657.657,0,0,1,.7031-.5762h1.2168a.54.54,0,0,1,.5762.7041l-11.9043,43.52a.6584.6584,0,0,1-.7041.5761h-1.4082A.6577.6577,0,0,1,347.9818,90.0869Z"/>
<path class="cls-1" d="M382.2786,89.5751a10.9023,10.9023,0,0,1-4.3515-4.5439,14.4586,14.4586,0,0,1-1.5362-6.7842V46.5029a.5656.5656,0,0,1,.64-.64h1.2168a.5659.5659,0,0,1,.64.64v32a10.5488,10.5488,0,0,0,2.72,7.5527,10.36,10.36,0,0,0,14.3359,0,10.5493,10.5493,0,0,0,2.7207-7.5527v-32a.5655.5655,0,0,1,.64-.64h1.2159a.5666.5666,0,0,1,.6406.64V78.247a13.01,13.01,0,0,1-3.3926,9.376,11.8974,11.8974,0,0,1-9.0234,3.5527A12.8481,12.8481,0,0,1,382.2786,89.5751Z"/>
<path class="cls-1" d="M439.5843,48.1035H419.5521a.2263.2263,0,0,0-.2559.2558V66.8554a.2259.2259,0,0,0,.2559.2559h13.8242a.5665.5665,0,0,1,.6406.64v.96a.5665.5665,0,0,1-.6406.6406H419.5521a.2263.2263,0,0,0-.2559.2559v18.56a.2259.2259,0,0,0,.2559.2559h20.0322a.5665.5665,0,0,1,.64.6406v.96a.5655.5655,0,0,1-.64.64H417.4407a.5654.5654,0,0,1-.6406-.64v-43.52a.5658.5658,0,0,1,.6406-.64h22.1436a.5659.5659,0,0,1,.64.64v.96A.5658.5658,0,0,1,439.5843,48.1035Z"/>
<path class="cls-1" d="M454.5921,89.5117a2.8385,2.8385,0,0,1-.8-2.0489,2.9193,2.9193,0,0,1,.8-2.1113,2.7518,2.7518,0,0,1,2.0791-.832,2.8465,2.8465,0,0,1,2.9443,2.9433,2.7561,2.7561,0,0,1-.832,2.08,2.9208,2.9208,0,0,1-2.1123.8008A2.7521,2.7521,0,0,1,454.5921,89.5117Z"/>
<path class="cls-1" d="M474.931,88.0078a11.3087,11.3087,0,0,1-3.2-8.4161v-5.44a.5655.5655,0,0,1,.64-.64h1.2158a.5662.5662,0,0,1,.6407.64v5.5039a9.1421,9.1421,0,0,0,2.5283,6.72,8.9734,8.9734,0,0,0,6.6875,2.5606,8.7916,8.7916,0,0,0,9.28-9.28V46.5029a.5655.5655,0,0,1,.64-.64h1.2158a.5656.5656,0,0,1,.64.64V79.5917a11.2541,11.2541,0,0,1-3.2315,8.4161,13.0621,13.0621,0,0,1-17.0556,0Z"/>
<path class="cls-1" d="M512.8753,88.1035a10.4847,10.4847,0,0,1-3.36-8.128v-1.792a.5665.5665,0,0,1,.6406-.6406h1.0879a.5666.5666,0,0,1,.64.6406v1.6a8.5461,8.5461,0,0,0,2.752,6.6563,10.5361,10.5361,0,0,0,7.36,2.4961,9.8741,9.8741,0,0,0,6.9766-2.3682,8.2188,8.2188,0,0,0,2.56-6.3359,8.3952,8.3952,0,0,0-1.12-4.416,11.3752,11.3752,0,0,0-3.3281-3.3926,71.6866,71.6866,0,0,0-6.1758-3.7119,71.0151,71.0151,0,0,1-6.24-3.84,12.1824,12.1824,0,0,1-3.4238-3.68,10.2659,10.2659,0,0,1-1.28-5.3437,9.86,9.86,0,0,1,3.0723-7.7441,12.0126,12.0126,0,0,1,8.3193-2.752q5.6969,0,8.9609,3.1035a10.8247,10.8247,0,0,1,3.2637,8.2246v1.6a.5658.5658,0,0,1-.6406.64h-1.1514a.5651.5651,0,0,1-.64-.64V56.8076a8.8643,8.8643,0,0,0-2.6241-6.6885,9.9936,9.9936,0,0,0-7.2324-2.5274,9.37,9.37,0,0,0-6.5283,2.1436,7.8253,7.8253,0,0,0-2.3672,6.1123,7.8088,7.8088,0,0,0,1.0235,4.16,10.3978,10.3978,0,0,0,3.0078,3.039,63.0249,63.0249,0,0,0,5.9521,3.4883,70.7955,70.7955,0,0,1,6.72,4.2559,13.4613,13.4613,0,0,1,3.6485,3.9365,10.044,10.044,0,0,1,1.28,5.1836,10.7185,10.7185,0,0,1-3.2647,8.1924q-3.2637,3.0717-8.832,3.0722Q516.2342,91.1757,512.8753,88.1035Z"/>
</g>
<g>
<g>
<path class="cls-2" d="M99.367,36.0577l-39-22.5167a12,12,0,0,0-12,0l-39,22.5166a12.0337,12.0337,0,0,0-6,10.3924V91.4833a12.0331,12.0331,0,0,0,6,10.3923l39,22.5167a12,12,0,0,0,12,0l39-22.5167a12.0333,12.0333,0,0,0,6-10.3923V46.45A12.0336,12.0336,0,0,0,99.367,36.0577Zm-2,55.4256a4,4,0,0,1-2,3.4641l-39,22.5167a4.0006,4.0006,0,0,1-4,0l-39-22.5167a4,4,0,0,1-2-3.4641V46.45a4,4,0,0,1,2-3.4642l39-22.5166a4,4,0,0,1,4,0l39,22.5166a4,4,0,0,1,2,3.4642Z"/>
<path class="cls-2" d="M77.3886,82.0046h-2.866a4.0007,4.0007,0,0,0-1.9247.4934L55.3172,91.9833,35.367,80.4648V57.4872l19.95-11.5185L72.606,55.4236a3.9993,3.9993,0,0,0,1.9192.4906h2.8632a2,2,0,0,0,2-2V51.2024a2,2,0,0,0-1.04-1.7547L59.16,38.9521a8.0389,8.0389,0,0,0-7.8427.09L31.3665,50.56a8.0245,8.0245,0,0,0-3.9995,6.9287v22.976a8,8,0,0,0,4,6.9283l19.95,11.5186a8.0427,8.0427,0,0,0,7.8432.0879l19.19-10.5312a2,2,0,0,0,1.0378-1.7533v-2.71A2,2,0,0,0,77.3886,82.0046Z"/>
</g>
<g>
<path class="cls-2" d="M172.1117,45.3618a15.0166,15.0166,0,0,0-15,14.9995V77.6387a15,15,0,0,0,30,0V60.3613A15.0167,15.0167,0,0,0,172.1117,45.3618Zm7,32.2769a7,7,0,0,1-14,0V60.3613a7,7,0,0,1,14,0Z"/>
<path class="cls-2" d="M135.4458,53.4211a7.01,7.01,0,0,1,7.8681,6.0752.9892.9892,0,0,0,.9842.865h6.03a1.0108,1.0108,0,0,0,.9987-1.0971,15.0182,15.0182,0,0,0-15.7161-13.8837A15.2881,15.2881,0,0,0,121.367,60.7968V77.2037A15.288,15.288,0,0,0,135.6112,92.62a15.0182,15.0182,0,0,0,15.7161-13.8842,1.0107,1.0107,0,0,0-.9987-1.0971h-6.03a.9892.9892,0,0,0-.9842.865,7.0106,7.0106,0,0,1-7.868,6.0757,7.1642,7.1642,0,0,1-6.0789-7.1849V60.6057A7.1638,7.1638,0,0,1,135.4458,53.4211Z"/>
<path class="cls-2" d="M218.2891,72.9277a12.1584,12.1584,0,0,0,7.1843-11.0771V58.1494A12.1494,12.1494,0,0,0,213.324,46H196.367a1,1,0,0,0-1,1V91a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1V74h6.6215l7.9154,17.4138a1,1,0,0,0,.91.5862h6.5912a1,1,0,0,0,.91-1.4138Zm-.8157-11.0771A4.1538,4.1538,0,0,1,213.3245,66h-9.8511V54h9.8511a4.1538,4.1538,0,0,1,4.1489,4.1494Z"/>
<path class="cls-2" d="M260.367,46h-26a1,1,0,0,0-1,1V91a1,1,0,0,0,1,1h26a1,1,0,0,0,1-1V85a1,1,0,0,0-1-1h-19V72h13a1,1,0,0,0,1-1V65a1,1,0,0,0-1-1h-13V54h19a1,1,0,0,0,1-1V47A1,1,0,0,0,260.367,46Z"/>
<path class="cls-2" d="M298.367,46h-6a1,1,0,0,0-1,1V69.6475a7.0066,7.0066,0,1,1-14,0V47a1,1,0,0,0-1-1h-6a1,1,0,0,0-1,1V69.6475a15.0031,15.0031,0,1,0,30,0V47A1,1,0,0,0,298.367,46Z"/>
<rect class="cls-2" x="307.367" y="46" width="8" height="38" rx="1"/>
</g>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 5.7 KiB

public/index.html
+2 -2
View File
@@ -1,9 +1,9 @@
<!DOCTYPE html>
<!--
* CoreUI Free - Vue.js Admin Template
* @version v3.0.0-beta.1
* @version 3.0.0
* @link https://coreui.io/vue/
* Copyright (c) 2019 creativeLabs Łukasz Holeczek
* Copyright (c) 2020 creativeLabs Łukasz Holeczek
-->
<html>
src/assets/icons/icons.js
+2
View File
@@ -79,9 +79,11 @@ import {
cilXCircle
} from '@coreui/icons'
import { logo } from './logo'
export const iconsSet = Object.assign(
{},
{ logo },
{
cilArrowRight,
cilBan,
src/assets/icons/logo.js
+28
View File
File diff suppressed because one or more lines are too long
src/assets/scss/style.scss
+1 -1
View File
@@ -7,7 +7,7 @@
// If you want to add something do it here
@import "custom";
.card-header > .c-icon:first-child {
.card-header:not(.content-center) > .c-icon:first-child {
margin-right: 0.1rem;
margin-top: 0.1rem;
vertical-align: top;
src/containers/TheContainer.vue
+3 -3
View File
@@ -1,7 +1,7 @@
<template>
<div class="c-app">
<TheSidebar/>
<div class="c-wrapper">
<CWrapper>
<TheHeader/>
<div class="c-body">
<main class="c-main">
@@ -11,9 +11,9 @@
</transition>
</CContainer>
</main>
<TheFooter/>
</div>
<TheFooter/>
</div>
</CWrapper>
</div>
</template>
src/containers/TheFooter.vue
+2 -2
View File
@@ -1,8 +1,8 @@
<template>
<CFooter>
<CFooter :fixed="false">
<div>
<a href="https://coreui.io" target="_blank">CoreUI</a>
<span class="ml-1">&copy; 2019 creativeLabs.</span>
<span class="ml-1">&copy; {{new Date().getFullYear()}} creativeLabs.</span>
</div>
<div class="ml-auto">
<span class="mr-1">Powered by</span>
src/containers/TheHeader.vue
+6 -10
View File
@@ -3,20 +3,16 @@
<CToggler
in-header
class="ml-3 d-lg-none"
v-c-emit-root-event:toggle-sidebar-mobile
@click="$store.commit('toggleSidebarMobile')"
/>
<CToggler
in-header
class="ml-3 d-md-down-none"
v-c-emit-root-event:toggle-sidebar
/>
<CHeaderBrand
class="mx-auto d-lg-none"
src="img/brand/coreui-vue-logo.svg"
width="190"
height="46"
alt="CoreUI Logo"
@click="$store.commit('toggleSidebarDesktop')"
/>
<CHeaderBrand class="mx-auto d-lg-none" to="/">
<CIcon name="logo" height="48" alt="Logo"/>
</CHeaderBrand>
<CHeaderNav class="d-md-down-none mr-auto">
<CHeaderNavItem class="px-3">
<CHeaderNavLink to="/dashboard">
@@ -53,7 +49,7 @@
<TheHeaderDropdownAccnt/>
</CHeaderNav>
<CSubheader class="px-3">
<CBreadcrumbRouter class="border-0"/>
<CBreadcrumbRouter class="border-0 mb-0"/>
</CSubheader>
</CHeader>
</template>
src/containers/TheSidebar.vue
+21 -23
View File
@@ -2,17 +2,23 @@
<CSidebar
fixed
:minimize="minimize"
:show.sync="show"
:show="show"
@update:show="(value) => $store.commit('set', ['sidebarShow', value])"
>
<CSidebarBrand
:imgFull="{ width: 118, height: 46, alt: 'Logo', src: 'img/brand/coreui-base-white.svg'}"
:imgMinimized="{ width: 118, height: 46, alt: 'Logo', src: 'img/brand/coreui-signet-white.svg'}"
:wrappedInLink="{ href: 'https://coreui.io/', target: '_blank'}"
/>
<CRenderFunction flat :content-to-render="nav"/>
<CSidebarBrand class="d-md-down-none" to="/">
<CIcon
class="d-block"
name="logo"
size="custom-size"
:height="35"
:viewBox="`0 0 ${minimize ? 110 : 556} 134`"
/>
</CSidebarBrand>
<CRenderFunction flat :content-to-render="$options.nav"/>
<CSidebarMinimizer
class="d-md-down-none"
@click.native="minimize = !minimize"
@click.native="$store.commit('set', ['sidebarMinimize', !minimize])"
/>
</CSidebar>
</template>
@@ -22,22 +28,14 @@ import nav from './_nav'
export default {
name: 'TheSidebar',
data () {
return {
minimize: false,
nav,
show: 'responsive'
nav,
computed: {
show () {
return this.$store.state.sidebarShow
},
minimize () {
return this.$store.state.sidebarMinimize
}
},
mounted () {
this.$root.$on('toggle-sidebar', () => {
const sidebarOpened = this.show === true || this.show === 'responsive'
this.show = sidebarOpened ? false : 'responsive'
})
this.$root.$on('toggle-sidebar-mobile', () => {
const sidebarClosed = this.show === 'responsive' || this.show === false
this.show = sidebarClosed ? true : 'responsive'
})
}
}
</script>
src/containers/_nav.js
+29 -59
View File
@@ -40,83 +40,67 @@ export default [
items: [
{
name: 'Breadcrumbs',
to: '/base/breadcrumbs',
icon: 'cil-puzzle'
to: '/base/breadcrumbs'
},
{
name: 'Cards',
to: '/base/cards',
icon: 'cil-puzzle'
to: '/base/cards'
},
{
name: 'Carousels',
to: '/base/carousels',
icon: 'cil-puzzle'
to: '/base/carousels'
},
{
name: 'Collapses',
to: '/base/collapses',
icon: 'cil-puzzle'
to: '/base/collapses'
},
{
name: 'Forms',
to: '/base/forms',
icon: 'cil-puzzle'
to: '/base/forms'
},
{
name: 'Jumbotrons',
to: '/base/jumbotrons',
icon: 'cil-puzzle'
to: '/base/jumbotrons'
},
{
name: 'List Groups',
to: '/base/list-groups',
icon: 'cil-puzzle'
to: '/base/list-groups'
},
{
name: 'Navs',
to: '/base/navs',
icon: 'cil-puzzle'
to: '/base/navs'
},
{
name: 'Navbars',
to: '/base/navbars',
icon: 'cil-puzzle'
to: '/base/navbars'
},
{
name: 'Paginations',
to: '/base/paginations',
icon: 'cil-puzzle'
to: '/base/paginations'
},
{
name: 'Popovers',
to: '/base/popovers',
icon: 'cil-puzzle'
to: '/base/popovers'
},
{
name: 'Progress Bars',
to: '/base/progress-bars',
icon: 'cil-puzzle'
to: '/base/progress-bars'
},
{
name: 'Switches',
to: '/base/switches',
icon: 'cil-puzzle'
to: '/base/switches'
},
{
name: 'Tables',
to: '/base/tables',
icon: 'cil-puzzle'
to: '/base/tables'
},
{
name: 'Tabs',
to: '/base/tabs',
icon: 'cil-puzzle'
to: '/base/tabs'
},
{
name: 'Tooltips',
to: '/base/tooltips',
icon: 'cil-puzzle'
to: '/base/tooltips'
}
]
},
@@ -128,23 +112,19 @@ export default [
items: [
{
name: 'Buttons',
to: '/buttons/standard-buttons',
icon: 'cil-cursor'
to: '/buttons/standard-buttons'
},
{
name: 'Button Dropdowns',
to: '/buttons/dropdowns',
icon: 'cil-cursor'
to: '/buttons/dropdowns'
},
{
name: 'Button Groups',
to: '/buttons/button-groups',
icon: 'cil-cursor'
to: '/buttons/button-groups'
},
{
name: 'Brand Buttons',
to: '/buttons/brand-buttons',
icon: 'cil-cursor'
to: '/buttons/brand-buttons'
}
]
},
@@ -163,7 +143,6 @@ export default [
{
name: 'CoreUI Icons',
to: '/icons/coreui-icons',
icon: 'cil-star',
badge: {
color: 'info',
text: 'NEW'
@@ -171,13 +150,11 @@ export default [
},
{
name: 'Brands',
to: '/icons/brands',
icon: 'cil-star'
to: '/icons/brands'
},
{
name: 'Flags',
to: '/icons/flags',
icon: 'cil-star'
to: '/icons/flags'
}
]
},
@@ -189,18 +166,15 @@ export default [
items: [
{
name: 'Alerts',
to: '/notifications/alerts',
icon: 'cil-bell'
to: '/notifications/alerts'
},
{
name: 'Badges',
to: '/notifications/badges',
icon: 'cil-bell'
to: '/notifications/badges'
},
{
name: 'Modals',
to: '/notifications/modals',
icon: 'cil-bell'
to: '/notifications/modals'
}
]
},
@@ -231,23 +205,19 @@ export default [
items: [
{
name: 'Login',
to: '/pages/login',
icon: 'cil-star'
to: '/pages/login'
},
{
name: 'Register',
to: '/pages/register',
icon: 'cil-star'
to: '/pages/register'
},
{
name: 'Error 404',
to: '/pages/404',
icon: 'cil-star'
to: '/pages/404'
},
{
name: 'Error 500',
to: '/pages/500',
icon: 'cil-star'
to: '/pages/500'
}
]
},
src/main.js
+4 -1
View File
@@ -1,8 +1,10 @@
import 'core-js/stable'
import Vue from 'vue'
import App from './App'
import router from './router'
import CoreuiVue from '@coreui/vue'
import { iconsSet as icons } from './assets/icons/icons.js'
import store from './store'
Vue.config.performance = true
Vue.use(CoreuiVue)
@@ -10,9 +12,10 @@ Vue.use(CoreuiVue)
new Vue({
el: '#app',
router,
store,
icons,
template: '<App/>',
components: {
App
},
}
})
src/router/index.js
+13 -6
View File
@@ -111,21 +111,28 @@ function configRoutes () {
},
{
path: 'users',
meta: { label: 'Users'},
meta: {
label: 'Users'
},
component: {
render (c) { return c('router-view') }
render(c) {
return c('router-view')
}
},
children: [
{
path: '',
component: Users,
name: 'Users',
component: Users
},
{
path: ':id',
meta: { label: 'User Details'},
meta: {
label: 'User Details'
},
name: 'User',
component: User,
},
component: User
}
]
},
{
src/store.js
+27
View File
@@ -0,0 +1,27 @@
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const state = {
sidebarShow: 'responsive',
sidebarMinimize: false
}
const mutations = {
toggleSidebarDesktop (state) {
const sidebarOpened = [true, 'responsive'].includes(state.sidebarShow)
state.sidebarShow = sidebarOpened ? false : 'responsive'
},
toggleSidebarMobile (state) {
const sidebarClosed = [false, 'responsive'].includes(state.sidebarShow)
state.sidebarShow = sidebarClosed ? true : 'responsive'
},
set (state, [variable, value]) {
state[variable] = value
}
}
export default new Vuex.Store({
state,
mutations
})
src/views/base/Collapses.vue
+11
View File
@@ -37,6 +37,16 @@
</CCollapse>
</CCardBody>
</CCard>
<CCard>
<CCardHeader @click.native="cardCollapse = !cardCollapse">
<strong>Collapsible card</strong>
</CCardHeader>
<CCardBody>
<CCollapse :show="cardCollapse" class="mt-2">
<CCardText>Collapse contents Here</CCardText>
</CCollapse>
</CCardBody>
</CCard>
</CCol>
</CRow>
</template>
@@ -47,6 +57,7 @@ export default {
data () {
return {
collapse: false,
cardCollapse: true,
innerCollapse: false,
text: `
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
src/views/base/Navbars.vue
+4 -8
View File
@@ -30,13 +30,13 @@
<!-- Right aligned nav items -->
<CNavbarNav class="ml-auto">
<CForm inline>
<CForm inline class="align-middle">
<CInput
class="mr-sm-2"
class="mr-2 my-0"
placeholder="Search"
size="sm"
/>
<CButton color="light" size="sm" class="my-2 my-sm-0">
<CButton color="light" size="sm">
Search
</CButton>
</CForm>
@@ -44,7 +44,6 @@
<CDropdown
toggler-text="Lang"
in-nav
placement="bottom-end"
>
<CDropdownItem>EN</CDropdownItem>
<CDropdownItem>ES</CDropdownItem>
@@ -55,7 +54,6 @@
<CDropdown
in-nav
toggler-text="User"
placement="bottom-end"
>
<CDropdownItem>Profile</CDropdownItem>
<CDropdownItem>Signout</CDropdownItem>
@@ -112,7 +110,6 @@
<!-- Navbar dropdowns -->
<CDropdown
toggler-text="Lang"
placement="bottom-end"
in-nav
>
<CDropdownItem>EN</CDropdownItem>
@@ -122,7 +119,6 @@
</CDropdown>
<CDropdown
toggler-text="User"
placement="bottom-end"
in-nav
>
<CDropdownItem>Account</CDropdownItem>
@@ -176,7 +172,7 @@ export default {
return {
show: false,
navbarText: false,
navbarDropdown: false,
navbarDropdown: false
}
}
}
src/views/base/Navs.vue
+10 -15
View File
@@ -30,17 +30,19 @@
<small>icons</small>
</CCardHeader>
<CCardBody>
<CNav>
<CNav variant="pills">
<CNavItem active>
<CIcon name="cil-basket"/>
</CNavItem>
<CNavItem>
Link
<CIcon name="cil-settings"/>
</CNavItem>
<CNavItem>
Another Link
<CIcon name="cil-bell"/>
</CNavItem>
<CNavItem disabled>
<CIcon name="cil-envelope-closed"/>
</CNavItem>
<CNavItem disabled>Disabled</CNavItem>
</CNav>
</CCardBody>
</CCard>
@@ -117,16 +119,14 @@
<small>dropdown support</small>
</CCardHeader>
<CCardBody>
<CNav pills>
<CNavItem active>Active</CNavItem>
<CNav variant="pills">
<CNavItem>Active</CNavItem>
<CNavItem>Link</CNavItem>
<CDropdown
id="nav7_ddown"
nav
in-nav
placement="bottom-end"
button-content="Dropdown"
>
<!-- <a class="nav-link dropdown-toggle" slot="button">Dropdown</a> -->
<CDropdownItem>one</CDropdownItem>
<CDropdownItem>two</CDropdownItem>
<CDropdownDivider/>
@@ -159,11 +159,6 @@
<script>
export default {
name: 'Navs',
data () {
return {
item: 2
}
}
name: 'Navs'
}
</script>
src/views/base/Paginations.vue
+4 -3
View File
@@ -3,7 +3,8 @@
<CCard>
<CCardHeader>
<CIcon name="cil-justify-center"/>
<strong> Responsive bootstrap Pagination</strong>
<strong> Pagination </strong>
<small>size</small>
<div class="card-header-actions">
<a
href="https://coreui.io/vue/docs/components/pagination"
@@ -31,7 +32,7 @@
:pages="10"/>
<br>
<div>
<div class="d-md-down-none">
<h6>Large</h6>
<CPagination
size="lg"
@@ -86,7 +87,7 @@ export default {
name: 'Paginations',
data () {
return {
currentPage: 3,
currentPage: 3
}
}
}
src/views/base/Tabs.vue
+6 -5
View File
@@ -25,7 +25,7 @@
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</CTab>
<CTab title="Profile">
<CTab title="Profile" active>
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
@@ -81,7 +81,7 @@
Tabs with icons
</CCardHeader>
<CCardBody>
<CTabs>
<CTabs :active-tab.sync="activeTab">
<CTab active>
<template slot="title">
<CIcon name="cil-calculator"/>
@@ -123,7 +123,7 @@
</CCardHeader>
<CCardBody>
<CTabs add-tab-classes="mt-1">
<CTab active>
<CTab>
<template slot="title">
<CIcon name="cil-calculator"/> {{tabs[0]}}
</template>
@@ -133,7 +133,7 @@
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</CTab>
<CTab>
<CTab active>
<template slot="title">
<CIcon name="cil-basket"/> {{tabs[1]}}
</template>
@@ -211,7 +211,8 @@ export default {
'Calculator',
'Shopping cart',
'Charts'
]
],
activeTab: 1
}
}
}
src/views/buttons/Dropdowns.vue
+1 -1
View File
@@ -111,7 +111,7 @@
<div>
<CDropdown
color="secondary"
:offset="25"
:offset="[10, 5]"
toggler-text="Offset Dropdown"
class="m-2"
>
src/views/charts/CChartRadarExample.vue
+2 -2
View File
@@ -19,7 +19,7 @@ export default {
defaultDatasets () {
return [
{
label: '2017',
label: '2019',
backgroundColor: 'rgba(179,181,198,0.2)',
borderColor: 'rgba(179,181,198,1)',
pointBackgroundColor: 'rgba(179,181,198,1)',
@@ -30,7 +30,7 @@ export default {
data: [65, 59, 90, 81, 56, 55, 40]
},
{
label: '2018',
label: '2020',
backgroundColor: 'rgba(255,99,132,0.2)',
borderColor: 'rgba(255,99,132,1)',
pointBackgroundColor: 'rgba(255,99,132,1)',
src/views/charts/MainChartExample.vue
+4 -4
View File
@@ -8,7 +8,7 @@
<script>
import { CChartLine } from '@coreui/vue-chartjs'
import { getColor, hexToRgba } from '@coreui/utils/src'
import { getStyle, hexToRgba } from '@coreui/utils/src'
function random (min, max) {
return Math.floor(Math.random() * (max - min + 1) + min)
@@ -21,9 +21,9 @@ export default {
},
computed: {
defaultDatasets () {
const brandSuccess = getColor('success') || '#4dbd74'
const brandInfo = getColor('info') || '#20a8d8'
const brandDanger = getColor('danger') || '#f86c6b'
const brandSuccess = getStyle('success2') || '#4dbd74'
const brandInfo = getStyle('info') || '#20a8d8'
const brandDanger = getStyle('danger') || '#f86c6b'
let elements = 27
const data1 = []
src/views/notifications/Alerts.vue
+1 -1
View File
@@ -188,7 +188,7 @@ export default {
this.dismissCountDown = this.dismissSecs
},
showDismissibleAlerts () {
['alert1', 'alert2', 'alert3'].forEach(alert => this[alert] = true)
['alert1', 'alert2'].forEach(alert => this[alert] = true)
}
}
}
src/views/pages/Login.vue
+6 -6
View File
@@ -1,7 +1,7 @@
<template>
<CContainer class="d-flex align-items-center min-vh-100">
<CRow class="justify-content-center">
<CCol md="8">
<CContainer class="d-flex content-center min-vh-100">
<CRow>
<CCol>
<CCardGroup>
<CCard class="p-4">
<CCardBody>
@@ -22,11 +22,12 @@
<template #prepend-content><CIcon name="cil-lock-locked"/></template>
</CInput>
<CRow>
<CCol col="6">
<CCol col="6" class="text-left">
<CButton color="primary" class="px-4">Login</CButton>
</CCol>
<CCol col="6" class="text-right">
<CButton color="link" class="px-0">Forgot password?</CButton>
<CButton color="link" class="d-md-none">Register now!</CButton>
</CCol>
</CRow>
</CForm>
@@ -35,8 +36,7 @@
<CCard
color="primary"
text-color="white"
class="text-center py-5 d-md-down-none"
style="width:44%"
class="text-center py-5 d-sm-down-none"
body-wrapper
>
<h2>Sign up</h2>
src/views/pages/Register.vue
+57 -55
View File
@@ -1,59 +1,61 @@
<template>
<CContainer class="min-vh-100 d-flex align-items-center">
<CRow class="w-100 justify-content-center">
<CCol md="6" sm="8">
<CCard class="mx-4 mb-0">
<CCardBody class="p-4">
<CForm>
<h1>Register</h1>
<p class="text-muted">Create your account</p>
<CInput
placeholder="Username"
autocomplete="username"
>
<template #prepend-content><CIcon name="cil-user"/></template>
</CInput>
<CInput
placeholder="Email"
autocomplete="email"
prepend="@"
/>
<CInput
placeholder="Password"
type="password"
autocomplete="new-password"
>
<template #prepend-content><CIcon name="cil-lock-locked"/></template>
</CInput>
<CInput
placeholder="Repeat password"
type="password"
autocomplete="new-password"
class="mb-4"
>
<template #prepend-content><CIcon name="cil-lock-locked"/></template>
</CInput>
<CButton color="success" block>Create Account</CButton>
</CForm>
</CCardBody>
<CCardFooter class="p-4">
<CRow>
<CCol col="6">
<CButton block color="facebook">
Facebook
</CButton>
</CCol>
<CCol col="6">
<CButton block color="twitter">
Twitter
</CButton>
</CCol>
</CRow>
</CCardFooter>
</CCard>
</CCol>
</CRow>
</CContainer>
<div class="d-flex align-items-center min-vh-100">
<CContainer fluid>
<CRow class="justify-content-center">
<CCol md="6">
<CCard class="mx-4 mb-0">
<CCardBody class="p-4">
<CForm>
<h1>Register</h1>
<p class="text-muted">Create your account</p>
<CInput
placeholder="Username"
autocomplete="username"
>
<template #prepend-content><CIcon name="cil-user"/></template>
</CInput>
<CInput
placeholder="Email"
autocomplete="email"
prepend="@"
/>
<CInput
placeholder="Password"
type="password"
autocomplete="new-password"
>
<template #prepend-content><CIcon name="cil-lock-locked"/></template>
</CInput>
<CInput
placeholder="Repeat password"
type="password"
autocomplete="new-password"
class="mb-4"
>
<template #prepend-content><CIcon name="cil-lock-locked"/></template>
</CInput>
<CButton color="success" block>Create Account</CButton>
</CForm>
</CCardBody>
<CCardFooter class="p-4">
<CRow>
<CCol col="6">
<CButton block color="facebook">
Facebook
</CButton>
</CCol>
<CCol col="6">
<CButton block color="twitter">
Twitter
</CButton>
</CCol>
</CRow>
</CCardFooter>
</CCard>
</CCol>
</CRow>
</CContainer>
</div>
</template>
<script>
src/views/users/User.vue
+19 -8
View File
@@ -10,8 +10,8 @@
striped
small
fixed
:items="getUserData($route.params.id)"
:fields="$options.fields"
:items="visibleData"
:fields="fields"
/>
</CCardBody>
<CCardFooter>
@@ -26,16 +26,27 @@
import usersData from './UsersData'
export default {
name: 'User',
fields: [
{ key: 'key', _style: 'width:150px' },
{ key: 'value' , _style: 'width:150px;' }
],
methods: {
getUserData (id) {
computed: {
fields () {
return [
{ key: 'key', label: this.username, _style: 'width:150px'},
{ key: 'value', label: '', _style: 'width:150px;' }
]
},
userData () {
const id = this.$route.params.id
const user = usersData.find((user, index) => index + 1 == id)
const userDetails = user ? Object.entries(user) : [['id', 'Not found']]
return userDetails.map(([key, value]) => { return { key, value } })
},
visibleData () {
return this.userData.filter(param => param.key !== 'username')
},
username () {
return this.userData.filter(param => param.key === 'username')[0].value
}
},
methods: {
goBack() {
this.$router.go(-1)
}
src/views/users/Users.vue
+33 -27
View File
@@ -12,18 +12,11 @@
striped
:items="items"
:fields="fields"
:items-per-page="perPage"
@row-clicked="rowClicked"
:pagination="$options.paginationProps"
index-column
:items-per-page="5"
clickable-rows
:active-page="activePage"
@row-clicked="rowClicked"
>
<template #username="data">
<td>
<strong>{{data.item.username}}</strong>
</td>
</template>
<template #status="data">
<td>
<CBadge :color="getBadge(data.item.status)">
@@ -32,6 +25,13 @@
</td>
</template>
</CDataTable>
<CPagination
align="center"
:double-arrows="false"
:active-page="activePage"
:pages="5"
@update:activePage="pageChange"
/>
</CCardBody>
</CCard>
</transition>
@@ -43,37 +43,43 @@
import usersData from './UsersData'
export default {
name: 'Users',
data: () => {
data () {
return {
items: usersData,
fields: [
{ key: 'username', label: 'Name' },
{ key: 'username', label: 'Name', _classes: 'font-weight-bold' },
{ key: 'registered' },
{ key: 'role' },
{ key: 'status' }
],
perPage: 5,
activePage: 1
}
},
paginationProps: {
align: 'center',
doubleArrows: false,
previousButtonHtml: 'prev',
nextButtonHtml: 'next'
watch: {
$route: {
immediate: true,
handler (route) {
if (route.query && route.query.page) {
this.activePage = Number(route.query.page)
}
}
}
},
methods: {
getBadge (status) {
return status === 'Active' ? 'success'
: status === 'Inactive' ? 'secondary'
: status === 'Pending' ? 'warning'
: status === 'Banned' ? 'danger' : 'primary'
},
userLink (id) {
return `users/${id.toString()}`
switch (status) {
case 'Active': return 'success'
case 'Inactive': return 'secondary'
case 'Pending': return 'warning'
case 'Banned': return 'danger'
default: 'primary'
}
},
rowClicked (item, index) {
const userLink = this.userLink(index + 1)
this.$router.push({path: userLink})
this.$router.push({path: `users/${index + 1}`})
},
pageChange (val) {
this.$router.push({ query: { page: val }})
}
}
}
tests/unit/containers/TheContainer.spec.js
+15 -3
View File
@@ -1,13 +1,23 @@
import CoreuiVue from '@coreui/vue'
import { shallowMount, createLocalVue } from '@vue/test-utils';
import VueRouter from 'vue-router'
import Vuex from 'vuex'
import TheContainer from '@/containers/TheContainer'
const localVue = createLocalVue()
localVue.use(Vuex)
localVue.use(VueRouter)
const router = new VueRouter()
localVue.use(CoreuiVue)
const store = new Vuex.Store({
state: {
darkMode: false,
sidebarShow: 'responsive',
sidebarMinimize: false,
asideShow: false
}
})
const router = new VueRouter()
describe('TheContainer.vue', () => {
it('has a name', () => {
@@ -15,13 +25,15 @@ describe('TheContainer.vue', () => {
})
test('renders correctly', () => {
const wrapper = shallowMount(TheContainer, {
store,
localVue,
router
router
})
expect(wrapper.element).toMatchSnapshot()
})
it('is Vue instance', () => {
const wrapper = shallowMount(TheContainer, {
store,
localVue,
router
})
tests/unit/containers/TheSidebar.spec.js
+13 -4
View File
@@ -1,16 +1,25 @@
import Vue from 'vue'
import { shallowMount } from '@vue/test-utils';
import { shallowMount, createLocalVue } from '@vue/test-utils';
import CoreuiVue from '@coreui/vue'
import Vuex from 'vuex'
import TheSidebar from '@/containers/TheSidebar'
Vue.use(CoreuiVue)
const localVue = createLocalVue()
localVue.use(CoreuiVue)
localVue.use(Vuex)
const store = new Vuex.Store({
state: {
sidebarShow: 'responsive',
sidebarMinimize: false
}
})
describe('TheSidebar.vue', () => {
it('has a name', () => {
expect(TheSidebar.name).toBe('TheSidebar')
})
test('renders correctly', () => {
const wrapper = shallowMount(TheSidebar)
const wrapper = shallowMount(TheSidebar, { store, localVue })
expect(wrapper.element).toMatchSnapshot()
})
})
tests/unit/containers/__snapshots__/TheContainer.spec.js.snap
+5 -5
View File
@@ -6,8 +6,8 @@ exports[`TheContainer.vue renders correctly 1`] = `
>
<thesidebar-stub />
<div
class="c-wrapper"
<cwrapper-stub
tag="div"
>
<theheader-stub />
@@ -26,9 +26,9 @@ exports[`TheContainer.vue renders correctly 1`] = `
/>
</ccontainer-stub>
</main>
</div>
<thefooter-stub />
</div>
<thefooter-stub />
</div>
</cwrapper-stub>
</div>
`;
tests/unit/containers/__snapshots__/TheFooter.spec.js.snap
+1 -2
View File
@@ -2,7 +2,6 @@
exports[`TheFooter.vue renders correctly 1`] = `
<cfooter-stub
fixed="true"
tag="footer"
>
<div>
@@ -16,7 +15,7 @@ exports[`TheFooter.vue renders correctly 1`] = `
<span
class="ml-1"
>
© 2019 creativeLabs.
© 2020 creativeLabs.
</span>
</div>
tests/unit/containers/__snapshots__/TheHeader.spec.js.snap
+27 -18
View File
@@ -21,12 +21,21 @@ exports[`TheHeader.vue renders correctly 1`] = `
/>
<cheaderbrand-stub
alt="CoreUI Logo"
activeclass="router-link-active"
class="mx-auto d-lg-none"
height="46"
src="img/brand/coreui-vue-logo.svg"
width="190"
/>
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="div"
target="_self"
to="/"
>
<cicon-stub
alt="Logo"
height="48"
name="logo"
/>
</cheaderbrand-stub>
<cheadernav-stub
class="d-md-down-none mr-auto"
@@ -35,9 +44,9 @@ exports[`TheHeader.vue renders correctly 1`] = `
class="px-3"
>
<cheadernavlink-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
to="/dashboard"
@@ -52,10 +61,10 @@ exports[`TheHeader.vue renders correctly 1`] = `
class="px-3"
>
<cheadernavlink-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exact="true"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
to="/users"
@@ -70,9 +79,9 @@ exports[`TheHeader.vue renders correctly 1`] = `
class="px-3"
>
<cheadernavlink-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -90,9 +99,9 @@ exports[`TheHeader.vue renders correctly 1`] = `
class="d-md-down-none mx-2"
>
<cheadernavlink-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -106,9 +115,9 @@ exports[`TheHeader.vue renders correctly 1`] = `
class="d-md-down-none mx-2"
>
<cheadernavlink-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -122,9 +131,9 @@ exports[`TheHeader.vue renders correctly 1`] = `
class="d-md-down-none mx-2"
>
<cheadernavlink-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -142,7 +151,7 @@ exports[`TheHeader.vue renders correctly 1`] = `
tag="div"
>
<cbreadcrumbrouter-stub
class="border-0"
class="border-0 mb-0"
/>
</csubheader-stub>
</cheader-stub>
tests/unit/containers/__snapshots__/TheHeaderDropdownAccnt.spec.js.snap
+33 -33
View File
@@ -7,7 +7,7 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
class="c-header-nav-items"
flip="true"
innav="true"
offset="0"
offset="0,0"
placement="bottom-end"
togglertext="Dropdown"
>
@@ -23,9 +23,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownheader-stub>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -35,11 +35,11 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
Updates
<cbadge-stub
activeclass="active"
activeclass="router-link-active"
class="ml-auto"
color="info"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="span"
target="_self"
@@ -49,9 +49,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -61,11 +61,11 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
Messages
<cbadge-stub
activeclass="active"
activeclass="router-link-active"
class="ml-auto"
color="success"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="span"
target="_self"
@@ -75,9 +75,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -87,11 +87,11 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
Tasks
<cbadge-stub
activeclass="active"
activeclass="router-link-active"
class="ml-auto"
color="danger"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="span"
target="_self"
@@ -101,9 +101,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -113,11 +113,11 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
Comments
<cbadge-stub
activeclass="active"
activeclass="router-link-active"
class="ml-auto"
color="warning"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="span"
target="_self"
@@ -137,9 +137,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownheader-stub>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -151,9 +151,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -165,9 +165,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -177,11 +177,11 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
Payments
<cbadge-stub
activeclass="active"
activeclass="router-link-active"
class="ml-auto"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="span"
target="_self"
@@ -191,9 +191,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -203,11 +203,11 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
Projects
<cbadge-stub
activeclass="active"
activeclass="router-link-active"
class="ml-auto"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="span"
target="_self"
@@ -221,9 +221,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
/>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -235,9 +235,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
tests/unit/containers/__snapshots__/TheSidebar.spec.js.snap
+17 -4
View File
@@ -10,10 +10,23 @@ exports[`TheSidebar.vue renders correctly 1`] = `
show="responsive"
>
<csidebarbrand-stub
imgfull="[object Object]"
imgminimized="[object Object]"
wrappedinlink="[object Object]"
/>
activeclass="router-link-active"
class="d-md-down-none"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="div"
target="_self"
to="/"
>
<cicon-stub
class="d-block"
height="35"
name="logo"
size="custom-size"
viewbox="0 0 556 134"
/>
</csidebarbrand-stub>
<crenderfunction-stub
contenttorender="[object Object]"
tests/unit/views/__snapshots__/Dashboard.spec.js.snap
+15 -14
View File
@@ -34,11 +34,11 @@ exports[`Dashboard.vue renders correctly 1`] = `
tag="div"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="float-right"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -52,11 +52,11 @@ exports[`Dashboard.vue renders correctly 1`] = `
class="float-right mr-3"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="mx-0"
color="outline-secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -66,11 +66,11 @@ exports[`Dashboard.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="mx-0"
color="outline-secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
pressed="true"
routertag="a"
target="_self"
@@ -81,11 +81,11 @@ exports[`Dashboard.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="mx-0"
color="outline-secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -574,10 +574,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
<small>
<sup>
<cbadge-stub
activeclass="active"
activeclass="router-link-active"
color="info"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
shape="pill"
tag="span"
@@ -592,10 +592,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
<sup>
<cbadge-stub
activeclass="active"
activeclass="router-link-active"
color="danger"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
shape="pill"
tag="span"
@@ -925,11 +925,11 @@ exports[`Dashboard.vue renders correctly 1`] = `
class="divider text-center"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="text-muted"
color="link"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
size="sm"
target="_self"
@@ -950,6 +950,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
class="mb-0 table-outline"
fields="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
head-color="light"
header="true"
hover="true"
items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
itemsperpage="10"
tests/unit/views/base/__snapshots__/Breadcrumbs.spec.js.snap
+1 -3
View File
@@ -15,12 +15,10 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
>
<svg
class="c-icon"
role="img"
viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg"
>
<title>
cilJustifyCenter
</title>
undefined
</svg>
<strong>
tests/unit/views/base/__snapshots__/Cards.spec.js.snap
+4 -12
View File
@@ -76,12 +76,10 @@ exports[`Cards.vue renders correctly 1`] = `
>
<svg
class="c-icon"
role="img"
viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg"
>
<title>
cilCheck
</title>
undefined
</svg>
Card with icon
@@ -729,12 +727,10 @@ exports[`Cards.vue renders correctly 1`] = `
>
<svg
class="c-icon"
role="img"
viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg"
>
<title>
cilSettings
</title>
undefined
</svg>
</a>
@@ -746,12 +742,10 @@ exports[`Cards.vue renders correctly 1`] = `
>
<svg
class="c-icon"
role="img"
viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg"
>
<title>
cilChevronBottom
</title>
undefined
</svg>
</a>
@@ -763,12 +757,10 @@ exports[`Cards.vue renders correctly 1`] = `
>
<svg
class="c-icon"
role="img"
viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg"
>
<title>
cilXCircle
</title>
undefined
</svg>
</a>
tests/unit/views/base/__snapshots__/Carousels.spec.js.snap
+1 -3
View File
@@ -15,12 +15,10 @@ exports[`Carousels.vue renders correctly 1`] = `
>
<svg
class="c-icon"
role="img"
viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg"
>
<title>
cilJustifyCenter
</title>
undefined
</svg>
tests/unit/views/base/__snapshots__/Collapses.spec.js.snap
+27 -3
View File
@@ -15,12 +15,10 @@ exports[`Collapses.vue renders correctly 1`] = `
>
<svg
class="c-icon"
role="img"
viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg"
>
<title>
cilJustifyCenter
</title>
undefined
</svg>
@@ -102,6 +100,32 @@ exports[`Collapses.vue renders correctly 1`] = `
</div>
</div>
</div>
<div
class="card"
>
<header
class="card-header"
>
<strong>
Collapsible card
</strong>
</header>
<div
class="card-body"
>
<div
class="mt-2"
>
<p
class="card-text"
>
Collapse contents Here
</p>
</div>
</div>
</div>
</div>
</div>
`;
tests/unit/views/base/__snapshots__/Jumbotrons.spec.js.snap
+6 -6
View File
@@ -58,10 +58,10 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
</p>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
target="_self"
@@ -125,10 +125,10 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
</p>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
target="_self"
@@ -138,10 +138,10 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="success"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
target="_self"
tests/unit/views/base/__snapshots__/ListGroups.spec.js.snap
+112 -112
View File
@@ -43,9 +43,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="ul"
>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -54,9 +54,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -65,9 +65,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -76,9 +76,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -87,9 +87,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -123,9 +123,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="ul"
>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -135,9 +135,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
<clistgroupitem-stub
active="true"
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -146,9 +146,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -157,9 +157,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -168,9 +168,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -211,10 +211,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="ul"
>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
disabled="true"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -223,9 +223,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -234,9 +234,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -245,10 +245,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
disabled="true"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -257,9 +257,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -295,9 +295,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="ul"
>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#some-link"
routertag="a"
tag="li"
@@ -308,9 +308,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
<clistgroupitem-stub
active="true"
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
tag="li"
@@ -320,9 +320,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
tag="li"
@@ -332,10 +332,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
disabled="true"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#foobar"
routertag="a"
tag="li"
@@ -377,9 +377,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="ul"
>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="button"
target="_self"
@@ -388,9 +388,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="button"
target="_self"
@@ -399,10 +399,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
disabled="true"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="button"
target="_self"
@@ -411,9 +411,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="button"
target="_self"
@@ -449,10 +449,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="ul"
>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
class="d-flex justify-content-between align-items-center"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -461,10 +461,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
Cras justo odio
<cbadge-stub
activeclass="active"
activeclass="router-link-active"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
shape="pill"
tag="span"
@@ -475,10 +475,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
class="d-flex justify-content-between align-items-center"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -487,10 +487,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
Dapibus ac facilisis in
<cbadge-stub
activeclass="active"
activeclass="router-link-active"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
shape="pill"
tag="span"
@@ -501,10 +501,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
class="d-flex justify-content-between align-items-center"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -513,10 +513,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
Morbi leo risus
<cbadge-stub
activeclass="active"
activeclass="router-link-active"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
shape="pill"
tag="span"
@@ -559,9 +559,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="ul"
>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -570,10 +570,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -582,10 +582,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -594,10 +594,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
color="success"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -606,10 +606,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
color="danger"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -618,10 +618,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
color="warning"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -630,10 +630,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
color="info"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -642,10 +642,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
color="light"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -654,10 +654,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
color="dark"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="li"
target="_self"
@@ -693,9 +693,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="ul"
>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
tag="li"
@@ -705,10 +705,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
tag="li"
@@ -718,10 +718,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
tag="li"
@@ -731,10 +731,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
color="success"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
tag="li"
@@ -744,10 +744,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
color="danger"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
tag="li"
@@ -757,10 +757,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
color="warning"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
tag="li"
@@ -770,10 +770,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
color="info"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
tag="li"
@@ -783,10 +783,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
color="light"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
tag="li"
@@ -796,10 +796,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
color="dark"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
tag="li"
@@ -853,9 +853,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="ul"
>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
tag="li"
@@ -865,9 +865,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
tag="li"
@@ -877,9 +877,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
tag="li"
@@ -915,9 +915,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="ul"
>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
tag="li"
@@ -927,9 +927,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
tag="li"
@@ -939,9 +939,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
tag="li"
@@ -993,10 +993,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
>
<clistgroupitem-stub
active="true"
activeclass="active"
activeclass="router-link-active"
class="flex-column align-items-start"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
tag="li"
@@ -1031,10 +1031,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
class="flex-column align-items-start"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
tag="li"
@@ -1073,11 +1073,11 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="active"
activeclass="router-link-active"
class="flex-column align-items-start"
disabled="true"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
tag="li"
tests/unit/views/base/__snapshots__/Navbars.spec.js.snap
+52 -52
View File
@@ -42,9 +42,9 @@ exports[`Navbars.vue renders correctly 1`] = `
/>
<cnavbarbrand-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
tag="div"
@@ -62,9 +62,9 @@ exports[`Navbars.vue renders correctly 1`] = `
tag="ul"
>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
target="_self"
@@ -73,10 +73,10 @@ exports[`Navbars.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
disabled="true"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
target="_self"
@@ -90,10 +90,11 @@ exports[`Navbars.vue renders correctly 1`] = `
tag="ul"
>
<cform-stub
class="align-middle"
inline="true"
>
<cinput-stub
class="mr-sm-2"
class="mr-2 my-0"
lazy="400"
placeholder="Search"
size="sm"
@@ -101,11 +102,10 @@ exports[`Navbars.vue renders correctly 1`] = `
/>
<cbutton-stub
activeclass="active"
class="my-2 my-sm-0"
activeclass="router-link-active"
color="light"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
size="sm"
target="_self"
@@ -121,14 +121,14 @@ exports[`Navbars.vue renders correctly 1`] = `
caret="true"
flip="true"
innav="true"
offset="0"
placement="bottom-end"
offset="0,0"
placement="bottom-start"
togglertext="Lang"
>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -136,9 +136,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -146,9 +146,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -156,9 +156,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -170,14 +170,14 @@ exports[`Navbars.vue renders correctly 1`] = `
caret="true"
flip="true"
innav="true"
offset="0"
placement="bottom-end"
offset="0,0"
placement="bottom-start"
togglertext="User"
>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -185,9 +185,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -222,9 +222,9 @@ exports[`Navbars.vue renders correctly 1`] = `
tag="nav"
>
<cnavbarbrand-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
tag="div"
@@ -271,9 +271,9 @@ exports[`Navbars.vue renders correctly 1`] = `
/>
<cnavbarbrand-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="div"
target="_self"
@@ -335,9 +335,9 @@ exports[`Navbars.vue renders correctly 1`] = `
tag="ul"
>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
target="_self"
@@ -346,9 +346,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
target="_self"
@@ -360,14 +360,14 @@ exports[`Navbars.vue renders correctly 1`] = `
caret="true"
flip="true"
innav="true"
offset="0"
placement="bottom-end"
offset="0,0"
placement="bottom-start"
togglertext="Lang"
>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -375,9 +375,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -385,9 +385,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -395,9 +395,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -409,14 +409,14 @@ exports[`Navbars.vue renders correctly 1`] = `
caret="true"
flip="true"
innav="true"
offset="0"
placement="bottom-end"
offset="0,0"
placement="bottom-start"
togglertext="User"
>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -424,9 +424,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -472,11 +472,11 @@ exports[`Navbars.vue renders correctly 1`] = `
/>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="my-2 my-sm-0"
color="outline-success"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="submit"
tests/unit/views/base/__snapshots__/Navs.spec.js.snap
+81 -79
View File
@@ -33,9 +33,9 @@ exports[`Navs.vue renders correctly 1`] = `
<cnav-stub>
<cnavitem-stub
active="true"
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -43,18 +43,18 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
title="Link"
/>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -62,10 +62,10 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
disabled="true"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -91,12 +91,14 @@ exports[`Navs.vue renders correctly 1`] = `
</ccardheader-stub>
<ccardbody-stub>
<cnav-stub>
<cnav-stub
variant="pills"
>
<cnavitem-stub
active="true"
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -106,38 +108,40 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
Link
<cicon-stub
name="cil-settings"
/>
</cnavitem-stub>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
Another Link
<cicon-stub
name="cil-bell"
/>
</cnavitem-stub>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
disabled="true"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
Disabled
<cicon-stub
name="cil-envelope-closed"
/>
</cnavitem-stub>
</cnav-stub>
</ccardbody-stub>
@@ -164,9 +168,9 @@ exports[`Navs.vue renders correctly 1`] = `
>
<cnavitem-stub
active="true"
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -176,9 +180,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -188,9 +192,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -200,10 +204,10 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
disabled="true"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -234,9 +238,9 @@ exports[`Navs.vue renders correctly 1`] = `
>
<cnavitem-stub
active="true"
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -244,9 +248,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -254,9 +258,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -264,10 +268,10 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
disabled="true"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -299,9 +303,9 @@ exports[`Navs.vue renders correctly 1`] = `
>
<cnavitem-stub
active="true"
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -309,9 +313,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -319,9 +323,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -329,10 +333,10 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
disabled="true"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -364,9 +368,9 @@ exports[`Navs.vue renders correctly 1`] = `
>
<cnavitem-stub
active="true"
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -374,9 +378,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -384,9 +388,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -394,10 +398,10 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
disabled="true"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -424,13 +428,12 @@ exports[`Navs.vue renders correctly 1`] = `
<ccardbody-stub>
<cnav-stub
pills=""
variant="pills"
>
<cnavitem-stub
active="true"
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -438,9 +441,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -451,16 +454,15 @@ exports[`Navs.vue renders correctly 1`] = `
button-content="Dropdown"
caret="true"
flip="true"
id="nav7_ddown"
nav=""
offset="0"
innav="true"
offset="0,0"
placement="bottom-end"
togglertext="Dropdown"
>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -468,9 +470,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -482,9 +484,9 @@ exports[`Navs.vue renders correctly 1`] = `
/>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -526,9 +528,9 @@ exports[`Navs.vue renders correctly 1`] = `
>
<cnavitem-stub
active="true"
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -536,9 +538,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -546,9 +548,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -556,10 +558,10 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="active"
activeclass="router-link-active"
disabled="true"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
tests/unit/views/base/__snapshots__/Paginations.spec.js.snap
+8 -2
View File
@@ -9,9 +9,13 @@ exports[`Paginations.vue renders correctly 1`] = `
/>
<strong>
Responsive bootstrap Pagination
Pagination
</strong>
<small>
size
</small>
<div
class="card-header-actions"
>
@@ -65,7 +69,9 @@ exports[`Paginations.vue renders correctly 1`] = `
<br />
<div>
<div
class="d-md-down-none"
>
<h6>
Large
</h6>
tests/unit/views/base/__snapshots__/ProgressBars.spec.js.snap
+6 -6
View File
@@ -69,11 +69,11 @@ exports[`ProgressBars.vue renders correctly 1`] = `
</cprogress-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="mt-4"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -486,10 +486,10 @@ exports[`ProgressBars.vue renders correctly 1`] = `
/>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -557,10 +557,10 @@ exports[`ProgressBars.vue renders correctly 1`] = `
/>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
tests/unit/views/base/__snapshots__/Switches.spec.js.snap
+5 -4
View File
@@ -17,11 +17,11 @@ exports[`Switches.vue renders correctly 1`] = `
Radio switches
<cbadge-stub
activeclass="active"
activeclass="router-link-active"
class="mr-auto"
color="warning"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="span"
target="_self"
@@ -149,10 +149,10 @@ exports[`Switches.vue renders correctly 1`] = `
Switch default
<cbadge-stub
activeclass="active"
activeclass="router-link-active"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
tag="span"
target="_self"
@@ -1684,6 +1684,7 @@ exports[`Switches.vue renders correctly 1`] = `
<cdatatable-stub
class="table-align-middle mb-0"
fields="[object Object],[object Object],[object Object]"
header="true"
hover="true"
items="[object Object],[object Object],[object Object]"
itemsperpage="10"
tests/unit/views/base/__snapshots__/Table.spec.js.snap
+1
View File
@@ -13,6 +13,7 @@ exports[`Table.vue renders correctly 1`] = `
<ccardbody-stub>
<cdatatable-stub
fields="username,registered,role,status"
header="true"
itemsperpage="5"
pagination="true"
responsive="true"
tests/unit/views/base/__snapshots__/Tabs.spec.js.snap
+90 -7
View File
@@ -41,6 +41,11 @@ exports[`Tabs.vue renders correctly 1`] = `
>
<ctab-stub
active="true"
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
title="Home"
>
@@ -53,6 +58,12 @@ exports[`Tabs.vue renders correctly 1`] = `
</ctab-stub>
<ctab-stub
active="true"
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
title="Profile"
>
@@ -65,7 +76,12 @@ exports[`Tabs.vue renders correctly 1`] = `
</ctab-stub>
<ctab-stub
activeclass="router-link-active"
disabled="true"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
title="Disabled"
>
@@ -100,6 +116,11 @@ exports[`Tabs.vue renders correctly 1`] = `
>
<ctab-stub
active="true"
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
title="Home"
>
@@ -112,6 +133,11 @@ exports[`Tabs.vue renders correctly 1`] = `
</ctab-stub>
<ctab-stub
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
title="Profile"
>
@@ -124,7 +150,12 @@ exports[`Tabs.vue renders correctly 1`] = `
</ctab-stub>
<ctab-stub
activeclass="router-link-active"
disabled="true"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
title="Disabled"
>
@@ -154,11 +185,17 @@ exports[`Tabs.vue renders correctly 1`] = `
<ccardbody-stub>
<ctabs-stub
activetab="1"
fade="true"
variant="tabs"
>
<ctab-stub
active="true"
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
<template>
<cicon-stub
@@ -174,7 +211,13 @@ exports[`Tabs.vue renders correctly 1`] = `
</ctab-stub>
<ctab-stub>
<ctab-stub
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
<template>
<cicon-stub
name="cil-basket"
@@ -189,7 +232,13 @@ exports[`Tabs.vue renders correctly 1`] = `
</ctab-stub>
<ctab-stub>
<ctab-stub
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
<template>
<cicon-stub
name="cil-chart-pie"
@@ -227,7 +276,11 @@ exports[`Tabs.vue renders correctly 1`] = `
variant="tabs"
>
<ctab-stub
active="true"
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
<template>
<cicon-stub
@@ -245,7 +298,14 @@ exports[`Tabs.vue renders correctly 1`] = `
</ctab-stub>
<ctab-stub>
<ctab-stub
active="true"
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
<template>
<cicon-stub
name="cil-basket"
@@ -262,7 +322,13 @@ exports[`Tabs.vue renders correctly 1`] = `
</ctab-stub>
<ctab-stub>
<ctab-stub
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
<template>
<cicon-stub
name="cil-chart-pie"
@@ -303,6 +369,11 @@ exports[`Tabs.vue renders correctly 1`] = `
>
<ctab-stub
active="true"
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
<template>
<cicon-stub
@@ -320,7 +391,13 @@ exports[`Tabs.vue renders correctly 1`] = `
</ctab-stub>
<ctab-stub>
<ctab-stub
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
<template>
<cicon-stub
name="cil-basket"
@@ -337,7 +414,13 @@ exports[`Tabs.vue renders correctly 1`] = `
</ctab-stub>
<ctab-stub>
<ctab-stub
activeclass="router-link-active"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
<template>
<cicon-stub
name="cil-chart-pie"
tests/unit/views/base/__snapshots__/Tooltips.spec.js.snap
+28 -28
View File
@@ -50,10 +50,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
class="text-center my-3"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -73,10 +73,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
class="text-center my-3"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -120,10 +120,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -139,10 +139,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -158,10 +158,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -177,10 +177,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -196,10 +196,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -215,10 +215,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -234,10 +234,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -253,10 +253,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -272,10 +272,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -291,10 +291,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -310,10 +310,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -329,10 +329,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
tests/unit/views/buttons/__snapshots__/BrandButtons.spec.js.snap
+102 -306
View File
File diff suppressed because it is too large Load Diff
tests/unit/views/buttons/__snapshots__/ButtonDropdowns.spec.js.snap
+6 -18
View File
@@ -16,12 +16,10 @@ exports[`Dropdowns.vue renders correctly 1`] = `
>
<svg
class="c-icon"
role="img"
viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg"
>
<title>
cilJustifyCenter
</title>
undefined
</svg>
@@ -229,12 +227,10 @@ exports[`Dropdowns.vue renders correctly 1`] = `
>
<svg
class="c-icon"
role="img"
viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg"
>
<title>
cilJustifyCenter
</title>
undefined
</svg>
@@ -498,12 +494,10 @@ exports[`Dropdowns.vue renders correctly 1`] = `
>
<svg
class="c-icon"
role="img"
viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg"
>
<title>
cilJustifyCenter
</title>
undefined
</svg>
@@ -586,12 +580,10 @@ exports[`Dropdowns.vue renders correctly 1`] = `
>
<svg
class="c-icon"
role="img"
viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg"
>
<title>
cilJustifyCenter
</title>
undefined
</svg>
@@ -809,12 +801,10 @@ exports[`Dropdowns.vue renders correctly 1`] = `
>
<svg
class="c-icon"
role="img"
viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg"
>
<title>
cilJustifyCenter
</title>
undefined
</svg>
@@ -939,12 +929,10 @@ exports[`Dropdowns.vue renders correctly 1`] = `
>
<svg
class="c-icon"
role="img"
viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg"
>
<title>
cilJustifyCenter
</title>
undefined
</svg>
tests/unit/views/buttons/__snapshots__/ButtonGroups.spec.js.snap
+105 -105
View File
@@ -41,10 +41,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<div>
<cbuttongroup-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -53,10 +53,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -65,10 +65,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -77,10 +77,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -89,11 +89,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="d-sm-down-none"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -107,11 +107,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<cbuttongroup-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="d-sm-down-none"
color="success"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -120,10 +120,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="info"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -132,10 +132,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="warning"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -144,11 +144,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="d-sm-down-none"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -157,10 +157,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="danger"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -169,10 +169,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="link"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -206,10 +206,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<div>
<cbuttongroup-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -218,10 +218,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -230,10 +230,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -249,10 +249,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
size="sm"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -261,10 +261,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -273,10 +273,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -292,10 +292,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
size="lg"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -304,10 +304,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -316,10 +316,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -352,11 +352,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<div>
<cbuttongroup-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="d-sm-down-none"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -365,11 +365,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="d-sm-down-none"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -381,16 +381,16 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
caret="true"
color="success"
flip="true"
offset="0"
offset="0,0"
placement="bottom-start"
right=""
text="Menu"
togglertext="Dropdown"
>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -398,9 +398,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -412,9 +412,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
/>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -423,11 +423,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cdropdown-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="d-sm-down-none"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -439,7 +439,7 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
caret="true"
color="info"
flip="true"
offset="0"
offset="0,0"
placement="bottom-start"
right=""
split="true"
@@ -447,9 +447,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
togglertext="Dropdown"
>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -457,9 +457,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -471,9 +471,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
/>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -509,10 +509,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
vertical="true"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -521,10 +521,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -533,10 +533,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -576,11 +576,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
class="mx-1"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="d-sm-down-none"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -589,10 +589,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -605,11 +605,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
class="mx-1"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="d-sm-down-none"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -618,10 +618,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -630,10 +630,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -646,10 +646,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
class="mx-1"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -658,11 +658,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="d-sm-down-none"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -685,10 +685,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
size="sm"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -697,10 +697,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -733,10 +733,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
size="sm"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -745,10 +745,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -767,10 +767,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
class="mx-1 d-sm-down-none"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -779,10 +779,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -791,10 +791,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -809,14 +809,14 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
class="mx-1"
color="secondary"
flip="true"
offset="0"
offset="0,0"
placement="bottom-end"
togglertext="Dropdown"
>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -824,9 +824,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -834,9 +834,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="active"
activeclass="router-link-active"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
>
@@ -848,10 +848,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
class="mx-1"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -860,10 +860,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
tests/unit/views/buttons/__snapshots__/StandardButtons.spec.js.snap
+338 -338
View File
File diff suppressed because it is too large Load Diff
tests/unit/views/notifications/__snapshots__/Alerts.spec.js.snap
+8 -8
View File
@@ -261,10 +261,10 @@ exports[`Alerts.vue renders correctly 1`] = `
Dark Alert with
<clink-stub
activeclass="active"
activeclass="router-link-active"
class="alert-link"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
href="#"
routertag="a"
target="_self"
@@ -369,11 +369,11 @@ exports[`Alerts.vue renders correctly 1`] = `
Dismissible Alert with custom button!
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="position-absolute"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -385,11 +385,11 @@ exports[`Alerts.vue renders correctly 1`] = `
</calert-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="m-1"
color="info"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -450,11 +450,11 @@ exports[`Alerts.vue renders correctly 1`] = `
</calert-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="m-1"
color="info"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
tests/unit/views/notifications/__snapshots__/Badges.spec.js.snap
+4 -12
View File
@@ -15,12 +15,10 @@ exports[`Badges.vue renders correctly 1`] = `
>
<svg
class="c-icon"
role="img"
viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg"
>
<title>
cilJustifyCenter
</title>
undefined
</svg>
@@ -126,12 +124,10 @@ exports[`Badges.vue renders correctly 1`] = `
>
<svg
class="c-icon"
role="img"
viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg"
>
<title>
cilJustifyCenter
</title>
undefined
</svg>
Badge
@@ -202,12 +198,10 @@ exports[`Badges.vue renders correctly 1`] = `
>
<svg
class="c-icon"
role="img"
viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg"
>
<title>
cilJustifyCenter
</title>
undefined
</svg>
Badge
@@ -278,12 +272,10 @@ exports[`Badges.vue renders correctly 1`] = `
>
<svg
class="c-icon"
role="img"
viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg"
>
<title>
cilJustifyCenter
</title>
undefined
</svg>
Badge
tests/unit/views/notifications/__snapshots__/Modals.spec.js.snap
+18 -18
View File
@@ -40,11 +40,11 @@ exports[`Modals.vue renders correctly 1`] = `
<ccardbody-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="mr-1"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -55,11 +55,11 @@ exports[`Modals.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="mr-1"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -70,11 +70,11 @@ exports[`Modals.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="mr-1"
color="secondary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -87,11 +87,11 @@ exports[`Modals.vue renders correctly 1`] = `
<hr />
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="mr-1"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -102,11 +102,11 @@ exports[`Modals.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="mr-1"
color="success"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -117,11 +117,11 @@ exports[`Modals.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="mr-1"
color="warning"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -132,11 +132,11 @@ exports[`Modals.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="mr-1"
color="danger"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -147,11 +147,11 @@ exports[`Modals.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="mr-1"
color="info"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -162,11 +162,11 @@ exports[`Modals.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="mr-1"
color="dark"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
tests/unit/views/pages/__snapshots__/Login.spec.js.snap
+22 -10
View File
@@ -2,16 +2,14 @@
exports[`Login.vue renders correctly 1`] = `
<ccontainer-stub
class="d-flex align-items-center min-vh-100"
class="d-flex content-center min-vh-100"
tag="div"
>
<crow-stub
class="justify-content-center"
gutters="true"
tag="div"
>
<ccol-stub
md="8"
tag="div"
>
<ccardgroup-stub
@@ -51,15 +49,16 @@ exports[`Login.vue renders correctly 1`] = `
tag="div"
>
<ccol-stub
class="text-left"
col="6"
tag="div"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="px-4"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
@@ -74,17 +73,30 @@ exports[`Login.vue renders correctly 1`] = `
tag="div"
>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="px-0"
color="link"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
>
Forgot password?
</cbutton-stub>
<cbutton-stub
activeclass="router-link-active"
class="d-md-none"
color="link"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
>
Register now!
</cbutton-stub>
</ccol-stub>
</crow-stub>
</cform-stub>
@@ -93,7 +105,7 @@ exports[`Login.vue renders correctly 1`] = `
<ccard-stub
bodywrapper="true"
class="text-center py-5 d-md-down-none"
class="text-center py-5 d-sm-down-none"
color="primary"
textcolor="white"
>
@@ -106,11 +118,11 @@ exports[`Login.vue renders correctly 1`] = `
</p>
<cbutton-stub
activeclass="active"
activeclass="router-link-active"
class="active mt-3"
color="primary"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
tests/unit/views/pages/__snapshots__/Register.spec.js.snap
+109 -106
View File
@@ -1,132 +1,135 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Register.vue renders correctly 1`] = `
<ccontainer-stub
class="min-vh-100 d-flex align-items-center"
tag="div"
<div
class="d-flex align-items-center min-vh-100"
>
<crow-stub
class="w-100 justify-content-center"
gutters="true"
<ccontainer-stub
fluid="true"
tag="div"
>
<ccol-stub
md="6"
sm="8"
<crow-stub
class="justify-content-center"
gutters="true"
tag="div"
>
<ccard-stub
class="mx-4 mb-0"
<ccol-stub
md="6"
tag="div"
>
<ccardbody-stub
class="p-4"
<ccard-stub
class="mx-4 mb-0"
>
<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"
tag="div"
<ccardbody-stub
class="p-4"
>
<ccol-stub
col="6"
tag="div"
>
<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"
activeclass="router-link-active"
block="true"
color="facebook"
color="success"
event="click"
exactactiveclass="active"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
>
Facebook
Create Account
</cbutton-stub>
</ccol-stub>
</cform-stub>
</ccardbody-stub>
<ccol-stub
col="6"
<ccardfooter-stub
class="p-4"
>
<crow-stub
gutters="true"
tag="div"
>
<cbutton-stub
activeclass="active"
block="true"
color="twitter"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
<ccol-stub
col="6"
tag="div"
>
<cbutton-stub
activeclass="router-link-active"
block="true"
color="facebook"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
>
Twitter
Facebook
</cbutton-stub>
</ccol-stub>
</crow-stub>
</ccardfooter-stub>
</ccard-stub>
</ccol-stub>
</crow-stub>
</ccontainer-stub>
</cbutton-stub>
</ccol-stub>
<ccol-stub
col="6"
tag="div"
>
<cbutton-stub
activeclass="router-link-active"
block="true"
color="twitter"
event="click"
exactactiveclass="router-link-exact-active"
routertag="a"
target="_self"
type="button"
>
Twitter
</cbutton-stub>
</ccol-stub>
</crow-stub>
</ccardfooter-stub>
</ccard-stub>
</ccol-stub>
</crow-stub>
</ccontainer-stub>
</div>
`;
tests/unit/views/theme/__snapshots__/Colors.spec.js.snap
+2 -6
View File
@@ -10,12 +10,10 @@ exports[`Colors.vue renders correctly 1`] = `
>
<svg
class="c-icon"
role="img"
viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg"
>
<title>
cilDrop
</title>
undefined
</svg>
Theme colors
@@ -415,12 +413,10 @@ exports[`Colors.vue renders correctly 1`] = `
>
<svg
class="c-icon"
role="img"
viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg"
>
<title>
cilDrop
</title>
undefined
</svg>
Grays
tests/unit/views/users/User.spec.js
+12 -28
View File
@@ -1,53 +1,37 @@
import { shallowMount, createLocalVue } from '@vue/test-utils'
import { mount, createLocalVue } from '@vue/test-utils'
import VueRouter from 'vue-router'
import CoreuiVue from '@coreui/vue'
import User from '@/views/users/User'
import appRouter from '@/router'
const localVue = createLocalVue()
localVue.use(VueRouter)
const router = new VueRouter()
const router = appRouter
router.push({path: '/users/1'})
localVue.use(CoreuiVue)
describe('User.vue', () => {
let wrapper
beforeEach(() => {
wrapper = mount(User, {
localVue,
router
})
})
it('has a name', () => {
expect(User.name).toBe('User')
})
it('is Vue instance', () => {
const wrapper = shallowMount(User, {
localVue,
router
})
expect(wrapper.isVueInstance()).toBe(true)
})
it('is User', () => {
const wrapper = shallowMount(User, {
localVue,
router
})
expect(wrapper.is(User)).toBe(true)
})
it('should have methods', () => {
const wrapper = shallowMount(User,{
localVue,
router
})
expect(typeof User.methods.goBack ).toEqual('function')
expect(wrapper.vm.goBack()).toBeUndefined()
expect(typeof User.methods.getUserData ).toEqual('function')
expect(wrapper.vm.getUserData(1)).toStrictEqual([
{ key: 'username', value: 'Samppa Nori' },
{ key: 'registered', value: '2012/01/01' },
{ key: 'role', value: 'Member' },
{ key: 'status', value: 'Active' } ])
expect(wrapper.vm.getUserData(30)).toStrictEqual([{"key": "id", "value": "Not found"}])
expect(typeof User.methods.goBack).toEqual('function')
})
test('renders correctly', () => {
const wrapper = shallowMount(User, {
localVue,
router
})
expect(wrapper.element).toMatchSnapshot()
})
})
tests/unit/views/users/Users.spec.js
-14
View File
@@ -37,18 +37,4 @@ describe('Users.vue', () => {
})
expect(wrapper.element).toMatchSnapshot()
})
it('should have methods', () => {
const wrapper = shallowMount(Users,{
localVue,
router
})
expect(typeof Users.methods.userLink ).toEqual('function')
expect(Users.methods.userLink(42)).toBe('users/42')
expect(typeof Users.methods.rowClicked ).toEqual('function')
expect(wrapper.vm.rowClicked({id:42})).toBeUndefined()
expect(typeof Users.methods.getBadge ).toEqual('function')
expect(wrapper.vm.getBadge('Active')).toBe('success')
expect(wrapper.vm.getBadge('Inactive')).toBe('secondary')
})
})
tests/unit/views/users/__snapshots__/User.spec.js.snap
+136 -35
View File
@@ -1,49 +1,150 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`User.vue renders correctly 1`] = `
<crow-stub
gutters="true"
tag="div"
<div
class="row"
>
<ccol-stub
col="12"
lg="6"
tag="div"
<div
class="col-12 col-lg-6"
>
<ccard-stub>
<ccardheader-stub>
<div
class="card"
>
<header
class="card-header"
>
User id:
User id: 1
</ccardheader-stub>
</header>
<ccardbody-stub>
<cdatatable-stub
fields="[object Object],[object Object]"
fixed="true"
items="[object Object]"
itemsperpage="10"
responsive="true"
<div
class="card-body"
>
<div
data-v-31168812=""
small=""
sortervalue="[object Object]"
striped="true"
/>
</ccardbody-stub>
>
<!---->
<div
class="position-relative table-responsive"
data-v-31168812=""
>
<table
class="table table-striped b-table-fixed"
data-v-31168812=""
>
<thead
data-v-31168812=""
>
<tr
data-v-31168812=""
>
<th
class=""
data-v-31168812=""
style="width: 150px;"
>
<div
class="d-inline"
data-v-31168812=""
>
Samppa Nori
</div>
<!---->
</th>
<th
class=""
data-v-31168812=""
style="width: 150px;"
>
<div
class="d-inline"
data-v-31168812=""
>
<ccardfooter-stub>
<cbutton-stub
activeclass="active"
color="primary"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
</div>
<!---->
</th>
</tr>
<!---->
</thead>
<tbody
class="position-relative"
data-v-31168812=""
>
<tr
data-v-31168812=""
>
<td
class=""
data-v-31168812=""
>
registered
</td>
<td
class=""
data-v-31168812=""
>
2012/01/01
</td>
</tr>
<!---->
<tr
data-v-31168812=""
>
<td
class=""
data-v-31168812=""
>
role
</td>
<td
class=""
data-v-31168812=""
>
Member
</td>
</tr>
<!---->
<tr
data-v-31168812=""
>
<td
class=""
data-v-31168812=""
>
status
</td>
<td
class=""
data-v-31168812=""
>
Active
</td>
</tr>
<!---->
<!---->
</tbody>
<!---->
</table>
<!---->
</div>
<!---->
</div>
</div>
<footer
class="card-footer"
>
<button
class="btn btn-primary"
type="button"
>
Back
</cbutton-stub>
</ccardfooter-stub>
</ccard-stub>
</ccol-stub>
</crow-stub>
</button>
</footer>
</div>
</div>
</div>
`;
tests/unit/views/users/__snapshots__/Users.spec.js.snap
+11 -2
View File
@@ -21,17 +21,26 @@ exports[`Users.vue renders correctly 1`] = `
<ccardbody-stub>
<cdatatable-stub
activepage="1"
clickablerows="true"
fields="[object Object],[object Object],[object Object],[object Object]"
header="true"
hover="true"
index-column=""
items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
itemsperpage="5"
pagination="[object Object]"
responsive="true"
sortervalue="[object Object]"
striped="true"
/>
<cpagination-stub
activepage="1"
align="center"
arrows="true"
dots="true"
limit="5"
pages="5"
/>
</ccardbody-stub>
</ccard-stub>
</ccol-stub>
vue.config.js
+4 -1
View File
@@ -6,5 +6,8 @@ module.exports = {
resolve: {
symlinks: false
}
}
},
transpileDependencies: [
'@coreui/utils'
]
}