Context Navigation

source: pro-violet-viettel/docs/Space/logs_card.html @ 307

Last change on this file since 307 was 307, checked in by lamdt, 11 years ago

File size: 22.4 KB

Line
1	<!DOCTYPE html>
2	<html lang="en">
3	<head>
4	<meta charset="utf-8" />
5	<title>Space \|Admin</title>
6
7	<meta name="description" content="overview & stats" />
8	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
9
10	<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
11	<link rel="stylesheet" href="assets/css/font-awesome.min.css" />
12
13	<link rel="stylesheet" href="assets/css/ace-fonts.css" />
14
15	<link rel="stylesheet" href="assets/css/ace.min.css" />
16	<link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
17	<link rel="stylesheet" href="assets/css/ace-skins.min.css" />
18
19	<script src="assets/js/ace-extra.min.js"></script>
20
21	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
22
23	<!--[if lt IE 9]>
24	<script src="assets/js/html5shiv.js"></script>
25	<script src="assets/js/respond.min.js"></script>
26	<![endif]-->
27	</head>
28
29	<body>
30	<div class="navbar navbar-default" id="navbar">
31	<script type="text/javascript">
32	try{ace.settings.check('navbar' , 'fixed')}catch(e){}
33	</script>
34
35	<div class="navbar-container" id="navbar-container">
36	<div class="navbar-header pull-left">
37	<a href="#" class="navbar-brand">
38	<img src="assets/img/logo_soanbai_online_white.png" width="350" class="img-responsive">
39	</a><!-- /.brand -->
40	</div><!-- /.navbar-header -->
41
42	<div class="navbar-header pull-right" role="navigation">
43	<ul class="nav ace-nav">
44	<li><img src="assets/img/logo_Violet.png" width="64" class="img-responsive"></li>
45	<li><img src="assets/img/logo_viettel.png" width="64" class="img-responsive"></li>
46
47	<li>
48	<a data-toggle="dropdown" href="#" class="dropdown-toggle">
49	<img class="nav-user-photo" src="assets/avatars/user.jpg" alt="Admin's Photo" />
50	<span class="user-info">
51	<small>Xin chÃ o,</small>
52	Admin
53	</span>
54
55	<i class="icon-caret-down"></i>
56	</a>
57
58	<ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
59	<li>
60	<a href="user_profile.html">
61	<i class="icon-user"></i>
62	ThÃŽng tin cÃ¡ nhÃ¢n
63	</a>
64	</li>
65
66	<li class="divider"></li>
67
68	<li>
69	<a href="login.html">
70	<i class="icon-off"></i>
71	ThoÃ¡t
72	</a>
73	</li>
74	</ul>
75	</li>
76	</ul><!-- /.ace-nav -->
77	</div><!-- /.navbar-header -->
78	</div><!-- /.container -->
79	</div>
80
81	<div class="main-container" id="main-container">
82	<script type="text/javascript">
83	try{ace.settings.check('main-container' , 'fixed')}catch(e){}
84	</script>
85
86	<div class="main-container-inner">
87	<a class="menu-toggler" id="menu-toggler" href="#">
88	<span class="menu-text"></span>
89	</a>
90
91	<div class="sidebar" id="sidebar">
92	<script type="text/javascript">
93	try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
94	</script>
95
96	<div class="sidebar-shortcuts" id="sidebar-shortcuts">
97	<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large" style="line-height:normal">
98	<div data-percent="66%" class="progress progress-striped active" style="margin-bottom:0">
99	<div style="width:66%;" class="progress-bar"></div>
100	</div>
101	<span>66 GB / 100 GB</span>
102	</div>
103
104	<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
105	<span class="btn btn-success"></span>
106
107	<span class="btn btn-info"></span>
108
109	<span class="btn btn-warning"></span>
110
111	<span class="btn btn-danger"></span>
112	</div>
113	</div><!-- #sidebar-shortcuts -->
114
115	<ul class="nav nav-list">
116	<li>
117	<a href="index.html">
118	<i class="icon-dashboard"></i>
119	<span class="menu-text"> Báº£ng Äiá»u khiá»n </span>
120	</a>
121	</li>
122
123	<li>
124	<a href="#" class="dropdown-toggle">
125	<i class="icon-group"></i>
126	<span class="menu-text"> Quáº£n lÃœ tÃ i khoáº£n </span>
127
128	<b class="arrow icon-angle-down"></b>
129	</a>
130
131	<ul class="submenu">
132	<li>
133	<a href="admin_acc.html">
134	<i class="icon-double-angle-right"></i>
135	Quáº£n trá» viÃªn
136	</a>
137	</li>
138
139	<li>
140	<a href="#" class="dropdown-toggle">
141	<i class="icon-double-angle-right"></i>
142	NgÆ°á»i dÃ¹ng
143	<b class="arrow icon-angle-down"></b>
144	</a>
145
146	<ul class="submenu">
147	<li> <a href=""> KÃch hoáº¡t/ Táº¡m ngÆ°ng </a> </li>
148	<li> <a href="user_acc.html"> Thá»ng kÃª tÃ i khoáº£n </a> </li>
149	</ul>
150	</li>
151
152	<li>
153	<a href="assistant_acc.html">
154	<i class="icon-double-angle-right"></i>
155	Cá»ng tÃ¡c viÃªn
156	</a>
157	</li>
158
159	</ul>
160	</li>
161
162	<li class="active open">
163	<a href="#" class="dropdown-toggle">
164	<i class="icon-bar-chart"></i>
165	<span class="menu-text"> BÃ¡o cÃ¡o </span>
166
167	<b class="arrow icon-angle-down"></b>
168	</a>
169
170	<ul class="submenu">
171	<li>
172	<a href="report_all.html">
173	<i class="icon-double-angle-right"></i>
174	Doanh thu tá»ng há»£p
175	</a>
176	</li>
177
178	<li>
179	<a href="report_sms.html">
180	<i class="icon-double-angle-right"></i>
181	Doanh thu qua SMS
182	</a>
183	</li>
184
185	<li>
186	<a href="report_card.html">
187	<i class="icon-double-angle-right"></i>
188	Doanh thu qua náº¡p tháº» cÃ o
189	</a>
190	</li>
191
192	<li>
193	<a href="report_assistant.html">
194	<i class="icon-double-angle-right"></i>
195	Doanh thu cá»§a cá»ng tÃ¡c viÃªn
196	</a>
197	</li>
198
199	<li>
200	<a href="logs_sms.html">
201	<i class="icon-double-angle-right"></i>
202	SMS logs
203	</a>
204	</li>
205
206	<li class="active">
207	<a href="logs_card.html">
208	<i class="icon-double-angle-right"></i>
209	Card logs
210	</a>
211	</li>
212	</ul>
213	</li>
214
215	<li>
216	<a href="config.html" class="dropdown-toggle">
217	<i class="icon-cog"></i>
218	<span class="menu-text"> Thiáº¿t láºp </span>
219	</a>
220	</li>
221
222	</ul><!-- /.nav-list -->
223
224	<div class="sidebar-collapse" id="sidebar-collapse">
225	<i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
226	</div>
227
228	<script type="text/javascript">
229	try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
230	</script>
231	</div>
232
233	<div class="main-content">
234	<div class="breadcrumbs" id="breadcrumbs">
235	<script type="text/javascript">
236	try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
237	</script>
238
239	<ul class="breadcrumb">
240	<li>
241	<i class="icon-home home-icon"></i>
242	<a href="index.html">Trang chá»§</a>
243	</li>
244	<li><a href="index.html">Báº£ng Äiá»u khiá»n</a></li>
245	<li class="active">Card logs</li>
246	</ul><!-- .breadcrumb -->
247
248	<div class="nav-search" id="nav-search">
249	<form class="form-search">
250	<span class="input-icon">
251	<input type="text" placeholder="TÃ¬m kiáº¿m ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
252	<i class="icon-search nav-search-icon"></i>
253	</span>
254	</form>
255	</div><!-- #nav-search -->
256	</div>
257
258	<div class="page-content">
259
260	<div class="row">
261	<div class="col-xs-12">
262	<!-- PAGE CONTENT BEGINS -->
263
264	<div class="table-responsive">
265	<table id="sample-table-1" class="table table-striped table-bordered table-hover">
266	<thead>
267	<tr>
268	<th class="center">
269	<label>
270	<input type="checkbox" class="ace" />
271	<span class="lbl"></span>
272	</label>
273	</th>
274	<th>Domain</th>
275	<th>Price</th>
276	<th class="hidden-480">Clicks</th>
277
278	<th>
279	<i class="icon-time bigger-110 hidden-480"></i>
280	Update
281	</th>
282	<th class="hidden-480">Status</th>
283
284	<th></th>
285	</tr>
286	</thead>
287
288	<tbody>
289	<tr>
290	<td class="center">
291	<label>
292	<input type="checkbox" class="ace" />
293	<span class="lbl"></span>
294	</label>
295	</td>
296
297	<td>
298	<a href="#">ace.com</a>
299	</td>
300	<td>$45</td>
301	<td class="hidden-480">3,330</td>
302	<td>Feb 12</td>
303
304	<td class="hidden-480">
305	<span class="label label-sm label-warning">Expiring</span>
306	</td>
307
308	<td>
309	<div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
310	<button class="btn btn-xs btn-success">
311	<i class="icon-ok bigger-120"></i>
312	</button>
313
314	<button class="btn btn-xs btn-info">
315	<i class="icon-edit bigger-120"></i>
316	</button>
317
318	<button class="btn btn-xs btn-danger">
319	<i class="icon-trash bigger-120"></i>
320	</button>
321
322	<button class="btn btn-xs btn-warning">
323	<i class="icon-flag bigger-120"></i>
324	</button>
325	</div>
326
327	<div class="visible-xs visible-sm hidden-md hidden-lg">
328	<div class="inline position-relative">
329	<button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
330	<i class="icon-cog icon-only bigger-110"></i>
331	</button>
332
333	<ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
334	<li>
335	<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
336	<span class="blue">
337	<i class="icon-zoom-in bigger-120"></i>
338	</span>
339	</a>
340	</li>
341
342	<li>
343	<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
344	<span class="green">
345	<i class="icon-edit bigger-120"></i>
346	</span>
347	</a>
348	</li>
349
350	<li>
351	<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
352	<span class="red">
353	<i class="icon-trash bigger-120"></i>
354	</span>
355	</a>
356	</li>
357	</ul>
358	</div>
359	</div>
360	</td>
361	</tr>
362
363	<tr>
364	<td class="center">
365	<label>
366	<input type="checkbox" class="ace" />
367	<span class="lbl"></span>
368	</label>
369	</td>
370
371	<td>
372	<a href="#">base.com</a>
373	</td>
374	<td>$35</td>
375	<td class="hidden-480">2,595</td>
376	<td>Feb 18</td>
377
378	<td class="hidden-480">
379	<span class="label label-sm label-success">Registered</span>
380	</td>
381
382	<td>
383	<div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
384	<button class="btn btn-xs btn-success">
385	<i class="icon-ok bigger-120"></i>
386	</button>
387
388	<button class="btn btn-xs btn-info">
389	<i class="icon-edit bigger-120"></i>
390	</button>
391
392	<button class="btn btn-xs btn-danger">
393	<i class="icon-trash bigger-120"></i>
394	</button>
395
396	<button class="btn btn-xs btn-warning">
397	<i class="icon-flag bigger-120"></i>
398	</button>
399	</div>
400
401	<div class="visible-xs visible-sm hidden-md hidden-lg">
402	<div class="inline position-relative">
403	<button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
404	<i class="icon-cog icon-only bigger-110"></i>
405	</button>
406
407	<ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
408	<li>
409	<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
410	<span class="blue">
411	<i class="icon-zoom-in bigger-120"></i>
412	</span>
413	</a>
414	</li>
415
416	<li>
417	<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
418	<span class="green">
419	<i class="icon-edit bigger-120"></i>
420	</span>
421	</a>
422	</li>
423
424	<li>
425	<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
426	<span class="red">
427	<i class="icon-trash bigger-120"></i>
428	</span>
429	</a>
430	</li>
431	</ul>
432	</div>
433	</div>
434	</td>
435	</tr>
436
437	<tr>
438	<td class="center">
439	<label>
440	<input type="checkbox" class="ace" />
441	<span class="lbl"></span>
442	</label>
443	</td>
444
445	<td>
446	<a href="#">max.com</a>
447	</td>
448	<td>$60</td>
449	<td class="hidden-480">4,400</td>
450	<td>Mar 11</td>
451
452	<td class="hidden-480">
453	<span class="label label-sm label-warning">Expiring</span>
454	</td>
455
456	<td>
457	<div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
458	<button class="btn btn-xs btn-success">
459	<i class="icon-ok bigger-120"></i>
460	</button>
461
462	<button class="btn btn-xs btn-info">
463	<i class="icon-edit bigger-120"></i>
464	</button>
465
466	<button class="btn btn-xs btn-danger">
467	<i class="icon-trash bigger-120"></i>
468	</button>
469
470	<button class="btn btn-xs btn-warning">
471	<i class="icon-flag bigger-120"></i>
472	</button>
473	</div>
474
475	<div class="visible-xs visible-sm hidden-md hidden-lg">
476	<div class="inline position-relative">
477	<button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
478	<i class="icon-cog icon-only bigger-110"></i>
479	</button>
480
481	<ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
482	<li>
483	<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
484	<span class="blue">
485	<i class="icon-zoom-in bigger-120"></i>
486	</span>
487	</a>
488	</li>
489
490	<li>
491	<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
492	<span class="green">
493	<i class="icon-edit bigger-120"></i>
494	</span>
495	</a>
496	</li>
497
498	<li>
499	<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
500	<span class="red">
501	<i class="icon-trash bigger-120"></i>
502	</span>
503	</a>
504	</li>
505	</ul>
506	</div>
507	</div>
508	</td>
509	</tr>
510
511	<tr>
512	<td class="center">
513	<label>
514	<input type="checkbox" class="ace" />
515	<span class="lbl"></span>
516	</label>
517	</td>
518
519	<td>
520	<a href="#">best.com</a>
521	</td>
522	<td>$75</td>
523	<td class="hidden-480">6,500</td>
524	<td>Apr 03</td>
525
526	<td class="hidden-480">
527	<span class="label label-sm label-inverse arrowed-in">Flagged</span>
528	</td>
529
530	<td>
531	<div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
532	<button class="btn btn-xs btn-success">
533	<i class="icon-ok bigger-120"></i>
534	</button>
535
536	<button class="btn btn-xs btn-info">
537	<i class="icon-edit bigger-120"></i>
538	</button>
539
540	<button class="btn btn-xs btn-danger">
541	<i class="icon-trash bigger-120"></i>
542	</button>
543
544	<button class="btn btn-xs btn-warning">
545	<i class="icon-flag bigger-120"></i>
546	</button>
547	</div>
548
549	<div class="visible-xs visible-sm hidden-md hidden-lg">
550	<div class="inline position-relative">
551	<button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
552	<i class="icon-cog icon-only bigger-110"></i>
553	</button>
554
555	<ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
556	<li>
557	<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
558	<span class="blue">
559	<i class="icon-zoom-in bigger-120"></i>
560	</span>
561	</a>
562	</li>
563
564	<li>
565	<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
566	<span class="green">
567	<i class="icon-edit bigger-120"></i>
568	</span>
569	</a>
570	</li>
571
572	<li>
573	<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
574	<span class="red">
575	<i class="icon-trash bigger-120"></i>
576	</span>
577	</a>
578	</li>
579	</ul>
580	</div>
581	</div>
582	</td>
583	</tr>
584
585	<tr>
586	<td class="center">
587	<label>
588	<input type="checkbox" class="ace" />
589	<span class="lbl"></span>
590	</label>
591	</td>
592
593	<td>
594	<a href="#">pro.com</a>
595	</td>
596	<td>$55</td>
597	<td class="hidden-480">4,250</td>
598	<td>Jan 21</td>
599
600	<td class="hidden-480">
601	<span class="label label-sm label-success">Registered</span>
602	</td>
603
604	<td>
605	<div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
606	<button class="btn btn-xs btn-success">
607	<i class="icon-ok bigger-120"></i>
608	</button>
609
610	<button class="btn btn-xs btn-info">
611	<i class="icon-edit bigger-120"></i>
612	</button>
613
614	<button class="btn btn-xs btn-danger">
615	<i class="icon-trash bigger-120"></i>
616	</button>
617
618	<button class="btn btn-xs btn-warning">
619	<i class="icon-flag bigger-120"></i>
620	</button>
621	</div>
622
623	<div class="visible-xs visible-sm hidden-md hidden-lg">
624	<div class="inline position-relative">
625	<button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
626	<i class="icon-cog icon-only bigger-110"></i>
627	</button>
628
629	<ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
630	<li>
631	<a href="#" class="tooltip-info" data-rel="tooltip" title="View">
632	<span class="blue">
633	<i class="icon-zoom-in bigger-120"></i>
634	</span>
635	</a>
636	</li>
637
638	<li>
639	<a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
640	<span class="green">
641	<i class="icon-edit bigger-120"></i>
642	</span>
643	</a>
644	</li>
645
646	<li>
647	<a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
648	<span class="red">
649	<i class="icon-trash bigger-120"></i>
650	</span>
651	</a>
652	</li>
653	</ul>
654	</div>
655	</div>
656	</td>
657	</tr>
658	</tbody>
659	</table>
660	</div><!-- /.table-responsive -->
661
662	<!-- PAGE CONTENT ENDS -->
663	</div><!-- /.col -->
664	</div><!-- /.row -->
665	</div><!-- /.page-content -->
666	</div><!-- /.main-content -->
667	</div><!-- /.main-container-inner -->
668
669	<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
670	<i class="icon-double-angle-up icon-only bigger-110"></i>
671	</a>
672	</div><!-- /.main-container -->
673
674	<!-- basic scripts -->
675
676	<!--[if !IE]> -->
677
678	<script type="text/javascript">
679	window.jQuery \|\| document.write("<script src='assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
680	</script>
681
682	<!-- <![endif]-->
683
684	<!--[if IE]>
685	<script type="text/javascript">
686	window.jQuery \|\| document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
687	</script>
688	<![endif]-->
689
690	<script type="text/javascript">
691	if("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
692	</script>
693	<script src="assets/js/bootstrap.min.js"></script>
694	<script src="assets/js/typeahead-bs2.min.js"></script>
695
696	<!-- page specific plugin scripts -->
697
698	<!--[if lte IE 8]>
699	<script src="assets/js/excanvas.min.js"></script>
700	<![endif]-->
701
702	<script src="assets/js/jquery-ui-1.10.3.custom.min.js"></script>
703	<script src="assets/js/jquery.ui.touch-punch.min.js"></script>
704	<script src="assets/js/jquery.slimscroll.min.js"></script>
705	<script src="assets/js/jquery.easy-pie-chart.min.js"></script>
706	<script src="assets/js/jquery.sparkline.min.js"></script>
707	<script src="assets/js/flot/jquery.flot.min.js"></script>
708	<script src="assets/js/flot/jquery.flot.pie.min.js"></script>
709	<script src="assets/js/flot/jquery.flot.resize.min.js"></script>
710
711	<!-- ace scripts -->
712
713	<script src="assets/js/ace-elements.min.js"></script>
714	<script src="assets/js/ace.min.js"></script>
715
716	<!-- inline scripts related to this page -->
717
718	<script type="text/javascript">
719	jQuery(function($) {
720
721	$('table th input:checkbox').on('click' , function(){
722	var that = this;
723	$(this).closest('table').find('tr > td:first-child input:checkbox')
724	.each(function(){
725	this.checked = that.checked;
726	$(this).closest('tr').toggleClass('selected');
727	});
728
729	});
730	})
731	</script>
732	</body>
733	</html>

Note: See TracBrowser for help on using the repository browser.

Download in other formats: