source: pro-violet-viettel/docs/template/report_assistant.html @ 635

Last change on this file since 635 was 400, checked in by dungnv, 11 years ago
  • Property svn:mime-type set to text/plain
File size: 24.0 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3        <head>
4                <meta charset="utf-8" />
5                <title>SBG|Admin</title>
6
7                <meta name="description" content="overview &amp; stats" />
8                <meta name="viewport" content="width=device-width, initial-scale=1.0" />
9
10                <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
11                <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
12
13                <link rel="stylesheet" href="assets/css/ace-fonts.css" />
14
15                <link rel="stylesheet" href="assets/css/ace.min.css" />
16                <link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
17                <link rel="stylesheet" href="assets/css/ace-skins.min.css" />
18
19                <script src="assets/js/ace-extra.min.js"></script>
20
21                <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
22
23                <!--[if lt IE 9]>
24                <script src="assets/js/html5shiv.js"></script>
25                <script src="assets/js/respond.min.js"></script>
26                <![endif]-->
27        </head>
28
29        <body>
30                <div class="navbar navbar-default navbar-fixed-top" id="navbar">
31                        <script type="text/javascript">
32                                try{ace.settings.check('navbar' , 'fixed')}catch(e){}
33                        </script>
34
35                        <div class="navbar-container" id="navbar-container">
36                                <div class="navbar-header pull-left">
37                                        <a href="#" class="navbar-brand">
38                                                <img src="assets/img/logo_soanbai_online_white.png" width="350" class="img-responsive">
39                                        </a><!-- /.brand -->
40                                </div><!-- /.navbar-header -->
41
42                                <div class="navbar-header pull-right" role="navigation">
43                                        <ul class="nav ace-nav">
44                                                <li>
45                                                        <a data-toggle="dropdown" href="#" class="dropdown-toggle">
46                                                                <img class="nav-user-photo" src="assets/avatars/user.jpg" alt="Admin's Photo" />
47                                                                <span class="user-info">
48                                                                        <small>Xin chào,</small>
49                                                                        Admin
50                                                                </span>
51
52                                                                <i class="icon-caret-down"></i>
53                                                        </a>
54
55                                                        <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
56                                                                <li>
57                                                                        <a href="user_profile.html">
58                                                                                <i class="icon-user"></i>
59                                                                                ThÃŽng tin cá nhân
60                                                                        </a>
61                                                                </li>
62
63                                                                <li class="divider"></li>
64
65                                                                <li>
66                                                                        <a href="login.html">
67                                                                                <i class="icon-off"></i>
68                                                                                Thoát
69                                                                        </a>
70                                                                </li>
71                                                        </ul>
72                                                </li>
73                                        </ul><!-- /.ace-nav -->
74                                </div><!-- /.navbar-header -->
75                        </div><!-- /.container -->
76                </div>
77
78                <div class="main-container" id="main-container">
79                        <script type="text/javascript">
80                                try{ace.settings.check('main-container' , 'fixed')}catch(e){}
81                        </script>
82
83                        <div class="main-container-inner">
84                                <a class="menu-toggler" id="menu-toggler" href="#">
85                                        <span class="menu-text"></span>
86                                </a>
87
88                                <div class="sidebar sidebar-fixed" id="sidebar">
89                                        <script type="text/javascript">
90                                                try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
91                                        </script>
92
93                                        <ul class="nav nav-list">
94                                                <li>
95                                                        <a href="index.html">
96                                                                <i class="icon-dashboard"></i>
97                                                                <span class="menu-text"> Bảng điều khiển </span>
98                                                        </a>
99                                                </li>
100
101                                                <li>
102                                                        <a href="#" class="dropdown-toggle">
103                                                                <i class="icon-group"></i>
104                                                                <span class="menu-text"> Quản lÜ tài khoản </span>
105
106                                                                <b class="arrow icon-angle-down"></b>
107                                                        </a>
108
109                                                        <ul class="submenu">
110                                                                <li>
111                                                                        <a href="admin_acc.html">
112                                                                                <i class="icon-double-angle-right"></i>
113                                                                                Quản trị viên
114                                                                        </a>
115                                                                </li>
116
117                                                                <li>
118                                                                        <a href="#" class="dropdown-toggle">
119                                                                                <i class="icon-double-angle-right"></i>
120                                                                                Người dùng
121                                                                                <b class="arrow icon-angle-down"></b>
122                                                                        </a>
123
124                                                                        <ul class="submenu">
125                                                                                <li> <a href=""> Kích hoạt/ Tạm ngưng </a> </li>
126                                                                                <li> <a href="user_acc.html"> Thống kê tài khoản </a> </li>
127                                                                        </ul>
128                                                                </li>
129
130                                                                <li>
131                                                                        <a href="assistant_acc.html">
132                                                                                <i class="icon-double-angle-right"></i>
133                                                                                Cộng tác viên
134                                                                        </a>
135                                                                </li>
136
137                                                        </ul>
138                                                </li>
139
140                                                <li class="active open">
141                                                        <a href="#" class="dropdown-toggle">
142                                                                <i class="icon-bar-chart"></i>
143                                                                <span class="menu-text"> Báo cáo </span>
144
145                                                                <b class="arrow icon-angle-down"></b>
146                                                        </a>
147
148                                                        <ul class="submenu">
149                                                                <li>
150                                                                        <a href="report_all.html">
151                                                                                <i class="icon-double-angle-right"></i>
152                                                                                Doanh thu tổng hợp
153                                                                        </a>
154                                                                </li>
155
156                                                                <li>
157                                                                        <a href="report_sms.html">
158                                                                                <i class="icon-double-angle-right"></i>
159                                                                                Doanh thu qua SMS
160                                                                        </a>
161                                                                </li>
162
163                                                                <li>
164                                                                        <a href="report_card.html">
165                                                                                <i class="icon-double-angle-right"></i>
166                                                                                Doanh thu qua nạp thẻ cào
167                                                                        </a>
168                                                                </li>
169
170                                                                <li class="active">
171                                                                        <a href="report_assistant.html">
172                                                                                <i class="icon-double-angle-right"></i>
173                                                                                Doanh thu cá»§a cộng tác viên
174                                                                        </a>
175                                                                </li>
176
177                                                                <li>
178                                                                        <a href="logs_sms.html">
179                                                                                <i class="icon-double-angle-right"></i>
180                                                                                SMS logs
181                                                                        </a>
182                                                                </li>
183
184                                                                <li>
185                                                                        <a href="logs_card.html">
186                                                                                <i class="icon-double-angle-right"></i>
187                                                                                Card logs
188                                                                        </a>
189                                                                </li>
190                                                        </ul>
191                                                </li>
192
193                                                <li>
194                                                        <a href="config.html" class="dropdown-toggle">
195                                                                <i class="icon-cog"></i>
196                                                                <span class="menu-text"> Thiết lập </span>
197                                                        </a>
198                                                </li>
199
200                                        </ul><!-- /.nav-list -->
201
202                                        <div class="sidebar-collapse" id="sidebar-collapse">
203                                                <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
204                                        </div>
205
206                                        <script type="text/javascript">
207                                                try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
208                                        </script>
209                                       
210                                        <ul class="logo-group list-inline">
211                                                <li><img src="assets/img/logo_Violet.png" width="64" class="img-responsive"></li>
212                                                <li><img src="assets/img/logo_viettel.png" width="64" class="img-responsive"></li>
213                                        </ul>
214                                </div>
215
216                                <div class="main-content">
217                                        <div class="breadcrumbs" id="breadcrumbs">
218                                                <script type="text/javascript">
219                                                        try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
220                                                </script>
221
222                                                <ul class="breadcrumb">
223                                                        <li>
224                                                                <i class="icon-home home-icon"></i>
225                                                                <a href="index.html">Trang chá»§</a>
226                                                        </li>
227                                                        <li><a href="index.html">Bảng điều khiển</a></li>
228                                                        <li class="active">Doanh thu cá»§a cộng tác viên</li>
229                                                </ul><!-- .breadcrumb -->
230
231                                                <div class="nav-search" id="nav-search">
232                                                        <form class="form-search">
233                                                                <span class="input-icon">
234                                                                        <input type="text" placeholder="Tìm kiếm ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
235                                                                        <i class="icon-search nav-search-icon"></i>
236                                                                </span>
237                                                        </form>
238                                                </div><!-- #nav-search -->
239                                        </div>
240
241                                        <div class="page-content">
242
243                                                <div class="row">
244                                                        <div class="col-xs-12">
245                                                                <!-- 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 cộng tác viên
252                                                                                </h4>
253
254                                                                                <div class="widget-toolbar">
255                                                                                        <a href="#" data-action="collapse">
256                                                                                                <i class="icon-chevron-up"></i>
257                                                                                        </a>
258                                                                                </div>
259                                                                        </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 class="table-responsive">
269                                                                        <table id="sample-table-1" class="table table-striped table-bordered table-hover">
270                                                                                <thead>
271                                                                                        <tr>
272                                                                                                <th class="center">
273                                                                                                        <label>
274                                                                                                                <input type="checkbox" class="ace" />
275                                                                                                                <span class="lbl"></span>
276                                                                                                        </label>
277                                                                                                </th>
278                                                                                                <th>Domain</th>
279                                                                                                <th>Price</th>
280                                                                                                <th class="hidden-480">Clicks</th>
281
282                                                                                                <th>
283                                                                                                        <i class="icon-time bigger-110 hidden-480"></i>
284                                                                                                        Update
285                                                                                                </th>
286                                                                                                <th class="hidden-480">Status</th>
287
288                                                                                                <th></th>
289                                                                                        </tr>
290                                                                                </thead>
291
292                                                                                <tbody>
293                                                                                        <tr>
294                                                                                                <td class="center">
295                                                                                                        <label>
296                                                                                                                <input type="checkbox" class="ace" />
297                                                                                                                <span class="lbl"></span>
298                                                                                                        </label>
299                                                                                                </td>
300
301                                                                                                <td>
302                                                                                                        <a href="#">ace.com</a>
303                                                                                                </td>
304                                                                                                <td>$45</td>
305                                                                                                <td class="hidden-480">3,330</td>
306                                                                                                <td>Feb 12</td>
307
308                                                                                                <td class="hidden-480">
309                                                                                                        <span class="label label-sm label-warning">Expiring</span>
310                                                                                                </td>
311
312                                                                                                <td>
313                                                                                                        <div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
314                                                                                                                <button class="btn btn-xs btn-success">
315                                                                                                                        <i class="icon-ok bigger-120"></i>
316                                                                                                                </button>
317
318                                                                                                                <button class="btn btn-xs btn-info">
319                                                                                                                        <i class="icon-edit bigger-120"></i>
320                                                                                                                </button>
321
322                                                                                                                <button class="btn btn-xs btn-danger">
323                                                                                                                        <i class="icon-trash bigger-120"></i>
324                                                                                                                </button>
325
326                                                                                                                <button class="btn btn-xs btn-warning">
327                                                                                                                        <i class="icon-flag bigger-120"></i>
328                                                                                                                </button>
329                                                                                                        </div>
330
331                                                                                                        <div class="visible-xs visible-sm hidden-md hidden-lg">
332                                                                                                                <div class="inline position-relative">
333                                                                                                                        <button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
334                                                                                                                                <i class="icon-cog icon-only bigger-110"></i>
335                                                                                                                        </button>
336
337                                                                                                                        <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
338                                                                                                                                <li>
339                                                                                                                                        <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
340                                                                                                                                                <span class="blue">
341                                                                                                                                                        <i class="icon-zoom-in bigger-120"></i>
342                                                                                                                                                </span>
343                                                                                                                                        </a>
344                                                                                                                                </li>
345
346                                                                                                                                <li>
347                                                                                                                                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
348                                                                                                                                                <span class="green">
349                                                                                                                                                        <i class="icon-edit bigger-120"></i>
350                                                                                                                                                </span>
351                                                                                                                                        </a>
352                                                                                                                                </li>
353
354                                                                                                                                <li>
355                                                                                                                                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
356                                                                                                                                                <span class="red">
357                                                                                                                                                        <i class="icon-trash bigger-120"></i>
358                                                                                                                                                </span>
359                                                                                                                                        </a>
360                                                                                                                                </li>
361                                                                                                                        </ul>
362                                                                                                                </div>
363                                                                                                        </div>
364                                                                                                </td>
365                                                                                        </tr>
366
367                                                                                        <tr>
368                                                                                                <td class="center">
369                                                                                                        <label>
370                                                                                                                <input type="checkbox" class="ace" />
371                                                                                                                <span class="lbl"></span>
372                                                                                                        </label>
373                                                                                                </td>
374
375                                                                                                <td>
376                                                                                                        <a href="#">base.com</a>
377                                                                                                </td>
378                                                                                                <td>$35</td>
379                                                                                                <td class="hidden-480">2,595</td>
380                                                                                                <td>Feb 18</td>
381
382                                                                                                <td class="hidden-480">
383                                                                                                        <span class="label label-sm label-success">Registered</span>
384                                                                                                </td>
385
386                                                                                                <td>
387                                                                                                        <div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
388                                                                                                                <button class="btn btn-xs btn-success">
389                                                                                                                        <i class="icon-ok bigger-120"></i>
390                                                                                                                </button>
391
392                                                                                                                <button class="btn btn-xs btn-info">
393                                                                                                                        <i class="icon-edit bigger-120"></i>
394                                                                                                                </button>
395
396                                                                                                                <button class="btn btn-xs btn-danger">
397                                                                                                                        <i class="icon-trash bigger-120"></i>
398                                                                                                                </button>
399
400                                                                                                                <button class="btn btn-xs btn-warning">
401                                                                                                                        <i class="icon-flag bigger-120"></i>
402                                                                                                                </button>
403                                                                                                        </div>
404
405                                                                                                        <div class="visible-xs visible-sm hidden-md hidden-lg">
406                                                                                                                <div class="inline position-relative">
407                                                                                                                        <button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
408                                                                                                                                <i class="icon-cog icon-only bigger-110"></i>
409                                                                                                                        </button>
410
411                                                                                                                        <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
412                                                                                                                                <li>
413                                                                                                                                        <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
414                                                                                                                                                <span class="blue">
415                                                                                                                                                        <i class="icon-zoom-in bigger-120"></i>
416                                                                                                                                                </span>
417                                                                                                                                        </a>
418                                                                                                                                </li>
419
420                                                                                                                                <li>
421                                                                                                                                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
422                                                                                                                                                <span class="green">
423                                                                                                                                                        <i class="icon-edit bigger-120"></i>
424                                                                                                                                                </span>
425                                                                                                                                        </a>
426                                                                                                                                </li>
427
428                                                                                                                                <li>
429                                                                                                                                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
430                                                                                                                                                <span class="red">
431                                                                                                                                                        <i class="icon-trash bigger-120"></i>
432                                                                                                                                                </span>
433                                                                                                                                        </a>
434                                                                                                                                </li>
435                                                                                                                        </ul>
436                                                                                                                </div>
437                                                                                                        </div>
438                                                                                                </td>
439                                                                                        </tr>
440
441                                                                                        <tr>
442                                                                                                <td class="center">
443                                                                                                        <label>
444                                                                                                                <input type="checkbox" class="ace" />
445                                                                                                                <span class="lbl"></span>
446                                                                                                        </label>
447                                                                                                </td>
448
449                                                                                                <td>
450                                                                                                        <a href="#">max.com</a>
451                                                                                                </td>
452                                                                                                <td>$60</td>
453                                                                                                <td class="hidden-480">4,400</td>
454                                                                                                <td>Mar 11</td>
455
456                                                                                                <td class="hidden-480">
457                                                                                                        <span class="label label-sm label-warning">Expiring</span>
458                                                                                                </td>
459
460                                                                                                <td>
461                                                                                                        <div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
462                                                                                                                <button class="btn btn-xs btn-success">
463                                                                                                                        <i class="icon-ok bigger-120"></i>
464                                                                                                                </button>
465
466                                                                                                                <button class="btn btn-xs btn-info">
467                                                                                                                        <i class="icon-edit bigger-120"></i>
468                                                                                                                </button>
469
470                                                                                                                <button class="btn btn-xs btn-danger">
471                                                                                                                        <i class="icon-trash bigger-120"></i>
472                                                                                                                </button>
473
474                                                                                                                <button class="btn btn-xs btn-warning">
475                                                                                                                        <i class="icon-flag bigger-120"></i>
476                                                                                                                </button>
477                                                                                                        </div>
478
479                                                                                                        <div class="visible-xs visible-sm hidden-md hidden-lg">
480                                                                                                                <div class="inline position-relative">
481                                                                                                                        <button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
482                                                                                                                                <i class="icon-cog icon-only bigger-110"></i>
483                                                                                                                        </button>
484
485                                                                                                                        <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
486                                                                                                                                <li>
487                                                                                                                                        <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
488                                                                                                                                                <span class="blue">
489                                                                                                                                                        <i class="icon-zoom-in bigger-120"></i>
490                                                                                                                                                </span>
491                                                                                                                                        </a>
492                                                                                                                                </li>
493
494                                                                                                                                <li>
495                                                                                                                                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
496                                                                                                                                                <span class="green">
497                                                                                                                                                        <i class="icon-edit bigger-120"></i>
498                                                                                                                                                </span>
499                                                                                                                                        </a>
500                                                                                                                                </li>
501
502                                                                                                                                <li>
503                                                                                                                                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
504                                                                                                                                                <span class="red">
505                                                                                                                                                        <i class="icon-trash bigger-120"></i>
506                                                                                                                                                </span>
507                                                                                                                                        </a>
508                                                                                                                                </li>
509                                                                                                                        </ul>
510                                                                                                                </div>
511                                                                                                        </div>
512                                                                                                </td>
513                                                                                        </tr>
514
515                                                                                        <tr>
516                                                                                                <td class="center">
517                                                                                                        <label>
518                                                                                                                <input type="checkbox" class="ace" />
519                                                                                                                <span class="lbl"></span>
520                                                                                                        </label>
521                                                                                                </td>
522
523                                                                                                <td>
524                                                                                                        <a href="#">best.com</a>
525                                                                                                </td>
526                                                                                                <td>$75</td>
527                                                                                                <td class="hidden-480">6,500</td>
528                                                                                                <td>Apr 03</td>
529
530                                                                                                <td class="hidden-480">
531                                                                                                        <span class="label label-sm label-inverse arrowed-in">Flagged</span>
532                                                                                                </td>
533
534                                                                                                <td>
535                                                                                                        <div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
536                                                                                                                <button class="btn btn-xs btn-success">
537                                                                                                                        <i class="icon-ok bigger-120"></i>
538                                                                                                                </button>
539
540                                                                                                                <button class="btn btn-xs btn-info">
541                                                                                                                        <i class="icon-edit bigger-120"></i>
542                                                                                                                </button>
543
544                                                                                                                <button class="btn btn-xs btn-danger">
545                                                                                                                        <i class="icon-trash bigger-120"></i>
546                                                                                                                </button>
547
548                                                                                                                <button class="btn btn-xs btn-warning">
549                                                                                                                        <i class="icon-flag bigger-120"></i>
550                                                                                                                </button>
551                                                                                                        </div>
552
553                                                                                                        <div class="visible-xs visible-sm hidden-md hidden-lg">
554                                                                                                                <div class="inline position-relative">
555                                                                                                                        <button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
556                                                                                                                                <i class="icon-cog icon-only bigger-110"></i>
557                                                                                                                        </button>
558
559                                                                                                                        <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
560                                                                                                                                <li>
561                                                                                                                                        <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
562                                                                                                                                                <span class="blue">
563                                                                                                                                                        <i class="icon-zoom-in bigger-120"></i>
564                                                                                                                                                </span>
565                                                                                                                                        </a>
566                                                                                                                                </li>
567
568                                                                                                                                <li>
569                                                                                                                                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
570                                                                                                                                                <span class="green">
571                                                                                                                                                        <i class="icon-edit bigger-120"></i>
572                                                                                                                                                </span>
573                                                                                                                                        </a>
574                                                                                                                                </li>
575
576                                                                                                                                <li>
577                                                                                                                                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
578                                                                                                                                                <span class="red">
579                                                                                                                                                        <i class="icon-trash bigger-120"></i>
580                                                                                                                                                </span>
581                                                                                                                                        </a>
582                                                                                                                                </li>
583                                                                                                                        </ul>
584                                                                                                                </div>
585                                                                                                        </div>
586                                                                                                </td>
587                                                                                        </tr>
588
589                                                                                        <tr>
590                                                                                                <td class="center">
591                                                                                                        <label>
592                                                                                                                <input type="checkbox" class="ace" />
593                                                                                                                <span class="lbl"></span>
594                                                                                                        </label>
595                                                                                                </td>
596
597                                                                                                <td>
598                                                                                                        <a href="#">pro.com</a>
599                                                                                                </td>
600                                                                                                <td>$55</td>
601                                                                                                <td class="hidden-480">4,250</td>
602                                                                                                <td>Jan 21</td>
603
604                                                                                                <td class="hidden-480">
605                                                                                                        <span class="label label-sm label-success">Registered</span>
606                                                                                                </td>
607
608                                                                                                <td>
609                                                                                                        <div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
610                                                                                                                <button class="btn btn-xs btn-success">
611                                                                                                                        <i class="icon-ok bigger-120"></i>
612                                                                                                                </button>
613
614                                                                                                                <button class="btn btn-xs btn-info">
615                                                                                                                        <i class="icon-edit bigger-120"></i>
616                                                                                                                </button>
617
618                                                                                                                <button class="btn btn-xs btn-danger">
619                                                                                                                        <i class="icon-trash bigger-120"></i>
620                                                                                                                </button>
621
622                                                                                                                <button class="btn btn-xs btn-warning">
623                                                                                                                        <i class="icon-flag bigger-120"></i>
624                                                                                                                </button>
625                                                                                                        </div>
626
627                                                                                                        <div class="visible-xs visible-sm hidden-md hidden-lg">
628                                                                                                                <div class="inline position-relative">
629                                                                                                                        <button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
630                                                                                                                                <i class="icon-cog icon-only bigger-110"></i>
631                                                                                                                        </button>
632
633                                                                                                                        <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
634                                                                                                                                <li>
635                                                                                                                                        <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
636                                                                                                                                                <span class="blue">
637                                                                                                                                                        <i class="icon-zoom-in bigger-120"></i>
638                                                                                                                                                </span>
639                                                                                                                                        </a>
640                                                                                                                                </li>
641
642                                                                                                                                <li>
643                                                                                                                                        <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
644                                                                                                                                                <span class="green">
645                                                                                                                                                        <i class="icon-edit bigger-120"></i>
646                                                                                                                                                </span>
647                                                                                                                                        </a>
648                                                                                                                                </li>
649
650                                                                                                                                <li>
651                                                                                                                                        <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
652                                                                                                                                                <span class="red">
653                                                                                                                                                        <i class="icon-trash bigger-120"></i>
654                                                                                                                                                </span>
655                                                                                                                                        </a>
656                                                                                                                                </li>
657                                                                                                                        </ul>
658                                                                                                                </div>
659                                                                                                        </div>
660                                                                                                </td>
661                                                                                        </tr>
662                                                                                </tbody>
663                                                                        </table>
664                                                                </div><!-- /.table-responsive -->
665                                                                <!-- PAGE CONTENT ENDS -->
666                                                        </div><!-- /.col -->
667                                                </div><!-- /.row -->
668                                        </div><!-- /.page-content -->
669                                </div><!-- /.main-content -->
670                        </div><!-- /.main-container-inner -->
671
672                        <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
673                                <i class="icon-double-angle-up icon-only bigger-110"></i>
674                        </a>
675                </div><!-- /.main-container -->
676
677                <!-- basic scripts -->
678
679                <!--[if !IE]> -->
680
681                <script type="text/javascript">
682                        window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
683                </script>
684
685                <!-- <![endif]-->
686
687                <!--[if IE]>
688<script type="text/javascript">
689 window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
690</script>
691<![endif]-->
692
693                <script type="text/javascript">
694                        if("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
695                </script>
696                <script src="assets/js/bootstrap.min.js"></script>
697                <script src="assets/js/typeahead-bs2.min.js"></script>
698
699                <!-- page specific plugin scripts -->
700
701                <!--[if lte IE 8]>
702                  <script src="assets/js/excanvas.min.js"></script>
703                <![endif]-->
704
705                <script src="assets/js/jquery-ui-1.10.3.custom.min.js"></script>
706                <script src="assets/js/jquery.ui.touch-punch.min.js"></script>
707                <script src="assets/js/jquery.slimscroll.min.js"></script>
708                <script src="assets/js/flot/jquery.flot.min.js"></script>
709                <script src="assets/js/flot/jquery.flot.pie.min.js"></script>
710                <script src="assets/js/flot/jquery.flot.resize.min.js"></script>
711
712                <!-- ace scripts -->
713
714                <script src="assets/js/ace-elements.min.js"></script>
715                <script src="assets/js/ace.min.js"></script>
716
717                <!-- inline scripts related to this page -->
718
719                <script type="text/javascript">
720                        jQuery(function($) {
721
722                       
723                                var d1 = [];
724                                for (var i = 0; i < Math.PI * 3; i += 0.6) {
725                                        d1.push([i, Math.sin(i)]);
726                                }
727                       
728                                var sales_charts = $('#sales-charts').css({'width':'100%' , 'height':'320px'});
729                                $.plot("#sales-charts", [
730                                        { color: '#3498db', label: "Cộng tác viên", data: d1 },
731                                ], {
732                                        hoverable: true,
733                                        shadowSize: 0,
734                                        series: {
735                                                lines: { show: true },
736                                                points: { show: true }
737                                        },
738                                        xaxis: {
739                                                tickLength: 0
740                                        },
741                                        yaxis: {
742                                                ticks: 10,
743                                                min: -2,
744                                                max: 2,
745                                                tickDecimals: 3
746                                        },
747                                        grid: {
748                                                backgroundColor: { colors: [ "#fff", "#fff" ] },
749                                                borderWidth: 1,
750                                                borderColor:'#555'
751                                        }
752                                });
753               
754                               
755                                //Android's default browser somehow is confused when tapping on label which will lead to dragging the task
756                                //so disable dragging when clicking on label
757                                var agent = navigator.userAgent.toLowerCase();
758                                if("ontouchstart" in document && /applewebkit/.test(agent) && /android/.test(agent))
759                                  $('#tasks').on('touchstart', function(e){
760                                        var li = $(e.target).closest('#tasks li');
761                                        if(li.length == 0)return;
762                                        var label = li.find('label.inline').get(0);
763                                        if(label == e.target || $.contains(label, e.target)) e.stopImmediatePropagation() ;
764                                });
765                       
766                                $('#tasks').sortable({
767                                        opacity:0.8,
768                                        revert:true,
769                                        forceHelperSize:true,
770                                        placeholder: 'draggable-placeholder',
771                                        forcePlaceholderSize:true,
772                                        tolerance:'pointer',
773                                        stop: function( event, ui ) {//just for Chrome!!!! so that dropdowns on items don't appear below other items after being moved
774                                                $(ui.item).css('z-index', 'auto');
775                                        }
776                                        }
777                                );
778                                $('#tasks').disableSelection();
779                                $('#tasks input:checkbox').removeAttr('checked').on('click', function(){
780                                        if(this.checked) $(this).closest('li').addClass('selected');
781                                        else $(this).closest('li').removeClass('selected');
782                                });
783                               
784                       
785                        })
786                </script>
787        </body>
788</html>
Note: See TracBrowser for help on using the repository browser.