1 | <div class="col-xs-12"> |
---|
2 | <!-- PAGE CONTENT BEGINS --> |
---|
3 | <div class="col-xs-6 no-padding"> |
---|
4 | <div class="widget-box no-border"> |
---|
5 | <div class="widget-header widget-header-flat"> |
---|
6 | <h4 class="lighter"> |
---|
7 | <i class="icon-signal"></i> |
---|
8 | Doanh thu |
---|
9 | </h4> |
---|
10 | |
---|
11 | <div class="widget-toolbar"> |
---|
12 | <a data-action="collapse" href="#"> |
---|
13 | <i class="icon-chevron-up"></i> |
---|
14 | </a> |
---|
15 | </div> |
---|
16 | </div> |
---|
17 | <div class="widget-body"> |
---|
18 | <div class="table-responsive"> |
---|
19 | <table class="table table-striped table-bordered table-hover" id="sample-table-1"> |
---|
20 | <thead style="background-color: blue"> |
---|
21 | <tr> |
---|
22 | <th>Thá»i gian</th> |
---|
23 | <th>Doanh thu</th> |
---|
24 | </tr> |
---|
25 | </thead> |
---|
26 | |
---|
27 | <tbody> |
---|
28 | <tr> |
---|
29 | <td>Tuần trưá»c</td> |
---|
30 | <td> |
---|
31 | $1 |
---|
32 | </td> |
---|
33 | </tr> |
---|
34 | <tr> |
---|
35 | <td>Tháng trưá»c</td> |
---|
36 | <td> |
---|
37 | $1111111111 |
---|
38 | </td> |
---|
39 | </tr> |
---|
40 | <tr> |
---|
41 | <td>QuÜ trưá»c</td> |
---|
42 | <td> |
---|
43 | $1111111111 |
---|
44 | </td> |
---|
45 | </tr> |
---|
46 | <tr> |
---|
47 | <td>NÄm trưá»c</td> |
---|
48 | <td> |
---|
49 | $1111111111 |
---|
50 | </td> |
---|
51 | </tr> |
---|
52 | </tbody> |
---|
53 | </table> |
---|
54 | </div><!-- /.table-responsive --> |
---|
55 | </div> |
---|
56 | </div> |
---|
57 | </div> |
---|
58 | |
---|
59 | <div class="col-xs-6"> |
---|
60 | <div class="widget-box no-border"> |
---|
61 | <div class="widget-header widget-header-flat"> |
---|
62 | <h4 class="lighter"> |
---|
63 | <i class="icon-signal"></i> |
---|
64 | Biá»u Äá» doanh thu |
---|
65 | </h4> |
---|
66 | |
---|
67 | <div class="widget-toolbar"> |
---|
68 | <a data-action="collapse" href="#"> |
---|
69 | <i class="icon-chevron-up"></i> |
---|
70 | </a> |
---|
71 | </div> |
---|
72 | </div> |
---|
73 | |
---|
74 | <div class="widget-body"> |
---|
75 | <div class="widget-main padding-4"> |
---|
76 | <div id="sales-charts" style="width: 100%; height: 200px; padding: 0px; position: relative;"><canvas class="flot-base" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 534px; height: 200px;" width="534" height="200"></canvas><div class="flot-text" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; font-size: smaller; color: rgb(84, 84, 84);"><div class="flot-x-axis flot-x1-axis xAxis x1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"><div style="position: absolute; max-width: 76px; top: 184px; left: 29px; text-align: center;" class="flot-tick-label tickLabel">0.0</div><div style="position: absolute; max-width: 76px; top: 184px; left: 110px; text-align: center;" class="flot-tick-label tickLabel">1.0</div><div style="position: absolute; max-width: 76px; top: 184px; left: 192px; text-align: center;" class="flot-tick-label tickLabel">2.0</div><div style="position: absolute; max-width: 76px; top: 184px; left: 274px; text-align: center;" class="flot-tick-label tickLabel">3.0</div><div style="position: absolute; max-width: 76px; top: 184px; left: 355px; text-align: center;" class="flot-tick-label tickLabel">4.0</div><div style="position: absolute; max-width: 76px; top: 184px; left: 437px; text-align: center;" class="flot-tick-label tickLabel">5.0</div><div style="position: absolute; max-width: 76px; top: 184px; left: 519px; text-align: center;" class="flot-tick-label tickLabel">6.0</div></div><div class="flot-y-axis flot-y1-axis yAxis y1Axis" style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"><div style="position: absolute; top: 172px; left: 1px; text-align: right;" class="flot-tick-label tickLabel">-2.000</div><div style="position: absolute; top: 150px; left: 1px; text-align: right;" class="flot-tick-label tickLabel">-1.500</div><div style="position: absolute; top: 129px; left: 1px; text-align: right;" class="flot-tick-label tickLabel">-1.000</div><div style="position: absolute; top: 107px; left: 1px; text-align: right;" class="flot-tick-label tickLabel">-0.500</div><div style="position: absolute; top: 86px; left: 4px; text-align: right;" class="flot-tick-label tickLabel">0.000</div><div style="position: absolute; top: 65px; left: 4px; text-align: right;" class="flot-tick-label tickLabel">0.500</div><div style="position: absolute; top: 43px; left: 4px; text-align: right;" class="flot-tick-label tickLabel">1.000</div><div style="position: absolute; top: 22px; left: 4px; text-align: right;" class="flot-tick-label tickLabel">1.500</div><div style="position: absolute; top: 1px; left: 4px; text-align: right;" class="flot-tick-label tickLabel">2.000</div></div></div><canvas class="flot-overlay" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 534px; height: 200px;" width="534" height="200"></canvas><div class="legend"><div style="position: absolute; width: 86px; height: 66px; top: 13px; right: 13px; background-color: rgb(255, 255, 255); opacity: 0.85;"> </div><table style="position:absolute;top:13px;right:13px;;font-size:smaller;color:#545454"><tbody><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid #1abc9c;overflow:hidden"></div></div></td><td class="legendLabel">SMS</td></tr><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid #e67e22;overflow:hidden"></div></div></td><td class="legendLabel">Thẻ cà o</td></tr><tr><td class="legendColorBox"><div style="border:1px solid #ccc;padding:1px"><div style="width:4px;height:0;border:5px solid #3498db;overflow:hidden"></div></div></td><td class="legendLabel">Cá»ng tác viên</td></tr></tbody></table></div></div> |
---|
77 | </div><!-- /widget-main --> |
---|
78 | </div><!-- /widget-body --> |
---|
79 | </div><!-- /widget-box --> |
---|
80 | </div> |
---|
81 | |
---|
82 | <div class="clearfix"></div> |
---|
83 | |
---|
84 | <div style="padding-bottom:4px" class="table-header"> |
---|
85 | Thá»ng kê |
---|
86 | </div> |
---|
87 | |
---|
88 | <div class="table-responsive"> |
---|
89 | <div role="grid" class="dataTables_wrapper" id="sample-table-2_wrapper"><div class="row"><div class="col-sm-6"><div id="sample-table-2_length" class="dataTables_length"><label>Hiá»n thá» <select name="sample-table-2_length" size="1" aria-controls="sample-table-2"><option value="10" selected="selected">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select> bản ghi</label></div></div><div class="col-sm-6"><div class="dataTables_filter" id="sample-table-2_filter"><label>Tìm kiếm: <input type="text" aria-controls="sample-table-2"></label></div></div></div><table class="table table-striped table-bordered table-hover dataTable" id="sample-table-2" aria-describedby="sample-table-2_info"> |
---|
90 | <thead> |
---|
91 | <tr role="row"><th class="sorting_disabled" role="columnheader" rowspan="1" colspan="1" style="width: 249px;" aria-label="Sá» Äiá»n thoại">Sá» Äiá»n thoại</th><th class="sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" style="width: 289px;" aria-label="Há» tên: activate to sort column ascending">Há» tên</th><th class="hidden-480 sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" style="width: 196px;" aria-label="Tiá»n: activate to sort column ascending">Tiá»n</th><th class="sorting" role="columnheader" tabindex="0" aria-controls="sample-table-2" rowspan="1" colspan="1" style="width: 329px;" aria-label=" |
---|
92 | |
---|
93 | Ngà y ÄÄng kÜ |
---|
94 | : activate to sort column ascending"> |
---|
95 | <i class="icon-time bigger-110 hidden-480"></i> |
---|
96 | Ngà y ÄÄng kÜ |
---|
97 | </th></tr> |
---|
98 | </thead> |
---|
99 | |
---|
100 | |
---|
101 | <tbody role="alert" aria-live="polite" aria-relevant="all"><tr class="odd"> |
---|
102 | <td class=" sorting_1"> |
---|
103 | <a href="#">0918273645</a> |
---|
104 | </td> |
---|
105 | <td class=" ">Nguyá»
n VÄn VÄn</td> |
---|
106 | <td class="hidden-480 ">3,330 VND</td> |
---|
107 | <td class=" ">12/10/2104</td> |
---|
108 | </tr></tbody></table><div class="row"><div class="col-sm-6"><div class="dataTables_info" id="sample-table-2_info">Hiá»n thá» 1 Äến 1 cá»§a 1 bản ghi</div></div><div class="col-sm-6"><div class="dataTables_paginate paging_bootstrap"><ul class="pagination"><li class="prev disabled"><a href="#"><i class="icon-double-angle-left"></i></a></li><li class="active"><a href="#">1</a></li><li class="next disabled"><a href="#"><i class="icon-double-angle-right"></i></a></li></ul></div></div></div></div> |
---|
109 | </div> |
---|
110 | |
---|
111 | <!-- PAGE CONTENT ENDS --> |
---|
112 | </div> |
---|