chore: 3.0.0-beta.1 release - update dependencies and snapshots

This commit is contained in:
woothu
2019-11-21 13:34:01 +01:00
92 changed files with 2543 additions and 2431 deletions
+758 -748
View File
File diff suppressed because it is too large Load Diff
+2 -2
View File
@@ -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"
}, },
Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

+2
View File
@@ -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>
Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

+51 -49
View File
@@ -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>
+41
View File
@@ -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"
}
]
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

+2
View File
@@ -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,
+9
View File
@@ -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;
}
+4 -5
View File
@@ -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>
+2 -1
View File
@@ -216,7 +216,8 @@ export default [
} }
}, },
{ {
_name: 'CSidebarNavDivider' _name: 'CSidebarNavDivider',
_class: 'm-2'
}, },
{ {
_name: 'CSidebarNavTitle', _name: 'CSidebarNavTitle',
+1 -1
View File
@@ -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"
+1 -1
View File
@@ -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"
+1 -1
View File
@@ -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"
+1 -1
View File
@@ -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"
+1 -1
View File
@@ -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"
+1 -1
View File
@@ -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"
+1 -1
View File
@@ -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"
+1 -1
View File
@@ -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"
+1 -1
View File
@@ -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"
+1 -1
View File
@@ -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"
+1 -1
View File
@@ -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"
+1 -1
View File
@@ -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"
+1 -1
View File
@@ -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"
+3 -1
View File
@@ -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
+16 -5
View File
@@ -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>
+1 -1
View File
@@ -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"
+1 -1
View File
@@ -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"
+1 -1
View File
@@ -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"
+1 -6
View File
@@ -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" >
+1 -1
View File
@@ -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"
+1 -1
View File
@@ -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"
+4 -4
View File
@@ -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
+1 -1
View File
@@ -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"
+8 -3
View File
@@ -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>
+9 -3
View File
@@ -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>
+8 -5
View File
@@ -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>
+1 -1
View File
@@ -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"
+1 -1
View File
@@ -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"
+1 -1
View File
@@ -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"
+14 -18
View File
@@ -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,7 +4,7 @@ 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
@@ -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"
> >
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
@@ -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"