source: pro-violet-viettel/docs/Space/report_sms.html @ 303

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