Skip to content

Commit 0a00ed0

Browse files
mrholekmrholek
committed
v1.0.0
1 parent 5271e28 commit 0a00ed0

File tree

518 files changed

+492
-163
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

518 files changed

+492
-163
lines changed

‎Vue_Full_Project/index.html

+3
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,9 @@
1212
// Header options
1313
1. '.header-fixed' - Fixed Header
1414
15+
// Brand options
16+
1. '.brand-minimized' - Minimized brand (Only symbol)
17+
1518
// Sidebar options
1619
1. '.sidebar-fixed' - Fixed Sidebar
1720
2. '.sidebar-hidden' - Hidden Sidebar

‎Vue_Full_Project/package.json

+7-6
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
2-
"name": "coreui-vue",
2+
"name": "@coreui/vue",
33
"version": "1.0.0",
4-
"description": "Open Source Admin Template",
4+
"description": "",
55
"author": "Łukasz Holeczek <[email protected]>",
66
"private": true,
77
"scripts": {
@@ -14,9 +14,10 @@
1414
"lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs"
1515
},
1616
"dependencies": {
17-
"bootstrap-vue": "1.0.0-beta.7",
17+
"bootstrap-vue": "1.0.0-beta.9",
1818
"chart.js": "2.7.0",
1919
"font-awesome": "^4.7.0",
20+
"is-url-external": "^1.0.3",
2021
"simple-line-icons": "^2.4.1",
2122
"vue": "2.4.4",
2223
"vue-chartjs": "2.8.7",
@@ -35,7 +36,7 @@
3536
"connect-history-api-fallback": "^1.3.0",
3637
"copy-webpack-plugin": "^4.0.1",
3738
"css-loader": "0.28.7",
38-
"eslint": "4.7.1",
39+
"eslint": "4.7.2",
3940
"eslint-friendly-formatter": "3.0.0",
4041
"eslint-loader": "1.9.0",
4142
"eslint-plugin-html": "3.2.2",
@@ -45,7 +46,7 @@
4546
"eslint-plugin-promise": "3.5.0",
4647
"eslint-plugin-standard": "3.0.1",
4748
"eventsource-polyfill": "^0.9.6",
48-
"express": "4.15.4",
49+
"express": "4.15.5",
4950
"extract-text-webpack-plugin": "3.0.0",
5051
"file-loader": "0.11.2",
5152
"friendly-errors-webpack-plugin": "1.6.1",
@@ -57,7 +58,7 @@
5758
"karma-coverage": "^1.1.1",
5859
"karma-mocha": "^1.3.0",
5960
"karma-phantomjs-launcher": "1.0.4",
60-
"karma-phantomjs-shim": "^1.4.0",
61+
"karma-phantomjs-shim": "^1.5.0",
6162
"karma-sinon-chai": "1.3.2",
6263
"karma-sourcemap-loader": "^0.3.7",
6364
"karma-spec-reporter": "0.0.31",

‎Vue_Full_Project/scss/core/_animate.scss

+1-18
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,17 @@
11
// scss-lint:disable all
2-
@charset "UTF-8";
3-
42
.animated {
5-
-webkit-animation-duration: 1s;
63
animation-duration: 1s;
7-
-webkit-animation-fill-mode: both;
8-
animation-fill-mode: both;
4+
// animation-fill-mode: both;
95
}
106

117
.animated.infinite {
12-
-webkit-animation-iteration-count: infinite;
138
animation-iteration-count: infinite;
149
}
1510

1611
.animated.hinge {
17-
-webkit-animation-duration: 2s;
1812
animation-duration: 2s;
1913
}
2014

21-
@-webkit-keyframes fadeIn {
22-
from {
23-
opacity: 0;
24-
}
25-
26-
to {
27-
opacity: 1;
28-
}
29-
}
30-
3115
@keyframes fadeIn {
3216
from {
3317
opacity: 0;
@@ -39,6 +23,5 @@
3923
}
4024

4125
.fadeIn {
42-
-webkit-animation-name: fadeIn;
4326
animation-name: fadeIn;
4427
}

‎Vue_Full_Project/scss/core/_layout.scss

+7-8
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,8 @@
1111
app-dashboard,
1212
app-root {
1313
display: flex;
14-
min-height: 100vh;
1514
flex-direction: column;
15+
min-height: 100vh;
1616
}
1717

1818
.app-header {
@@ -26,12 +26,12 @@ app-root {
2626
.app-body {
2727
display: flex;
2828
flex-direction: row;
29-
overflow-x: hidden;
3029
flex-grow: 1;
30+
overflow-x: hidden;
3131

3232
.main {
33-
min-width: 0;
3433
flex: 1;
34+
min-width: 0;
3535
}
3636

3737
.sidebar {
@@ -134,11 +134,6 @@ app-root {
134134
.sidebar-minimized {
135135
.sidebar {
136136
flex: 0 0 $sidebar-minimized-width;
137-
.sidebar-header,
138-
.sidebar-form,
139-
.sidebar-footer {
140-
display: none;
141-
}
142137
}
143138

144139
&.sidebar-hidden {
@@ -344,6 +339,10 @@ app-root {
344339
.nav {
345340
width: $mobile-sidebar-width !important;
346341
}
342+
343+
.sidebar-minimizer {
344+
display: none;
345+
}
347346
}
348347

349348
.main, .app-footer {

‎Vue_Full_Project/scss/core/_navbar.scss

+12-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
.app-header.navbar {
22
position: relative;
3-
height: $navbar-height;
43
flex-direction: row;
4+
height: $navbar-height;
55
padding: 0;
66
margin: 0;
77
background-color: $navbar-bg;
@@ -101,3 +101,14 @@
101101
.navbar-divider {
102102
background-color: rgba(0,0,0,.075);
103103
}
104+
105+
.brand-minimized {
106+
.app-header.navbar {
107+
.navbar-brand {
108+
width: $navbar-brand-minimized-width;
109+
background-color: $navbar-brand-minimized-bg;
110+
background-image: $navbar-brand-minimized-logo;
111+
background-size: $navbar-brand-minimized-logo-size;
112+
}
113+
}
114+
}

‎Vue_Full_Project/scss/core/_sidebar.scss

+57-3
Original file line numberDiff line numberDiff line change
@@ -78,7 +78,8 @@
7878

7979
.nav {
8080
@include sidebar-width($sidebar-borders, $sidebar-width);
81-
flex-direction: column !important;
81+
flex-direction: column;
82+
min-height: 100%;
8283
}
8384

8485
.nav-title {
@@ -148,8 +149,8 @@
148149
}
149150

150151
&:hover {
151-
color: $sidebar-nav-link-hover-color !important;
152-
background: $sidebar-nav-link-hover-bg !important;
152+
color: $sidebar-nav-link-hover-color;
153+
background: $sidebar-nav-link-hover-bg;
153154
@include borders($sidebar-nav-link-hover-borders);
154155

155156
i {
@@ -160,6 +161,21 @@
160161
background-image: $sidebar-nav-dropdown-indicator-hover;
161162
}
162163
}
164+
165+
@each $color, $value in $theme-colors {
166+
&.nav-link-#{$color} {
167+
background: $value;
168+
i {
169+
color: rgba(255,255,255,.7);
170+
}
171+
&:hover {
172+
background: darken($value,5%) !important;
173+
i {
174+
color: #fff;
175+
}
176+
}
177+
}
178+
}
163179
}
164180

165181
// ex. <a class="nav-link nav-dropdown-toggle" href="#">Components</a>
@@ -239,6 +255,39 @@
239255
padding: $sidebar-footer-padding-y $sidebar-footer-padding-x;
240256
background: $sidebar-footer-bg;
241257
}
258+
259+
.sidebar-minimizer {
260+
position: relative;
261+
flex: 0 0 $sidebar-minimizer-height;
262+
background-color: $sidebar-minimizer-bg;
263+
border: 0;
264+
265+
&::before {
266+
position: absolute;
267+
top: 0;
268+
right: 0;
269+
width: $sidebar-minimizer-height;
270+
height: $sidebar-minimizer-height;
271+
content: "";
272+
background-image: $sidebar-minimizer-indicator;
273+
background-repeat: no-repeat;
274+
background-position: center;
275+
background-size: $sidebar-minimizer-height / 4;
276+
transition: .3s;
277+
}
278+
279+
&:focus,
280+
&.focus {
281+
outline: 0;
282+
}
283+
284+
&:hover {
285+
background-color: $sidebar-minimizer-hover-bg;
286+
&::before {
287+
background-image: $sidebar-minimizer-hover-indicator;
288+
}
289+
}
290+
}
242291
}
243292

244293
@include media-breakpoint-up(lg) {
@@ -312,6 +361,11 @@
312361
display: none;
313362
}
314363

364+
.sidebar-minimizer::before {
365+
width: 100%;
366+
transform: rotate(-180deg);
367+
}
368+
315369
.nav-item {
316370
width: $sidebar-minimized-width;
317371
overflow: hidden;

‎Vue_Full_Project/scss/core/_variables.scss

+17
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
// scss-lint:disable all
12
// Core Admin Variables
23

34
$enable-sidebar-nav-rounded: false !default;
@@ -57,6 +58,11 @@ $navbar-brand-border: (
5758
)
5859
) !default;
5960

61+
$navbar-brand-minimized-width: 50px !default
62+
$navbar-brand-minimized-bg: #fff !default;
63+
$navbar-brand-minimized-logo: url('../img/logo-symbol.png') !default;
64+
$navbar-brand-minimized-logo-size: 24px !default;
65+
6066
$navbar-color: $gray-600 !default;
6167
$navbar-hover-color: $gray-800 !default;
6268
$navbar-active-color: $gray-800 !default;
@@ -127,6 +133,17 @@ $sidebar-footer-bg: rgba(0,0,0,.2) !default;
127133
$sidebar-footer-padding-y: .75rem !default;
128134
$sidebar-footer-padding-x: 1rem !default;
129135

136+
// Sidebar Minimizer
137+
138+
$sidebar-minimizer-height: 50px !default;
139+
$sidebar-minimizer-bg: rgba(0,0,0,.2) !default;
140+
$sidebar-minimizer-indicator-color: $gray-600 !default;
141+
$sidebar-minimizer-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-minimizer-indicator-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23") !default;
142+
$sidebar-minimizer-hover-bg: rgba(0,0,0,.3) !default;
143+
$sidebar-minimizer-hover-indicator-color:$sidebar-nav-link-hover-color !default;
144+
$sidebar-minimizer-hover-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-minimizer-hover-indicator-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E"), "#", "%23") !default;
145+
146+
130147
// Top Navigation
131148

132149
$top-nav-bg: #fff !default;

‎Vue_Full_Project/scss/style.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/**
1+
/*!
22
* CoreUI - Open Source Bootstrap Admin Template
33
* @version v1.0.0
44
* @link http://coreui.io

‎Vue_Full_Project/src/_nav.js

+13
Original file line numberDiff line numberDiff line change
@@ -128,6 +128,19 @@ export default {
128128
icon: 'icon-star'
129129
}
130130
]
131+
},
132+
{
133+
name: 'Download CoreUI',
134+
url: 'http://coreui.io/vue/',
135+
icon: 'icon-cloud-download',
136+
class: 'mt-auto',
137+
variant: 'success'
138+
},
139+
{
140+
name: 'Try CoreUI PRO',
141+
url: 'http://coreui.io/pro/vue/',
142+
icon: 'icon-layers',
143+
variant: 'danger'
131144
}
132145
]
133146
}

‎Vue_Full_Project/src/components/Header.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<header class="app-header navbar">
33
<button class="navbar-toggler mobile-sidebar-toggler d-lg-none" type="button" @click="mobileSidebarToggle">&#9776;</button>
44
<b-link class="navbar-brand" to="#"></b-link>
5-
<button class="navbar-toggler sidebar-toggler d-md-down-none" type="button" @click="sidebarMinimize">&#9776;</button>
5+
<button class="navbar-toggler sidebar-toggler d-md-down-none" type="button" @click="sidebarToggle">&#9776;</button>
66
<b-nav is-nav-bar class="d-md-down-none">
77
<b-nav-item class="px-3">Dashboard</b-nav-item>
88
<b-nav-item class="px-3">Users</b-nav-item>

‎Vue_Full_Project/src/components/Sidebar.vue

+13-8
Original file line numberDiff line numberDiff line change
@@ -21,38 +21,41 @@
2121
<!-- Second level dropdown -->
2222
<SidebarNavDropdown :name="childL1.name" :url="childL1.url" :icon="childL1.icon">
2323
<li class="nav-item" v-for="(childL2, index) in childL1.children">
24-
<SidebarNavLink :name="childL2.name" :url="childL2.url" :icon="childL2.icon" :badge="childL2.badge"/>
24+
<SidebarNavLink :name="childL2.name" :url="childL2.url" :icon="childL2.icon" :badge="childL2.badge" :variant="item.variant"/>
2525
</li>
2626
</SidebarNavDropdown>
2727
</template>
2828
<template v-else>
29-
<li class="nav-item">
30-
<SidebarNavLink :name="childL1.name" :url="childL1.url" :icon="childL1.icon" :badge="childL1.badge"/>
31-
</li>
29+
<SidebarNavItem :classes="item.class">
30+
<SidebarNavLink :name="childL1.name" :url="childL1.url" :icon="childL1.icon" :badge="childL1.badge" :variant="item.variant"/>
31+
</SidebarNavItem>
3232
</template>
3333
</template>
3434
</SidebarNavDropdown>
3535
</template>
3636
<template v-else>
37-
<li class="nav-item">
38-
<SidebarNavLink :name="item.name" :url="item.url" :icon="item.icon" :badge="item.badge"/>
39-
</li>
37+
<SidebarNavItem :classes="item.class">
38+
<SidebarNavLink :name="item.name" :url="item.url" :icon="item.icon" :badge="item.badge" :variant="item.variant"/>
39+
</SidebarNavItem>
4040
</template>
4141
</template>
4242
</template>
4343
</ul>
4444
<slot></slot>
4545
</nav>
4646
<SidebarFooter/>
47+
<SidebarMinimizer/>
4748
</div>
4849
</template>
4950
<script>
5051
import SidebarFooter from './SidebarFooter'
5152
import SidebarForm from './SidebarForm'
5253
import SidebarHeader from './SidebarHeader'
54+
import SidebarMinimizer from './SidebarMinimizer'
5355
import SidebarNavDropdown from './SidebarNavDropdown'
5456
import SidebarNavLink from './SidebarNavLink'
5557
import SidebarNavTitle from './SidebarNavTitle'
58+
import SidebarNavItem from './SidebarNavItem'
5659
export default {
5760
name: 'sidebar',
5861
props: {
@@ -66,9 +69,11 @@ export default {
6669
SidebarFooter,
6770
SidebarForm,
6871
SidebarHeader,
72+
SidebarMinimizer,
6973
SidebarNavDropdown,
7074
SidebarNavLink,
71-
SidebarNavTitle
75+
SidebarNavTitle,
76+
SidebarNavItem
7277
},
7378
methods: {
7479
handleClick (e) {

0 commit comments

Comments
 (0)