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

Commit 535e6ad

Browse files
accgitaccgit
committed
Update
1 parent ca2b076 commit 535e6ad

File tree

1 file changed

+388
-0
lines changed

1 file changed

+388
-0
lines changed

‎dashboard/full.html‎

Lines changed: 388 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,388 @@
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/cssui-dashboard.min.css">
13+
<link rel="stylesheet" href="../www/css/style.css">
14+
</head>
15+
<body>
16+
<!-- nav wrapper -->
17+
<div class="nav">
18+
19+
<!-- click show/hide menu -->
20+
<div class="click"></div>
21+
22+
<!-- sidebar -->
23+
<div class="sidebar">
24+
25+
<!-- title for sidebar -->
26+
<div class="title">
27+
<p>Responsive menu</p>
28+
</div>
29+
<div class="logged sidebar">
30+
<ul class="clear">
31+
<li class="gravatar float left"><img src="../www/img/user.png" alt="user"></li>
32+
<li class="user float left">John Doe <a href="#">Logout</a></li>
33+
</ul>
34+
</div>
35+
<div class="responsive">
36+
<ul class="menu scrollbar">
37+
38+
<!-- simple menu -->
39+
<li>
40+
<span class="name">Translate</span>
41+
<ul>
42+
<li><a href="#">Czech</a></li>
43+
<li><a href="#" class="current">English</a></li>
44+
</ul>
45+
</li>
46+
47+
<!-- dropdown menu -->
48+
<li>
49+
<span class="name">Dashboard</span>
50+
<ul>
51+
<li><a href="#">Home</a></li>
52+
<li class="parent">
53+
<a href="#" class="employ current">Settings</a>
54+
<ul class="submenu">
55+
<li><a href="#">Timezone</a></li>
56+
<li><a href="#" class="current">Permissions</a></li>
57+
<li><a href="#">Maintenance</a></li>
58+
</ul>
59+
</li>
60+
61+
<!-- notice info -->
62+
<li><a href="#">Notice<span class="notice">3</span></a></li>
63+
</ul>
64+
</li>
65+
66+
<!-- dropdown menu -->
67+
<li>
68+
<span class="name">Coments</span>
69+
<ul>
70+
<li><a href="#">New</a></li>
71+
<li class="parent">
72+
<a href="#" class="employ">Settings comments</a>
73+
<ul class="submenu">
74+
<li><a href="#">Disable</a></li>
75+
<li><a href="#">Enable</a></li>
76+
</ul>
77+
</li>
78+
</ul>
79+
</li>
80+
81+
<!-- simple menu -->
82+
<li>
83+
<span class="name">Blog</span>
84+
<ul>
85+
<li><a href="#">Add</a></li>
86+
<li><a href="#">List</a></li>
87+
</ul>
88+
</li>
89+
</ul>
90+
</div>
91+
</div>
92+
</div>
93+
94+
<!-- content wrapper -->
95+
<div class="content-wrapper">
96+
<div class="header">
97+
<div class="clear">
98+
99+
<!-- header dashboard -->
100+
<div class="float left">
101+
<ul class="breadcrumb">
102+
<li><a href=""><i class="fa fa-square-o" aria-hidden="true"></i>Dashboard</a></li>
103+
<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Sample</li>
104+
</ul>
105+
</div>
106+
107+
<!-- logged in header user -->
108+
<div class="float right user panel">
109+
110+
<!-- user identity -->
111+
<div class="float left logged in">
112+
<ul class="clear">
113+
<li class="user float left">You login as John Doe</li>
114+
<li class="gravatar float left"><img src="../www/img/user.png" alt="user"></li>
115+
</ul>
116+
</div>
117+
118+
<!-- dropdown menu -->
119+
<div class="float left">
120+
<div class="dropdown">
121+
122+
<!-- dropdown menu click -->
123+
<div class="clear">
124+
<a class="employ-toggle click float right" href="#">
125+
<i class="fa fa-ellipsis-v" aria-hidden="true"></i>
126+
</a>
127+
</div>
128+
129+
<!-- show/hide menu -->
130+
<ul class="expand-dropdown">
131+
<li><a href="#" class="top"><i class="fa fa-user-o" aria-hidden="true"></i>Profile</a></li>
132+
<li><a href="#" class="bottom"><i class="fa fa-sign-out" aria-hidden="true"></i>Logout</a></li>
133+
</ul>
134+
</div>
135+
136+
</div>
137+
</div>
138+
</div>
139+
</div>
140+
141+
<!-- content -->
142+
<div class="content">
143+
<div class="box style">
144+
<h4>Sample forms</h4>
145+
<form>
146+
<fieldset>
147+
<legend>Form in fieldset</legend>
148+
<div class="row">
149+
<div class="six columns">
150+
<div class="three columns"><label class="add" for="text">Text</label></div>
151+
<div class="eight columns"><input class="full width" type="text" id="text" placeholder="Text"></div>
152+
</div>
153+
<div class="six columns">
154+
<div class="three columns"><label class="add" for="password">Password</label></div>
155+
<div class="eight columns"><input class="full width" type="password" id="password" placeholder="Password" required></div>
156+
</div>
157+
</div>
158+
<div class="row">
159+
<div class="six columns">
160+
<div class="three columns"><label class="add" for="select">Select</label></div>
161+
<div class="eight columns">
162+
<select id="select" required="" class="full width">
163+
<option value="">Choose an item</option>
164+
<option value="1">Woman</option>
165+
<option value="2">Man</option>
166+
</select>
167+
</div>
168+
</div>
169+
<div class="six columns">
170+
<div class="three columns"><label class="add" for="number">Number</label></div>
171+
<div class="eight columns">
172+
<input class="full width" type="number" id="number" placeholder="Number">
173+
</div>
174+
</div>
175+
</div>
176+
</fieldset>
177+
<div class="row">
178+
<div class="twelve columns">
179+
<input type="submit" value="Submit" class="button primary">
180+
<input type="reset" class="button common">
181+
</div>
182+
</div>
183+
</form>
184+
</div>
185+
<div class="row">
186+
<div class="six columns">
187+
<div class="box style">
188+
<h4>Sample table</h4>
189+
<table class="full width">
190+
<tr>
191+
<th>#</th>
192+
<th>Username</th>
193+
<th>Email</th>
194+
<th>Action</th>
195+
</tr>
196+
<tr>
197+
<td>1</td>
198+
<td>Root</td>
199+
<td>root@domain.com</td>
200+
<td class="table-buttons">
201+
<span class="tooltip">
202+
<a href="#">
203+
<i class="fa fa-pencil" aria-hidden="true"></i>
204+
<span class="warning left">Edit</span>
205+
</a>
206+
</span>
207+
<span class="tooltip">
208+
<a href="#">
209+
<i class="fa fa-times" aria-hidden="true"></i>
210+
<span class="danger right">Delete</span>
211+
</a>
212+
</span>
213+
</td>
214+
</tr>
215+
<tr>
216+
<td>2</td>
217+
<td>Admin</td>
218+
<td>admin@domain.com</td>
219+
<td class="table-buttons">
220+
<span class="tooltip">
221+
<a href="#">
222+
<i class="fa fa-pencil" aria-hidden="true"></i>
223+
<span class="warning left">Edit</span>
224+
</a>
225+
</span>
226+
<span class="tooltip">
227+
<a href="#">
228+
<i class="fa fa-times" aria-hidden="true"></i>
229+
<span class="danger right">Delete</span>
230+
</a>
231+
</span>
232+
</td>
233+
</tr>
234+
<tr>
235+
<td>3</td>
236+
<td>User</td>
237+
<td>user@domain.com</td>
238+
<td class="table-buttons">
239+
<span class="tooltip">
240+
<a href="#">
241+
<i class="fa fa-pencil" aria-hidden="true"></i>
242+
<span class="warning left">Edit</span>
243+
</a>
244+
</span>
245+
<span class="tooltip">
246+
<a href="#">
247+
<i class="fa fa-times" aria-hidden="true"></i>
248+
<span class="danger right">Delete</span>
249+
</a>
250+
</span>
251+
</td>
252+
</tr>
253+
</table>
254+
</div>
255+
</div>
256+
<div class="six columns">
257+
<div class="box style">
258+
<h4>Sample style table</h4>
259+
<table class="full width">
260+
<tr class="default">
261+
<th>#</th>
262+
<th>Username</th>
263+
<th>Email</th>
264+
<th>Action</th>
265+
</tr>
266+
<tr class="default">
267+
<td>1</td>
268+
<td>Root</td>
269+
<td>root@domain.com</td>
270+
<td class="table-buttons">
271+
<span class="tooltip">
272+
<a href="#">
273+
<i class="fa fa-pencil" aria-hidden="true"></i>
274+
<span class="warning left">Edit</span>
275+
</a>
276+
</span>
277+
<span class="tooltip">
278+
<a href="#">
279+
<i class="fa fa-times" aria-hidden="true"></i>
280+
<span class="danger right">Delete</span>
281+
</a>
282+
</span>
283+
</td>
284+
</tr>
285+
<tr class="default">
286+
<td>2</td>
287+
<td>Admin</td>
288+
<td>admin@domain.com</td>
289+
<td class="table-buttons">
290+
<span class="tooltip">
291+
<a href="#">
292+
<i class="fa fa-pencil" aria-hidden="true"></i>
293+
<span class="warning left">Edit</span>
294+
</a>
295+
</span>
296+
<span class="tooltip">
297+
<a href="#">
298+
<i class="fa fa-times" aria-hidden="true"></i>
299+
<span class="danger right">Delete</span>
300+
</a>
301+
</span>
302+
</td>
303+
</tr>
304+
<tr class="default">
305+
<td>3</td>
306+
<td>User</td>
307+
<td>user@domain.com</td>
308+
<td class="table-buttons">
309+
<span class="tooltip">
310+
<a href="#">
311+
<i class="fa fa-pencil" aria-hidden="true"></i>
312+
<span class="warning left">Edit</span>
313+
</a>
314+
</span>
315+
<span class="tooltip">
316+
<a href="#">
317+
<i class="fa fa-times" aria-hidden="true"></i>
318+
<span class="danger right">Delete</span>
319+
</a>
320+
</span>
321+
</td>
322+
</tr>
323+
</table>
324+
</div>
325+
</div>
326+
</div>
327+
<div class="box style">
328+
<h4>Sample paragraphs</h4>
329+
<p>
330+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br>
331+
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
332+
</p>
333+
<p>
334+
<em>Duis aute irure <strong>dolor in reprehenderit in voluptate</strong> velit esse cillum <strong>dolore eu fugiat</strong> nulla pariatur.</em>
335+
</p>
336+
<blockquote class="quote">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</blockquote>
337+
338+
</div>
339+
</div>
340+
</div>
341+
342+
<!-- javascript libraries and plugins -->
343+
<script src="../www/js/main.min.js"></script>
344+
<script>
345+
$(function() {
346+
347+
// nanobar
348+
var nanobar = new Nanobar();
349+
nanobar.go(100);
350+
351+
// perfect scrollbar
352+
const ps = new PerfectScrollbar('.scrollbar');
353+
354+
// click show/hide menu
355+
$('.nav .click').on('click', function() {
356+
$('.nav .responsive').toggleClass('expandable');
357+
});
358+
359+
// responsive menu
360+
$('ul.menu li').each(function() {
361+
if ($(this).children('li.parent a.current').length > 0 ) {
362+
$(this).parent().find('ul.submenu').toggle();
363+
$(this).parent().find('li.parent a.employ').addClass('active');
364+
}
365+
});
366+
367+
// responsive active menu
368+
$('ul.menu li a').on('click', function() {
369+
$(this).parent('li.parent').find('a.employ').toggleClass('active');
370+
$(this).parent().find('ul.submenu').slideToggle('fast');
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+
});
385+
});
386+
</script>
387+
</body>
388+
</html>

0 commit comments

Comments
 (0)