chore: 3.0.0-beta.1 release - update dependencies and snapshots
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@coreui/coreui-free-vue-admin-template",
|
"name": "@coreui/coreui-free-vue-admin-template",
|
||||||
"version": "3.0.0-beta.0",
|
"version": "3.0.0-beta.1",
|
||||||
"description": "Open Source Bootstrap Admin Template",
|
"description": "Open Source Bootstrap Admin Template",
|
||||||
"author": "Łukasz Holeczek",
|
"author": "Łukasz Holeczek",
|
||||||
"homepage": "http://coreui.io",
|
"homepage": "http://coreui.io",
|
||||||
@@ -17,7 +17,7 @@
|
|||||||
"@coreui/coreui": "3.0.0-beta.3",
|
"@coreui/coreui": "3.0.0-beta.3",
|
||||||
"@coreui/coreui-vue-chartjs": "1.0.0-alpha.2",
|
"@coreui/coreui-vue-chartjs": "1.0.0-alpha.2",
|
||||||
"@coreui/icons": "1.0.0-beta.3",
|
"@coreui/icons": "1.0.0-beta.3",
|
||||||
"@coreui/vue": "3.0.0-beta.0",
|
"@coreui/vue": "coreui/coreui-vue#3.0.0-beta.2",
|
||||||
"vue": "^2.6.10",
|
"vue": "^2.6.10",
|
||||||
"vue-router": "^3.1.3"
|
"vue-router": "^3.1.3"
|
||||||
},
|
},
|
||||||
|
|||||||
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 3.5 KiB |
|
After Width: | Height: | Size: 5.2 KiB |
|
After Width: | Height: | Size: 7.1 KiB |
|
After Width: | Height: | Size: 9.7 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 5.2 KiB |
|
After Width: | Height: | Size: 5.4 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 18 KiB |
@@ -0,0 +1,2 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>
|
||||||
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 7.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
@@ -1,56 +1,58 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
<!--
|
||||||
|
* CoreUI Free - Vue.js Admin Template
|
||||||
|
* @version v3.0.0-beta.1
|
||||||
|
* @link https://coreui.io/vue/
|
||||||
|
* Copyright (c) 2019 creativeLabs Łukasz Holeczek
|
||||||
|
-->
|
||||||
<html>
|
<html>
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
|
||||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
|
||||||
<title>CoreUI - Vue Open Source Bootstrap Admin Template</title>
|
|
||||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-118965717-3"></script>
|
|
||||||
<script>
|
|
||||||
window.dataLayer = window.dataLayer || [];
|
|
||||||
function gtag(){dataLayer.push(arguments);}
|
|
||||||
gtag('js', new Date());
|
|
||||||
// Shared ID
|
|
||||||
gtag('config', 'UA-118965717-3');
|
|
||||||
// Vue.js ID
|
|
||||||
gtag('config', 'UA-118965717-7');
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<!-- BODY options, add following classes to body to change options
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||||
|
<title>CoreUI - Vue Open Source Bootstrap Admin Template</title>
|
||||||
|
<!-- favicons for all devices -->
|
||||||
|
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
|
||||||
|
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
|
||||||
|
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
|
||||||
|
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
|
||||||
|
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
|
||||||
|
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
|
||||||
|
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
|
||||||
|
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
|
||||||
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
|
||||||
|
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
|
||||||
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
||||||
|
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
|
||||||
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
||||||
|
<link rel="manifest" href="/manifest.json">
|
||||||
|
<meta name="msapplication-TileColor" content="#ffffff">
|
||||||
|
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
|
||||||
|
<meta name="theme-color" content="#ffffff">
|
||||||
|
<!-- geotagging -->
|
||||||
|
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-118965717-3"></script>
|
||||||
|
<script>
|
||||||
|
window.dataLayer = window.dataLayer || [];
|
||||||
|
|
||||||
// Header options
|
function gtag() {
|
||||||
1. '.header-fixed' - Fixed Header
|
dataLayer.push(arguments);
|
||||||
|
}
|
||||||
|
gtag('js', new Date());
|
||||||
|
// Shared ID
|
||||||
|
gtag('config', 'UA-118965717-3');
|
||||||
|
// Vue.js ID
|
||||||
|
gtag('config', 'UA-118965717-7');
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
|
||||||
// Brand options
|
<body>
|
||||||
1. '.brand-minimized' - Minimized brand (Only symbol)
|
<noscript>
|
||||||
|
<strong>We're sorry but this app doesn't work properly without JavaScript enabled. Please enable it to
|
||||||
|
continue.</strong>
|
||||||
|
</noscript>
|
||||||
|
<div id="app"></div>
|
||||||
|
<!-- built files will be auto injected -->
|
||||||
|
</body>
|
||||||
|
|
||||||
// Sidebar options
|
|
||||||
1. '.sidebar-fixed' - Fixed Sidebar
|
|
||||||
2. '.sidebar-hidden' - Hidden Sidebar
|
|
||||||
3. '.sidebar-off-canvas' - Off Canvas Sidebar
|
|
||||||
4. '.sidebar-minimized' - Minimized Sidebar (Only icons)
|
|
||||||
5. '.sidebar-compact' - Compact Sidebar
|
|
||||||
|
|
||||||
// Aside options
|
|
||||||
1. '.aside-menu-fixed' - Fixed Aside Menu
|
|
||||||
2. '.aside-menu-hidden' - Hidden Aside Menu
|
|
||||||
3. '.aside-menu-off-canvas' - Off Canvas Aside Menu
|
|
||||||
|
|
||||||
// Breadcrumb options
|
|
||||||
1. '.breadcrumb-fixed' - Fixed Breadcrumb
|
|
||||||
|
|
||||||
// Footer options
|
|
||||||
1. '.footer-fixed' - Fixed footer
|
|
||||||
|
|
||||||
-->
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<noscript>
|
|
||||||
<strong>We're sorry but this app doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
|
|
||||||
</noscript>
|
|
||||||
<div id="app"></div>
|
|
||||||
<!-- built files will be auto injected -->
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -0,0 +1,41 @@
|
|||||||
|
{
|
||||||
|
"name": "App",
|
||||||
|
"icons": [
|
||||||
|
{
|
||||||
|
"src": "\/android-icon-36x36.png",
|
||||||
|
"sizes": "36x36",
|
||||||
|
"type": "image\/png",
|
||||||
|
"density": "0.75"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "\/android-icon-48x48.png",
|
||||||
|
"sizes": "48x48",
|
||||||
|
"type": "image\/png",
|
||||||
|
"density": "1.0"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "\/android-icon-72x72.png",
|
||||||
|
"sizes": "72x72",
|
||||||
|
"type": "image\/png",
|
||||||
|
"density": "1.5"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "\/android-icon-96x96.png",
|
||||||
|
"sizes": "96x96",
|
||||||
|
"type": "image\/png",
|
||||||
|
"density": "2.0"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "\/android-icon-144x144.png",
|
||||||
|
"sizes": "144x144",
|
||||||
|
"type": "image\/png",
|
||||||
|
"density": "3.0"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "\/android-icon-192x192.png",
|
||||||
|
"sizes": "192x192",
|
||||||
|
"type": "image\/png",
|
||||||
|
"density": "4.0"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
@@ -52,6 +52,7 @@ import {
|
|||||||
cilEnvelopeOpen,
|
cilEnvelopeOpen,
|
||||||
cilEuro,
|
cilEuro,
|
||||||
cilGlobeAlt,
|
cilGlobeAlt,
|
||||||
|
cilGrid,
|
||||||
cilFile,
|
cilFile,
|
||||||
cilJustifyCenter,
|
cilJustifyCenter,
|
||||||
cilLaptop,
|
cilLaptop,
|
||||||
@@ -101,6 +102,7 @@ export const iconsSet = Object.assign(
|
|||||||
cilEnvelopeOpen,
|
cilEnvelopeOpen,
|
||||||
cilEuro,
|
cilEuro,
|
||||||
cilGlobeAlt,
|
cilGlobeAlt,
|
||||||
|
cilGrid,
|
||||||
cilFile,
|
cilFile,
|
||||||
cilJustifyCenter,
|
cilJustifyCenter,
|
||||||
cilLaptop,
|
cilLaptop,
|
||||||
|
|||||||
@@ -6,3 +6,12 @@
|
|||||||
|
|
||||||
// If you want to add something do it here
|
// If you want to add something do it here
|
||||||
@import "custom";
|
@import "custom";
|
||||||
|
|
||||||
|
.card-header > .c-icon:first-child {
|
||||||
|
margin-right: 0.1rem;
|
||||||
|
margin-top: 0.1rem;
|
||||||
|
vertical-align: top;
|
||||||
|
width: 1.2rem;
|
||||||
|
height: 1.2rem;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
}
|
||||||
|
|||||||
@@ -16,16 +16,15 @@
|
|||||||
width="97"
|
width="97"
|
||||||
height="46"
|
height="46"
|
||||||
alt="CoreUI Logo"
|
alt="CoreUI Logo"
|
||||||
:wrappedInLink="{ href: 'https://coreui.io', target: '_blank'}"
|
|
||||||
/>
|
/>
|
||||||
<CHeaderNav class="d-md-down-none mr-auto">
|
<CHeaderNav class="d-md-down-none mr-auto">
|
||||||
<CHeaderNavItem class="px-3" to="/dashboard">
|
<CHeaderNavItem class="px-3">
|
||||||
<CHeaderNavLink>
|
<CHeaderNavLink to="/dashboard">
|
||||||
Dashboard
|
Dashboard
|
||||||
</CHeaderNavLink>
|
</CHeaderNavLink>
|
||||||
</CHeaderNavItem>
|
</CHeaderNavItem>
|
||||||
<CHeaderNavItem class="px-3" to="/users" exact>
|
<CHeaderNavItem class="px-3">
|
||||||
<CHeaderNavLink>
|
<CHeaderNavLink to="/users" exact>
|
||||||
Users
|
Users
|
||||||
</CHeaderNavLink>
|
</CHeaderNavLink>
|
||||||
</CHeaderNavItem>
|
</CHeaderNavItem>
|
||||||
|
|||||||
@@ -216,7 +216,8 @@ export default [
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
_name: 'CSidebarNavDivider'
|
_name: 'CSidebarNavDivider',
|
||||||
|
_class: 'm-2'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
_name: 'CSidebarNavTitle',
|
_name: 'CSidebarNavTitle',
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
<CIcon name="cil-justify-center"/><strong> Bootstrap Breadcrumb</strong>
|
<CIcon name="cil-justify-center"/><strong> Bootstrap Breadcrumb</strong>
|
||||||
<div class="card-header-actions">
|
<div class="card-header-actions">
|
||||||
<a
|
<a
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Breadcrumb"
|
href="https://coreui.io/vue/docs/components/breadcrumb"
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
Card title
|
Card title
|
||||||
<div class="card-header-actions">
|
<div class="card-header-actions">
|
||||||
<a
|
<a
|
||||||
href="https://coreui.io/vue/docs/3.0/components/CardComponents"
|
href="https://coreui.io/vue/docs/components/card-components"
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<strong> Bootstrap Carousel</strong>
|
<strong> Bootstrap Carousel</strong>
|
||||||
<div class="card-header-actions">
|
<div class="card-header-actions">
|
||||||
<a
|
<a
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Carousel"
|
href="https://coreui.io/vue/docs/components/carousel"
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<strong> Bootstrap Collapse </strong>
|
<strong> Bootstrap Collapse </strong>
|
||||||
<div class="card-header-actions">
|
<div class="card-header-actions">
|
||||||
<a
|
<a
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Collapse"
|
href="https://coreui.io/vue/docs/components/collapse"
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<strong>Credit Card </strong> <small>Form</small>
|
<strong>Credit Card </strong> <small>Form</small>
|
||||||
<div class="card-header-actions">
|
<div class="card-header-actions">
|
||||||
<a
|
<a
|
||||||
href="https://coreui.io/vue/docs/3.0/components/FormComponents"
|
href="https://coreui.io/vue/docs/components/form-components"
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
|||||||
@@ -8,7 +8,7 @@
|
|||||||
<strong> Bootstrap Jumbotron </strong>
|
<strong> Bootstrap Jumbotron </strong>
|
||||||
<div class="card-header-actions">
|
<div class="card-header-actions">
|
||||||
<a
|
<a
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Jumbotron"
|
href="https://coreui.io/vue/docs/components/jumbotron"
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
|||||||
@@ -8,7 +8,7 @@
|
|||||||
<strong> Bootstrap list group </strong>
|
<strong> Bootstrap list group </strong>
|
||||||
<div class="card-header-actions">
|
<div class="card-header-actions">
|
||||||
<a
|
<a
|
||||||
href="https://coreui.io/vue/docs/3.0/components/ListGroup"
|
href="https://coreui.io/vue/docs/components/list-group"
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
<strong> Bootstrap Navbar </strong>
|
<strong> Bootstrap Navbar </strong>
|
||||||
<div class="card-header-actions">
|
<div class="card-header-actions">
|
||||||
<a
|
<a
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Navbar"
|
href="https://coreui.io/vue/docs/components/navbar"
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
<CIcon name="cil-justify-center"/><strong> Bootstrap Navs</strong>
|
<CIcon name="cil-justify-center"/><strong> Bootstrap Navs</strong>
|
||||||
<div class="card-header-actions">
|
<div class="card-header-actions">
|
||||||
<a
|
<a
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Nav"
|
href="https://coreui.io/vue/docs/components/nav"
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
<strong> Responsive bootstrap Pagination</strong>
|
<strong> Responsive bootstrap Pagination</strong>
|
||||||
<div class="card-header-actions">
|
<div class="card-header-actions">
|
||||||
<a
|
<a
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Pagination"
|
href="https://coreui.io/vue/docs/components/pagination"
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
<strong> Bootstrap Popovers</strong>
|
<strong> Bootstrap Popovers</strong>
|
||||||
<div class="card-header-actions">
|
<div class="card-header-actions">
|
||||||
<a
|
<a
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Popover"
|
href="https://coreui.io/vue/docs/directives/popover"
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
<strong> Bootstrap Progress</strong>
|
<strong> Bootstrap Progress</strong>
|
||||||
<div class="card-header-actions">
|
<div class="card-header-actions">
|
||||||
<a
|
<a
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Progress"
|
href="https://coreui.io/vue/docs/components/progress"
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
|||||||
@@ -8,7 +8,7 @@
|
|||||||
<CBadge :color="radio" class="mr-auto">{{radio}}</CBadge>
|
<CBadge :color="radio" class="mr-auto">{{radio}}</CBadge>
|
||||||
<div class="card-header-actions">
|
<div class="card-header-actions">
|
||||||
<a
|
<a
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Switch"
|
href="https://coreui.io/vue/docs/components/switch"
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
|||||||
@@ -1,7 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<CCard>
|
<CCard>
|
||||||
<CCardHeader>
|
<CCardHeader>
|
||||||
<CIcon name="cil-justify-center"/> {{caption}}
|
<slot name="header">
|
||||||
|
<CIcon name="cil-grid"/> {{caption}}
|
||||||
|
</slot>
|
||||||
</CCardHeader>
|
</CCardHeader>
|
||||||
<CCardBody>
|
<CCardBody>
|
||||||
<CDataTable
|
<CDataTable
|
||||||
|
|||||||
@@ -2,10 +2,21 @@
|
|||||||
<div>
|
<div>
|
||||||
<CRow>
|
<CRow>
|
||||||
<CCol lg="6">
|
<CCol lg="6">
|
||||||
<CTableWrapper
|
<CTableWrapper :items="getShuffledUsersData()">
|
||||||
:items="getShuffledUsersData()"
|
<template #header>
|
||||||
caption="Simple Table"
|
<CIcon name="cil-grid"/> Simple Table
|
||||||
/>
|
<div class="card-header-actions">
|
||||||
|
<a
|
||||||
|
href="https://coreui.io/vue/docs/components/nav"
|
||||||
|
class="card-header-action"
|
||||||
|
rel="noreferrer noopener"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<small class="text-muted">docs</small>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</CTableWrapper>
|
||||||
</CCol>
|
</CCol>
|
||||||
|
|
||||||
<CCol lg="6">
|
<CCol lg="6">
|
||||||
@@ -60,7 +71,7 @@
|
|||||||
small
|
small
|
||||||
fixed
|
fixed
|
||||||
dark
|
dark
|
||||||
caption="Combined All Table"
|
caption="Combined All dark Table"
|
||||||
/>
|
/>
|
||||||
</CCol>
|
</CCol>
|
||||||
</CRow>
|
</CRow>
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
Tabs
|
Tabs
|
||||||
<div class="card-header-actions">
|
<div class="card-header-actions">
|
||||||
<a
|
<a
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Tabs"
|
href="https://coreui.io/vue/docs/components/tabs"
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<small><code>v-c-tooltip</code> directive</small>
|
<small><code>v-c-tooltip</code> directive</small>
|
||||||
<div class="card-header-actions">
|
<div class="card-header-actions">
|
||||||
<a
|
<a
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Tooltip"
|
href="https://coreui.io/vue/docs/directives/tooltip"
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
<strong>Brand Button</strong>
|
<strong>Brand Button</strong>
|
||||||
<div class="card-header-actions">
|
<div class="card-header-actions">
|
||||||
<a
|
<a
|
||||||
href="https://coreui.io/vue/docs/3.0/components/ButtonComponents"
|
href="https://coreui.io/vue/docs/components/button-components"
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<strong> Bootstrap button group</strong>
|
<strong> Bootstrap button group</strong>
|
||||||
<div class="card-header-actions">
|
<div class="card-header-actions">
|
||||||
<a
|
<a
|
||||||
href="https://coreui.io/vue/docs/3.0/components/ButtonComponents"
|
href="https://coreui.io/vue/docs/components/button-components"
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
@@ -118,11 +118,6 @@
|
|||||||
<CIcon name="cil-justify-center"/>
|
<CIcon name="cil-justify-center"/>
|
||||||
<strong> Button toolbar </strong>
|
<strong> Button toolbar </strong>
|
||||||
<small>with button groups</small>
|
<small>with button groups</small>
|
||||||
<!-- <div class="card-header-actions">
|
|
||||||
<a href="https://bootstrap-vue.js.org/docs/components/button-toolbar" class="card-header-action" rel="noreferrer noopener" target="_blank">
|
|
||||||
<small class="text-muted">docs</small>
|
|
||||||
</a>
|
|
||||||
</div> -->
|
|
||||||
</CCardHeader>
|
</CCardHeader>
|
||||||
<CCardBody>
|
<CCardBody>
|
||||||
<CButtonToolbar aria-label="Toolbar with button groups" >
|
<CButtonToolbar aria-label="Toolbar with button groups" >
|
||||||
|
|||||||
@@ -8,7 +8,7 @@
|
|||||||
<strong> Bootstrap Dropdown</strong>
|
<strong> Bootstrap Dropdown</strong>
|
||||||
<div class="card-header-actions">
|
<div class="card-header-actions">
|
||||||
<a
|
<a
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Dropdown"
|
href="https://coreui.io/vue/docs/components/dropdown"
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
<strong>Standard buttons</strong>
|
<strong>Standard buttons</strong>
|
||||||
<div class="card-header-actions">
|
<div class="card-header-actions">
|
||||||
<a
|
<a
|
||||||
href="https://coreui.io/vue/docs/3.0/components/ButtonComponents"
|
href="https://coreui.io/vue/docs/components/button-components"
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
|||||||
@@ -36,7 +36,9 @@ export default {
|
|||||||
data: this.dataPoints,
|
data: this.dataPoints,
|
||||||
backgroundColor: getColor(this.backgroundColor),
|
backgroundColor: getColor(this.backgroundColor),
|
||||||
pointHoverBackgroundColor: getColor(this.pointHoverBackgroundColor),
|
pointHoverBackgroundColor: getColor(this.pointHoverBackgroundColor),
|
||||||
label: this.label
|
label: this.label,
|
||||||
|
barPercentage: 0.5,
|
||||||
|
categoryPercentage: 1
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
@@ -48,9 +50,7 @@ export default {
|
|||||||
},
|
},
|
||||||
scales: {
|
scales: {
|
||||||
xAxes: [{
|
xAxes: [{
|
||||||
display: false,
|
display: false
|
||||||
categoryPercentage: 1,
|
|
||||||
barPercentage: 0.5
|
|
||||||
}],
|
}],
|
||||||
yAxes: [{
|
yAxes: [{
|
||||||
display: false
|
display: false
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
Line Chart
|
Line Chart
|
||||||
<div class="card-header-actions">
|
<div class="card-header-actions">
|
||||||
<a
|
<a
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Charts"
|
href="https://coreui.io/vue/docs/components/charts"
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
<div>
|
<div>
|
||||||
<CCard>
|
<CCard>
|
||||||
<CCardHeader>
|
<CCardHeader>
|
||||||
<CIcon name="cil-globe-alt"/>Brand icons
|
<CIcon name="cil-basket"/>Brand icons
|
||||||
</CCardHeader>
|
</CCardHeader>
|
||||||
<CCardBody>
|
<CCardBody>
|
||||||
<CRow class="text-center">
|
<CRow class="text-center">
|
||||||
@@ -14,7 +14,7 @@
|
|||||||
:key="brandName"
|
:key="brandName"
|
||||||
>
|
>
|
||||||
<CIcon :height="42" :content="brand"/>
|
<CIcon :height="42" :content="brand"/>
|
||||||
<div>{{brandName}}</div>
|
<div>{{toKebabCase(brandName)}}</div>
|
||||||
</CCol>
|
</CCol>
|
||||||
</template>
|
</template>
|
||||||
</CRow>
|
</CRow>
|
||||||
@@ -27,6 +27,11 @@
|
|||||||
import { brandSet as brands } from '@coreui/icons'
|
import { brandSet as brands } from '@coreui/icons'
|
||||||
export default {
|
export default {
|
||||||
name: 'Brands',
|
name: 'Brands',
|
||||||
brands
|
brands,
|
||||||
|
methods: {
|
||||||
|
toKebabCase (str) {
|
||||||
|
return str.replace(/([a-z])([A-Z0-9])/g, '$1-$2').toLowerCase()
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -3,7 +3,8 @@
|
|||||||
<div>
|
<div>
|
||||||
<CCard>
|
<CCard>
|
||||||
<CCardHeader>
|
<CCardHeader>
|
||||||
<CIcon :content="$options.freeSet.pencil"/>CoreUI Icons
|
<CIcon :content="$options.freeSet.cilHandPointDown"/>
|
||||||
|
CoreUI Icons
|
||||||
<CBadge color="info">New</CBadge>
|
<CBadge color="info">New</CBadge>
|
||||||
<div class="card-header-actions">
|
<div class="card-header-actions">
|
||||||
<a
|
<a
|
||||||
@@ -26,7 +27,7 @@
|
|||||||
:key="iconName"
|
:key="iconName"
|
||||||
>
|
>
|
||||||
<CIcon :height="42" :content="icon"/>
|
<CIcon :height="42" :content="icon"/>
|
||||||
<div>{{iconName}}</div>
|
<div>{{toKebabCase(iconName)}}</div>
|
||||||
</CCol>
|
</CCol>
|
||||||
</template>
|
</template>
|
||||||
</CRow>
|
</CRow>
|
||||||
@@ -39,6 +40,11 @@
|
|||||||
import { freeSet } from '@coreui/icons'
|
import { freeSet } from '@coreui/icons'
|
||||||
export default {
|
export default {
|
||||||
name: 'CoreUIIcons',
|
name: 'CoreUIIcons',
|
||||||
freeSet
|
freeSet,
|
||||||
|
methods: {
|
||||||
|
toKebabCase (str) {
|
||||||
|
return str.replace(/([a-z])([A-Z0-9])/g, '$1-$2').toLowerCase()
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -13,15 +13,15 @@
|
|||||||
span. If you want to have a squared version flag then add the class
|
span. If you want to have a squared version flag then add the class
|
||||||
flag-icon-squared as well. -->
|
flag-icon-squared as well. -->
|
||||||
</CCol>
|
</CCol>
|
||||||
<template v-for="(flag, key) in displayedFlags">
|
<template v-for="(flag, flagName) in displayedFlags">
|
||||||
<CCol
|
<CCol
|
||||||
class="mb-5"
|
class="mb-5"
|
||||||
col="3"
|
col="3"
|
||||||
sm="2"
|
sm="2"
|
||||||
:key="key"
|
:key="flagName"
|
||||||
>
|
>
|
||||||
<CIcon :height="42" :content="flag"/>
|
<CIcon :height="42" :content="flag"/>
|
||||||
<div>{{key}}</div>
|
<div>{{toKebabCase(flagName)}}</div>
|
||||||
</CCol>
|
</CCol>
|
||||||
</template>
|
</template>
|
||||||
</CRow>
|
</CRow>
|
||||||
@@ -36,11 +36,14 @@ export default {
|
|||||||
name: 'Flags',
|
name: 'Flags',
|
||||||
flagSet,
|
flagSet,
|
||||||
computed: {
|
computed: {
|
||||||
// Avoid duplication caused by displaying 1x1 and 4x3 formats
|
|
||||||
// (adding Q to name makes icon quadratic)
|
|
||||||
displayedFlags () {
|
displayedFlags () {
|
||||||
return this.$options.flagSet
|
return this.$options.flagSet
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
toKebabCase (str) {
|
||||||
|
return str.replace(/([a-z])([A-Z0-9])/g, '$1-$2').toLowerCase()
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<strong> Bootstrap Alert</strong>
|
<strong> Bootstrap Alert</strong>
|
||||||
<div class="card-header-actions">
|
<div class="card-header-actions">
|
||||||
<a
|
<a
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Alert"
|
href="https://coreui.io/vue/docs/components/alert"
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
<strong> Bootstrap Badge</strong>
|
<strong> Bootstrap Badge</strong>
|
||||||
<div class="card-header-actions">
|
<div class="card-header-actions">
|
||||||
<a
|
<a
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Badge"
|
href="https://coreui.io/vue/docs/components/badge"
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
|||||||
@@ -8,7 +8,7 @@
|
|||||||
<CIcon name="cil-justify-center"/> Bootstrap Modals
|
<CIcon name="cil-justify-center"/> Bootstrap Modals
|
||||||
<div class="card-header-actions">
|
<div class="card-header-actions">
|
||||||
<a
|
<a
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Modal"
|
href="https://coreui.io/vue/docs/components/modal"
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
|||||||
@@ -2,29 +2,25 @@
|
|||||||
<div>
|
<div>
|
||||||
<CRow>
|
<CRow>
|
||||||
<CCol sm="6" lg="3">
|
<CCol sm="6" lg="3">
|
||||||
<CWidgetProgress
|
<CWidgetProgress footer="Lorem ipsum dolor sit amet enim.">
|
||||||
header="89.9%"
|
<div class="h4 m-0">89.9%</div>
|
||||||
text="Lorem ipsum..."
|
<div class="card-header-actions">
|
||||||
footer="Lorem ipsum dolor sit amet enim."
|
<a
|
||||||
>
|
href="https://coreui.io/vue/docs/components/widgets"
|
||||||
|
class="card-header-action position-absolute"
|
||||||
|
style="right:5px; top:5px"
|
||||||
|
rel="noreferrer noopener"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<small class="text-muted">docs</small>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div>Lorem ipsum...</div>
|
||||||
<CProgress
|
<CProgress
|
||||||
color="success"
|
color="success"
|
||||||
:value="25"
|
:value="25"
|
||||||
class="progress-xs my-3 mb-0"
|
class="progress-xs my-3 mb-0"
|
||||||
/>
|
/>
|
||||||
<template #header>
|
|
||||||
<div class="card-header-actions">
|
|
||||||
<a
|
|
||||||
href="https://coreui.io/vue/docs/3.0/components/ButtonComponents"
|
|
||||||
class="card-header-action position-absolute"
|
|
||||||
style="right:10px; top:10px"
|
|
||||||
rel="noreferrer noopener"
|
|
||||||
target="_blank"
|
|
||||||
>
|
|
||||||
<small class="text-muted">docs</small>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</CWidgetProgress>
|
</CWidgetProgress>
|
||||||
</CCol>
|
</CCol>
|
||||||
<CCol sm="6" lg="3">
|
<CCol sm="6" lg="3">
|
||||||
|
|||||||
@@ -26,7 +26,6 @@ exports[`TheHeader.vue renders correctly 1`] = `
|
|||||||
height="46"
|
height="46"
|
||||||
src="img/brand/coreui-base.svg"
|
src="img/brand/coreui-base.svg"
|
||||||
width="97"
|
width="97"
|
||||||
wrappedinlink="[object Object]"
|
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<cheadernav-stub
|
<cheadernav-stub
|
||||||
@@ -34,7 +33,6 @@ exports[`TheHeader.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<cheadernavitem-stub
|
<cheadernavitem-stub
|
||||||
class="px-3"
|
class="px-3"
|
||||||
to="/dashboard"
|
|
||||||
>
|
>
|
||||||
<cheadernavlink-stub
|
<cheadernavlink-stub
|
||||||
activeclass="active"
|
activeclass="active"
|
||||||
@@ -42,6 +40,7 @@ exports[`TheHeader.vue renders correctly 1`] = `
|
|||||||
exactactiveclass="active"
|
exactactiveclass="active"
|
||||||
routertag="a"
|
routertag="a"
|
||||||
target="_self"
|
target="_self"
|
||||||
|
to="/dashboard"
|
||||||
>
|
>
|
||||||
|
|
||||||
Dashboard
|
Dashboard
|
||||||
@@ -51,15 +50,15 @@ exports[`TheHeader.vue renders correctly 1`] = `
|
|||||||
|
|
||||||
<cheadernavitem-stub
|
<cheadernavitem-stub
|
||||||
class="px-3"
|
class="px-3"
|
||||||
exact=""
|
|
||||||
to="/users"
|
|
||||||
>
|
>
|
||||||
<cheadernavlink-stub
|
<cheadernavlink-stub
|
||||||
activeclass="active"
|
activeclass="active"
|
||||||
event="click"
|
event="click"
|
||||||
|
exact="true"
|
||||||
exactactiveclass="active"
|
exactactiveclass="active"
|
||||||
routertag="a"
|
routertag="a"
|
||||||
target="_self"
|
target="_self"
|
||||||
|
to="/users"
|
||||||
>
|
>
|
||||||
|
|
||||||
Users
|
Users
|
||||||
|
|||||||
@@ -27,7 +27,7 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Breadcrumb"
|
href="https://coreui.io/vue/docs/components/breadcrumb"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -22,7 +22,7 @@ exports[`Cards.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/CardComponents"
|
href="https://coreui.io/vue/docs/components/card-components"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -28,7 +28,7 @@ exports[`Carousels.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Carousel"
|
href="https://coreui.io/vue/docs/components/carousel"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -28,7 +28,7 @@ exports[`Collapses.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Collapse"
|
href="https://coreui.io/vue/docs/components/collapse"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -23,7 +23,7 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Jumbotron"
|
href="https://coreui.io/vue/docs/components/jumbotron"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -24,7 +24,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/ListGroup"
|
href="https://coreui.io/vue/docs/components/list-group"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -17,7 +17,7 @@ exports[`Navbars.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Navbar"
|
href="https://coreui.io/vue/docs/components/navbar"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -16,7 +16,7 @@ exports[`Navs.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Nav"
|
href="https://coreui.io/vue/docs/components/nav"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -17,7 +17,7 @@ exports[`Paginations.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Pagination"
|
href="https://coreui.io/vue/docs/components/pagination"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -17,7 +17,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Progress"
|
href="https://coreui.io/vue/docs/components/progress"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -33,7 +33,7 @@ exports[`Switches.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Switch"
|
href="https://coreui.io/vue/docs/components/switch"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -4,10 +4,10 @@ exports[`Table.vue renders correctly 1`] = `
|
|||||||
<ccard-stub>
|
<ccard-stub>
|
||||||
<ccardheader-stub>
|
<ccardheader-stub>
|
||||||
<cicon-stub
|
<cicon-stub
|
||||||
name="cil-justify-center"
|
name="cil-grid"
|
||||||
/>
|
/>
|
||||||
Table
|
Table
|
||||||
|
|
||||||
</ccardheader-stub>
|
</ccardheader-stub>
|
||||||
|
|
||||||
<ccardbody-stub>
|
<ccardbody-stub>
|
||||||
|
|||||||
@@ -10,7 +10,7 @@ exports[`Tables.vue renders correctly 1`] = `
|
|||||||
tag="div"
|
tag="div"
|
||||||
>
|
>
|
||||||
<ctablewrapper-stub
|
<ctablewrapper-stub
|
||||||
caption="Simple Table"
|
caption="Table"
|
||||||
fields="username,registered,role,status"
|
fields="username,registered,role,status"
|
||||||
items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
||||||
/>
|
/>
|
||||||
@@ -87,7 +87,7 @@ exports[`Tables.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<ctablewrapper-stub
|
<ctablewrapper-stub
|
||||||
bordered="true"
|
bordered="true"
|
||||||
caption="Combined All Table"
|
caption="Combined All dark Table"
|
||||||
dark="true"
|
dark="true"
|
||||||
fields="username,registered,role,status"
|
fields="username,registered,role,status"
|
||||||
fixed="true"
|
fixed="true"
|
||||||
|
|||||||
@@ -20,7 +20,7 @@ exports[`Tabs.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Tabs"
|
href="https://coreui.io/vue/docs/components/tabs"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -24,7 +24,7 @@ exports[`Tooltips.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Tooltip"
|
href="https://coreui.io/vue/docs/directives/tooltip"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -22,7 +22,7 @@ exports[`BrandButtons.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/ButtonComponents"
|
href="https://coreui.io/vue/docs/components/button-components"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -29,7 +29,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Dropdown"
|
href="https://coreui.io/vue/docs/components/dropdown"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -23,7 +23,7 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/ButtonComponents"
|
href="https://coreui.io/vue/docs/components/button-components"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -13,7 +13,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/ButtonComponents"
|
href="https://coreui.io/vue/docs/components/button-components"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -16,7 +16,7 @@ exports[`Charts.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Charts"
|
href="https://coreui.io/vue/docs/components/charts"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -24,7 +24,7 @@ exports[`Alerts.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Alert"
|
href="https://coreui.io/vue/docs/components/alert"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -28,7 +28,7 @@ exports[`Badges.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Badge"
|
href="https://coreui.io/vue/docs/components/badge"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -24,7 +24,7 @@ exports[`Modals.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
class="card-header-action"
|
class="card-header-action"
|
||||||
href="https://coreui.io/vue/docs/3.0/components/Modal"
|
href="https://coreui.io/vue/docs/components/modal"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -12,10 +12,36 @@ exports[`Widgets.vue renders correctly 1`] = `
|
|||||||
>
|
>
|
||||||
<cwidgetprogress-stub
|
<cwidgetprogress-stub
|
||||||
footer="Lorem ipsum dolor sit amet enim."
|
footer="Lorem ipsum dolor sit amet enim."
|
||||||
header="89.9%"
|
|
||||||
text="Lorem ipsum..."
|
|
||||||
value="25"
|
value="25"
|
||||||
>
|
>
|
||||||
|
<div
|
||||||
|
class="h4 m-0"
|
||||||
|
>
|
||||||
|
89.9%
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="card-header-actions"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="card-header-action position-absolute"
|
||||||
|
href="https://coreui.io/vue/docs/components/widgets"
|
||||||
|
rel="noreferrer noopener"
|
||||||
|
style="right: 5px; top: 5px;"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<small
|
||||||
|
class="text-muted"
|
||||||
|
>
|
||||||
|
docs
|
||||||
|
</small>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
Lorem ipsum...
|
||||||
|
</div>
|
||||||
|
|
||||||
<cprogress-stub
|
<cprogress-stub
|
||||||
class="progress-xs my-3 mb-0"
|
class="progress-xs my-3 mb-0"
|
||||||
color="success"
|
color="success"
|
||||||
|
|||||||