source: pro-violet-viettel/docs/Space/report_assistant.html @ 307

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