Skip to content
This repository was archived by the owner on Sep 5, 2019. It is now read-only.

Commit db2ef61

Browse files
accgitaccgit
committed
Update
1 parent 8fa3da9 commit db2ef61

File tree

9 files changed

+245
-7
lines changed

9 files changed

+245
-7
lines changed

‎dashbaord/simple.html‎

Lines changed: 195 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,195 @@
1+
<!DOCTYPE html>
2+
<html lang="cs">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<title>CSS UI - Simple and fast dashboard template</title>
7+
8+
<!-- css -->
9+
<link rel="stylesheet" href="../www/css/cssui.min.css">
10+
<link rel="stylesheet" href="../www/css/cssui-menu-light.min.css">
11+
<link rel="stylesheet" href="../www/css/cssui-dropdown-light.min.css">
12+
<link rel="stylesheet" href="../www/css/style.css">
13+
</head>
14+
<body>
15+
<!-- nav wrapper -->
16+
<div class="nav">
17+
18+
<!-- click show/hide menu -->
19+
<div class="click"></div>
20+
21+
<!-- sidebar -->
22+
<div class="sidebar">
23+
24+
<!-- title for sidebar -->
25+
<div class="title">
26+
<p>Responsive menu</p>
27+
</div>
28+
<div class="logged sidebar">
29+
<ul class="clear">
30+
<li class="gravatar float left"><img src="../www/img/user.png" alt="user"></li>
31+
<li class="user float left">John Doe <a href="#">Logout</a></li>
32+
</ul>
33+
</div>
34+
<div class="responsive">
35+
<ul class="menu scrollbar">
36+
37+
<!-- simple menu -->
38+
<li>
39+
<span class="name">Translate</span>
40+
<ul>
41+
<li><a href="#">Czech</a></li>
42+
<li><a href="#" class="current">English</a></li>
43+
</ul>
44+
</li>
45+
46+
<!-- dropdown menu -->
47+
<li>
48+
<span class="name">Dashboard</span>
49+
<ul>
50+
<li><a href="#">Home</a></li>
51+
<li class="parent">
52+
<a href="#" class="employ current">Settings</a>
53+
<ul class="submenu">
54+
<li><a href="#">Timezone</a></li>
55+
<li><a href="#" class="current">Permissions</a></li>
56+
<li><a href="#">Maintenance</a></li>
57+
</ul>
58+
</li>
59+
60+
<!-- notice info -->
61+
<li><a href="#">Notice<span class="notice">3</span></a></li>
62+
</ul>
63+
</li>
64+
65+
<!-- dropdown menu -->
66+
<li>
67+
<span class="name">Coments</span>
68+
<ul>
69+
<li><a href="#">New</a></li>
70+
<li class="parent">
71+
<a href="#" class="employ">Settings comments</a>
72+
<ul class="submenu">
73+
<li><a href="#">Disable</a></li>
74+
<li><a href="#">Enable</a></li>
75+
</ul>
76+
</li>
77+
</ul>
78+
</li>
79+
80+
<!-- simple menu -->
81+
<li>
82+
<span class="name">Blog</span>
83+
<ul>
84+
<li><a href="#">Add</a></li>
85+
<li><a href="#">List</a></li>
86+
</ul>
87+
</li>
88+
</ul>
89+
</div>
90+
</div>
91+
</div>
92+
93+
<!-- content wrapper -->
94+
<div class="content-wrapper">
95+
<div class="header">
96+
<div class="clear">
97+
98+
<!-- header dashboard -->
99+
<div class="float left">
100+
<ul class="breadcrumb">
101+
<li><a href=""><i class="fa fa-square-o" aria-hidden="true"></i>Dashboard</a></li>
102+
<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Sample</li>
103+
</ul>
104+
</div>
105+
106+
<!-- logged in header user -->
107+
<div class="float right user panel">
108+
109+
<!-- user identity -->
110+
<div class="float left logged in">
111+
<ul class="clear">
112+
<li class="user float left">You login as John Doe</li>
113+
<li class="gravatar float left"><img src="../www/img/user.png" alt="user"></li>
114+
</ul>
115+
</div>
116+
117+
<!-- dropdown menu -->
118+
<div class="float left">
119+
<div class="dropdown">
120+
121+
<!-- dropdown menu click -->
122+
<div class="clear">
123+
<a class="employ-toggle click float right" href="#">
124+
<i class="fa fa-ellipsis-v" aria-hidden="true"></i>
125+
</a>
126+
</div>
127+
128+
<!-- show/hide menu -->
129+
<ul class="expand-dropdown">
130+
<li><a href="#" class="top">Profile</a></li>
131+
<li><a href="#" class="bottom">Logout</a></li>
132+
</ul>
133+
</div>
134+
135+
</div>
136+
</div>
137+
</div>
138+
</div>
139+
140+
<!-- content -->
141+
<div class="content">
142+
<div class="box style">
143+
<h4>Sample</h4>
144+
Content...
145+
</div>
146+
</div>
147+
</div>
148+
149+
<!-- javascript libraries and plugins -->
150+
<script src="../www/js/main.min.js"></script>
151+
<script>
152+
$(function() {
153+
154+
// nanobar
155+
var nanobar = new Nanobar();
156+
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+
});
179+
180+
// dropdown menu
181+
$('.employ-toggle').on('click', function() {
182+
var dropdown = '.expand-dropdown';
183+
$(dropdown).fadeToggle('fast');
184+
$(dropdown).on('click', function(e) {
185+
var target = e.target;
186+
var employ = '.employ-toggle';
187+
if (!$(target).is(employ) && !$(target).parents().is(employ)) {
188+
$(dropdown).hide();
189+
}
190+
});
191+
});
192+
});
193+
</script>
194+
</body>
195+
</html>

‎gruntfile.js‎

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,8 @@ module.exports = function(grunt) {
1515
'node_modules/css-ui-tooltip/css/style.tooltip.css',
1616
'node_modules/css-ui-tooltip/css/style.tooltip.theme.css',
1717
'node_modules/css-ui-table/css/style.tables.css',
18-
'node_modules/css-ui-modal-box/css/style.modal.box.css'
18+
'node_modules/css-ui-modal-box/css/style.modal.box.css',
19+
'node_modules/css-ui-dashboard/css/style.dashboard.css'
1920
]},
2021
{'www/css/cssui-menu-light.min.css': [
2122
'node_modules/css-ui-responsive-menu/css/style.menu.light.css'
@@ -40,7 +41,9 @@ module.exports = function(grunt) {
4041
files: [
4142
{expand: true, cwd: 'node_modules/font-awesome/fonts/', src: ['**'], dest: 'www/fonts/'},
4243
{expand: true, cwd: 'node_modules/open-sans-fontface/fonts/', src: ['**'], dest: 'www/css/fonts/'},
43-
{expand: true, cwd: 'node_modules/css-ui-sign-in/img/', src: ['**'], dest: 'www/img/'}
44+
{expand: true, cwd: 'node_modules/css-ui-sign-in/img/', src: ['**'], dest: 'www/img/'},
45+
{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'}
4447
]
4548
}
4649
},
@@ -53,8 +56,9 @@ module.exports = function(grunt) {
5356
my_target: {
5457
files: {
5558
'www/js/main.min.js': [
56-
'node_modules/jquery/dist/jquery.js',
57-
'node_modules/perfect-scrollbar/dist/perfect-scrollbar.js'
59+
'node_modules/jquery/dist/jquery.js',
60+
'node_modules/perfect-scrollbar/dist/perfect-scrollbar.js',
61+
'node_modules/nanobar/nanobar.js'
5862
]
5963
}
6064
}

‎package-lock.json‎

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

‎package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
"css-ui-table": "^1.0.8",
1111
"css-ui-tooltip": "^2.0.6",
1212
"css-ui-modal-box": "^1.0.7",
13+
"css-ui-dashboard": "^1.0.0",
1314
"grunt": "^1.0.3",
1415
"grunt-contrib-copy": "^1.0.0",
1516
"grunt-contrib-cssmin": "^3.0.0",

‎www/css/cssui.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎www/css/style.css‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
2+
/* elements
3+
========================================================================== */
4+
body {
5+
font-family: 'Open Sans', sans-serif;
6+
}
7+
8+
/* nanobar
9+
========================================================================== */
10+
.nanobar {
11+
height: 2px;
12+
top: 0;
13+
width: 100%;
14+
z-index: 9999;
15+
}
16+
17+
.nanobar .bar {
18+
background: #acacac;
19+
height: 100%;
20+
transition: height .3s;
21+
width: 0;
22+
}

‎www/img/user.png‎

17.3 KB
Loading

‎www/js/main.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎www/js/main.min.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)