8000 Update · css-ui/css-ui.github.io@9a5c411 · GitHub
[go: up one dir, main page]
Skip to content
This repository was archived by the owner on Sep 5, 2019. It is now read-only.

Commit 9a5c411

Browse files
accgitaccgit
committed
Update
1 parent 4abd48d commit 9a5c411

File tree

11 files changed

+89
-185
lines changed

11 files changed

+89
-185
lines changed

‎dashboard/full.html

Lines changed: 2 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -340,48 +340,12 @@ <h4>Sample paragraphs</h4>
340340

341341
<!-- javascript libraries and plugins -->
342342
<script src="../www/js/main.min.js"></script>
343+
<script src="../www/js/responsive.menu.js"></script>
344+
<script src="../www/js/dropdown.menu.js"></script>
343345
<script>
344346
$(function() {
345-
346-
// nanobar
347347
var nanobar = new Nanobar();
348348
nanobar.go(100);
349-
350-
// perfect scrollbar
351-
const ps = new PerfectScrollbar('.scrollbar');
352-
353-
// click show/hide menu
354-
$('.nav .click').on('click', function() {
355-
$('.nav .responsive').toggleClass('expandable');
356-
});
357-
358-
// responsive menu
359-
$('ul.menu li').each(function() {
360-
if ($(this).children('li.parent a.current').length > 0 ) {
361-
$(this).parent().find('ul.submenu').toggle();
362-
$(this).parent().find('li.parent a.employ').addClass('active');
363-
}
364-
});
365-
366-
// responsive active menu
367-
$('ul.menu li a').on('click', function() {
368-
$(this).parent('li.parent').find('a.employ').toggleClass('active');
369-
$(this).parent().find('ul.submenu').slideToggle('fast');
370-
$(this).parent().find('ul.submenu ul.submenu').toggle();
371-
});
372-
373-
// dropdown menu
374-
$('.employ-toggle').on('click', function() {
375-
var dropdown = '.expand-dropdown';
376-
$(dropdown).fadeToggle('fast');
377-
$(dropdown).on('click', function(e) {
378-
var target = e.target;
379-
var employ = '.employ-toggle';
380-
if (!$(target).is(employ) && !$(target).parents().is(employ)) {
381-
$(dropdown).hide();
382-
}
383-
});
384-
});
385349
});
386350
</script>
387351
</body>

‎dashboard/simple.html

Lines changed: 2 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -148,48 +148,12 @@ <h4>Sample</h4>
148148

149149
<!-- javascript libraries and plugins -->
150150
<script src="../www/js/main.min.js"></script>
151+
<script src="../www/js/responsive.menu.js"></script>
152+
<script src="../www/js/dropdown.menu.js"></script>
151153
<script>
152154
$(function() {
153-
154-
// nanobar
155155
var nanobar = new Nanobar();
156156
nanobar.go(100);
157-
158-
// perfect scrollbar
159-
const ps = new PerfectScrollbar('.scrollbar');
160-
161-
// click show/hide menu
162-
$('.nav .click').on('click', function() {
163-
$('.nav .responsive').toggleClass('expandable');
164-
});
165-
166-
// responsive menu
167-
$('ul.menu li').each(function() {
168-
if ($(this).children('li.parent a.current').length > 0 ) {
169-
$(this).parent().find('ul.submenu').toggle();
170-
$(this).parent().find('li.parent a.employ').addClass('active');
171-
}
172-
});
173-
174-
// responsive active menu
175-
$('ul.menu li a').on('click', function() {
176-
$(this).parent('li.parent').find('a.employ').toggleClass('active');
177-
$(this).parent().find('ul.submenu').slideToggle('fast');
178-
$(this).parent().find('ul.submenu ul.submenu').toggle();
179-
});
180-
181-
// dropdown menu
182-
$('.employ-toggle').on('click', function() {
183-
var dropdown = '.expand-dropdown';
184-
$(dropdown).fadeToggle('fast');
185-
$(dropdown).on('click', function(e) {
186-
var target = e.target;
187-
var employ = '.employ-toggle';
188-
if (!$(target).is(employ) && !$(target).parents().is(employ)) {
189-
$(dropdown).hide();
190-
}
191-
});
192-
});
193157
});
194158
</script>
195159
</body>

‎dropdown.menu/dark.html

Lines changed: 2 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@
1212
body {
1313
font-family: 'Open Sans', sans-serif;
1414
padding: 25px;
15+
background: #fff;
1516
}
1617
</style>
1718
</head>
@@ -40,20 +41,6 @@ <h2>CSS UI - Dropdown menu</h2>
4041

4142
<!-- javascript libraries and plugins -->
4243
<script src="../www/js/main.min.js"></script>
43-
<script>
44-
$(function() {
45-
$('.employ-toggle').on('click', function() {
46-
var dropdown = '.expand-dropdown';
47-
$(dropdown).fadeToggle('fast');
48-
$(dropdown).on('click', function(e) {
49-
var target = e.target;
50-
var employ = '.employ-toggle';
51-
if (!$(target).is(employ) && !$(target).parents().is(employ)) {
52-
$(dropdown).hide();
53-
}
54-
});
55-
});
56-
});
57-
</script>
44+
<script src="../www/js/dropdown.menu.js"></script>
5845
</body>
5946
</html>

‎dropdown.menu/light.html

Lines changed: 15 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -12,48 +12,37 @@
1212
body {
1313
font-family: 'Open Sans', sans-serif;
1414
padding: 25px;
15+
background: #fff;
1516
}
1617
</style>
1718
</head>
1819
<body>
20+
<div class="scrollbar"></div>
1921
<div class="row">
2022
<div class="four columns">
2123
<h2>CSS UI - Dropdown menu</h2>
2224
<div class="dropdown">
2325

2426
<!-- dropdown menu click -->
25-
<div class="clear">
26-
<a class="employ-toggle click float right" href="#">
27-
<i class="fa fa-ellipsis-v" aria-hidden="true"></i>
28-
</a>
29-
</div>
27+
<div class="clear">
28+
<a class="employ-toggle click float right" href="#">
29+
<i class="fa fa-ellipsis-v" aria-hidden="true"></i>
30+
</a>
31+
</div>
32+
33+
<!-- show/hide menu -->
34+
<ul class="expand-dropdown">
35+
<li><a href="#" class="top"><i class="fa fa-user-o" aria-hidden="true"></i>Profile</a></li>
36+
<li><a href="#" class="bottom"><i class="fa fa-sign-out" aria-hidden="true"></i>Logout</a></li>
37+
</ul>
38+
</div>
3039

31-
<!-- show/hide menu -->
32-
<ul class="expand-dropdown">
33-
<li><a href="#" class="top">One</a></li>
34-
<li><a href="#">Two</a></li>
35-
<li><a href="#" class="bottom">Three</a></li>
36-
</ul>
3740
</div>
3841
</div>
3942
</div>
4043

4144
<!-- javascript libraries and plugins -->
4245
<script src="../www/js/main.min.js"></script>
43-
<script>
44-
$(function() {
45-
$('.employ-toggle').on('click', function() {
46-
var dropdown = '.expand-dropdown';
47-
$(dropdown).fadeToggle('fast');
48-
$(dropdown).on('click', function(e) {
49-
var target = e.target;
50-
var employ = '.employ-toggle';
51-
if (!$(target).is(employ) && !$(target).parents().is(employ)) {
52-
$(dropdown).hide();
53-
}
54-
});
55-
});
56-
});
57-
</script>
46+
<script src="../www/js/dropdown.menu.js"></script>
5847
</body>
5948
</html>

‎gruntfile.js

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,9 @@ module.exports = function(grunt) {
4343
{expand: true, cwd: 'node_modules/open-sans-fontface/fonts/', src: ['**'], dest: 'www/css/fonts/'},
4444
{expand: true, cwd: 'node_modules/css-ui-sign-in/img/', src: ['**'], dest: 'www/img/'},
4545
{expand: true, cwd: 'node_modules/css-ui-dashboard/img/', src: ['**'], dest: 'www/img/'},
46-
{expand: true, flatten: true, src: ['node_modules/css-ui-dashboard/css/style.css'], dest: 'www/css', filter: 'isFile'}
46+
{expand: true, flatten: true, src: ['node_modules/css-ui-dashboard/css/style.css'], dest: 'www/css', filter: 'isFile'},
47+
{expand: true, flatten: true, src: ['node_modules/css-ui-responsive-menu/js/responsive.menu.js'], dest: 'www/js', filter: 'isFile'},
48+
{expand: true, flatten: true, src: ['node_modules/css-ui-dropdown-menu/js/dropdown.menu.js'], dest: 'www/js', filter: 'isFile'}
4749
]
4850
}
4951
},

‎package-lock.json

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

‎package.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,10 @@
44
"description": "CSS UI - Demo.",
55
"main": "gruntfile.js",
66
"dependencies": {
7-
"css-ui-dashboard": "^1.0.3",
8-
"css-ui-dropdown-menu": "^1.2.0",
7+
"css-ui-dashboard": "^1.0.7",
8+
"css-ui-dropdown-menu": "^1.2.1",
99
"css-ui-modal-box": "^1.0.7",
10-
"css-ui-responsive-menu": "^3.1.2",
10+
"css-ui-responsive-menu": "^3.1.4",
1111
"css-ui-sign-in": "^1.1.2",
1212
"css-ui-table": "^1.0.8",
1313
"css-ui-tooltip": "^2.0.6",

‎responsive.menu/dark.html

Lines changed: 1 addition & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -92,32 +92,6 @@
9292

9393
<!-- javascript libraries and plugins -->
9494
<script src="../www/js/main.min.js"></script>
95-
<script>
96-
$(function() {
97-
98-
// perfect scrollbar
99-
const ps = new PerfectScrollbar('.scrollbar');
100-
101-
// click show/hide menu
102-
$('.nav .click').on('click', function() {
103-
$('.nav .responsive').toggleClass('expandable');
104-
});
105-
106-
// responsive menu
107-
$('ul.menu li').each(function() {
108-
if ($(this).children('li.parent a.current').length > 0 ) {
109-
$(this).parent().find('ul.submenu').toggle();
110-
$(this).parent().find('li.parent a.employ').addClass('active');
111-
}
112-
});
113-
114-
// responsive active menu
115-
$('ul.menu li a').on('click', function() {
116-
$(this).parent('li.parent').find('a.employ').toggleClass('active');
117-
$(this).parent().find('ul.submenu').slideToggle('fast');
118-
$(this).parent().find('ul.submenu ul.submenu').toggle();
119-
});
120-
});
121-
</script>
95+
<script src="../www/js/responsive.menu.js"></script>
12296
</body>
12397
</html>

‎responsive.menu/light.html

Lines changed: 1 addition & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -93,32 +93,6 @@
9393

9494
<!-- javascript libraries and plugins -->
9595
<script src="../www/js/main.min.js"></script>
96-
<script>
97-
$(function() {
98-
99-
// perfect scrollbar
100-
const ps = new PerfectScrollbar('.scrollbar');
101-
102-
// click show/hide menu
103-
$('.nav .click').on('click', function() {
104-
$('.nav .responsive').toggleClass('expandable');
105-
});
106-
107-
// responsive menu
108-
$('ul.menu li').each(function() {
109-
if ($(this).children('li.parent a.current').length > 0 ) {
110-
$(this).parent().find('ul.submenu').toggle();
111-
$(this).parent().find('li.parent a.employ').addClass('active');
112-
}
113-
});
114-
115-
// responsive active menu
116-
$('ul.menu li a').on('click', function() {
117-
$(this).parent('li.parent').find('a.employ').toggleClass('active');
118-
$(this).parent().find('ul.submenu').slideToggle('fast');
119-
$(this).parent().find('ul.submenu ul.submenu').toggle();
120-
});
121-
});
122-
</script>
96+
<script src="../www/js/responsive.menu.js"></script>
12397
</body>
12498
</html>

‎www/js/dropdown.menu.js

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
2+
/*
3+
* Dropdown menu.
4+
*/
5+
(function($) {
6+
7+
var dropdown = '.expand-dropdown';
8+
var employ = '.employ-toggle';
9+
10+
$(employ).on('click', function() {
11+
$(dropdown).fadeToggle('fast');
12+
$(dropdown).on('click', function(e) {
13+
if (!$(e.target).is(employ) && !$(e.target).parents().is(employ)) {
14+
$(dropdown).hide();
15+
}
16+
});
17+
});
18+
19+
}(jQuery));

‎www/js/responsive.menu.js

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
2+
/*
3+
* Responsive menu.
4+
*/
5+
(function($) {
6+
7+
// perfect scrollbar
8+
var ps = new PerfectScrollbar('.scrollbar');
9+
ps.update();
10+
11+
// click show/hide menu
12+
$('.nav .click').on('click', function() {
13+
$('.nav .responsive').toggleClass('expandable');
14+
});
15+
16+
// responsive menu
17+
$('ul.menu li').each(function() {
18+
if ($(this).children('li.parent a.current').length > 0 ) {
19+
$(this).parent().find('ul.submenu').toggle();
20+
$(this).parent().find('li.parent a.employ').addClass('active');
21+
}
22+
});
23+
24+
// responsive active menu
25+
$('ul.menu li a').on('click', function() {
26+
$(this).parent('li.parent').find('a.employ').toggleClass('active');
27+
$(this).parent().find('ul.submenu').slideToggle('fast');
28+
$(this).parent().find('ul.submenu ul.submenu').toggle();
29+
});
30+
31+
}(jQuery));

0 commit comments

Comments
 (0)
0