Context Navigation

← Previous Revision
Latest Revision
Next Revision →
Normal
Revision Log

logs_card.html @ 400

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

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

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

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

Download in other formats:

Original Format