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

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