source: pro-violet-viettel/sourcecode/application/modules/admin/views/index.php @ 325

Last change on this file since 325 was 324, checked in by namnd, 11 years ago
File size: 17.6 KB
Line 
1<?php $base_url = base_url();?>
2<!DOCTYPE html>
3<html lang="en">
4        <head>
5                <meta charset="utf-8" />
6                <title>SBG|Admin</title>
7
8                <meta name="description" content="overview &amp; stats" />
9                <meta name="viewport" content="width=device-width, initial-scale=1.0" />
10
11                <link href="<?php echo $base_url; ?>assets/css/bootstrap.min.css" rel="stylesheet" />
12                <link rel="stylesheet" href="<?php echo $base_url; ?>assets/css/font-awesome.min.css" />
13
14                <link rel="stylesheet" href="<?php echo $base_url; ?>assets/css/ace-fonts.css" />
15
16                <link rel="stylesheet" href="<?php echo $base_url; ?>assets/css/ace.min.css" />
17                <link rel="stylesheet" href="<?php echo $base_url; ?>assets/css/ace-rtl.min.css" />
18                <link rel="stylesheet" href="<?php echo $base_url; ?>assets/css/ace-skins.min.css" />
19
20                <script src="<?php echo $base_url; ?>assets/js/ace-extra.min.js"></script>
21
22                <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
23
24                <!--[if lt IE 9]>
25                <script src="assets/js/html5shiv.js"></script>
26                <script src="assets/js/respond.min.js"></script>
27                <![endif]-->
28        </head>
29
30        <body>
31                <div class="navbar navbar-default navbar-fixed-top" id="navbar">
32                        <script type="text/javascript">
33                                try{ace.settings.check('navbar' , 'fixed')}catch(e){}
34                        </script>
35
36                        <div class="navbar-container" id="navbar-container">
37                                <div class="navbar-header pull-left">
38                                        <a href="#" class="navbar-brand">
39                                                <img src="<?php echo $base_url; ?>assets/img/logo_soanbai_online_white.png" width="350" class="img-responsive">
40                                        </a><!-- /.brand -->
41                                </div><!-- /.navbar-header -->
42
43                                <div class="navbar-header pull-right" role="navigation">
44                                        <ul class="nav ace-nav">
45                                                <li>
46                                                        <a data-toggle="dropdown" href="#" class="dropdown-toggle">
47                                                                <img class="nav-user-photo" src="<?php echo $base_url; ?>assets/avatars/user.jpg" alt="Admin's Photo" />
48                                                                <span class="user-info">
49                                                                        <small>Xin chào,</small>
50                                                                        Admin
51                                                                </span>
52
53                                                                <i class="icon-caret-down"></i>
54                                                        </a>
55
56                                                        <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
57                                                                <li>
58                                                                        <a href="user_profile.html">
59                                                                                <i class="icon-user"></i>
60                                                                                ThÃŽng tin cá nhân
61                                                                        </a>
62                                                                </li>
63
64                                                                <li class="divider"></li>
65
66                                                                <li>
67                                                                        <a href="<?php echo $base_url; ?>admin/home/logout">
68                                                                                <i class="icon-off"></i>
69                                                                                Thoát
70                                                                        </a>
71                                                                </li>
72                                                        </ul>
73                                                </li>
74                                        </ul><!-- /.ace-nav -->
75                                </div><!-- /.navbar-header -->
76                        </div><!-- /.container -->
77                </div>
78
79                <div class="main-container" id="main-container">
80                        <script type="text/javascript">
81                                try{ace.settings.check('main-container' , 'fixed')}catch(e){}
82                        </script>
83
84                        <div class="main-container-inner">
85                                <a class="menu-toggler" id="menu-toggler" href="#">
86                                        <span class="menu-text"></span>
87                                </a>
88
89                                <div class="sidebar sidebar-fixed" id="sidebar">
90                                        <script type="text/javascript">
91                                                try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
92                                        </script>
93
94                                        <div class="sidebar-shortcuts" id="sidebar-shortcuts">
95                                                <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large" style="line-height:normal">
96                                                        <div data-percent="66%" class="progress progress-striped active" style="margin-bottom:0">
97                                                                <div style="width:66%;" class="progress-bar"></div>
98                                                        </div>
99                                                        <span>66 GB / 100 GB</span>
100                                                </div>
101
102                                                <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
103                                                        <span class="btn btn-success"></span>
104
105                                                        <span class="btn btn-info"></span>
106
107                                                        <span class="btn btn-warning"></span>
108
109                                                        <span class="btn btn-danger"></span>
110                                                </div>
111                                        </div><!-- #sidebar-shortcuts -->
112
113                                        <ul class="nav nav-list">
114                                                <li class="active">
115                                                        <a href="index.html">
116                                                                <i class="icon-dashboard"></i>
117                                                                <span class="menu-text"> Bảng điều khiển </span>
118                                                        </a>
119                                                </li>
120
121                                                <li>
122                                                        <a href="#" class="dropdown-toggle">
123                                                                <i class="icon-group"></i>
124                                                                <span class="menu-text"> Quản lÜ tài khoản </span>
125
126                                                                <b class="arrow icon-angle-down"></b>
127                                                        </a>
128
129                                                        <ul class="submenu">
130                                                                <li>
131                                                                        <a href="admin_acc.html">
132                                                                                <i class="icon-double-angle-right"></i>
133                                                                                Quản trị viên
134                                                                        </a>
135                                                                </li>
136
137                                                                <li>
138                                                                        <a href="#" class="dropdown-toggle">
139                                                                                <i class="icon-double-angle-right"></i>
140                                                                                Người dùng
141                                                                                <b class="arrow icon-angle-down"></b>
142                                                                        </a>
143
144                                                                        <ul class="submenu">
145                                                                                <li> <a href=""> Kích hoạt/ Tạm ngưng </a> </li>
146                                                                                <li> <a href="user_acc.html"> Thống kê tài khoản </a> </li>
147                                                                        </ul>
148                                                                </li>
149
150                                                                <li>
151                                                                        <a href="assistant_acc.html">
152                                                                                <i class="icon-double-angle-right"></i>
153                                                                                Cộng tác viên
154                                                                        </a>
155                                                                </li>
156
157                                                        </ul>
158                                                </li>
159
160                                                <li>
161                                                        <a href="#" class="dropdown-toggle">
162                                                                <i class="icon-bar-chart"></i>
163                                                                <span class="menu-text"> Báo cáo </span>
164
165                                                                <b class="arrow icon-angle-down"></b>
166                                                        </a>
167
168                                                        <ul class="submenu">
169                                                                <li>
170                                                                        <a href="report_all.html">
171                                                                                <i class="icon-double-angle-right"></i>
172                                                                                Doanh thu tổng hợp
173                                                                        </a>
174                                                                </li>
175
176                                                                <li>
177                                                                        <a href="report_sms.html">
178                                                                                <i class="icon-double-angle-right"></i>
179                                                                                Doanh thu qua SMS
180                                                                        </a>
181                                                                </li>
182
183                                                                <li>
184                                                                        <a href="report_card.html">
185                                                                                <i class="icon-double-angle-right"></i>
186                                                                                Doanh thu qua nạp thẻ cào
187                                                                        </a>
188                                                                </li>
189
190                                                                <li>
191                                                                        <a href="report_assistant.html">
192                                                                                <i class="icon-double-angle-right"></i>
193                                                                                Doanh thu cá»§a cộng tác viên
194                                                                        </a>
195                                                                </li>
196
197                                                                <li>
198                                                                        <a href="logs_sms.html">
199                                                                                <i class="icon-double-angle-right"></i>
200                                                                                SMS logs
201                                                                        </a>
202                                                                </li>
203
204                                                                <li>
205                                                                        <a href="logs_card.html">
206                                                                                <i class="icon-double-angle-right"></i>
207                                                                                Card logs
208                                                                        </a>
209                                                                </li>
210                                                        </ul>
211                                                </li>
212
213                                                <li>
214                                                        <a href="config.html" class="dropdown-toggle">
215                                                                <i class="icon-cog"></i>
216                                                                <span class="menu-text"> Thiết lập </span>
217                                                        </a>
218                                                </li>
219
220                                        </ul><!-- /.nav-list -->
221
222                                        <div class="sidebar-collapse" id="sidebar-collapse">
223                                                <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
224                                        </div>
225
226                                        <script type="text/javascript">
227                                                try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
228                                        </script>
229
230                                        <ul class="logo-group list-inline">
231                                                <li><img src="<?php echo $base_url; ?>assets/img/logo_Violet.png" width="64" class="img-responsive"></li>
232                                                <li><img src="<?php echo $base_url; ?>assets/img/logo_viettel.png" width="64" class="img-responsive"></li>
233                                        </ul>
234                                </div>
235
236                                <div class="main-content">
237                                        <div class="breadcrumbs" id="breadcrumbs">
238                                                <script type="text/javascript">
239                                                        try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
240                                                </script>
241
242                                                <ul class="breadcrumb">
243                                                        <li>
244                                                                <i class="icon-home home-icon"></i>
245                                                                <a href="#">Trang chá»§</a>
246                                                        </li>
247                                                        <li class="active">Bảng điều khiển</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                                                                <div class="col-xs-3">
266                                                                        <div class="widget green-1 animated fadeInDown">
267                                                                                <div class="widget-content padding">
268                                                                                        <div class="widget-icon">
269                                                                                                <i class="icon-group"></i>
270                                                                                        </div>
271                                                                                        <div class="text-box">
272                                                                                                <p class="maindata">LƯỢNG <b>NGƯỜI DÙNG</b></p>
273                                                                                                <h2><span data-duration="3000" data-value="18648" class="animate-number">18,648</span></h2>
274                                                                                                <div class="clearfix"></div>
275                                                                                        </div>
276                                                                                </div>
277                                                                                <div class="widget-footer">
278                                                                                        <div class="row">
279                                                                                                <div class="col-sm-12">
280                                                                                                        <i class="icon-caret-up rel-change"></i> <b>6%</b> tăng so với tháng trước
281                                                                                                </div>
282                                                                                        </div>
283                                                                                        <div class="clearfix"></div>
284                                                                                </div>
285                                                                        </div>
286                                                                </div>
287
288                                                                <div class="col-xs-3">
289                                                                        <div class="widget darkblue-1 animated fadeInDown">
290                                                                                <div class="widget-content padding">
291                                                                                        <div class="widget-icon">
292                                                                                                <i class="icon-envelope"></i>
293                                                                                        </div>
294                                                                                        <div class="text-box">
295                                                                                                <p class="maindata">DOANH THU <b>SMS</b></p>
296                                                                                                <h2><span data-duration="3000" data-value="18648" class="animate-number">18,648</span></h2>
297                                                                                                <div class="clearfix"></div>
298                                                                                        </div>
299                                                                                </div>
300                                                                                <div class="widget-footer">
301                                                                                        <div class="row">
302                                                                                                <div class="col-sm-12">
303                                                                                                        <i class="icon-caret-down rel-change"></i> <b>6%</b> giảm so với tháng trước
304                                                                                                </div>
305                                                                                        </div>
306                                                                                        <div class="clearfix"></div>
307                                                                                </div>
308                                                                        </div>
309                                                                </div>
310
311                                                                <div class="col-xs-3">
312                                                                        <div class="widget pink-1 animated fadeInDown">
313                                                                                <div class="widget-content padding">
314                                                                                        <div class="widget-icon">
315                                                                                                <i class="icon-credit-card"></i>
316                                                                                        </div>
317                                                                                        <div class="text-box">
318                                                                                                <p class="maindata">DOANH THU <b>THẺ CÀO</b></p>
319                                                                                                <h2><span data-duration="3000" data-value="18648" class="animate-number">18,648</span></h2>
320                                                                                                <div class="clearfix"></div>
321                                                                                        </div>
322                                                                                </div>
323                                                                                <div class="widget-footer">
324                                                                                        <div class="row">
325                                                                                                <div class="col-sm-12">
326                                                                                                        <i class="icon-caret-down rel-change"></i> <b>6%</b> giảm so với tháng trước
327                                                                                                </div>
328                                                                                        </div>
329                                                                                        <div class="clearfix"></div>
330                                                                                </div>
331                                                                        </div>
332                                                                </div>
333
334                                                                <div class="col-xs-3">
335                                                                        <div class="widget lightblue-1 animated fadeInDown">
336                                                                                <div class="widget-content padding">
337                                                                                        <div class="widget-icon">
338                                                                                                <i class="icon-male"></i>
339                                                                                        </div>
340                                                                                        <div class="text-box">
341                                                                                                <p class="maindata">DOANH THU <b>CỘNG TÁC VIÊN</b></p>
342                                                                                                <h2><span data-duration="3000" data-value="18648" class="animate-number">18,648</span></h2>
343                                                                                                <div class="clearfix"></div>
344                                                                                        </div>
345                                                                                </div>
346                                                                                <div class="widget-footer">
347                                                                                        <div class="row">
348                                                                                                <div class="col-sm-12">
349                                                                                                        <i class="icon-caret-up rel-change"></i> <b>6%</b> tăng so với tháng trước
350                                                                                                </div>
351                                                                                        </div>
352                                                                                        <div class="clearfix"></div>
353                                                                                </div>
354                                                                        </div>
355                                                                </div>
356                                                                       
357                                                                <div class="col-sm-7">
358                                                                        <div class="widget-box transparent">
359                                                                                <div class="widget-header widget-header-flat">
360                                                                                        <h4 class="lighter">
361                                                                                                <i class="icon-bar-chart"></i>
362                                                                                                Doanh thu
363                                                                                        </h4>
364
365                                                                                        <div class="widget-toolbar">
366                                                                                                <a href="#" data-action="collapse">
367                                                                                                        <i class="icon-chevron-up"></i>
368                                                                                                </a>
369                                                                                        </div>
370                                                                                </div>
371
372                                                                                <div class="widget-body">
373                                                                                        <div class="widget-main padding-4">
374                                                                                                <div id="sales-charts"></div>
375                                                                                        </div><!-- /widget-main -->
376                                                                                </div><!-- /widget-body -->
377                                                                        </div><!-- /widget-box -->
378                                                                </div>
379
380                                                                <div class="col-sm-5">
381                                                                        <div class="widget-box transparent">
382                                                                                <div class="widget-header widget-header-flat">
383                                                                                        <h4 class="lighter">
384                                                                                                <i class="icon-signal"></i>
385                                                                                                Lượng truy cập website
386                                                                                        </h4>
387
388                                                                                        <div class="widget-toolbar">
389                                                                                                <a href="#" data-action="collapse">
390                                                                                                        <i class="icon-chevron-up"></i>
391                                                                                                </a>
392                                                                                        </div>
393                                                                                </div>
394
395                                                                                <div class="widget-body">
396                                                                                        <div class="widget-main padding-4">
397                                                                                                <div id="traffix-charts"></div>
398                                                                                        </div><!-- /widget-main -->
399                                                                                </div><!-- /widget-body -->
400                                                                        </div><!-- /widget-box -->
401                                                                </div>
402
403                                                                <!-- PAGE CONTENT ENDS -->
404                                                        </div><!-- /.col -->
405                                                </div><!-- /.row -->
406                                        </div><!-- /.page-content -->
407                                </div><!-- /.main-content -->
408                        </div><!-- /.main-container-inner -->
409
410                        <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
411                                <i class="icon-double-angle-up icon-only bigger-110"></i>
412                        </a>
413                </div><!-- /.main-container -->
414
415                <!-- basic scripts -->
416
417                <!--[if !IE]> -->
418
419                <script type="text/javascript">
420                        window.jQuery || document.write("<script src='<?php echo $base_url; ?>assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
421                </script>
422
423                <!-- <![endif]-->
424
425                <!--[if IE]>
426<script type="text/javascript">
427 window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
428</script>
429<![endif]-->
430
431                <script type="text/javascript">
432                        if("ontouchend" in document) document.write("<script src='<?php echo $base_url; ?>assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
433                </script>
434                <script src="<?php echo $base_url; ?>assets/js/bootstrap.min.js"></script>
435                <script src="<?php echo $base_url; ?>assets/js/typeahead-bs2.min.js"></script>
436
437                <!-- page specific plugin scripts -->
438
439                <!--[if lte IE 8]>
440                  <script src="assets/js/excanvas.min.js"></script>
441                <![endif]-->
442
443                <script src="<?php echo $base_url; ?>assets/js/jquery-ui-1.10.3.custom.min.js"></script>
444                <script src="<?php echo $base_url; ?>assets/js/jquery.ui.touch-punch.min.js"></script>
445                <script src="<?php echo $base_url; ?>assets/js/jquery.slimscroll.min.js"></script>
446                <script src="<?php echo $base_url; ?>assets/js/jquery.easy-pie-chart.min.js"></script>
447                <script src="<?php echo $base_url; ?>assets/js/jquery.sparkline.min.js"></script>
448                <script src="<?php echo $base_url; ?>assets/js/flot/jquery.flot.min.js"></script>
449                <script src="<?php echo $base_url; ?>assets/js/flot/jquery.flot.pie.min.js"></script>
450                <script src="<?php echo $base_url; ?>assets/js/flot/jquery.flot.resize.min.js"></script>
451
452                <!-- ace scripts -->
453
454                <script src="<?php echo $base_url; ?>assets/js/ace-elements.min.js"></script>
455                <script src="<?php echo $base_url; ?>assets/js/ace.min.js"></script>
456
457                <!-- inline scripts related to this page -->
458
459                <script type="text/javascript">
460                        jQuery(function($) {
461
462                                var d1 = [];
463                                for (var i = 0; i < Math.PI * 2; i += 0.5) {
464                                        d1.push([i, Math.sin(i)]);
465                                }
466                       
467                                var d2 = [];
468                                for (var i = 0; i < Math.PI * 2; i += 0.5) {
469                                        d2.push([i, Math.cos(i)]);
470                                }
471                       
472                                var d3 = [];
473                                for (var i = 0; i < Math.PI * 2; i += 1.2) {
474                                        d3.push([i, Math.sin(i)]);
475                                }
476                               
477                       
478                                var sales_charts = $('#sales-charts').css({'width':'100%' , 'height':'320px'});
479                                $.plot("#sales-charts", [
480                                        { color: '#1abc9c', label: "SMS", data: d1 },
481                                        { color: '#e67e22', label: "Thẻ cào", data: d2 },
482                                        { color: '#3498db', label: "Cộng tác viên", data: d3 }
483                                ], {
484                                        hoverable: true,
485                                        shadowSize: 0,
486                                        series: {
487                                                lines: { show: true },
488                                                points: { show: true }
489                                        },
490                                        xaxis: {
491                                                tickLength: 0
492                                        },
493                                        yaxis: {
494                                                ticks: 10,
495                                                min: -2,
496                                                max: 2,
497                                                tickDecimals: 3
498                                        },
499                                        grid: {
500                                                backgroundColor: { colors: [ "#fff", "#fff" ] },
501                                                borderWidth: 1,
502                                                borderColor:'#555'
503                                        }
504                                });
505
506                                var d6 = [];
507                                for (var i = 0; i < 14; i += 0.5 + Math.random()) {
508                                        d6.push([i, Math.sqrt(2*i + Math.sin(i) + 5)]);
509                                }
510
511                                var traffix_charts = $('#traffix-charts').css({'width':'100%' , 'height':'320px'});
512                                $.plot("#traffix-charts", [
513                                        {data: d6,lines: { show: true }, step: { show: true } },
514                                ]);
515
516                                //Android's default browser somehow is confused when tapping on label which will lead to dragging the task
517                                //so disable dragging when clicking on label
518                                var agent = navigator.userAgent.toLowerCase();
519                                if("ontouchstart" in document && /applewebkit/.test(agent) && /android/.test(agent))
520                                  $('#tasks').on('touchstart', function(e){
521                                        var li = $(e.target).closest('#tasks li');
522                                        if(li.length == 0)return;
523                                        var label = li.find('label.inline').get(0);
524                                        if(label == e.target || $.contains(label, e.target)) e.stopImmediatePropagation() ;
525                                });
526                       
527                                $('#tasks').sortable({
528                                        opacity:0.8,
529                                        revert:true,
530                                        forceHelperSize:true,
531                                        placeholder: 'draggable-placeholder',
532                                        forcePlaceholderSize:true,
533                                        tolerance:'pointer',
534                                        stop: function( event, ui ) {//just for Chrome!!!! so that dropdowns on items don't appear below other items after being moved
535                                                $(ui.item).css('z-index', 'auto');
536                                        }
537                                        }
538                                );
539                                $('#tasks').disableSelection();
540                                $('#tasks input:checkbox').removeAttr('checked').on('click', function(){
541                                        if(this.checked) $(this).closest('li').addClass('selected');
542                                        else $(this).closest('li').removeClass('selected');
543                                });
544                               
545                       
546                        })
547                </script>
548        </body>
549</html>
Note: See TracBrowser for help on using the repository browser.