source: pro-violet-viettel/docs/Space/report_all.html @ 303

Last change on this file since 303 was 303, checked in by lamdt, 11 years ago
File size: 16.9 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 &amp; 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_Violet_space_white.png" width="150" 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" class="dropdown-toggle" href="#">
46                                                                <i class="icon-bell-alt icon-animated-bell"></i>
47                                                                <span class="badge badge-important">8</span>
48                                                        </a>
49
50                                                        <ul class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
51                                                                <li class="dropdown-header">
52                                                                        <i class="icon-warning-sign"></i>
53                                                                        8 ThÃŽng báo mới
54                                                                </li>
55
56                                                                <li>
57                                                                        <a href="#">
58                                                                                <div class="clearfix">
59                                                                                        <span class="pull-left">
60                                                                                                <i class="btn btn-xs no-hover btn-pink icon-comment"></i>
61                                                                                                New Comments
62                                                                                        </span>
63                                                                                        <span class="pull-right badge badge-info">+12</span>
64                                                                                </div>
65                                                                        </a>
66                                                                </li>
67
68                                                                <li>
69                                                                        <a href="#">
70                                                                                <i class="btn btn-xs btn-primary icon-user"></i>
71                                                                                Bob just signed up as an editor ...
72                                                                        </a>
73                                                                </li>
74
75                                                                <li>
76                                                                        <a href="#">
77                                                                                <div class="clearfix">
78                                                                                        <span class="pull-left">
79                                                                                                <i class="btn btn-xs no-hover btn-success icon-shopping-cart"></i>
80                                                                                                New Orders
81                                                                                        </span>
82                                                                                        <span class="pull-right badge badge-success">+8</span>
83                                                                                </div>
84                                                                        </a>
85                                                                </li>
86
87                                                                <li>
88                                                                        <a href="#">
89                                                                                <div class="clearfix">
90                                                                                        <span class="pull-left">
91                                                                                                <i class="btn btn-xs no-hover btn-info icon-twitter"></i>
92                                                                                                Followers
93                                                                                        </span>
94                                                                                        <span class="pull-right badge badge-info">+11</span>
95                                                                                </div>
96                                                                        </a>
97                                                                </li>
98
99                                                                <li>
100                                                                        <a href="#">
101                                                                                Xem tất cả
102                                                                                <i class="icon-arrow-right"></i>
103                                                                        </a>
104                                                                </li>
105                                                        </ul>
106                                                </li>
107
108                                                <li>
109                                                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
110                                                                <i class="icon-envelope icon-animated-vertical"></i>
111                                                                <span class="badge badge-success">5</span>
112                                                        </a>
113
114                                                        <ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
115                                                                <li class="dropdown-header">
116                                                                        <i class="icon-envelope-alt"></i>
117                                                                        5 Tin nhắn
118                                                                </li>
119
120                                                                <li>
121                                                                        <a href="#">
122                                                                                <img src="assets/avatars/avatar.png" class="msg-photo" alt="Alex's Avatar" />
123                                                                                <span class="msg-body">
124                                                                                        <span class="msg-title">
125                                                                                                <span class="blue">Alex:</span>
126                                                                                                Ciao sociis natoque penatibus et auctor ...
127                                                                                        </span>
128
129                                                                                        <span class="msg-time">
130                                                                                                <i class="icon-time"></i>
131                                                                                                <span>a moment ago</span>
132                                                                                        </span>
133                                                                                </span>
134                                                                        </a>
135                                                                </li>
136
137                                                                <li>
138                                                                        <a href="#">
139                                                                                <img src="assets/avatars/avatar3.png" class="msg-photo" alt="Susan's Avatar" />
140                                                                                <span class="msg-body">
141                                                                                        <span class="msg-title">
142                                                                                                <span class="blue">Susan:</span>
143                                                                                                Vestibulum id ligula porta felis euismod ...
144                                                                                        </span>
145
146                                                                                        <span class="msg-time">
147                                                                                                <i class="icon-time"></i>
148                                                                                                <span>20 minutes ago</span>
149                                                                                        </span>
150                                                                                </span>
151                                                                        </a>
152                                                                </li>
153
154                                                                <li>
155                                                                        <a href="#">
156                                                                                <img src="assets/avatars/avatar4.png" class="msg-photo" alt="Bob's Avatar" />
157                                                                                <span class="msg-body">
158                                                                                        <span class="msg-title">
159                                                                                                <span class="blue">Bob:</span>
160                                                                                                Nullam quis risus eget urna mollis ornare ...
161                                                                                        </span>
162
163                                                                                        <span class="msg-time">
164                                                                                                <i class="icon-time"></i>
165                                                                                                <span>3:15 pm</span>
166                                                                                        </span>
167                                                                                </span>
168                                                                        </a>
169                                                                </li>
170
171                                                                <li>
172                                                                        <a href="inbox.html">
173                                                                                Xem tất cả
174                                                                                <i class="icon-arrow-right"></i>
175                                                                        </a>
176                                                                </li>
177                                                        </ul>
178                                                </li>
179
180                                                <li>
181                                                        <a data-toggle="dropdown" href="#" class="dropdown-toggle">
182                                                                <img class="nav-user-photo" src="assets/avatars/user.jpg" alt="Admin's Photo" />
183                                                                <span class="user-info">
184                                                                        <small>Xin chào,</small>
185                                                                        Admin
186                                                                </span>
187
188                                                                <i class="icon-caret-down"></i>
189                                                        </a>
190
191                                                        <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
192                                                                <li>
193                                                                        <a href="user_profile.html">
194                                                                                <i class="icon-user"></i>
195                                                                                ThÃŽng tin cá nhân
196                                                                        </a>
197                                                                </li>
198
199                                                                <li class="divider"></li>
200
201                                                                <li>
202                                                                        <a href="login.html">
203                                                                                <i class="icon-off"></i>
204                                                                                Thoát
205                                                                        </a>
206                                                                </li>
207                                                        </ul>
208                                                </li>
209                                        </ul><!-- /.ace-nav -->
210                                </div><!-- /.navbar-header -->
211                        </div><!-- /.container -->
212                </div>
213
214                <div class="main-container" id="main-container">
215                        <script type="text/javascript">
216                                try{ace.settings.check('main-container' , 'fixed')}catch(e){}
217                        </script>
218
219                        <div class="main-container-inner">
220                                <a class="menu-toggler" id="menu-toggler" href="#">
221                                        <span class="menu-text"></span>
222                                </a>
223
224                                <div class="sidebar" id="sidebar">
225                                        <script type="text/javascript">
226                                                try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
227                                        </script>
228
229                                        <div class="sidebar-shortcuts" id="sidebar-shortcuts">
230                                                <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large" style="line-height:normal">
231                                                        <div data-percent="66%" class="progress progress-striped active" style="margin-bottom:0">
232                                                                <div style="width:66%;" class="progress-bar"></div>
233                                                        </div>
234                                                        <span>66 GB / 100 GB</span>
235                                                </div>
236
237                                                <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
238                                                        <span class="btn btn-success"></span>
239
240                                                        <span class="btn btn-info"></span>
241
242                                                        <span class="btn btn-warning"></span>
243
244                                                        <span class="btn btn-danger"></span>
245                                                </div>
246                                        </div><!-- #sidebar-shortcuts -->
247
248                                        <ul class="nav nav-list">
249                                                <li>
250                                                        <a href="index.html">
251                                                                <i class="icon-dashboard"></i>
252                                                                <span class="menu-text"> Bảng điều khiển </span>
253                                                        </a>
254                                                </li>
255
256                                                <li>
257                                                        <a href="#" class="dropdown-toggle">
258                                                                <i class="icon-group"></i>
259                                                                <span class="menu-text"> Quản lÜ tài khoản </span>
260
261                                                                <b class="arrow icon-angle-down"></b>
262                                                        </a>
263
264                                                        <ul class="submenu">
265                                                                <li>
266                                                                        <a href="admin_acc.html">
267                                                                                <i class="icon-double-angle-right"></i>
268                                                                                Quản trị viên
269                                                                        </a>
270                                                                </li>
271
272                                                                <li>
273                                                                        <a href="#" class="dropdown-toggle">
274                                                                                <i class="icon-double-angle-right"></i>
275                                                                                Người dùng
276                                                                                <b class="arrow icon-angle-down"></b>
277                                                                        </a>
278
279                                                                        <ul class="submenu">
280                                                                                <li> <a href=""> Kích hoạt/ Tạm ngưng </a> </li>
281                                                                                <li> <a href="user_acc.html"> Thống kê tài khoản </a> </li>
282                                                                        </ul>
283                                                                </li>
284
285                                                                <li>
286                                                                        <a href="assistant_acc.html">
287                                                                                <i class="icon-double-angle-right"></i>
288                                                                                Cộng tác viên
289                                                                        </a>
290                                                                </li>
291
292                                                        </ul>
293                                                </li>
294
295                                                <li class="active open">
296                                                        <a href="#" class="dropdown-toggle">
297                                                                <i class="icon-bar-chart"></i>
298                                                                <span class="menu-text"> Báo cáo </span>
299
300                                                                <b class="arrow icon-angle-down"></b>
301                                                        </a>
302
303                                                        <ul class="submenu">
304                                                                <li class="active">
305                                                                        <a href="report_all.html">
306                                                                                <i class="icon-double-angle-right"></i>
307                                                                                Doanh thu tổng hợp
308                                                                        </a>
309                                                                </li>
310
311                                                                <li>
312                                                                        <a href="report_sms.html">
313                                                                                <i class="icon-double-angle-right"></i>
314                                                                                Doanh thu qua SMS
315                                                                        </a>
316                                                                </li>
317
318                                                                <li>
319                                                                        <a href="report_card.html">
320                                                                                <i class="icon-double-angle-right"></i>
321                                                                                Doanh thu qua nạp thẻ cào
322                                                                        </a>
323                                                                </li>
324
325                                                                <li>
326                                                                        <a href="report_assistant.html">
327                                                                                <i class="icon-double-angle-right"></i>
328                                                                                Doanh thu cá»§a cộng tác viên
329                                                                        </a>
330                                                                </li>
331
332                                                                <li>
333                                                                        <a href="logs_sms.html">
334                                                                                <i class="icon-double-angle-right"></i>
335                                                                                SMS logs
336                                                                        </a>
337                                                                </li>
338
339                                                                <li>
340                                                                        <a href="logs_card.html">
341                                                                                <i class="icon-double-angle-right"></i>
342                                                                                Card logs
343                                                                        </a>
344                                                                </li>
345                                                        </ul>
346                                                </li>
347
348                                                <li>
349                                                        <a href="config.html" class="dropdown-toggle">
350                                                                <i class="icon-cog"></i>
351                                                                <span class="menu-text"> Thiết lập </span>
352                                                        </a>
353                                                </li>
354
355                                        </ul><!-- /.nav-list -->
356
357                                        <div class="sidebar-collapse" id="sidebar-collapse">
358                                                <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
359                                        </div>
360
361                                        <script type="text/javascript">
362                                                try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
363                                        </script>
364                                </div>
365
366                                <div class="main-content">
367                                        <div class="breadcrumbs" id="breadcrumbs">
368                                                <script type="text/javascript">
369                                                        try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
370                                                </script>
371
372                                                <ul class="breadcrumb">
373                                                        <li>
374                                                                <i class="icon-home home-icon"></i>
375                                                                <a href="index.html">Trang chá»§</a>
376                                                        </li>
377                                                        <li><a href="index.html">Bảng điều khiển</a></li>
378                                                        <li class="active">Doanh thu tổng hợp</li>
379                                                </ul><!-- .breadcrumb -->
380
381                                                <div class="nav-search" id="nav-search">
382                                                        <form class="form-search">
383                                                                <span class="input-icon">
384                                                                        <input type="text" placeholder="Tìm kiếm ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
385                                                                        <i class="icon-search nav-search-icon"></i>
386                                                                </span>
387                                                        </form>
388                                                </div><!-- #nav-search -->
389                                        </div>
390
391                                        <div class="page-content">
392
393                                                <div class="row">
394                                                        <div class="col-xs-12">
395                                                                <!-- PAGE CONTENT BEGINS -->
396
397                                                                <div class="widget-box transparent">
398                                                                        <div class="widget-header widget-header-flat">
399                                                                                <h4 class="lighter">
400                                                                                        <i class="icon-signal"></i>
401                                                                                        Doanh thu
402                                                                                </h4>
403
404                                                                                <div class="widget-toolbar">
405                                                                                        <a href="#" data-action="collapse">
406                                                                                                <i class="icon-chevron-up"></i>
407                                                                                        </a>
408                                                                                </div>
409                                                                        </div>
410
411                                                                        <div class="widget-body">
412                                                                                <div class="widget-main padding-4">
413                                                                                        <div id="sales-charts"></div>
414                                                                                </div><!-- /widget-main -->
415                                                                        </div><!-- /widget-body -->
416                                                                </div><!-- /widget-box -->
417
418                                                                <div>
419                                                                        <div class="easy-pie-chart percentage col-xs-4" data-percent="10" data-color="#1abc9c">
420                                                                                <span class="percent">10</span>%
421                                                                        </div>
422                                                                        <span>Doanh thu qua SMS</span>
423                                                                        <h2 class="pull-right">1,0000 VND</h2>
424                                                                        <hr />
425                                                                        <div class="easy-pie-chart percentage col-xs-4" data-percent="25" data-color="#e67e22">
426                                                                                <span class="percent">25</span>%
427                                                                        </div>
428                                                                        <span>Doanh thu qua nạp thẻ cào</span>
429                                                                        <h2 class="pull-right">4,37450 VND</h2>
430                                                                        <hr />
431                                                                        <div class="easy-pie-chart percentage col-xs-4" data-percent="65" data-color="#3498db">
432                                                                                <span class="percent">65</span>%
433                                                                        </div>
434                                                                        <span>Doanh thu qua cộng tác viên</span>
435                                                                        <h2 class="pull-right">8,67450 VND</h2> <hr/>
436                                                                        <h1 class="pull-right"><span style="color:#e67e22"> = </span>14,17450 VND</h1>
437                                                                </div>
438
439                                                                <!-- PAGE CONTENT ENDS -->
440                                                        </div><!-- /.col -->
441                                                </div><!-- /.row -->
442                                        </div><!-- /.page-content -->
443                                </div><!-- /.main-content -->
444                        </div><!-- /.main-container-inner -->
445
446                        <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
447                                <i class="icon-double-angle-up icon-only bigger-110"></i>
448                        </a>
449                </div><!-- /.main-container -->
450
451                <!-- basic scripts -->
452
453                <!--[if !IE]> -->
454
455                <script type="text/javascript">
456                        window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
457                </script>
458
459                <!-- <![endif]-->
460
461                <!--[if IE]>
462<script type="text/javascript">
463 window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
464</script>
465<![endif]-->
466
467                <script type="text/javascript">
468                        if("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
469                </script>
470                <script src="assets/js/bootstrap.min.js"></script>
471                <script src="assets/js/typeahead-bs2.min.js"></script>
472
473                <!-- page specific plugin scripts -->
474
475                <!--[if lte IE 8]>
476                  <script src="assets/js/excanvas.min.js"></script>
477                <![endif]-->
478
479                <script src="assets/js/jquery-ui-1.10.3.custom.min.js"></script>
480                <script src="assets/js/jquery.ui.touch-punch.min.js"></script>
481                <script src="assets/js/jquery.slimscroll.min.js"></script>
482                <script src="assets/js/jquery.easy-pie-chart.min.js"></script>
483                <script src="assets/js/jquery.sparkline.min.js"></script>
484                <script src="assets/js/flot/jquery.flot.min.js"></script>
485                <script src="assets/js/flot/jquery.flot.pie.min.js"></script>
486                <script src="assets/js/flot/jquery.flot.resize.min.js"></script>
487
488                <!-- ace scripts -->
489
490                <script src="assets/js/ace-elements.min.js"></script>
491                <script src="assets/js/ace.min.js"></script>
492
493                <!-- inline scripts related to this page -->
494
495                <script type="text/javascript">
496                        jQuery(function($) {
497                       
498                                var d1 = [];
499                                for (var i = 0; i < Math.PI * 2; i += 0.5) {
500                                        d1.push([i, Math.sin(i)]);
501                                }
502                       
503                                var d2 = [];
504                                for (var i = 0; i < Math.PI * 2; i += 0.5) {
505                                        d2.push([i, Math.cos(i)]);
506                                }
507                       
508                                var d3 = [];
509                                for (var i = 0; i < Math.PI * 2; i += 1.5) {
510                                        d3.push([i, Math.cos(i)]);
511                                }
512                               
513                       
514                                var sales_charts = $('#sales-charts').css({'width':'100%' , 'height':'320px'});
515                                $.plot("#sales-charts", [
516                                        { color: '#1abc9c', label: "SMS", data: d1 },
517                                        { color: '#e67e22', label: "Thẻ cào", data: d2 },
518                                        { color: '#3498db', label: "Cộng tác viên", data: d3 }
519                                ], {
520                                        hoverable: true,
521                                        shadowSize: 0,
522                                        series: {
523                                                lines: { show: true },
524                                                points: { show: true }
525                                        },
526                                        xaxis: {
527                                                tickLength: 0
528                                        },
529                                        yaxis: {
530                                                ticks: 10,
531                                                min: -2,
532                                                max: 2,
533                                                tickDecimals: 3
534                                        },
535                                        grid: {
536                                                backgroundColor: { colors: [ "#fff", "#fff" ] },
537                                                borderWidth: 1,
538                                                borderColor:'#555'
539                                        }
540                                });
541                       
542                                var oldie = /msie\s*(8|7|6)/.test(navigator.userAgent.toLowerCase());
543                                $('.easy-pie-chart.percentage').each(function(){
544                                        $(this).easyPieChart({
545                                                barColor: $(this).data('color'),
546                                                trackColor: '#EEEEEE',
547                                                scaleColor: false,
548                                                lineCap: 'butt',
549                                                lineWidth: 8,
550                                                animate: oldie ? false : 1000,
551                                                size:75
552                                        }).css('color', $(this).data('color'));
553                                });
554                       
555                                //Android's default browser somehow is confused when tapping on label which will lead to dragging the task
556                                //so disable dragging when clicking on label
557                                var agent = navigator.userAgent.toLowerCase();
558                                if("ontouchstart" in document && /applewebkit/.test(agent) && /android/.test(agent))
559                                  $('#tasks').on('touchstart', function(e){
560                                        var li = $(e.target).closest('#tasks li');
561                                        if(li.length == 0)return;
562                                        var label = li.find('label.inline').get(0);
563                                        if(label == e.target || $.contains(label, e.target)) e.stopImmediatePropagation() ;
564                                });
565                       
566                                $('#tasks').sortable({
567                                        opacity:0.8,
568                                        revert:true,
569                                        forceHelperSize:true,
570                                        placeholder: 'draggable-placeholder',
571                                        forcePlaceholderSize:true,
572                                        tolerance:'pointer',
573                                        stop: function( event, ui ) {//just for Chrome!!!! so that dropdowns on items don't appear below other items after being moved
574                                                $(ui.item).css('z-index', 'auto');
575                                        }
576                                        }
577                                );
578                                $('#tasks').disableSelection();
579                                $('#tasks input:checkbox').removeAttr('checked').on('click', function(){
580                                        if(this.checked) $(this).closest('li').addClass('selected');
581                                        else $(this).closest('li').removeClass('selected');
582                                });
583                               
584                       
585                        })
586                </script>
587        </body>
588</html>
Note: See TracBrowser for help on using the repository browser.