Ignore:
Timestamp:
Nov 5, 2014 4:46:45 PM (11 years ago)
Author:
dungnv
Message:
 
File:
1 edited

Legend:

Unmodified
Added
Removed

  • pro-violet-viettel/docs/template/report_all.html

    r400 r421  
    1818
    1919                <script src="assets/js/ace-extra.min.js"></script>
    20 
     20                <style type="text/css" media="screen">
     21                        .widget-header-flat {
     22                                background: #307ecc;
     23                                color: #fff
     24                        }
     25                        .widget-toolbar>[data-action="collapse"], .header-color-dark>.widget-toolbar>[data-action="collapse"] {
     26                                color: #fff
     27                        }
     28                        .widget-header, .widget-content {
     29                                width: auto
     30                        }
     31                        .widget-body .table thead:first-child tr {
     32                                background: #EDECEC;
     33                            color: #707070;
     34                            font-weight: normal;
     35                        }
     36                </style>
    2137                <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    2238
    … …  
    244260                                                        <div class="col-xs-12">
    245261                                                                <!-- PAGE CONTENT BEGINS -->
    246 
    247                                                                 <div class="widget-box transparent">
    248                                                                         <div class="widget-header widget-header-flat">
    249                                                                                 <h4 class="lighter">
    250                                                                                         <i class="icon-signal"></i>
    251                                                                                         Doanh thu
    252                                                                                 </h4>
    253 
    254                                                                                 <div class="widget-toolbar">
    255                                                                                         <a href="#" data-action="collapse">
    256                                                                                                 <i class="icon-chevron-up"></i>
    257                                                                                         </a>
     262                                                                <div class="col-xs-6 no-padding">
     263                                                                        <div class="widget-box no-border">
     264                                                                                <div class="widget-header widget-header-flat">
     265                                                                                        <h4 class="lighter">
     266                                                                                                <i class="icon-signal"></i>
     267                                                                                                Doanh thu
     268                                                                                        </h4>
     269
     270                                                                                        <div class="widget-toolbar">
     271                                                                                                <a href="#" data-action="collapse">
     272                                                                                                        <i class="icon-chevron-up"></i>
     273                                                                                                </a>
     274                                                                                        </div>
     275                                                                                </div>
     276                                                                                <div class="widget-body">
     277                                                                                                <div class="table-responsive">
     278                                                                                                        <table id="sample-table-1" class="table table-striped table-bordered table-hover">
     279                                                                                                                <thead style="background-color: blue">
     280                                                                                                                        <tr>
     281                                                                                                                                <th>Thời gian</th>
     282                                                                                                                                <th>Doanh thu</th>
     283                                                                                                                        </tr>
     284                                                                                                                </thead>
     285
     286                                                                                                                <tbody>
     287                                                                                                                        <tr>
     288                                                                                                                                <td>Tuần trước</td>
     289                                                                                                                                <td>
     290                                                                                                                                        $1
     291                                                                                                                                </td>
     292                                                                                                                        </tr>
     293                                                                                                                        <tr>
     294                                                                                                                                <td>Tháng trước</td>
     295                                                                                                                                <td>
     296                                                                                                                                        $1111111111
     297                                                                                                                                </td>
     298                                                                                                                        </tr>
     299                                                                                                                        <tr>
     300                                                                                                                                <td>QuÃœ trước</td>
     301                                                                                                                                <td>
     302                                                                                                                                        $1111111111
     303                                                                                                                                </td>
     304                                                                                                                        </tr>
     305                                                                                                                        <tr>
     306                                                                                                                                <td>Năm trước</td>
     307                                                                                                                                <td>
     308                                                                                                                                        $1111111111
     309                                                                                                                                </td>
     310                                                                                                                        </tr>
     311                                                                                                                </tbody>
     312                                                                                                        </table>
     313                                                                                                </div><!-- /.table-responsive -->
    258314                                                                                </div>
    259315                                                                        </div>
    260 
    261                                                                         <div class="widget-body">
    262                                                                                 <div class="widget-main padding-4">
    263                                                                                         <div id="sales-charts"></div>
    264                                                                                 </div><!-- /widget-main -->
    265                                                                         </div><!-- /widget-body -->
    266                                                                 </div><!-- /widget-box -->
    267 
    268                                                                 <div>
    269                                                                         <div class="easy-pie-chart percentage col-xs-4" data-percent="10" data-color="#1abc9c">
    270                                                                                 <span class="percent">10</span>%
    271                                                                         </div>
    272                                                                         <span>Doanh thu qua SMS</span>
    273                                                                         <h2 class="pull-right">1,0000 VND</h2>
    274                                                                         <hr />
    275                                                                         <div class="easy-pie-chart percentage col-xs-4" data-percent="25" data-color="#e67e22">
    276                                                                                 <span class="percent">25</span>%
    277                                                                         </div>
    278                                                                         <span>Doanh thu qua nạp thẻ cào</span>
    279                                                                         <h2 class="pull-right">4,37450 VND</h2>
    280                                                                         <hr />
    281                                                                         <div class="easy-pie-chart percentage col-xs-4" data-percent="65" data-color="#3498db">
    282                                                                                 <span class="percent">65</span>%
    283                                                                         </div>
    284                                                                         <span>Doanh thu qua cộng tác viên</span>
    285                                                                         <h2 class="pull-right">8,67450 VND</h2> <hr/>
    286                                                                         <h1 class="pull-right"><span style="color:#e67e22"> = </span>14,17450 VND</h1>
     316                                                                </div>
     317                                                               
     318                                                                <div class="col-xs-6">
     319                                                                        <div class="widget-box no-border">
     320                                                                                <div class="widget-header widget-header-flat">
     321                                                                                        <h4 class="lighter">
     322                                                                                                <i class="icon-signal"></i>
     323                                                                                                Biểu đồ doanh thu
     324                                                                                        </h4>
     325
     326                                                                                        <div class="widget-toolbar">
     327                                                                                                <a href="#" data-action="collapse">
     328                                                                                                        <i class="icon-chevron-up"></i>
     329                                                                                                </a>
     330                                                                                        </div>
     331                                                                                </div>
     332
     333                                                                                <div class="widget-body">
     334                                                                                        <div class="widget-main padding-4">
     335                                                                                                <div id="sales-charts"></div>
     336                                                                                        </div><!-- /widget-main -->
     337                                                                                </div><!-- /widget-body -->
     338                                                                        </div><!-- /widget-box -->
     339                                                                </div>
     340
     341                                                                <div class="clearfix"></div>
     342
     343                                                                <div class="table-header" style="padding-bottom:4px">
     344                                                                        Thống kê
     345                                                                </div>
     346
     347                                                                <div class="table-responsive">
     348                                                                        <table id="sample-table-2" class="table table-striped table-bordered table-hover">
     349                                                                                <thead>
     350                                                                                        <tr>
     351                                                                                                <th>Số điện thoại</th>
     352                                                                                                <th>Họ tên</th>
     353                                                                                                <th class="hidden-480">Tiền</th>
     354                                                                                                <th>
     355                                                                                                        <i class="icon-time bigger-110 hidden-480"></i>
     356                                                                                                        Ngày đăng kÃœ
     357                                                                                                </th>
     358                                                                                        </tr>
     359                                                                                </thead>
     360
     361                                                                                <tbody>
     362                                                                                        <tr>
     363                                                                                                <td>
     364                                                                                                        <a href="#">0918273645</a>
     365                                                                                                </td>
     366                                                                                                <td>Nguyá»
     367n Văn Văn</td>
     368                                                                                                <td class="hidden-480">3,330 VND</td>
     369                                                                                                <td>12/10/2104</td>
     370                                                                                        </tr>
     371                                                                                </tbody>
     372                                                                        </table>
    287373                                                                </div>
    288374
    … …  
    322408
    323409                <!-- page specific plugin scripts -->
     410                <script src="assets/js/jquery.dataTables.min.js"></script>
     411                <script src="assets/js/jquery.dataTables.bootstrap.js"></script>
    324412
    325413                <!--[if lte IE 8]>
    … …  
    362450                               
    363451                       
    364                                 var sales_charts = $('#sales-charts').css({'width':'100%' , 'height':'320px'});
     452                                var sales_charts = $('#sales-charts').css({'width':'100%' , 'height':'200px'});
    365453                                $.plot("#sales-charts", [
    366454                                        { color: '#1abc9c', label: "SMS", data: d1 },
    … …  
    402490                                        }).css('color', $(this).data('color'));
    403491                                });
     492                               
     493                                var oTable1 = $('#sample-table-2').dataTable( {
     494                                "aoColumns": [
     495                              { "bSortable": false },
     496                              null, null,null
     497                                ] } );
    404498                       
    405499                                //Android's default browser somehow is confused when tapping on label which will lead to dragging the task
Note: See TracChangeset for help on using the changeset viewer.