chore: 3.0.0-beta.1 release - update dependencies and snapshots
This commit is contained in:
woothu
Generated
+771
-761
File diff suppressed because it is too large
Load Diff
+2
-2
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"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",
|
||||
"author": "Łukasz Holeczek",
|
||||
"homepage": "http://coreui.io",
|
||||
@@ -17,7 +17,7 @@
|
||||
"@coreui/coreui": "3.0.0-beta.3",
|
||||
"@coreui/coreui-vue-chartjs": "1.0.0-alpha.2",
|
||||
"@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-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 |
@@ -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 |
+33
-31
@@ -1,15 +1,43 @@
|
||||
<!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>
|
||||
|
||||
<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>
|
||||
<!-- 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 || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag('js', new Date());
|
||||
// Shared ID
|
||||
gtag('config', 'UA-118965717-3');
|
||||
@@ -18,39 +46,13 @@
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<!-- BODY options, add following classes to body to change options
|
||||
|
||||
// Header options
|
||||
1. '.header-fixed' - Fixed Header
|
||||
|
||||
// Brand options
|
||||
1. '.brand-minimized' - Minimized brand (Only symbol)
|
||||
|
||||
// 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>
|
||||
<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>
|
||||
|
||||
@@ -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 |
@@ -52,6 +52,7 @@ import {
|
||||
cilEnvelopeOpen,
|
||||
cilEuro,
|
||||
cilGlobeAlt,
|
||||
cilGrid,
|
||||
cilFile,
|
||||
cilJustifyCenter,
|
||||
cilLaptop,
|
||||
@@ -101,6 +102,7 @@ export const iconsSet = Object.assign(
|
||||
cilEnvelopeOpen,
|
||||
cilEuro,
|
||||
cilGlobeAlt,
|
||||
cilGrid,
|
||||
cilFile,
|
||||
cilJustifyCenter,
|
||||
cilLaptop,
|
||||
|
||||
@@ -6,3 +6,12 @@
|
||||
|
||||
// If you want to add something do it here
|
||||
@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"
|
||||
height="46"
|
||||
alt="CoreUI Logo"
|
||||
:wrappedInLink="{ href: 'https://coreui.io', target: '_blank'}"
|
||||
/>
|
||||
<CHeaderNav class="d-md-down-none mr-auto">
|
||||
<CHeaderNavItem class="px-3" to="/dashboard">
|
||||
<CHeaderNavLink>
|
||||
<CHeaderNavItem class="px-3">
|
||||
<CHeaderNavLink to="/dashboard">
|
||||
Dashboard
|
||||
</CHeaderNavLink>
|
||||
</CHeaderNavItem>
|
||||
<CHeaderNavItem class="px-3" to="/users" exact>
|
||||
<CHeaderNavLink>
|
||||
<CHeaderNavItem class="px-3">
|
||||
<CHeaderNavLink to="/users" exact>
|
||||
Users
|
||||
</CHeaderNavLink>
|
||||
</CHeaderNavItem>
|
||||
|
||||
@@ -216,7 +216,8 @@ export default [
|
||||
}
|
||||
},
|
||||
{
|
||||
_name: 'CSidebarNavDivider'
|
||||
_name: 'CSidebarNavDivider',
|
||||
_class: 'm-2'
|
||||
},
|
||||
{
|
||||
_name: 'CSidebarNavTitle',
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<CIcon name="cil-justify-center"/><strong> Bootstrap Breadcrumb</strong>
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/Breadcrumb"
|
||||
href="https://coreui.io/vue/docs/components/breadcrumb"
|
||||
class="card-header-action"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
Card title
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/CardComponents"
|
||||
href="https://coreui.io/vue/docs/components/card-components"
|
||||
class="card-header-action"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<strong> Bootstrap Carousel</strong>
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/Carousel"
|
||||
href="https://coreui.io/vue/docs/components/carousel"
|
||||
class="card-header-action"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<strong> Bootstrap Collapse </strong>
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/Collapse"
|
||||
href="https://coreui.io/vue/docs/components/collapse"
|
||||
class="card-header-action"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<strong>Credit Card </strong> <small>Form</small>
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/FormComponents"
|
||||
href="https://coreui.io/vue/docs/components/form-components"
|
||||
class="card-header-action"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
<strong> Bootstrap Jumbotron </strong>
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/Jumbotron"
|
||||
href="https://coreui.io/vue/docs/components/jumbotron"
|
||||
class="card-header-action"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
<strong> Bootstrap list group </strong>
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/ListGroup"
|
||||
href="https://coreui.io/vue/docs/components/list-group"
|
||||
class="card-header-action"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<strong> Bootstrap Navbar </strong>
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/Navbar"
|
||||
href="https://coreui.io/vue/docs/components/navbar"
|
||||
class="card-header-action"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<CIcon name="cil-justify-center"/><strong> Bootstrap Navs</strong>
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/Nav"
|
||||
href="https://coreui.io/vue/docs/components/nav"
|
||||
class="card-header-action"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<strong> Responsive bootstrap Pagination</strong>
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/Pagination"
|
||||
href="https://coreui.io/vue/docs/components/pagination"
|
||||
class="card-header-action"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<strong> Bootstrap Popovers</strong>
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/Popover"
|
||||
href="https://coreui.io/vue/docs/directives/popover"
|
||||
class="card-header-action"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<strong> Bootstrap Progress</strong>
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/Progress"
|
||||
href="https://coreui.io/vue/docs/components/progress"
|
||||
class="card-header-action"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
<CBadge :color="radio" class="mr-auto">{{radio}}</CBadge>
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/Switch"
|
||||
href="https://coreui.io/vue/docs/components/switch"
|
||||
class="card-header-action"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
|
||||
@@ -1,7 +1,9 @@
|
||||
<template>
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<CIcon name="cil-justify-center"/> {{caption}}
|
||||
<slot name="header">
|
||||
<CIcon name="cil-grid"/> {{caption}}
|
||||
</slot>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<CDataTable
|
||||
|
||||
@@ -2,10 +2,21 @@
|
||||
<div>
|
||||
<CRow>
|
||||
<CCol lg="6">
|
||||
<CTableWrapper
|
||||
:items="getShuffledUsersData()"
|
||||
caption="Simple Table"
|
||||
/>
|
||||
<CTableWrapper :items="getShuffledUsersData()">
|
||||
<template #header>
|
||||
<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 lg="6">
|
||||
@@ -60,7 +71,7 @@
|
||||
small
|
||||
fixed
|
||||
dark
|
||||
caption="Combined All Table"
|
||||
caption="Combined All dark Table"
|
||||
/>
|
||||
</CCol>
|
||||
</CRow>
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
Tabs
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/Tabs"
|
||||
href="https://coreui.io/vue/docs/components/tabs"
|
||||
class="card-header-action"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<small><code>v-c-tooltip</code> directive</small>
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/Tooltip"
|
||||
href="https://coreui.io/vue/docs/directives/tooltip"
|
||||
class="card-header-action"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<strong>Brand Button</strong>
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/ButtonComponents"
|
||||
href="https://coreui.io/vue/docs/components/button-components"
|
||||
class="card-header-action"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<strong> Bootstrap button group</strong>
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/ButtonComponents"
|
||||
href="https://coreui.io/vue/docs/components/button-components"
|
||||
class="card-header-action"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
@@ -118,11 +118,6 @@
|
||||
<CIcon name="cil-justify-center"/>
|
||||
<strong> Button toolbar </strong>
|
||||
<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>
|
||||
<CCardBody>
|
||||
<CButtonToolbar aria-label="Toolbar with button groups" >
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
<strong> Bootstrap Dropdown</strong>
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/Dropdown"
|
||||
href="https://coreui.io/vue/docs/components/dropdown"
|
||||
class="card-header-action"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<strong>Standard buttons</strong>
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/ButtonComponents"
|
||||
href="https://coreui.io/vue/docs/components/button-components"
|
||||
class="card-header-action"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
|
||||
@@ -36,7 +36,9 @@ export default {
|
||||
data: this.dataPoints,
|
||||
backgroundColor: getColor(this.backgroundColor),
|
||||
pointHoverBackgroundColor: getColor(this.pointHoverBackgroundColor),
|
||||
label: this.label
|
||||
label: this.label,
|
||||
barPercentage: 0.5,
|
||||
categoryPercentage: 1
|
||||
}
|
||||
]
|
||||
},
|
||||
@@ -48,9 +50,7 @@ export default {
|
||||
},
|
||||
scales: {
|
||||
xAxes: [{
|
||||
display: false,
|
||||
categoryPercentage: 1,
|
||||
barPercentage: 0.5
|
||||
display: false
|
||||
}],
|
||||
yAxes: [{
|
||||
display: false
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
Line Chart
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/Charts"
|
||||
href="https://coreui.io/vue/docs/components/charts"
|
||||
class="card-header-action"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<CIcon name="cil-globe-alt"/>Brand icons
|
||||
<CIcon name="cil-basket"/>Brand icons
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<CRow class="text-center">
|
||||
@@ -14,7 +14,7 @@
|
||||
:key="brandName"
|
||||
>
|
||||
<CIcon :height="42" :content="brand"/>
|
||||
<div>{{brandName}}</div>
|
||||
<div>{{toKebabCase(brandName)}}</div>
|
||||
</CCol>
|
||||
</template>
|
||||
</CRow>
|
||||
@@ -27,6 +27,11 @@
|
||||
import { brandSet as brands } from '@coreui/icons'
|
||||
export default {
|
||||
name: 'Brands',
|
||||
brands
|
||||
brands,
|
||||
methods: {
|
||||
toKebabCase (str) {
|
||||
return str.replace(/([a-z])([A-Z0-9])/g, '$1-$2').toLowerCase()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -3,7 +3,8 @@
|
||||
<div>
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<CIcon :content="$options.freeSet.pencil"/>CoreUI Icons
|
||||
<CIcon :content="$options.freeSet.cilHandPointDown"/>
|
||||
CoreUI Icons
|
||||
<CBadge color="info">New</CBadge>
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
@@ -26,7 +27,7 @@
|
||||
:key="iconName"
|
||||
>
|
||||
<CIcon :height="42" :content="icon"/>
|
||||
<div>{{iconName}}</div>
|
||||
<div>{{toKebabCase(iconName)}}</div>
|
||||
</CCol>
|
||||
</template>
|
||||
</CRow>
|
||||
@@ -39,6 +40,11 @@
|
||||
import { freeSet } from '@coreui/icons'
|
||||
export default {
|
||||
name: 'CoreUIIcons',
|
||||
freeSet
|
||||
freeSet,
|
||||
methods: {
|
||||
toKebabCase (str) {
|
||||
return str.replace(/([a-z])([A-Z0-9])/g, '$1-$2').toLowerCase()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -13,15 +13,15 @@
|
||||
span. If you want to have a squared version flag then add the class
|
||||
flag-icon-squared as well. -->
|
||||
</CCol>
|
||||
<template v-for="(flag, key) in displayedFlags">
|
||||
<template v-for="(flag, flagName) in displayedFlags">
|
||||
<CCol
|
||||
class="mb-5"
|
||||
col="3"
|
||||
sm="2"
|
||||
:key="key"
|
||||
:key="flagName"
|
||||
>
|
||||
<CIcon :height="42" :content="flag"/>
|
||||
<div>{{key}}</div>
|
||||
<div>{{toKebabCase(flagName)}}</div>
|
||||
</CCol>
|
||||
</template>
|
||||
</CRow>
|
||||
@@ -36,11 +36,14 @@ export default {
|
||||
name: 'Flags',
|
||||
flagSet,
|
||||
computed: {
|
||||
// Avoid duplication caused by displaying 1x1 and 4x3 formats
|
||||
// (adding Q to name makes icon quadratic)
|
||||
displayedFlags () {
|
||||
return this.$options.flagSet
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toKebabCase (str) {
|
||||
return str.replace(/([a-z])([A-Z0-9])/g, '$1-$2').toLowerCase()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<strong> Bootstrap Alert</strong>
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/Alert"
|
||||
href="https://coreui.io/vue/docs/components/alert"
|
||||
class="card-header-action"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<strong> Bootstrap Badge</strong>
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/Badge"
|
||||
href="https://coreui.io/vue/docs/components/badge"
|
||||
class="card-header-action"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
<CIcon name="cil-justify-center"/> Bootstrap Modals
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/Modal"
|
||||
href="https://coreui.io/vue/docs/components/modal"
|
||||
class="card-header-action"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
|
||||
@@ -2,29 +2,25 @@
|
||||
<div>
|
||||
<CRow>
|
||||
<CCol sm="6" lg="3">
|
||||
<CWidgetProgress
|
||||
header="89.9%"
|
||||
text="Lorem ipsum..."
|
||||
footer="Lorem ipsum dolor sit amet enim."
|
||||
>
|
||||
<CProgress
|
||||
color="success"
|
||||
:value="25"
|
||||
class="progress-xs my-3 mb-0"
|
||||
/>
|
||||
<template #header>
|
||||
<CWidgetProgress footer="Lorem ipsum dolor sit amet enim.">
|
||||
<div class="h4 m-0">89.9%</div>
|
||||
<div class="card-header-actions">
|
||||
<a
|
||||
href="https://coreui.io/vue/docs/3.0/components/ButtonComponents"
|
||||
href="https://coreui.io/vue/docs/components/widgets"
|
||||
class="card-header-action position-absolute"
|
||||
style="right:10px; top:10px"
|
||||
style="right:5px; top:5px"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small class="text-muted">docs</small>
|
||||
</a>
|
||||
</div>
|
||||
</template>
|
||||
<div>Lorem ipsum...</div>
|
||||
<CProgress
|
||||
color="success"
|
||||
:value="25"
|
||||
class="progress-xs my-3 mb-0"
|
||||
/>
|
||||
</CWidgetProgress>
|
||||
</CCol>
|
||||
<CCol sm="6" lg="3">
|
||||
|
||||
@@ -26,7 +26,6 @@ exports[`TheHeader.vue renders correctly 1`] = `
|
||||
height="46"
|
||||
src="img/brand/coreui-base.svg"
|
||||
width="97"
|
||||
wrappedinlink="[object Object]"
|
||||
/>
|
||||
|
||||
<cheadernav-stub
|
||||
@@ -34,7 +33,6 @@ exports[`TheHeader.vue renders correctly 1`] = `
|
||||
>
|
||||
<cheadernavitem-stub
|
||||
class="px-3"
|
||||
to="/dashboard"
|
||||
>
|
||||
<cheadernavlink-stub
|
||||
activeclass="active"
|
||||
@@ -42,6 +40,7 @@ exports[`TheHeader.vue renders correctly 1`] = `
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
to="/dashboard"
|
||||
>
|
||||
|
||||
Dashboard
|
||||
@@ -51,15 +50,15 @@ exports[`TheHeader.vue renders correctly 1`] = `
|
||||
|
||||
<cheadernavitem-stub
|
||||
class="px-3"
|
||||
exact=""
|
||||
to="/users"
|
||||
>
|
||||
<cheadernavlink-stub
|
||||
activeclass="active"
|
||||
event="click"
|
||||
exact="true"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
to="/users"
|
||||
>
|
||||
|
||||
Users
|
||||
|
||||
@@ -27,7 +27,7 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -22,7 +22,7 @@ exports[`Cards.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -28,7 +28,7 @@ exports[`Carousels.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -28,7 +28,7 @@ exports[`Collapses.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -23,7 +23,7 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -24,7 +24,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -17,7 +17,7 @@ exports[`Navbars.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -16,7 +16,7 @@ exports[`Navs.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -17,7 +17,7 @@ exports[`Paginations.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -17,7 +17,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -33,7 +33,7 @@ exports[`Switches.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -4,7 +4,7 @@ exports[`Table.vue renders correctly 1`] = `
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
name="cil-grid"
|
||||
/>
|
||||
Table
|
||||
|
||||
|
||||
@@ -10,7 +10,7 @@ exports[`Tables.vue renders correctly 1`] = `
|
||||
tag="div"
|
||||
>
|
||||
<ctablewrapper-stub
|
||||
caption="Simple Table"
|
||||
caption="Table"
|
||||
fields="username,registered,role,status"
|
||||
items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
||||
/>
|
||||
@@ -87,7 +87,7 @@ exports[`Tables.vue renders correctly 1`] = `
|
||||
>
|
||||
<ctablewrapper-stub
|
||||
bordered="true"
|
||||
caption="Combined All Table"
|
||||
caption="Combined All dark Table"
|
||||
dark="true"
|
||||
fields="username,registered,role,status"
|
||||
fixed="true"
|
||||
|
||||
@@ -20,7 +20,7 @@ exports[`Tabs.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -24,7 +24,7 @@ exports[`Tooltips.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -22,7 +22,7 @@ exports[`BrandButtons.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -29,7 +29,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -23,7 +23,7 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -13,7 +13,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -16,7 +16,7 @@ exports[`Charts.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
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
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -28,7 +28,7 @@ exports[`Badges.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -24,7 +24,7 @@ exports[`Modals.vue renders correctly 1`] = `
|
||||
>
|
||||
<a
|
||||
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"
|
||||
target="_blank"
|
||||
>
|
||||
|
||||
@@ -12,10 +12,36 @@ exports[`Widgets.vue renders correctly 1`] = `
|
||||
>
|
||||
<cwidgetprogress-stub
|
||||
footer="Lorem ipsum dolor sit amet enim."
|
||||
header="89.9%"
|
||||
text="Lorem ipsum..."
|
||||
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
|
||||
class="progress-xs my-3 mb-0"
|
||||
color="success"
|
||||
|
||||
Reference in New Issue
Block a user