Context Navigation

logs_card.html @ 316

Last change on this file since 316 was 316, checked in by dungnv, 11 years ago

Property svn:mime-type set to `text/plain`
File size: 22.5 KB

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

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

Download in other formats:

Original Format