Context Navigation

report_all.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: 13.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 class="active">
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>
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">Doanh thu tá»ng há»£p</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="widget-box transparent">
267	<div class="widget-header widget-header-flat">
268	<h4 class="lighter">
269	<i class="icon-signal"></i>
270	Doanh thu
271	</h4>
272
273	<div class="widget-toolbar">
274	<a href="#" data-action="collapse">
275	<i class="icon-chevron-up"></i>
276	</a>
277	</div>
278	</div>
279
280	<div class="widget-body">
281	<div class="widget-main padding-4">
282	<div id="sales-charts"></div>
283	</div><!-- /widget-main -->
284	</div><!-- /widget-body -->
285	</div><!-- /widget-box -->
286
287	<div>
288	<div class="easy-pie-chart percentage col-xs-4" data-percent="10" data-color="#1abc9c">
289	<span class="percent">10</span>%
290	</div>
291	<span>Doanh thu qua SMS</span>
292	<h2 class="pull-right">1,0000 VND</h2>
293	<hr />
294	<div class="easy-pie-chart percentage col-xs-4" data-percent="25" data-color="#e67e22">
295	<span class="percent">25</span>%
296	</div>
297	<span>Doanh thu qua náº¡p tháº» cÃ o</span>
298	<h2 class="pull-right">4,37450 VND</h2>
299	<hr />
300	<div class="easy-pie-chart percentage col-xs-4" data-percent="65" data-color="#3498db">
301	<span class="percent">65</span>%
302	</div>
303	<span>Doanh thu qua cá»ng tÃ¡c viÃªn</span>
304	<h2 class="pull-right">8,67450 VND</h2> <hr/>
305	<h1 class="pull-right"><span style="color:#e67e22"> = </span>14,17450 VND</h1>
306	</div>
307
308	<!-- PAGE CONTENT ENDS -->
309	</div><!-- /.col -->
310	</div><!-- /.row -->
311	</div><!-- /.page-content -->
312	</div><!-- /.main-content -->
313	</div><!-- /.main-container-inner -->
314
315	<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
316	<i class="icon-double-angle-up icon-only bigger-110"></i>
317	</a>
318	</div><!-- /.main-container -->
319
320	<!-- basic scripts -->
321
322	<!--[if !IE]> -->
323
324	<script type="text/javascript">
325	window.jQuery \|\| document.write("<script src='assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
326	</script>
327
328	<!-- <![endif]-->
329
330	<!--[if IE]>
331	<script type="text/javascript">
332	window.jQuery \|\| document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
333	</script>
334	<![endif]-->
335
336	<script type="text/javascript">
337	if("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
338	</script>
339	<script src="assets/js/bootstrap.min.js"></script>
340	<script src="assets/js/typeahead-bs2.min.js"></script>
341
342	<!-- page specific plugin scripts -->
343
344	<!--[if lte IE 8]>
345	<script src="assets/js/excanvas.min.js"></script>
346	<![endif]-->
347
348	<script src="assets/js/jquery-ui-1.10.3.custom.min.js"></script>
349	<script src="assets/js/jquery.ui.touch-punch.min.js"></script>
350	<script src="assets/js/jquery.slimscroll.min.js"></script>
351	<script src="assets/js/jquery.easy-pie-chart.min.js"></script>
352	<script src="assets/js/jquery.sparkline.min.js"></script>
353	<script src="assets/js/flot/jquery.flot.min.js"></script>
354	<script src="assets/js/flot/jquery.flot.pie.min.js"></script>
355	<script src="assets/js/flot/jquery.flot.resize.min.js"></script>
356
357	<!-- ace scripts -->
358
359	<script src="assets/js/ace-elements.min.js"></script>
360	<script src="assets/js/ace.min.js"></script>
361
362	<!-- inline scripts related to this page -->
363
364	<script type="text/javascript">
365	jQuery(function($) {
366
367	var d1 = [];
368	for (var i = 0; i < Math.PI * 2; i += 0.5) {
369	d1.push([i, Math.sin(i)]);
370	}
371
372	var d2 = [];
373	for (var i = 0; i < Math.PI * 2; i += 0.5) {
374	d2.push([i, Math.cos(i)]);
375	}
376
377	var d3 = [];
378	for (var i = 0; i < Math.PI * 2; i += 1.5) {
379	d3.push([i, Math.cos(i)]);
380	}
381
382
383	var sales_charts = $('#sales-charts').css({'width':'100%' , 'height':'320px'});
384	$.plot("#sales-charts", [
385	{ color: '#1abc9c', label: "SMS", data: d1 },
386	{ color: '#e67e22', label: "Tháº» cÃ o", data: d2 },
387	{ color: '#3498db', label: "Cá»ng tÃ¡c viÃªn", data: d3 }
388	], {
389	hoverable: true,
390	shadowSize: 0,
391	series: {
392	lines: { show: true },
393	points: { show: true }
394	},
395	xaxis: {
396	tickLength: 0
397	},
398	yaxis: {
399	ticks: 10,
400	min: -2,
401	max: 2,
402	tickDecimals: 3
403	},
404	grid: {
405	backgroundColor: { colors: [ "#fff", "#fff" ] },
406	borderWidth: 1,
407	borderColor:'#555'
408	}
409	});
410
411	var oldie = /msie\s*(8\|7\|6)/.test(navigator.userAgent.toLowerCase());
412	$('.easy-pie-chart.percentage').each(function(){
413	$(this).easyPieChart({
414	barColor: $(this).data('color'),
415	trackColor: '#EEEEEE',
416	scaleColor: false,
417	lineCap: 'butt',
418	lineWidth: 8,
419	animate: oldie ? false : 1000,
420	size:75
421	}).css('color', $(this).data('color'));
422	});
423
424	//Android's default browser somehow is confused when tapping on label which will lead to dragging the task
425	//so disable dragging when clicking on label
426	var agent = navigator.userAgent.toLowerCase();
427	if("ontouchstart" in document && /applewebkit/.test(agent) && /android/.test(agent))
428	$('#tasks').on('touchstart', function(e){
429	var li = $(e.target).closest('#tasks li');
430	if(li.length == 0)return;
431	var label = li.find('label.inline').get(0);
432	if(label == e.target \|\| $.contains(label, e.target)) e.stopImmediatePropagation() ;
433	});
434
435	$('#tasks').sortable({
436	opacity:0.8,
437	revert:true,
438	forceHelperSize:true,
439	placeholder: 'draggable-placeholder',
440	forcePlaceholderSize:true,
441	tolerance:'pointer',
442	stop: function( event, ui ) {//just for Chrome!!!! so that dropdowns on items don't appear below other items after being moved
443	$(ui.item).css('z-index', 'auto');
444	}
445	}
446	);
447	$('#tasks').disableSelection();
448	$('#tasks input:checkbox').removeAttr('checked').on('click', function(){
449	if(this.checked) $(this).closest('li').addClass('selected');
450	else $(this).closest('li').removeClass('selected');
451	});
452
453
454	})
455	</script>
456	</body>
457	</html>

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

Download in other formats:

Original Format