source: violetspace-prototype/revenuereport.html @ 1

Last change on this file since 1 was 1, checked in by dungnv, 11 years ago
File size: 34.2 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3        <head>
4                <meta charset="utf-8" />
5                <title>Revenue Report - MiGame Administration Panel</title>
6
7                <meta name="description" content="" />
8                <meta name="viewport" content="width=device-width, initial-scale=1.0" />
9
10                <!-- basic styles -->
11
12                <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
13                <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
14
15                <!--[if IE 7]>
16                  <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
17                <![endif]-->
18
19                <!-- page specific plugin styles -->
20
21                <!-- fonts -->
22
23                <link rel="stylesheet" href="assets/css/ace-fonts.css" />
24
25                <link rel="stylesheet" href="assets/css/jquery-ui-1.10.3.full.min.css" />
26                <link rel="stylesheet" href="assets/css/datepicker.css" />
27                <link rel="stylesheet" href="assets/css/ui.jqgrid.css" />
28
29                <!-- ace styles -->
30
31                <link rel="stylesheet" href="assets/css/ace.min.css" />
32                <link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
33                <link rel="stylesheet" href="assets/css/ace-skins.min.css" />
34                <link rel="stylesheet" href="assets/css/chosen.css" />
35
36                <!--[if lte IE 8]>
37                  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
38                <![endif]-->
39
40                <!-- inline styles related to this page -->
41
42                <!-- ace settings handler -->
43
44                <script src="assets/js/ace-extra.min.js"></script>
45
46                <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
47
48                <!--[if lt IE 9]>
49                <script src="assets/js/html5shiv.js"></script>
50                <script src="assets/js/respond.min.js"></script>
51                <![endif]-->
52                <style type="text/css">
53                        @media screen and (min-width: 1000px) {
54                          .modal-form-dialog {
55                            width: 800px;
56                          }
57                        }
58                        .col-sm-6.padding-24 {
59                                padding-top: 2px;
60                                padding-right: 18px;
61                                padding-left: 0px;
62                                padding-bottom: 0px;
63                        }
64                </style>
65        </head>
66
67        <body>
68                <div class="navbar navbar-default" id="navbar">
69                        <script type="text/javascript">
70                                try{ace.settings.check('navbar' , 'fixed')}catch(e){}
71                        </script>
72
73                        <div class="navbar-container" id="navbar-container">
74                                <div class="navbar-header pull-left">
75                                        <a href="#" class="navbar-brand">
76                                                <small>
77                                                        <i class="icon-home"></i>
78                                                        MiGame Administration Panel
79                                                </small>
80                                        </a><!-- /.brand -->
81                                </div><!-- /.navbar-header -->
82
83                                <div class="navbar-header pull-right" role="navigation">
84                                        <ul class="nav ace-nav">
85                                                <li class="grey">
86                                                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
87                                                                <i class="icon-tasks"></i>
88                                                                <span class="badge badge-grey">4</span>
89                                                        </a>
90
91                                                        <ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
92                                                                <li class="dropdown-header">
93                                                                        <i class="icon-ok"></i>
94                                                                        4 Tasks to complete
95                                                                </li>
96
97                                                                <li>
98                                                                        <a href="#">
99                                                                                <div class="clearfix">
100                                                                                        <span class="pull-left">Software Update</span>
101                                                                                        <span class="pull-right">65%</span>
102                                                                                </div>
103
104                                                                                <div class="progress progress-mini ">
105                                                                                        <div style="width:65%" class="progress-bar "></div>
106                                                                                </div>
107                                                                        </a>
108                                                                </li>
109
110                                                                <li>
111                                                                        <a href="#">
112                                                                                <div class="clearfix">
113                                                                                        <span class="pull-left">Hardware Upgrade</span>
114                                                                                        <span class="pull-right">35%</span>
115                                                                                </div>
116
117                                                                                <div class="progress progress-mini ">
118                                                                                        <div style="width:35%" class="progress-bar progress-bar-danger"></div>
119                                                                                </div>
120                                                                        </a>
121                                                                </li>
122
123                                                                <li>
124                                                                        <a href="#">
125                                                                                <div class="clearfix">
126                                                                                        <span class="pull-left">Unit Testing</span>
127                                                                                        <span class="pull-right">15%</span>
128                                                                                </div>
129
130                                                                                <div class="progress progress-mini ">
131                                                                                        <div style="width:15%" class="progress-bar progress-bar-warning"></div>
132                                                                                </div>
133                                                                        </a>
134                                                                </li>
135
136                                                                <li>
137                                                                        <a href="#">
138                                                                                <div class="clearfix">
139                                                                                        <span class="pull-left">Bug Fixes</span>
140                                                                                        <span class="pull-right">90%</span>
141                                                                                </div>
142
143                                                                                <div class="progress progress-mini progress-striped active">
144                                                                                        <div style="width:90%" class="progress-bar progress-bar-success"></div>
145                                                                                </div>
146                                                                        </a>
147                                                                </li>
148
149                                                                <li>
150                                                                        <a href="#">
151                                                                                See tasks with details
152                                                                                <i class="icon-arrow-right"></i>
153                                                                        </a>
154                                                                </li>
155                                                        </ul>
156                                                </li>
157
158                                                <li class="purple">
159                                                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
160                                                                <i class="icon-bell-alt icon-animated-bell"></i>
161                                                                <span class="badge badge-important">8</span>
162                                                        </a>
163
164                                                        <ul class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
165                                                                <li class="dropdown-header">
166                                                                        <i class="icon-warning-sign"></i>
167                                                                        8 Notifications
168                                                                </li>
169
170                                                                <li>
171                                                                        <a href="#">
172                                                                                <div class="clearfix">
173                                                                                        <span class="pull-left">
174                                                                                                <i class="btn btn-xs no-hover btn-pink icon-comment"></i>
175                                                                                                New Comments
176                                                                                        </span>
177                                                                                        <span class="pull-right badge badge-info">+12</span>
178                                                                                </div>
179                                                                        </a>
180                                                                </li>
181
182                                                                <li>
183                                                                        <a href="#">
184                                                                                <i class="btn btn-xs btn-primary icon-user"></i>
185                                                                                Bob just signed up as an editor ...
186                                                                        </a>
187                                                                </li>
188
189                                                                <li>
190                                                                        <a href="#">
191                                                                                <div class="clearfix">
192                                                                                        <span class="pull-left">
193                                                                                                <i class="btn btn-xs no-hover btn-success icon-shopping-cart"></i>
194                                                                                                New Orders
195                                                                                        </span>
196                                                                                        <span class="pull-right badge badge-success">+8</span>
197                                                                                </div>
198                                                                        </a>
199                                                                </li>
200
201                                                                <li>
202                                                                        <a href="#">
203                                                                                <div class="clearfix">
204                                                                                        <span class="pull-left">
205                                                                                                <i class="btn btn-xs no-hover btn-info icon-twitter"></i>
206                                                                                                Followers
207                                                                                        </span>
208                                                                                        <span class="pull-right badge badge-info">+11</span>
209                                                                                </div>
210                                                                        </a>
211                                                                </li>
212
213                                                                <li>
214                                                                        <a href="#">
215                                                                                See all notifications
216                                                                                <i class="icon-arrow-right"></i>
217                                                                        </a>
218                                                                </li>
219                                                        </ul>
220                                                </li>
221
222                                                <li class="green">
223                                                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
224                                                                <i class="icon-envelope icon-animated-vertical"></i>
225                                                                <span class="badge badge-success">5</span>
226                                                        </a>
227
228                                                        <ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
229                                                                <li class="dropdown-header">
230                                                                        <i class="icon-envelope-alt"></i>
231                                                                        5 Messages
232                                                                </li>
233
234                                                                <li>
235                                                                        <a href="#">
236                                                                                <img src="assets/avatars/avatar.png" class="msg-photo" alt="Alex's Avatar" />
237                                                                                <span class="msg-body">
238                                                                                        <span class="msg-title">
239                                                                                                <span class="blue">Alex:</span>
240                                                                                                Ciao sociis natoque penatibus et auctor ...
241                                                                                        </span>
242
243                                                                                        <span class="msg-time">
244                                                                                                <i class="icon-time"></i>
245                                                                                                <span>a moment ago</span>
246                                                                                        </span>
247                                                                                </span>
248                                                                        </a>
249                                                                </li>
250
251                                                                <li>
252                                                                        <a href="#">
253                                                                                <img src="assets/avatars/avatar3.png" class="msg-photo" alt="Susan's Avatar" />
254                                                                                <span class="msg-body">
255                                                                                        <span class="msg-title">
256                                                                                                <span class="blue">Susan:</span>
257                                                                                                Vestibulum id ligula porta felis euismod ...
258                                                                                        </span>
259
260                                                                                        <span class="msg-time">
261                                                                                                <i class="icon-time"></i>
262                                                                                                <span>20 minutes ago</span>
263                                                                                        </span>
264                                                                                </span>
265                                                                        </a>
266                                                                </li>
267
268                                                                <li>
269                                                                        <a href="#">
270                                                                                <img src="assets/avatars/avatar4.png" class="msg-photo" alt="Bob's Avatar" />
271                                                                                <span class="msg-body">
272                                                                                        <span class="msg-title">
273                                                                                                <span class="blue">Bob:</span>
274                                                                                                Nullam quis risus eget urna mollis ornare ...
275                                                                                        </span>
276
277                                                                                        <span class="msg-time">
278                                                                                                <i class="icon-time"></i>
279                                                                                                <span>3:15 pm</span>
280                                                                                        </span>
281                                                                                </span>
282                                                                        </a>
283                                                                </li>
284
285                                                                <li>
286                                                                        <a href="inbox.html">
287                                                                                See all messages
288                                                                                <i class="icon-arrow-right"></i>
289                                                                        </a>
290                                                                </li>
291                                                        </ul>
292                                                </li>
293
294                                                <li class="light-blue">
295                                                        <a data-toggle="dropdown" href="#" class="dropdown-toggle">
296                                                                <img class="nav-user-photo" src="assets/avatars/user.jpg" alt="Jason's Photo" />
297                                                                <span class="user-info">
298                                                                        <small>Welcome,</small>
299                                                                        Jason
300                                                                </span>
301
302                                                                <i class="icon-caret-down"></i>
303                                                        </a>
304
305                                                        <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
306                                                                <li>
307                                                                        <a href="#">
308                                                                                <i class="icon-cog"></i>
309                                                                                Settings
310                                                                        </a>
311                                                                </li>
312
313                                                                <li>
314                                                                        <a href="#">
315                                                                                <i class="icon-user"></i>
316                                                                                Profile
317                                                                        </a>
318                                                                </li>
319
320                                                                <li class="divider"></li>
321
322                                                                <li>
323                                                                        <a href="#">
324                                                                                <i class="icon-off"></i>
325                                                                                Logout
326                                                                        </a>
327                                                                </li>
328                                                        </ul>
329                                                </li>
330                                        </ul><!-- /.ace-nav -->
331                                </div><!-- /.navbar-header -->
332                        </div><!-- /.container -->
333                </div>
334
335                <div class="main-container" id="main-container">
336                        <script type="text/javascript">
337                                try{ace.settings.check('main-container' , 'fixed')}catch(e){}
338                        </script>
339
340                        <div class="main-container-inner">
341                                <a class="menu-toggler" id="menu-toggler" href="#">
342                                        <span class="menu-text"></span>
343                                </a>
344
345                                <div class="sidebar" id="sidebar">
346                                        <script type="text/javascript">
347                                                try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
348                                        </script>
349
350                                        <div class="sidebar-shortcuts" id="sidebar-shortcuts">
351                                                <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
352                                                        <button class="btn btn-success">
353                                                                <i class="icon-signal"></i>
354                                                        </button>
355
356                                                        <button class="btn btn-info">
357                                                                <i class="icon-pencil"></i>
358                                                        </button>
359
360                                                        <button class="btn btn-warning">
361                                                                <i class="icon-group"></i>
362                                                        </button>
363
364                                                        <button class="btn btn-danger">
365                                                                <i class="icon-cogs"></i>
366                                                        </button>
367                                                </div>
368
369                                                <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
370                                                        <span class="btn btn-success"></span>
371
372                                                        <span class="btn btn-info"></span>
373
374                                                        <span class="btn btn-warning"></span>
375
376                                                        <span class="btn btn-danger"></span>
377                                                </div>
378                                        </div><!-- #sidebar-shortcuts -->
379
380                                        <ul class="nav nav-list">
381                                                <li>
382                                                        <a href="dashboard.html">
383                                                                <i class="icon-bar-chart"></i>
384                                                                <span class="menu-text"> Bảng điều khiển </span>
385                                                        </a>
386                                                </li>
387
388                                                <li>
389                                                        <a href="#" class="dropdown-toggle">
390                                                                <i class="icon-book"></i>
391                                                                <span class="menu-text"> Nội dung </span>
392                                <b class="arrow icon-angle-down"></b>
393                                                        </a>
394                           
395                            <ul class="submenu">
396                                                                <li>
397                                                                        <a href="newslist.html">
398                                                                                <i class="icon-double-angle-right"></i>
399                                                                                Tin tức
400                                                                        </a>
401                                                                </li>
402                                                                <li>
403                                                                        <a href="event.html">
404                                                                                <i class="icon-double-angle-right"></i>
405                                                                                Sá»± kiện
406                                                                        </a>
407                                                                </li>
408                                                                <li>
409                                                                        <a href="banner.html">
410                                                                                <i class="icon-double-angle-right"></i>
411                                                                                Banner
412                                                                        </a>
413                                                                </li>
414                            </ul>
415                                                </li>
416
417                                                <li>
418                                                        <a href="#" class="dropdown-toggle">
419                                                                <i class="icon-group"></i>
420                                                                <span class="menu-text"> Tài khoản </span>
421
422                                                                <b class="arrow icon-angle-down"></b>
423                                                        </a>
424
425                                                        <ul class="submenu">
426                                                                <li>
427                                                                        <a href="#">
428                                                                                <i class="icon-double-angle-right"></i>
429                                                                                Phân quyền
430                                                                        </a>
431                                                                </li>
432
433                                                                <li>
434                                                                        <a href="#">
435                                                                                <i class="icon-double-angle-right"></i>
436                                                                                Administrators
437                                                                        </a>
438                                                                </li>
439                                                                <li>
440                                                                        <a href="#">
441                                                                                <i class="icon-double-angle-right"></i>
442                                                                                Tài khoản người chÆ¡i
443                                                                        </a>
444                                                                </li>
445                                                                <li>
446                                                                        <a href="#">
447                                                                                <i class="icon-double-angle-right"></i>
448                                                                                Cộng tác viên
449                                                                        </a>
450                                                                </li>
451                                                        </ul>
452                                                </li>
453
454                                                <li>
455                                                        <a href="#" class="dropdown-toggle">
456                                                                <i class="icon-beer"></i>
457                                                                <span class="menu-text"> Đối tác </span>
458
459                                                                <b class="arrow icon-angle-down"></b>
460                                                        </a>
461
462                                                        <ul class="submenu">
463                                                                <li>
464                                                                        <a href="#">
465                                                                                <i class="icon-double-angle-right"></i>
466                                                                                Khuyến mãi
467                                                                        </a>
468                                                                </li>
469
470                                                                <li>
471                                                                        <a href="#">
472                                                                                <i class="icon-double-angle-right"></i>
473                                                                                Đối tác
474                                                                        </a>
475                                                                </li>
476                                                                <li>
477                                                                        <a href="#">
478                                                                                <i class="icon-double-angle-right"></i>
479                                                                                Tá»±a game
480                                                                        </a>
481                                                                </li>
482                                                        </ul>
483                                                </li>
484
485                                                <li class="active open">
486                                                        <a href="#" class="dropdown-toggle">
487                                                                <i class="icon-list-alt"></i>
488                                                                <span class="menu-text"> Báo cáo </span>
489                                <b class="arrow icon-angle-down"></b>
490                                                        </a>
491                           
492                                                        <ul class="submenu">
493                                                                <li class="active">
494                                                                        <a href="#">
495                                                                                <i class="icon-double-angle-right"></i>
496                                                                                Doanh thu
497                                                                        </a>
498                                                                </li>
499                                                                <li>
500                                                                        <a href="#">
501                                                                                <i class="icon-double-angle-right"></i>
502                                                                                SMS logs
503                                                                        </a>
504                                                                </li>
505
506                                                                <li>
507                                                                        <a href="#">
508                                                                                <i class="icon-double-angle-right"></i>
509                                                                                Game logs
510                                                                        </a>
511                                                                </li>
512                                                                <li>
513                                                                        <a href="#">
514                                                                                <i class="icon-double-angle-right"></i>
515                                                                                Thiết bị truy cập
516                                                                        </a>
517                                                                </li>
518                                                        </ul>
519                                                </li>
520
521                                                <li>
522                                                        <a href="#">
523                                                                <i class="icon-gears"></i>
524
525                                                                <span class="menu-text">
526                                                                        Cấu hình game
527                                                                        <span class="badge badge-transparent tooltip-error" title="2&nbsp;Important&nbsp;Events">
528                                                                                <!--<i class="icon-warning-sign red bigger-130"></i>-->
529                                                                        </span>
530                                                                </span>
531                                                        </a>
532                                                </li>
533
534                                                <li>
535                                                        <a href="#">
536                                                                <i class="icon-wrench"></i>
537                                                                <span class="menu-text"> CÃŽng cụ </span>
538                                                        </a>
539                                                </li>
540
541                                        </ul><!-- /.nav-list -->
542
543                                        <div class="sidebar-collapse" id="sidebar-collapse">
544                                                <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
545                                        </div>
546
547                                        <script type="text/javascript">
548                                                try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
549                                        </script>
550                                </div>
551
552                                <div class="main-content">
553                                        <div class="breadcrumbs" id="breadcrumbs">
554                                                <script type="text/javascript">
555                                                        try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
556                                                </script>
557
558                                                <ul class="breadcrumb">
559                                                        <li>
560                                                                <i class="icon-home home-icon"></i>
561                                                                <a href="#">Home</a>
562                                                        </li>
563
564                                                        <li>
565                                                                <a href="#">Báo cáo</a>
566                                                        </li>
567                                                        <li class="active">Doanh thu</li>
568                                                </ul><!-- .breadcrumb -->
569
570                                                <div class="nav-search" id="nav-search">
571                                                        <form class="form-search">
572                                                                <span class="input-icon">
573                                                                        <input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
574                                                                        <i class="icon-search nav-search-icon"></i>
575                                                                </span>
576                                                        </form>
577                                                </div><!-- #nav-search -->
578                                        </div>
579
580                                        <div class="page-content">
581                                                <div class="page-header">
582                                                        <h1>
583                                                                Báo cáo
584                                                                <small>
585                                                                        <i class="icon-double-angle-right"></i>
586                                                                        Doanh thu
587                                                                </small>
588                                                        </h1>
589                                                </div><!-- /.page-header -->
590
591                                                <div class="row">
592                                                        <div class="col-xs-12">
593                                                                <!-- PAGE CONTENT BEGINS -->
594                                                                <div class="row">
595                                                                        <div class="col-xs-12 align-right">
596                                                                                <button id="btn-open-search-form" class="btn btn-sm btn-primary">
597                                                                                        <i class="icon-filter"></i>
598                                                                                        Lọc báo cáo
599                                                                                </button>
600                                                                                <button id="btn-export" class="btn btn-sm btn-pink">
601                                                                                        <i class="icon-share"></i>
602                                                                                        Xuất báo cáo
603                                                                                </button>
604                                                                        </div>
605                                                                </div>
606                                                                <div class="hr hr-12"></div>
607                                                                <div class="row">
608                                                                        <div class="col-sm-6 widget-container-span">
609                                                                                <div class="widget-box light-border">
610                                                                                        <div class="widget-header header-color-blue2">
611                                                                                                <h5>BÁO CÁO DOANH THU TỔNG HỢP</h5>
612                                                                                                <div class="widget-toolbar">
613                                                                                                        <a href="#" data-action="reload">
614                                                                                                                <i class="icon-refresh"></i>
615                                                                                                        </a>
616                                                                                                        <a href="#" data-action="collapse">
617                                                                                                                <i class="icon-chevron-up"></i>
618                                                                                                        </a>
619                                                                                                </div>
620                                                                                        </div>
621                                                                                        <div class="widget-body">
622                                                                                                <div class="widget-main no-padding">
623                                                                                                        <table class="table table-striped table-bordered table-hover">
624                                                                                                                        <thead class="thin-border-bottom">
625                                                                                                                                <tr>
626                                                                                                                                        <th>
627                                                                                                                                                <i class="icon-user"></i>
628                                                                                                                                                User
629                                                                                                                                        </th>
630
631                                                                                                                                        <th>
632                                                                                                                                                <i>@</i>
633                                                                                                                                                Email
634                                                                                                                                        </th>
635                                                                                                                                        <th class="hidden-480">Status</th>
636                                                                                                                                </tr>
637                                                                                                                        </thead>
638
639                                                                                                                        <tbody>
640                                                                                                                                <tr>
641                                                                                                                                        <td class="">Alex</td>
642
643                                                                                                                                        <td>
644                                                                                                                                                <a href="#">alex@email.com</a>
645                                                                                                                                        </td>
646
647                                                                                                                                        <td class="hidden-480">
648                                                                                                                                                <span class="label label-warning">Pending</span>
649                                                                                                                                        </td>
650                                                                                                                                </tr>
651
652                                                                                                                                <tr>
653                                                                                                                                        <td class="">Fred</td>
654
655                                                                                                                                        <td>
656                                                                                                                                                <a href="#">fred@email.com</a>
657                                                                                                                                        </td>
658
659                                                                                                                                        <td class="hidden-480">
660                                                                                                                                                <span class="label label-success arrowed-in arrowed-in-right">Approved</span>
661                                                                                                                                        </td>
662                                                                                                                                </tr>
663
664                                                                                                                                <tr>
665                                                                                                                                        <td class="">Jack</td>
666
667                                                                                                                                        <td>
668                                                                                                                                                <a href="#">jack@email.com</a>
669                                                                                                                                        </td>
670
671                                                                                                                                        <td class="hidden-480">
672                                                                                                                                                <span class="label label-warning">Pending</span>
673                                                                                                                                        </td>
674                                                                                                                                </tr>
675
676                                                                                                                                <tr>
677                                                                                                                                        <td class="">John</td>
678
679                                                                                                                                        <td>
680                                                                                                                                                <a href="#">john@email.com</a>
681                                                                                                                                        </td>
682
683                                                                                                                                        <td class="hidden-480">
684                                                                                                                                                <span class="label label-inverse arrowed">Blocked</span>
685                                                                                                                                        </td>
686                                                                                                                                </tr>
687
688                                                                                                                                <tr>
689                                                                                                                                        <td class="">James</td>
690
691                                                                                                                                        <td>
692                                                                                                                                                <a href="#">james@email.com</a>
693                                                                                                                                        </td>
694
695                                                                                                                                        <td class="hidden-480">
696                                                                                                                                                <span class="label label-info arrowed-in arrowed-in-right">Online</span>
697                                                                                                                                        </td>
698                                                                                                                                </tr>
699                                                                                                                        </tbody>
700                                                                                                        </table>
701                                                                                                </div>
702                                                                                        </div>
703                                                                                </div>
704                                                                        </div>
705                                                                        <div class="col-sm-6 widget-container-span">
706                                                                                        <div class="widget-box transparent">
707                                                                                                <div class="widget-header widget-header-flat">
708                                                                                                        <h4 class="lighter">
709                                                                                                                <i class="icon-signal orange"></i>
710                                                                                                                <span class="blue">Biểu đồ doanh thu</span>
711                                                                                                        </h4>
712
713                                                                                                        <div class="widget-toolbar">
714                                                                                                                <a href="#" data-action="reload">
715                                                                                                                        <i class="icon-refresh"></i>
716                                                                                                                </a>
717                                                                                                                <a href="#" data-action="collapse">
718                                                                                                                        <i class="icon-chevron-up"></i>
719                                                                                                                </a>
720                                                                                                        </div>
721                                                                                                </div>
722                                                                                                <div class="widget-body">
723                                                                                                        <div class="widget-main padding-4">
724                                                                                                                <div id="sales-charts"></div>
725                                                                                                        </div><!-- /widget-main -->
726                                                                                                </div><!-- /widget-body -->
727                                                                                        </div>
728                                                                        </div>
729                                                                </div><!-- /row -->
730                                                                <div class="hr hr-18 dotted hr-double"></div>
731
732                                                                <div class="row">
733                                                                        <div class="col-xs-12">
734                                                                                <div class="table-header header-color-blue2">
735                                                                                        DOANH THU CHI TIẟT                                                                                   
736                                                                                </div>
737                                                                                <div class="table-responsive">
738                                                                                        <table id="sample-table-2" class="table table-striped table-bordered table-hover">
739                                                                                                <thead>
740                                                                                                        <tr>
741                                                                                                                <th class="center">No.</th>
742                                                                                                                <th>Người chÆ¡i</th>
743                                                                                                                <th class="hidden-480">MÃŽ tả</th>
744                                                                                                                <th class="hidden-480">Tiền ảo <i class="smaller-60 red">(Mi)</i></th>
745                                                                                                                <th class="hidden-480">Tiền thật <i class="smaller-60 red">(VNĐ)</i></th>
746                                                                                                                <th>Đầu số</th>
747                                                                                                                <th>Hành động</th>
748                                                                                                                <th>Đối tác</th>
749                                                                                                                <th>Thời gian</th>
750                                                                                                        </tr>
751                                                                                                </thead>
752                                                                                                <tbody>
753                                                                                                        <tr>
754                                                                                                                <td class="center">1</td>
755                                                                                                                <td>thuytinhda</td>
756                                                                                                                <td class="hidden-480">Nạp tiền SMS đầu số: 6 - 6665..</td>
757                                                                                                                <td class="hidden-480 align-right">100.000</td>
758                                                                                                                <td class="hidden-480 align-right">10.000</td>
759                                                                                                                <td class="center">6665</td>
760                                                                                                                <td>Nạp tiền SMS</td>
761                                                                                                                <td>appota iPhone</td>
762                                                                                                                <td>2014-03-27 09:57:45</td>
763                                                                                                        </tr>
764                                                                                                        <tr>
765                                                                                                                <td class="center">2</td>
766                                                                                                                <td>vuphan1506</td>
767                                                                                                                <td class="hidden-480">Nạp tiền SMS đầu số: 6 - 8691..</td>
768                                                                                                                <td class="hidden-480 align-right">100.000</td>
769                                                                                                                <td class="hidden-480 align-right">10.000</td>
770                                                                                                                <td class="center">8691</td>
771                                                                                                                <td>Nạp tiền SMS</td>
772                                                                                                                <td>Miapp</td>
773                                                                                                                <td>2014-03-27 03:58:56</td>
774                                                                                                        </tr>
775                                                                                                        <tr>
776                                                                                                                <td class="center">3</td>
777                                                                                                                <td>denphan1506</td>
778                                                                                                                <td class="hidden-480">Nạp tiền SMS đầu số: 6 - 9761..</td>
779                                                                                                                <td class="hidden-480 align-right">100.000</td>
780                                                                                                                <td class="hidden-480 align-right">10.000</td>
781                                                                                                                <td class="center">9761</td>
782                                                                                                                <td>Nạp tiền SMS</td>
783                                                                                                                <td>Miapp</td>
784                                                                                                                <td>2014-03-27 03:37:09</td>
785                                                                                                        </tr>
786                                                                                                </tbody>
787                                                                                        </table>
788                                                                                </div>
789                                                                        </div>
790                                                                </div>
791
792                                                                <div id="search-form" class="modal" tabindex="-1">
793                                                                        <div class="modal-dialog">
794                                                                                <div class="modal-content">
795                                                                                        <div class="modal-header header-color-blue2 white">
796                                                                                                 <i class="icon-filter"></i>&nbsp;LỌC THEO ĐIỀU KIỆN
797                                                                                                <button type="button" class="close" data-dismiss="modal">&times;</button>
798                                                                                        </div>
799                                                                                        <div class="modal-body overflow-visible">
800                                                                                                <form id="frm-report-filter">
801                                                                                                        <!-- <select>
802                                                                                                                        <option value="username">User name</option>
803                                                                                                                        <option value="description">MÃŽ tả</option>
804                                                                                                                        <option value="cash">Tiền ảo</option>
805                                                                                                                        <option value="money">Tiền thật</option>
806                                                                                                                        <option value="short_code">Đầu số</option>
807                                                                                                                        <option value="trans_type">Hành động</option>
808                                                                                                                        <option value="cp">Đối tác</option>
809                                                                                                                        <option value="time">Thời gian</option>
810                                                                                                                </select> -->
811                                                                                                        <div class="row">
812                                                                                                                <div class="col-xs-6">
813                                                                                                                        <div class="form-group">
814                                                                                                                                <label for="f-username">User name</label>
815                                                                                                                                <div>
816                                                                                                                                        <input type="text" id="f-username">
817                                                                                                                                </div>
818                                                                                                                        </div>
819                                                                                                                </div>
820                                                                                                                <div class="col-xs-6">
821                                                                                                                        <div class="form-group">
822                                                                                                                                <label for="f-description">MÃŽ tả</label>
823                                                                                                                                <div>
824                                                                                                                                        <input type="text" id="f-description">
825                                                                                                                                </div>
826                                                                                                                        </div>
827                                                                                                                </div>
828                                                                                                        </div>
829                                                                                                        <div class="row">
830                                                                                                                <div class="col-xs-6">
831                                                                                                                        <div class="form-group">
832                                                                                                                                <label for="f-cash">Tiền ảo</label>
833                                                                                                                                <div>
834                                                                                                                                        <input type="text" id="f-cash">
835                                                                                                                                </div>
836                                                                                                                        </div>
837                                                                                                                </div>
838                                                                                                                <div class="col-xs-6">
839                                                                                                                        <div class="form-group">
840                                                                                                                                <label for="f-money">Tiền thật</label>
841                                                                                                                                <div>
842                                                                                                                                        <input type="text" id="f-money">
843                                                                                                                                </div>
844                                                                                                                        </div>
845                                                                                                                </div>
846                                                                                                        </div>
847                                                                                                        <div class="row">
848                                                                                                                <div class="col-xs-6">
849                                                                                                                        <div class="form-group">
850                                                                                                                                <label for="f-short_code">Đầu số</label>
851                                                                                                                                <div>
852                                                                                                                                        <input type="text" id="f-short_code">
853                                                                                                                                </div>
854                                                                                                                        </div>
855                                                                                                                </div>
856                                                                                                                <div class="col-xs-6">
857                                                                                                                        <div class="form-group">
858                                                                                                                                <label for="f-cp">Đối tác</label>
859                                                                                                                                <div>
860                                                                                                                                        <input type="text" id="f-cp">
861                                                                                                                                </div>
862                                                                                                                        </div>
863                                                                                                                </div>
864                                                                                                        </div>
865                                                                                                        <div class="hr hr-8"></div>
866                                                                                                        <div class="row">
867                                                                                                                <div class="col-xs-12">
868                                                                                                                        <div class="form-group">
869                                                                                                                                <label for="f-time">Thời gian</label>
870                                                                                                                                <div>
871                                                                                                                                        <div class="col-xs-12">
872                                                                                                                                                <span class="input-icon no-padding">
873                                                                                                                                                        <i class="icon-calendar"></i><input class="col-sm-12 datepicker" type="text" id="f-date-start" value="2014-03-38" placeholder="Ngày bắt đầu">
874                                                                                                                                                </span>
875                                                                                                                                                <span class="input-icon no-padding">
876                                                                                                                                                        <input type="text" class="col-sm-12" id="f-time-start" value="00:00:00" placeholder="giờ bắt đầu"><i class="icon-time"></i>
877                                                                                                                                                </span>
878                                                                                                                                        </div>
879                                                                                                                                </div>
880                                                                                                                        </div>
881                                                                                                                </div>
882                                                                                                        </div>
883                                                                                                        <div class="row">
884                                                                                                                <div class="col-xs-12">
885                                                                                                                        <div class="form-group">
886                                                                                                                                <div>
887                                                                                                                                        <div class="col-xs-12">
888                                                                                                                                                <span class="input-icon no-padding">
889                                                                                                                                                        <i class="icon-calendar"></i><input class="col-sm-12 datepicker" type="text" id="f-date-finish" value="2014-03-38" placeholder="Ngày kết thúc">
890                                                                                                                                                </span>
891                                                                                                                                                <span class="input-icon no-padding">
892                                                                                                                                                        <input type="text" class="col-sm-12" id="f-time-finish" value="00:00:00" placeholder="giờ kết thúc"><i class="icon-time"></i>
893                                                                                                                                                </span>
894                                                                                                                                        </div>
895                                                                                                                                </div>
896                                                                                                                        </div>
897                                                                                                                </div>
898                                                                                                        </div>
899                                                                                                </form>
900                                                                                        </div>
901                                                                                        <div class="modal-footer">
902                                                                                                <button class="btn btn-sm" data-dismiss="modal">
903                                                                                                        <i class="icon-remove"></i>
904                                                                                                        Đóng
905                                                                                                </button>
906                                                                                                <button class="btn btn-sm btn-success" type="reset" form="frm-report-filter">
907                                                                                                        <i class="icon-undo"></i>
908                                                                                                        Xóa điều kiện lọc
909                                                                                                </button>
910                                                                                                <button class="btn btn-sm btn-primary">
911                                                                                                        <i class="icon-search"></i>
912                                                                                                        Tìm kiếm
913                                                                                                </button>
914                                                                                        </div>
915                                                                                </div>
916                                                                        </div>
917                                                                </div>
918                                                                <!-- PAGE CONTENT ENDS -->
919                                                        </div><!-- /.col -->
920                                                </div><!-- /.row -->
921                                        </div><!-- /.page-content -->
922                                </div><!-- /.main-content -->
923
924                                <div class="ace-settings-container" id="ace-settings-container">
925                                        <div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
926                                                <i class="icon-cog bigger-150"></i>
927                                        </div>
928
929                                        <div class="ace-settings-box" id="ace-settings-box">
930                                                <div>
931                                                        <div class="pull-left">
932                                                                <select id="skin-colorpicker" class="hide">
933                                                                        <option data-skin="default" value="#438EB9">#438EB9</option>
934                                                                        <option data-skin="skin-1" value="#222A2D">#222A2D</option>
935                                                                        <option data-skin="skin-2" value="#C6487E">#C6487E</option>
936                                                                        <option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
937                                                                </select>
938                                                        </div>
939                                                        <span>&nbsp; Choose Skin</span>
940                                                </div>
941
942                                                <div>
943                                                        <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
944                                                        <label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
945                                                </div>
946
947                                                <div>
948                                                        <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
949                                                        <label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
950                                                </div>
951
952                                                <div>
953                                                        <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
954                                                        <label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
955                                                </div>
956
957                                                <div>
958                                                        <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
959                                                        <label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
960                                                </div>
961
962                                                <div>
963                                                        <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
964                                                        <label class="lbl" for="ace-settings-add-container">
965                                                                Inside
966                                                                <b>.container</b>
967                                                        </label>
968                                                </div>
969                                        </div>
970                                </div><!-- /#ace-settings-container -->
971                        </div><!-- /.main-container-inner -->
972
973                        <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
974                                <i class="icon-double-angle-up icon-only bigger-110"></i>
975                        </a>
976                </div><!-- /.main-container -->
977
978                <!-- basic scripts -->
979
980                <!--[if !IE]> -->
981
982                <!-- basic scripts -->
983
984                <!--[if !IE]> -->
985
986                <script type="text/javascript">
987                        window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
988                </script>
989
990                <!-- <![endif]-->
991
992                <!--[if IE]>
993<script type="text/javascript">
994 window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
995</script>
996<![endif]-->
997
998                <script type="text/javascript">
999                        if("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
1000                </script>
1001                <script src="assets/js/bootstrap.min.js"></script>
1002                <script src="assets/js/typeahead-bs2.min.js"></script>
1003
1004                <!-- page specific plugin scripts -->
1005                <script src="assets/js/date-time/bootstrap-datepicker.min.js"></script>
1006                <script src="assets/js/bootbox.min.js"></script>
1007                <script src="assets/js/chosen.jquery.min.js"></script>
1008
1009                <script src="assets/js/jquery.slimscroll.min.js"></script>
1010                <script src="assets/js/jquery.sparkline.min.js"></script>
1011                <script src="assets/js/flot/jquery.flot.min.js"></script>
1012                <script src="assets/js/flot/jquery.flot.pie.min.js"></script>
1013                <script src="assets/js/flot/jquery.flot.resize.min.js"></script>
1014
1015                <script src="assets/js/jquery.dataTables.min.js"></script>
1016                <script src="assets/js/jquery.dataTables.bootstrap.js"></script>
1017                <!-- ace scripts -->
1018
1019                <script src="assets/js/ace-elements.min.js"></script>
1020                <script src="assets/js/ace.min.js"></script>
1021
1022                <!-- inline scripts related to this page -->
1023                <script type="text/javascript">
1024                       
1025                        jQuery(function($) {
1026                                $( "#btn-open-search-form" )
1027                                        .button()
1028                                        .click(function() {
1029                                                $( "#search-form" ).modal('show') 
1030                                });
1031
1032                                var d1 = [[0, 55],[1, 50], [2, 15], [3, 10], [4, 35]];
1033                                var d2 = [[0, 5],[1, 35], [2, 45], [3, 43], [4, 55]];
1034
1035                                var sales_charts = $('#sales-charts').css({'width':'100%' , 'height':'214px'});
1036                                $.plot("#sales-charts", [
1037                                        { label: "Doanh thu tháng hiện tại", data: d1 },
1038                                        { label: "Doanh thu tháng trước", data: d2 }/*,
1039                                        { label: "Services", data: d3 }*/
1040                                ], {
1041                                        hoverable: true,
1042                                        shadowSize: 0,
1043                                        series: {
1044                                                lines: { show: true },
1045                                                points: { show: true }
1046                                        },
1047                                        xaxis: {
1048                                                tickLength: 2,
1049                                                tickDecimals: 1,
1050                                                ticks: [[0,'Tuần cuối tháng trước'],[1,'Tuần 1'],[2,'Tuần 2'],[3,'Tuần 3'],[4,'Tuần 4']]
1051
1052                                        },
1053                                        yaxis: {
1054                                                ticks: 10,
1055                                                min: 0,
1056                                                max: 100,
1057                                                tickDecimals: 0,
1058                                                /*transform: function (v) { return -v; }*/
1059                                        },
1060                                        grid: {
1061                                                backgroundColor: { colors: [ "#fff", "#fff" ] },
1062                                                borderWidth: 1,
1063                                                borderColor:'#555'
1064                                        },
1065                                        grid: {
1066                                                hoverable: true
1067                                        },
1068                                        colors: ['#ff892a','#478fca']
1069                                });
1070                       
1071                                $("<div id='plot_tooltip'></div>").css({
1072                                        position: "absolute",
1073                                        display: "none",
1074                                        border: "1px solid #fdd",
1075                                        padding: "2px",
1076                                        "background-color": "#fcac6f",
1077                                        opacity: 0.80
1078                                }).appendTo("body");
1079                               
1080                                $("#sales-charts").bind("plothover", function (event, pos, item) {
1081                                        if (item) {
1082                                               
1083                                                        var x = item.datapoint[0].toFixed(0),
1084                                                                y = item.datapoint[1].toFixed(0);
1085               
1086                                                        $("#plot_tooltip").html("Tuần " + x + ": " + y + ' triệu')
1087                                                                .css({top: item.pageY+5, left: item.pageX+5})
1088                                                                .fadeIn(200);
1089                                                } else {
1090                                                        $("#plot_tooltip").hide();
1091                                                }
1092                                });
1093
1094
1095                                var oTable1 = $('#sample-table-2').dataTable(
1096                                {
1097                                "bFilter": false,
1098                                "bLengthChange": false,
1099                                "aoColumns": [
1100                              { "bSortable": false,"bFilter": false },
1101                              { "bSortable": true,"bFilter": false },
1102                              { "bSortable": false,"bFilter": false },
1103                              null, null, null, null, null,
1104                                  { "bSortable": true,"bFilter": false }
1105                                ],
1106                                "oLanguage": {
1107                            "sLengthMenu": "Hiển thị _MENU_ bản ghi mỗi trang",
1108                            "sZeroRecords": "KhÃŽng tìm thấy dữ liệu",
1109                            "sInfo": "Hiển thị từ _START_ đến _END_ cá»§a _TOTAL_ bản ghi",
1110                            "sInfoEmpty": "Hiển thị từ 0 đến 0 cá»§a 0 bản ghi",
1111                            "sInfoFiltered": "(Được lọc từ _MAX_ tổng số bản ghi)"
1112                                }
1113                        } );
1114                        })
1115                </script>
1116
1117                <!-- inline scripts related to this page -->
1118        </body>
1119</html>
Note: See TracBrowser for help on using the repository browser.