Skip to content

Commit 24d9a64

Browse files
mrholekmrholek
committed
v1.0.0
1 parent 6d5efa5 commit 24d9a64

Some content is hidden

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

63 files changed

+1390
-344
lines changed

‎AJAX_Full_Project_GULP/css/style.css‎

Lines changed: 111 additions & 28 deletions
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
@@ -5578,33 +5578,21 @@ body {
55785578
font-size: 2.5rem !important; }
55795579

55805580
.animated {
5581-
-webkit-animation-duration: 1s;
5582-
animation-duration: 1s;
5583-
-webkit-animation-fill-mode: both;
5584-
animation-fill-mode: both; }
5581+
animation-duration: 1s; }
55855582

55865583
.animated.infinite {
5587-
-webkit-animation-iteration-count: infinite;
55885584
animation-iteration-count: infinite; }
55895585

55905586
.animated.hinge {
5591-
-webkit-animation-duration: 2s;
55925587
animation-duration: 2s; }
55935588

5594-
@-webkit-keyframes fadeIn {
5595-
from {
5596-
opacity: 0; }
5597-
to {
5598-
opacity: 1; } }
5599-
56005589
@keyframes fadeIn {
56015590
from {
56025591
opacity: 0; }
56035592
to {
56045593
opacity: 1; } }
56055594

56065595
.fadeIn {
5607-
-webkit-animation-name: fadeIn;
56085596
animation-name: fadeIn; }
56095597

56105598
.aside-menu {
@@ -7205,8 +7193,8 @@ base-chart.chart {
72057193

72067194
.app-header.navbar {
72077195
position: relative;
7208-
height: 55px;
72097196
flex-direction: row;
7197+
height: 55px;
72107198
padding: 0;
72117199
margin: 0;
72127200
background-color: #fff;
@@ -7298,6 +7286,12 @@ base-chart.chart {
72987286
.navbar-divider {
72997287
background-color: rgba(0, 0, 0, 0.075); }
73007288

7289+
.brand-minimized .app-header.navbar .navbar-brand {
7290+
width: 50px;
7291+
background-color: #fff;
7292+
background-image: url("../img/logo-symbol.png");
7293+
background-size: 24px; }
7294+
73017295
.progress-xs {
73027296
height: 4px; }
73037297

@@ -7365,7 +7359,8 @@ base-chart.chart {
73657359
border-width: 1px 2px; }
73667360
.sidebar .nav {
73677361
width: 200px;
7368-
flex-direction: column !important; }
7362+
flex-direction: column;
7363+
min-height: 100%; }
73697364
.sidebar .nav-title {
73707365
padding: 0.75rem 1rem;
73717366
font-size: 11px;
@@ -7409,12 +7404,76 @@ base-chart.chart {
74097404
.sidebar .nav-link.active i, .sidebar .navbar .active.dropdown-toggle i, .navbar .sidebar .active.dropdown-toggle i {
74107405
color: #20a8d8; }
74117406
.sidebar .nav-link:hover, .sidebar .navbar .dropdown-toggle:hover, .navbar .sidebar .dropdown-toggle:hover {
7412-
color: #fff !important;
7413-
background: #20a8d8 !important; }
7407+
color: #fff;
7408+
background: #20a8d8; }
74147409
.sidebar .nav-link:hover i, .sidebar .navbar .dropdown-toggle:hover i, .navbar .sidebar .dropdown-toggle:hover i {
74157410
color: #fff; }
74167411
.sidebar .nav-link:hover.nav-dropdown-toggle::before, .sidebar .navbar .dropdown-toggle:hover.nav-dropdown-toggle::before, .navbar .sidebar .dropdown-toggle:hover.nav-dropdown-toggle::before {
74177412
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%23fff' 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"); }
7413+
.sidebar .nav-link.nav-link-primary, .sidebar .navbar .nav-link-primary.dropdown-toggle, .navbar .sidebar .nav-link-primary.dropdown-toggle {
7414+
background: #20a8d8; }
7415+
.sidebar .nav-link.nav-link-primary i, .sidebar .navbar .nav-link-primary.dropdown-toggle i, .navbar .sidebar .nav-link-primary.dropdown-toggle i {
7416+
color: rgba(255, 255, 255, 0.7); }
7417+
.sidebar .nav-link.nav-link-primary:hover, .sidebar .navbar .nav-link-primary.dropdown-toggle:hover, .navbar .sidebar .nav-link-primary.dropdown-toggle:hover {
7418+
background: #1d97c2 !important; }
7419+
.sidebar .nav-link.nav-link-primary:hover i, .sidebar .navbar .nav-link-primary.dropdown-toggle:hover i, .navbar .sidebar .nav-link-primary.dropdown-toggle:hover i {
7420+
color: #fff; }
7421+
.sidebar .nav-link.nav-link-secondary, .sidebar .navbar .nav-link-secondary.dropdown-toggle, .navbar .sidebar .nav-link-secondary.dropdown-toggle {
7422+
background: #a4b7c1; }
7423+
.sidebar .nav-link.nav-link-secondary i, .sidebar .navbar .nav-link-secondary.dropdown-toggle i, .navbar .sidebar .nav-link-secondary.dropdown-toggle i {
7424+
color: rgba(255, 255, 255, 0.7); }
7425+
.sidebar .nav-link.nav-link-secondary:hover, .sidebar .navbar .nav-link-secondary.dropdown-toggle:hover, .navbar .sidebar .nav-link-secondary.dropdown-toggle:hover {
7426+
background: #95abb7 !important; }
7427+
.sidebar .nav-link.nav-link-secondary:hover i, .sidebar .navbar .nav-link-secondary.dropdown-toggle:hover i, .navbar .sidebar .nav-link-secondary.dropdown-toggle:hover i {
7428+
color: #fff; }
7429+
.sidebar .nav-link.nav-link-success, .sidebar .navbar .nav-link-success.dropdown-toggle, .navbar .sidebar .nav-link-success.dropdown-toggle {
7430+
background: #4dbd74; }
7431+
.sidebar .nav-link.nav-link-success i, .sidebar .navbar .nav-link-success.dropdown-toggle i, .navbar .sidebar .nav-link-success.dropdown-toggle i {
7432+
color: rgba(255, 255, 255, 0.7); }
7433+
.sidebar .nav-link.nav-link-success:hover, .sidebar .navbar .nav-link-success.dropdown-toggle:hover, .navbar .sidebar .nav-link-success.dropdown-toggle:hover {
7434+
background: #41af67 !important; }
7435+
.sidebar .nav-link.nav-link-success:hover i, .sidebar .navbar .nav-link-success.dropdown-toggle:hover i, .navbar .sidebar .nav-link-success.dropdown-toggle:hover i {
7436+
color: #fff; }
7437+
.sidebar .nav-link.nav-link-info, .sidebar .navbar .nav-link-info.dropdown-toggle, .navbar .sidebar .nav-link-info.dropdown-toggle {
7438+
background: #63c2de; }
7439+
.sidebar .nav-link.nav-link-info i, .sidebar .navbar .nav-link-info.dropdown-toggle i, .navbar .sidebar .nav-link-info.dropdown-toggle i {
7440+
color: rgba(255, 255, 255, 0.7); }
7441+
.sidebar .nav-link.nav-link-info:hover, .sidebar .navbar .nav-link-info.dropdown-toggle:hover, .navbar .sidebar .nav-link-info.dropdown-toggle:hover {
7442+
background: #4ebada !important; }
7443+
.sidebar .nav-link.nav-link-info:hover i, .sidebar .navbar .nav-link-info.dropdown-toggle:hover i, .navbar .sidebar .nav-link-info.dropdown-toggle:hover i {
7444+
color: #fff; }
7445+
.sidebar .nav-link.nav-link-warning, .sidebar .navbar .nav-link-warning.dropdown-toggle, .navbar .sidebar .nav-link-warning.dropdown-toggle {
7446+
background: #ffc107; }
7447+
.sidebar .nav-link.nav-link-warning i, .sidebar .navbar .nav-link-warning.dropdown-toggle i, .navbar .sidebar .nav-link-warning.dropdown-toggle i {
7448+
color: rgba(255, 255, 255, 0.7); }
7449+
.sidebar .nav-link.nav-link-warning:hover, .sidebar .navbar .nav-link-warning.dropdown-toggle:hover, .navbar .sidebar .nav-link-warning.dropdown-toggle:hover {
7450+
background: #edb100 !important; }
7451+
.sidebar .nav-link.nav-link-warning:hover i, .sidebar .navbar .nav-link-warning.dropdown-toggle:hover i, .navbar .sidebar .nav-link-warning.dropdown-toggle:hover i {
7452+
color: #fff; }
7453+
.sidebar .nav-link.nav-link-danger, .sidebar .navbar .nav-link-danger.dropdown-toggle, .navbar .sidebar .nav-link-danger.dropdown-toggle {
7454+
background: #f86c6b; }
7455+
.sidebar .nav-link.nav-link-danger i, .sidebar .navbar .nav-link-danger.dropdown-toggle i, .navbar .sidebar .nav-link-danger.dropdown-toggle i {
7456+
color: rgba(255, 255, 255, 0.7); }
7457+
.sidebar .nav-link.nav-link-danger:hover, .sidebar .navbar .nav-link-danger.dropdown-toggle:hover, .navbar .sidebar .nav-link-danger.dropdown-toggle:hover {
7458+
background: #f75453 !important; }
7459+
.sidebar .nav-link.nav-link-danger:hover i, .sidebar .navbar .nav-link-danger.dropdown-toggle:hover i, .navbar .sidebar .nav-link-danger.dropdown-toggle:hover i {
7460+
color: #fff; }
7461+
.sidebar .nav-link.nav-link-light, .sidebar .navbar .nav-link-light.dropdown-toggle, .navbar .sidebar .nav-link-light.dropdown-toggle {
7462+
background: #f0f3f5; }
7463+
.sidebar .nav-link.nav-link-light i, .sidebar .navbar .nav-link-light.dropdown-toggle i, .navbar .sidebar .nav-link-light.dropdown-toggle i {
7464+
color: rgba(255, 255, 255, 0.7); }
7465+
.sidebar .nav-link.nav-link-light:hover, .sidebar .navbar .nav-link-light.dropdown-toggle:hover, .navbar .sidebar .nav-link-light.dropdown-toggle:hover {
7466+
background: #e1e7eb !important; }
7467+
.sidebar .nav-link.nav-link-light:hover i, .sidebar .navbar .nav-link-light.dropdown-toggle:hover i, .navbar .sidebar .nav-link-light.dropdown-toggle:hover i {
7468+
color: #fff; }
7469+
.sidebar .nav-link.nav-link-dark, .sidebar .navbar .nav-link-dark.dropdown-toggle, .navbar .sidebar .nav-link-dark.dropdown-toggle {
7470+
background: #29363d; }
7471+
.sidebar .nav-link.nav-link-dark i, .sidebar .navbar .nav-link-dark.dropdown-toggle i, .navbar .sidebar .nav-link-dark.dropdown-toggle i {
7472+
color: rgba(255, 255, 255, 0.7); }
7473+
.sidebar .nav-link.nav-link-dark:hover, .sidebar .navbar .nav-link-dark.dropdown-toggle:hover, .navbar .sidebar .nav-link-dark.dropdown-toggle:hover {
7474+
background: #1f292e !important; }
7475+
.sidebar .nav-link.nav-link-dark:hover i, .sidebar .navbar .nav-link-dark.dropdown-toggle:hover i, .navbar .sidebar .nav-link-dark.dropdown-toggle:hover i {
7476+
color: #fff; }
74187477
.sidebar .nav-dropdown-toggle {
74197478
position: relative; }
74207479
.sidebar .nav-dropdown-toggle::before {
@@ -7462,6 +7521,29 @@ base-chart.chart {
74627521
flex: 0 0 auto;
74637522
padding: 0.75rem 1rem;
74647523
background: rgba(0, 0, 0, 0.2); }
7524+
.sidebar .sidebar-minimizer {
7525+
position: relative;
7526+
flex: 0 0 50px;
7527+
background-color: rgba(0, 0, 0, 0.2);
7528+
border: 0; }
7529+
.sidebar .sidebar-minimizer::before {
7530+
position: absolute;
7531+
top: 0;
7532+
right: 0;
7533+
width: 50px;
7534+
height: 50px;
7535+
content: "";
7536+
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%23536c79' 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");
7537+
background-repeat: no-repeat;
7538+
background-position: center;
7539+
background-size: 12.5px;
7540+
transition: .3s; }
7541+
.sidebar .sidebar-minimizer:focus, .sidebar .sidebar-minimizer.focus {
7542+
outline: 0; }
7543+
.sidebar .sidebar-minimizer:hover {
7544+
background-color: rgba(0, 0, 0, 0.3); }
7545+
.sidebar .sidebar-minimizer:hover::before {
7546+
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%23fff' 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"); }
74657547

74667548
@media (min-width: 992px) {
74677549
.sidebar-compact .sidebar .sidebar-nav {
@@ -7501,6 +7583,9 @@ base-chart.chart {
75017583
.sidebar-minimized .sidebar .sidebar-form,
75027584
.sidebar-minimized .sidebar .sidebar-header {
75037585
display: none; }
7586+
.sidebar-minimized .sidebar .sidebar-minimizer::before {
7587+
width: 100%;
7588+
transform: rotate(-180deg); }
75047589
.sidebar-minimized .sidebar .nav-item {
75057590
width: 50px;
75067591
overflow: hidden;
@@ -8274,8 +8359,8 @@ base-chart.chart {
82748359
app-dashboard,
82758360
app-root {
82768361
display: flex;
8277-
min-height: 100vh;
8278-
flex-direction: column; }
8362+
flex-direction: column;
8363+
min-height: 100vh; }
82798364

82808365
.app-header {
82818366
flex: 0 0 55px; }
@@ -8286,11 +8371,11 @@ app-root {
82868371
.app-body {
82878372
display: flex;
82888373
flex-direction: row;
8289-
overflow-x: hidden;
8290-
flex-grow: 1; }
8374+
flex-grow: 1;
8375+
overflow-x: hidden; }
82918376
.app-body .main {
8292-
min-width: 0;
8293-
flex: 1; }
8377+
flex: 1;
8378+
min-width: 0; }
82948379
.app-body .sidebar {
82958380
flex: 0 0 200px;
82968381
order: -1; }
@@ -8338,10 +8423,6 @@ app-root {
83388423
margin-left: 0; }
83398424
.sidebar-minimized .sidebar {
83408425
flex: 0 0 50px; }
8341-
.sidebar-minimized .sidebar .sidebar-header,
8342-
.sidebar-minimized .sidebar .sidebar-form,
8343-
.sidebar-minimized .sidebar .sidebar-footer {
8344-
display: none; }
83458426
.sidebar-minimized.sidebar-hidden .sidebar {
83468427
margin-left: -50px; }
83478428
.sidebar-minimized.sidebar-fixed .main, .sidebar-minimized.sidebar-fixed .app-footer {
@@ -8452,6 +8533,8 @@ app-root {
84528533
.sidebar .sidebar-nav,
84538534
.sidebar .nav {
84548535
width: 220px !important; }
8536+
.sidebar .sidebar-minimizer {
8537+
display: none; }
84558538
.main, .app-footer {
84568539
margin-left: 0 !important; }
84578540
.sidebar-hidden .sidebar {

‎AJAX_Full_Project_GULP/css/style.min.css‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎AJAX_Full_Project_GULP/img/logo-symbol.png‎

7.02 KB
Loading

‎AJAX_Full_Project_GULP/index.html‎

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,9 @@
3131
// Header options
3232
1. '.header-fixed' - Fixed Header
3333
34+
// Brand options
35+
1. '.brand-minimized' - Minimized brand (Only symbol)
36+
3437
// Sidebar options
3538
1. '.sidebar-fixed' - Fixed Sidebar
3639
2. '.sidebar-hidden' - Hidden Sidebar
@@ -55,7 +58,7 @@
5558
<header class="app-header navbar">
5659
<button class="navbar-toggler mobile-sidebar-toggler d-lg-none mr-auto" type="button">&#9776;</button>
5760
<a class="navbar-brand" href="#"></a>
58-
<button class="navbar-toggler sidebar-minimizer d-md-down-none" type="button">&#9776;</button>
61+
<button class="navbar-toggler sidebar-toggler d-md-down-none" type="button">&#9776;</button>
5962

6063
<ul class="nav navbar-nav d-md-down-none">
6164
<li class="nav-item px-3">
@@ -186,9 +189,16 @@
186189
</li>
187190
</ul>
188191
</li>
192+
<li class="nav-item mt-auto">
193+
<a class="nav-link nav-link-success" href="http://coreui.io" target="_top"><i class="icon-cloud-download"></i> Download CoreUI</a>
194+
</li>
195+
<li class="nav-item">
196+
<a class="nav-link nav-link-danger" href="http://coreui.io/pro/" target="_top"><i class="icon-layers"></i> Try CoreUI <strong>PRO</strong></a>
197+
</li>
189198

190199
</ul>
191200
</nav>
201+
<button class="sidebar-minimizer brand-minimizer" type="button"></button>
192202
</div>
193203

194204
<!-- Main content -->

‎AJAX_Full_Project_GULP/js/app.js‎

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -227,28 +227,28 @@ $(document).ready(function($){
227227
}
228228

229229
/* ---------- Main Menu Open/Close, Min/Full ---------- */
230-
$('.navbar-toggler').click(function(){
231-
232-
if ($(this).hasClass('sidebar-toggler')) {
233-
$('body').toggleClass('sidebar-hidden');
234-
resizeBroadcast();
235-
}
230+
$('.sidebar-toggler').click(function(){
231+
$('body').toggleClass('sidebar-hidden');
232+
resizeBroadcast();
233+
});
236234

237-
if ($(this).hasClass('sidebar-minimizer')) {
238-
$('body').toggleClass('sidebar-minimized');
239-
resizeBroadcast();
240-
}
235+
$('.sidebar-minimizer').click(function(){
236+
$('body').toggleClass('sidebar-minimized');
237+
resizeBroadcast();
238+
});
241239

242-
if ($(this).hasClass('aside-menu-toggler')) {
243-
$('body').toggleClass('aside-menu-hidden');
244-
resizeBroadcast();
245-
}
240+
$('.brand-minimizer').click(function(){
241+
$('body').toggleClass('brand-minimized');
242+
});
246243

247-
if ($(this).hasClass('mobile-sidebar-toggler')) {
248-
$('body').toggleClass('sidebar-mobile-show');
249-
resizeBroadcast();
250-
}
244+
$('.aside-menu-toggler').click(function(){
245+
$('body').toggleClass('aside-menu-hidden');
246+
resizeBroadcast();
247+
});
251248

249+
$('.mobile-sidebar-toggler').click(function(){
250+
$('body').toggleClass('sidebar-mobile-show');
251+
resizeBroadcast();
252252
});
253253

254254
$('.sidebar-close').click(function(){

‎AJAX_Full_Project_GULP/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"name": "coreui-ajax",
2+
"name": "@coreui/ajax",
33
"version": "1.0.0",
44
"description": "",
55
"main": "index.html",

‎AJAX_Full_Project_GULP/scss/core/_animate.scss‎

Lines changed: 1 addition & 18 deletions
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
}

0 commit comments

Comments
 (0)