Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 espaco 1
<!-- BEGIN PAGE BREADCRUMB -->
2
<ul class="page-breadcrumb breadcrumb hide">
3
        <li>
4
                <a href="#">Home</a><i class="fa fa-circle"></i>
5
        </li>
6
        <li class="active">
7
                Dashboard
8
        </li>
9
</ul>
10
<!-- END PAGE BREADCRUMB -->
11
<!-- BEGIN MAIN CONTENT -->
12
<div ng-controller="DashboardController" class="margin-top-10">
13
        <div class="note note-success note-bordered">
14
                <h3>Meet Metronic AngularJS Version! <span class="close" data-close="note"></span></h3>
15
                <p>
16
                        AngularJS version of Metronic gives an extremely fast browsing experience to users.
17
                        It uses lazy loading of dependency resources(modules, controllers, templates, jquery plugins, javascripts and even css files) on demand.
18
                        UI-Router is used for flexible routing with nested views. UI Bootstrap enables using all Bootstrap framework components
19
                        with pure AngularJS directives.
20
                </p>
21
                <span class="label label-danger">NOTE:</span> All Metronic features from the HTML version(pages, layout options, components, plugins, etc) are fully compatible in the AngularJS version.</span>
22
                </p>
23
        </div>
24
        <div class="row">
25
                <div class="col-md-6 col-sm-12">
26
                        <!-- BEGIN PORTLET-->
27
                        <div class="portlet light ">
28
                                <div class="portlet-title">
29
                                        <div class="caption caption-md">
30
                                                <i class="icon-bar-chart font-green-haze hide"></i>
31
                                                <span class="caption-subject font-green-haze bold uppercase">Sales Summary</span>
32
                                                <span class="caption-helper hide">weekly stats...</span>
33
                                        </div>
34
                                        <div class="actions">
35
                                                <div class="btn-group btn-group-devided" data-toggle="buttons">
36
                                                        <label class="btn btn-transparent grey-salsa btn-circle btn-sm active">
37
                                                        <input type="radio" name="options" class="toggle" id="option1">Today</label>
38
                                                        <label class="btn btn-transparent grey-salsa btn-circle btn-sm">
39
                                                        <input type="radio" name="options" class="toggle" id="option2">Week</label>
40
                                                        <label class="btn btn-transparent grey-salsa btn-circle btn-sm">
41
                                                        <input type="radio" name="options" class="toggle" id="option2">Month</label>
42
                                                </div>
43
                                        </div>
44
                                </div>
45
                                <div class="portlet-body">
46
                                        <div class="row list-separated">
47
                                                <div class="col-md-3 col-sm-3 col-xs-6">
48
                                                        <div class="font-grey-mint font-sm">
49
                                                                Total Sales
50
                                                        </div>
51
                                                        <div class="uppercase font-hg font-red-flamingo">
52
                                                                13,760 <span class="font-lg font-grey-mint">$</span>
53
                                                        </div>
54
                                                </div>
55
                                                <div class="col-md-3 col-sm-3 col-xs-6">
56
                                                        <div class="font-grey-mint font-sm">
57
                                                                Revenue
58
                                                        </div>
59
                                                        <div class="uppercase font-hg font-green-haze">
60
                                                                4,760 <span class="font-lg font-grey-mint">$</span>
61
                                                        </div>
62
                                                </div>
63
                                                <div class="col-md-3 col-sm-3 col-xs-6">
64
                                                        <div class="font-grey-mint font-sm">
65
                                                                Expenses
66
                                                        </div>
67
                                                        <div class="uppercase font-hg font-purple">
68
                                                                11,760 <span class="font-lg font-grey-mint">$</span>
69
                                                        </div>
70
                                                </div>
71
                                                <div class="col-md-3 col-sm-3 col-xs-6">
72
                                                        <div class="font-grey-mint font-sm">
73
                                                                Growth
74
                                                        </div>
75
                                                        <div class="uppercase font-hg font-blue-sharp">
76
                                                                9,760 <span class="font-lg font-grey-mint">$</span>
77
                                                        </div>
78
                                                </div>
79
                                        </div>
80
                                        <ul class="list-separated list-inline-xs hide">
81
                                                <li>
82
                                                        <div class="font-grey-mint font-sm">
83
                                                                Total Sales
84
                                                        </div>
85
                                                        <div class="uppercase font-hg font-red-flamingo">
86
                                                                13,760 <span class="font-lg font-grey-mint">$</span>
87
                                                        </div>
88
                                                </li>
89
                                                <li>
90
                                                </li>
91
                                                <li class="border">
92
                                                        <div class="font-grey-mint font-sm">
93
                                                                Revenue
94
                                                        </div>
95
                                                        <div class="uppercase font-hg font-green-haze">
96
                                                                4,760 <span class="font-lg font-grey-mint">$</span>
97
                                                        </div>
98
                                                </li>
99
                                                <li class="divider">
100
                                                </li>
101
                                                <li>
102
                                                        <div class="font-grey-mint font-sm">
103
                                                                Expenses
104
                                                        </div>
105
                                                        <div class="uppercase font-hg font-purple">
106
                                                                11,760 <span class="font-lg font-grey-mint">$</span>
107
                                                        </div>
108
                                                </li>
109
                                                <li class="divider">
110
                                                </li>
111
                                                <li>
112
                                                        <div class="font-grey-mint font-sm">
113
                                                                Growth
114
                                                        </div>
115
                                                        <div class="uppercase font-hg font-blue-sharp">
116
                                                                9,760 <span class="font-lg font-grey-mint">$</span>
117
                                                        </div>
118
                                                </li>
119
                                        </ul>
120
                                        <div id="sales_statistics" class="portlet-body-morris-fit morris-chart" style="height: 260px">
121
                                        </div>
122
                                </div>
123
                        </div>
124
                        <!-- END PORTLET-->
125
                </div>
126
                <div class="col-md-6 col-sm-12">
127
                        <!-- BEGIN PORTLET-->
128
                        <div class="portlet light ">
129
                                <div class="portlet-title">
130
                                        <div class="caption caption-md">
131
                                                <i class="icon-bar-chart font-green-haze hide"></i>
132
                                                <span class="caption-subject font-green-haze bold uppercase">Member Activity</span>
133
                                                <span class="caption-helper hide">weekly stats...</span>
134
                                        </div>
135
                                        <div class="actions">
136
                                                <div class="btn-group btn-group-devided" data-toggle="buttons">
137
                                                        <label class="btn btn-transparent grey-salsa btn-circle btn-sm active">
138
                                                        <input type="radio" name="options" class="toggle" id="option1">Today</label>
139
                                                        <label class="btn btn-transparent grey-salsa btn-circle btn-sm">
140
                                                        <input type="radio" name="options" class="toggle" id="option2">Week</label>
141
                                                        <label class="btn btn-transparent grey-salsa btn-circle btn-sm">
142
                                                        <input type="radio" name="options" class="toggle" id="option2">Month</label>
143
                                                </div>
144
                                        </div>
145
                                </div>
146
                                <div class="portlet-body">
147
                                        <div class="row number-stats margin-bottom-30">
148
                                                <div class="col-md-6 col-sm-6 col-xs-6">
149
                                                        <div class="stat-left">
150
                                                                <div class="stat-chart">
151
                                                                        <!-- do not line break "sparkline_bar" div. sparkline chart has an issue when the container div has line break -->
152
                                                                        <div id="sparkline_bar"></div>
153
                                                                </div>
154
                                                                <div class="stat-number">
155
                                                                        <div class="title">
156
                                                                                Total
157
                                                                        </div>
158
                                                                        <div class="number">
159
                                                                                2460
160
                                                                        </div>
161
                                                                </div>
162
                                                        </div>
163
                                                </div>
164
                                                <div class="col-md-6 col-sm-6 col-xs-6">
165
                                                        <div class="stat-right">
166
                                                                <div class="stat-chart">
167
                                                                        <!-- do not line break "sparkline_bar" div. sparkline chart has an issue when the container div has line break -->
168
                                                                        <div id="sparkline_bar2"></div>
169
                                                                </div>
170
                                                                <div class="stat-number">
171
                                                                        <div class="title">
172
                                                                                New
173
                                                                        </div>
174
                                                                        <div class="number">
175
                                                                                719
176
                                                                        </div>
177
                                                                </div>
178
                                                        </div>
179
                                                </div>
180
                                        </div>
181
                                        <div class="table-scrollable table-scrollable-borderless">
182
                                                <table class="table table-hover table-light">
183
                                                        <thead>
184
                                                                <tr class="uppercase">
185
                                                                        <th colspan="2">
186
                                                                                MEMBER
187
                                                                        </th>
188
                                                                        <th>
189
                                                                                Earnings
190
                                                                        </th>
191
                                                                        <th>
192
                                                                                CASES
193
                                                                        </th>
194
                                                                        <th>
195
                                                                                CLOSED
196
                                                                        </th>
197
                                                                        <th>
198
                                                                                RATE
199
                                                                        </th>
200
                                                                </tr>
201
                                                        </thead>
202
                                                        <tr>
203
                                                                <td class="fit">
204
                                                                        <img class="user-pic" src="../../../assets/admin/layout/img/avatar4.jpg">
205
                                                                </td>
206
                                                                <td>
207
                                                                        <a href="javascript:;" class="primary-link">Brain</a>
208
                                                                </td>
209
                                                                <td>
210
                                                                        $345
211
                                                                </td>
212
                                                                <td>
213
                                                                        45
214
                                                                </td>
215
                                                                <td>
216
                                                                        124
217
                                                                </td>
218
                                                                <td>
219
                                                                        <span class="bold font-green-haze">80%</span>
220
                                                                </td>
221
                                                        </tr>
222
                                                        <tr>
223
                                                                <td class="fit">
224
                                                                        <img class="user-pic" src="../../../assets/admin/layout/img/avatar5.jpg">
225
                                                                </td>
226
                                                                <td>
227
                                                                        <a href="javascript:;" class="primary-link">Nick</a>
228
                                                                </td>
229
                                                                <td>
230
                                                                        $560
231
                                                                </td>
232
                                                                <td>
233
                                                                        12
234
                                                                </td>
235
                                                                <td>
236
                                                                        24
237
                                                                </td>
238
                                                                <td>
239
                                                                        <span class="bold font-green-haze">67%</span>
240
                                                                </td>
241
                                                        </tr>
242
                                                        <tr>
243
                                                                <td class="fit">
244
                                                                        <img class="user-pic" src="../../../assets/admin/layout/img/avatar6.jpg">
245
                                                                </td>
246
                                                                <td>
247
                                                                        <a href="javascript:;" class="primary-link">Tim</a>
248
                                                                </td>
249
                                                                <td>
250
                                                                        $1,345
251
                                                                </td>
252
                                                                <td>
253
                                                                        450
254
                                                                </td>
255
                                                                <td>
256
                                                                        46
257
                                                                </td>
258
                                                                <td>
259
                                                                        <span class="bold font-green-haze">98%</span>
260
                                                                </td>
261
                                                        </tr>
262
                                                        <tr>
263
                                                                <td class="fit">
264
                                                                        <img class="user-pic" src="../../../assets/admin/layout/img/avatar7.jpg">
265
                                                                </td>
266
                                                                <td>
267
                                                                        <a href="javascript:;" class="primary-link">Tom</a>
268
                                                                </td>
269
                                                                <td>
270
                                                                        $645
271
                                                                </td>
272
                                                                <td>
273
                                                                        50
274
                                                                </td>
275
                                                                <td>
276
                                                                        89
277
                                                                </td>
278
                                                                <td>
279
                                                                        <span class="bold font-green-haze">58%</span>
280
                                                                </td>
281
                                                        </tr>
282
                                                </table>
283
                                        </div>
284
                                </div>
285
                        </div>
286
                        <!-- END PORTLET-->
287
                </div>
288
        </div>
289
        <div class="row">
290
                <div class="col-md-6 col-sm-12">
291
                        <!-- BEGIN PORTLET-->
292
                        <div class="portlet light tasks-widget">
293
                                <div class="portlet-title">
294
                                        <div class="caption caption-md">
295
                                                <i class="icon-bar-chart font-green-haze hide"></i>
296
                                                <span class="caption-subject font-green-haze bold uppercase">TASKS</span>
297
                                                <span class="caption-helper">16 pending</span>
298
                                        </div>
299
                                        <div class="inputs">
300
                                                <div class="portlet-input input-small input-inline">
301
                                                        <div class="input-icon right">
302
                                                                <i class="icon-magnifier"></i>
303
                                                                <input type="text" class="form-control form-control-solid" placeholder="search...">
304
                                                        </div>
305
                                                </div>
306
                                        </div>
307
                                </div>
308
                                <div class="portlet-body">
309
                                        <div class="task-content">
310
                                                <div class="scroller" style="height: 282px;" data-always-visible="1" data-rail-visible1="0" data-handle-color="#D7DCE2">
311
                                                        <!-- START TASK LIST -->
312
                                                        <ul class="task-list">
313
                                                                <li>
314
                                                                        <div class="task-checkbox">
315
                                                                                <input type="hidden" value="1" name="test"/>
316
                                                                                <input type="checkbox" class="liChild" value="2" name="test"/>
317
                                                                        </div>
318
                                                                        <div class="task-title">
319
                                                                                <span class="task-title-sp">
320
                                                                                Present 2013 Year IPO Statistics at Board Meeting </span>
321
                                                                                <span class="label label-sm label-success">Company</span>
322
                                                                                <span class="task-bell">
323
                                                                                <i class="fa fa-bell-o"></i>
324
                                                                                </span>
325
                                                                        </div>
326
                                                                        <div class="task-config">
327
                                                                                <div class="task-config-btn btn-group">
328
                                                                                        <a class="btn btn-xs default" href="javascript:;" data-toggle="dropdown" dropdown-menu-hover data-close-others="true">
329
                                                                                        <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
330
                                                                                        </a>
331
                                                                                        <ul class="dropdown-menu pull-right">
332
                                                                                                <li>
333
                                                                                                        <a href="javascript:;">
334
                                                                                                        <i class="fa fa-check"></i> Complete </a>
335
                                                                                                </li>
336
                                                                                                <li>
337
                                                                                                        <a href="javascript:;">
338
                                                                                                        <i class="fa fa-pencil"></i> Edit </a>
339
                                                                                                </li>
340
                                                                                                <li>
341
                                                                                                        <a href="javascript:;">
342
                                                                                                        <i class="fa fa-trash-o"></i> Cancel </a>
343
                                                                                                </li>
344
                                                                                        </ul>
345
                                                                                </div>
346
                                                                        </div>
347
                                                                </li>
348
                                                                <li>
349
                                                                        <div class="task-checkbox">
350
                                                                                <input type="checkbox" class="liChild" value=""/>
351
                                                                        </div>
352
                                                                        <div class="task-title">
353
                                                                                <span class="task-title-sp">
354
                                                                                Hold An Interview for Marketing Manager Position </span>
355
                                                                                <span class="label label-sm label-danger">Marketing</span>
356
                                                                        </div>
357
                                                                        <div class="task-config">
358
                                                                                <div class="task-config-btn btn-group">
359
                                                                                        <a class="btn btn-xs default" href="javascript:;" data-toggle="dropdown" dropdown-menu-hover data-close-others="true">
360
                                                                                        <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
361
                                                                                        </a>
362
                                                                                        <ul class="dropdown-menu pull-right">
363
                                                                                                <li>
364
                                                                                                        <a href="javascript:;">
365
                                                                                                        <i class="fa fa-check"></i> Complete </a>
366
                                                                                                </li>
367
                                                                                                <li>
368
                                                                                                        <a href="javascript:;">
369
                                                                                                        <i class="fa fa-pencil"></i> Edit </a>
370
                                                                                                </li>
371
                                                                                                <li>
372
                                                                                                        <a href="javascript:;">
373
                                                                                                        <i class="fa fa-trash-o"></i> Cancel </a>
374
                                                                                                </li>
375
                                                                                        </ul>
376
                                                                                </div>
377
                                                                        </div>
378
                                                                </li>
379
                                                                <li>
380
                                                                        <div class="task-checkbox">
381
                                                                                <input type="checkbox" class="liChild" value=""/>
382
                                                                        </div>
383
                                                                        <div class="task-title">
384
                                                                                <span class="task-title-sp">
385
                                                                                AirAsia Intranet System Project Internal Meeting </span>
386
                                                                                <span class="label label-sm label-success">AirAsia</span>
387
                                                                                <span class="task-bell">
388
                                                                                <i class="fa fa-bell-o"></i>
389
                                                                                </span>
390
                                                                        </div>
391
                                                                        <div class="task-config">
392
                                                                                <div class="task-config-btn btn-group">
393
                                                                                        <a class="btn btn-xs default" href="javascript:;" data-toggle="dropdown" dropdown-menu-hover data-close-others="true">
394
                                                                                        <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
395
                                                                                        </a>
396
                                                                                        <ul class="dropdown-menu pull-right">
397
                                                                                                <li>
398
                                                                                                        <a href="javascript:;">
399
                                                                                                        <i class="fa fa-check"></i> Complete </a>
400
                                                                                                </li>
401
                                                                                                <li>
402
                                                                                                        <a href="javascript:;">
403
                                                                                                        <i class="fa fa-pencil"></i> Edit </a>
404
                                                                                                </li>
405
                                                                                                <li>
406
                                                                                                        <a href="javascript:;">
407
                                                                                                        <i class="fa fa-trash-o"></i> Cancel </a>
408
                                                                                                </li>
409
                                                                                        </ul>
410
                                                                                </div>
411
                                                                        </div>
412
                                                                </li>
413
                                                                <li>
414
                                                                        <div class="task-checkbox">
415
                                                                                <input type="checkbox" class="liChild" value=""/>
416
                                                                        </div>
417
                                                                        <div class="task-title">
418
                                                                                <span class="task-title-sp">
419
                                                                                Technical Management Meeting </span>
420
                                                                                <span class="label label-sm label-warning">Company</span>
421
                                                                        </div>
422
                                                                        <div class="task-config">
423
                                                                                <div class="task-config-btn btn-group">
424
                                                                                        <a class="btn btn-xs default" href="javascript:;" data-toggle="dropdown" dropdown-menu-hover data-close-others="true">
425
                                                                                        <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
426
                                                                                        </a>
427
                                                                                        <ul class="dropdown-menu pull-right">
428
                                                                                                <li>
429
                                                                                                        <a href="javascript:;">
430
                                                                                                        <i class="fa fa-check"></i> Complete </a>
431
                                                                                                </li>
432
                                                                                                <li>
433
                                                                                                        <a href="javascript:;">
434
                                                                                                        <i class="fa fa-pencil"></i> Edit </a>
435
                                                                                                </li>
436
                                                                                                <li>
437
                                                                                                        <a href="javascript:;">
438
                                                                                                        <i class="fa fa-trash-o"></i> Cancel </a>
439
                                                                                                </li>
440
                                                                                        </ul>
441
                                                                                </div>
442
                                                                        </div>
443
                                                                </li>
444
                                                                <li>
445
                                                                        <div class="task-checkbox">
446
                                                                                <input type="checkbox" class="liChild" value=""/>
447
                                                                        </div>
448
                                                                        <div class="task-title">
449
                                                                                <span class="task-title-sp">
450
                                                                                Kick-off Company CRM Mobile App Development </span>
451
                                                                                <span class="label label-sm label-info">Internal Products</span>
452
                                                                        </div>
453
                                                                        <div class="task-config">
454
                                                                                <div class="task-config-btn btn-group">
455
                                                                                        <a class="btn btn-xs default" href="javascript:;" data-toggle="dropdown" dropdown-menu-hover data-close-others="true">
456
                                                                                        <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
457
                                                                                        </a>
458
                                                                                        <ul class="dropdown-menu pull-right">
459
                                                                                                <li>
460
                                                                                                        <a href="javascript:;">
461
                                                                                                        <i class="fa fa-check"></i> Complete </a>
462
                                                                                                </li>
463
                                                                                                <li>
464
                                                                                                        <a href="javascript:;">
465
                                                                                                        <i class="fa fa-pencil"></i> Edit </a>
466
                                                                                                </li>
467
                                                                                                <li>
468
                                                                                                        <a href="javascript:;">
469
                                                                                                        <i class="fa fa-trash-o"></i> Cancel </a>
470
                                                                                                </li>
471
                                                                                        </ul>
472
                                                                                </div>
473
                                                                        </div>
474
                                                                </li>
475
                                                                <li>
476
                                                                        <div class="task-checkbox">
477
                                                                                <input type="checkbox" class="liChild" value=""/>
478
                                                                        </div>
479
                                                                        <div class="task-title">
480
                                                                                <span class="task-title-sp">
481
                                                                                Prepare Commercial Offer For SmartVision Website Rewamp </span>
482
                                                                                <span class="label label-sm label-danger">SmartVision</span>
483
                                                                        </div>
484
                                                                        <div class="task-config">
485
                                                                                <div class="task-config-btn btn-group">
486
                                                                                        <a class="btn btn-xs default" href="javascript:;" data-toggle="dropdown" dropdown-menu-hover data-close-others="true">
487
                                                                                        <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
488
                                                                                        </a>
489
                                                                                        <ul class="dropdown-menu pull-right">
490
                                                                                                <li>
491
                                                                                                        <a href="javascript:;">
492
                                                                                                        <i class="fa fa-check"></i> Complete </a>
493
                                                                                                </li>
494
                                                                                                <li>
495
                                                                                                        <a href="javascript:;">
496
                                                                                                        <i class="fa fa-pencil"></i> Edit </a>
497
                                                                                                </li>
498
                                                                                                <li>
499
                                                                                                        <a href="javascript:;">
500
                                                                                                        <i class="fa fa-trash-o"></i> Cancel </a>
501
                                                                                                </li>
502
                                                                                        </ul>
503
                                                                                </div>
504
                                                                        </div>
505
                                                                </li>
506
                                                                <li>
507
                                                                        <div class="task-checkbox">
508
                                                                                <input type="checkbox" class="liChild" value=""/>
509
                                                                        </div>
510
                                                                        <div class="task-title">
511
                                                                                <span class="task-title-sp">
512
                                                                                Sign-Off The Comercial Agreement With AutoSmart </span>
513
                                                                                <span class="label label-sm label-default">AutoSmart</span>
514
                                                                                <span class="task-bell">
515
                                                                                <i class="fa fa-bell-o"></i>
516
                                                                                </span>
517
                                                                        </div>
518
                                                                        <div class="task-config">
519
                                                                                <div class="task-config-btn btn-group">
520
                                                                                        <a class="btn btn-xs default" href="javascript:;" data-toggle="dropdown" dropdown-menu-hover data-close-others="true">
521
                                                                                        <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
522
                                                                                        </a>
523
                                                                                        <ul class="dropdown-menu pull-right">
524
                                                                                                <li>
525
                                                                                                        <a href="javascript:;">
526
                                                                                                        <i class="fa fa-check"></i> Complete </a>
527
                                                                                                </li>
528
                                                                                                <li>
529
                                                                                                        <a href="javascript:;">
530
                                                                                                        <i class="fa fa-pencil"></i> Edit </a>
531
                                                                                                </li>
532
                                                                                                <li>
533
                                                                                                        <a href="javascript:;">
534
                                                                                                        <i class="fa fa-trash-o"></i> Cancel </a>
535
                                                                                                </li>
536
                                                                                        </ul>
537
                                                                                </div>
538
                                                                        </div>
539
                                                                </li>
540
                                                                <li>
541
                                                                        <div class="task-checkbox">
542
                                                                                <input type="checkbox" class="liChild" value=""/>
543
                                                                        </div>
544
                                                                        <div class="task-title">
545
                                                                                <span class="task-title-sp">
546
                                                                                Company Staff Meeting </span>
547
                                                                                <span class="label label-sm label-success">Cruise</span>
548
                                                                                <span class="task-bell">
549
                                                                                <i class="fa fa-bell-o"></i>
550
                                                                                </span>
551
                                                                        </div>
552
                                                                        <div class="task-config">
553
                                                                                <div class="task-config-btn btn-group">
554
                                                                                        <a class="btn btn-xs default" href="javascript:;" data-toggle="dropdown" dropdown-menu-hover data-close-others="true">
555
                                                                                        <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
556
                                                                                        </a>
557
                                                                                        <ul class="dropdown-menu pull-right">
558
                                                                                                <li>
559
                                                                                                        <a href="javascript:;">
560
                                                                                                        <i class="fa fa-check"></i> Complete </a>
561
                                                                                                </li>
562
                                                                                                <li>
563
                                                                                                        <a href="javascript:;">
564
                                                                                                        <i class="fa fa-pencil"></i> Edit </a>
565
                                                                                                </li>
566
                                                                                                <li>
567
                                                                                                        <a href="javascript:;">
568
                                                                                                        <i class="fa fa-trash-o"></i> Cancel </a>
569
                                                                                                </li>
570
                                                                                        </ul>
571
                                                                                </div>
572
                                                                        </div>
573
                                                                </li>
574
                                                                <li class="last-line">
575
                                                                        <div class="task-checkbox">
576
                                                                                <input type="checkbox" class="liChild" value=""/>
577
                                                                        </div>
578
                                                                        <div class="task-title">
579
                                                                                <span class="task-title-sp">
580
                                                                                KeenThemes Investment Discussion </span>
581
                                                                                <span class="label label-sm label-warning">KeenThemes </span>
582
                                                                        </div>
583
                                                                        <div class="task-config">
584
                                                                                <div class="task-config-btn btn-group">
585
                                                                                        <a class="btn btn-xs default" href="javascript:;" data-toggle="dropdown" dropdown-menu-hover data-close-others="true">
586
                                                                                        <i class="fa fa-cog"></i><i class="fa fa-angle-down"></i>
587
                                                                                        </a>
588
                                                                                        <ul class="dropdown-menu pull-right">
589
                                                                                                <li>
590
                                                                                                        <a href="javascript:;">
591
                                                                                                        <i class="fa fa-check"></i> Complete </a>
592
                                                                                                </li>
593
                                                                                                <li>
594
                                                                                                        <a href="javascript:;">
595
                                                                                                        <i class="fa fa-pencil"></i> Edit </a>
596
                                                                                                </li>
597
                                                                                                <li>
598
                                                                                                        <a href="javascript:;">
599
                                                                                                        <i class="fa fa-trash-o"></i> Cancel </a>
600
                                                                                                </li>
601
                                                                                        </ul>
602
                                                                                </div>
603
                                                                        </div>
604
                                                                </li>
605
                                                        </ul>
606
                                                        <!-- END START TASK LIST -->
607
                                                </div>
608
                                        </div>
609
                                        <div class="task-footer">
610
                                                <div class="btn-arrow-link pull-right">
611
                                                        <a href="javascript:;">See All Tasks</a>
612
                                                </div>
613
                                        </div>
614
                                </div>
615
                        </div>
616
                        <!-- END PORTLET-->
617
                </div>
618
                <div class="col-md-6 col-sm-12">
619
                        <!-- BEGIN PORTLET-->
620
                        <div class="portlet light">
621
                                <div class="portlet-title tabbable-line">
622
                                        <div class="caption caption-md">
623
                                                <i class="icon-globe font-green-haze hide"></i>
624
                                                <span class="caption-subject font-green-haze bold uppercase">Feeds</span>
625
                                        </div>
626
                                        <ul class="nav nav-tabs">
627
                                                <li class="active">
628
                                                        <a href="#" data-target="#tab_1_1" data-toggle="tab">
629
                                                        System </a>
630
                                                </li>
631
                                                <li>
632
                                                        <a href="#" data-target="#tab_1_2" data-toggle="tab">
633
                                                        Activities </a>
634
                                                </li>
635
                                        </ul>
636
                                </div>
637
                                <div class="portlet-body">
638
                                        <!--BEGIN TABS-->
639
                                        <div class="tab-content">
640
                                                <div class="tab-pane active" id="tab_1_1">
641
                                                        <div class="scroller" style="height: 306px;" data-always-visible="1" data-rail-visible1="0" data-handle-color="#D7DCE2">
642
                                                                <ul class="feeds">
643
                                                                        <li>
644
                                                                                <div class="col1">
645
                                                                                        <div class="cont">
646
                                                                                                <div class="cont-col1">
647
                                                                                                        <div class="label label-sm label-success">
648
                                                                                                                <i class="fa fa-bell-o"></i>
649
                                                                                                        </div>
650
                                                                                                </div>
651
                                                                                                <div class="cont-col2">
652
                                                                                                        <div class="desc">
653
                                                                                                                You have 4 pending tasks. <span class="label label-sm label-info">
654
                                                                                                                Take action <i class="fa fa-share"></i>
655
                                                                                                                </span>
656
                                                                                                        </div>
657
                                                                                                </div>
658
                                                                                        </div>
659
                                                                                </div>
660
                                                                                <div class="col2">
661
                                                                                        <div class="date">
662
                                                                                                Just now
663
                                                                                        </div>
664
                                                                                </div>
665
                                                                        </li>
666
                                                                        <li>
667
                                                                                <a href="javascript:;">
668
                                                                                        <div class="col1">
669
                                                                                                <div class="cont">
670
                                                                                                        <div class="cont-col1">
671
                                                                                                                <div class="label label-sm label-success">
672
                                                                                                                        <i class="fa fa-bell-o"></i>
673
                                                                                                                </div>
674
                                                                                                        </div>
675
                                                                                                        <div class="cont-col2">
676
                                                                                                                <div class="desc">
677
                                                                                                                        New version v1.4 just lunched!
678
                                                                                                                </div>
679
                                                                                                        </div>
680
                                                                                                </div>
681
                                                                                        </div>
682
                                                                                        <div class="col2">
683
                                                                                                <div class="date">
684
                                                                                                        20 mins
685
                                                                                                </div>
686
                                                                                        </div>
687
                                                                                </a>
688
                                                                        </li>
689
                                                                        <li>
690
                                                                                <div class="col1">
691
                                                                                        <div class="cont">
692
                                                                                                <div class="cont-col1">
693
                                                                                                        <div class="label label-sm label-danger">
694
                                                                                                                <i class="fa fa-bolt"></i>
695
                                                                                                        </div>
696
                                                                                                </div>
697
                                                                                                <div class="cont-col2">
698
                                                                                                        <div class="desc">
699
                                                                                                                Database server #12 overloaded. Please fix the issue.
700
                                                                                                        </div>
701
                                                                                                </div>
702
                                                                                        </div>
703
                                                                                </div>
704
                                                                                <div class="col2">
705
                                                                                        <div class="date">
706
                                                                                                24 mins
707
                                                                                        </div>
708
                                                                                </div>
709
                                                                        </li>
710
                                                                        <li>
711
                                                                                <div class="col1">
712
                                                                                        <div class="cont">
713
                                                                                                <div class="cont-col1">
714
                                                                                                        <div class="label label-sm label-info">
715
                                                                                                                <i class="fa fa-bullhorn"></i>
716
                                                                                                        </div>
717
                                                                                                </div>
718
                                                                                                <div class="cont-col2">
719
                                                                                                        <div class="desc">
720
                                                                                                                New order received and pending for process.
721
                                                                                                        </div>
722
                                                                                                </div>
723
                                                                                        </div>
724
                                                                                </div>
725
                                                                                <div class="col2">
726
                                                                                        <div class="date">
727
                                                                                                30 mins
728
                                                                                        </div>
729
                                                                                </div>
730
                                                                        </li>
731
                                                                        <li>
732
                                                                                <div class="col1">
733
                                                                                        <div class="cont">
734
                                                                                                <div class="cont-col1">
735
                                                                                                        <div class="label label-sm label-success">
736
                                                                                                                <i class="fa fa-bullhorn"></i>
737
                                                                                                        </div>
738
                                                                                                </div>
739
                                                                                                <div class="cont-col2">
740
                                                                                                        <div class="desc">
741
                                                                                                                New payment refund and pending approval.
742
                                                                                                        </div>
743
                                                                                                </div>
744
                                                                                        </div>
745
                                                                                </div>
746
                                                                                <div class="col2">
747
                                                                                        <div class="date">
748
                                                                                                40 mins
749
                                                                                        </div>
750
                                                                                </div>
751
                                                                        </li>
752
                                                                        <li>
753
                                                                                <div class="col1">
754
                                                                                        <div class="cont">
755
                                                                                                <div class="cont-col1">
756
                                                                                                        <div class="label label-sm label-warning">
757
                                                                                                                <i class="fa fa-plus"></i>
758
                                                                                                        </div>
759
                                                                                                </div>
760
                                                                                                <div class="cont-col2">
761
                                                                                                        <div class="desc">
762
                                                                                                                New member registered. Pending approval.
763
                                                                                                        </div>
764
                                                                                                </div>
765
                                                                                        </div>
766
                                                                                </div>
767
                                                                                <div class="col2">
768
                                                                                        <div class="date">
769
                                                                                                1.5 hours
770
                                                                                        </div>
771
                                                                                </div>
772
                                                                        </li>
773
                                                                        <li>
774
                                                                                <div class="col1">
775
                                                                                        <div class="cont">
776
                                                                                                <div class="cont-col1">
777
                                                                                                        <div class="label label-sm label-success">
778
                                                                                                                <i class="fa fa-bell-o"></i>
779
                                                                                                        </div>
780
                                                                                                </div>
781
                                                                                                <div class="cont-col2">
782
                                                                                                        <div class="desc">
783
                                                                                                                Web server hardware needs to be upgraded. <span class="label label-sm label-default ">
784
                                                                                                                Overdue </span>
785
                                                                                                        </div>
786
                                                                                                </div>
787
                                                                                        </div>
788
                                                                                </div>
789
                                                                                <div class="col2">
790
                                                                                        <div class="date">
791
                                                                                                2 hours
792
                                                                                        </div>
793
                                                                                </div>
794
                                                                        </li>
795
                                                                        <li>
796
                                                                                <div class="col1">
797
                                                                                        <div class="cont">
798
                                                                                                <div class="cont-col1">
799
                                                                                                        <div class="label label-sm label-default">
800
                                                                                                                <i class="fa fa-bullhorn"></i>
801
                                                                                                        </div>
802
                                                                                                </div>
803
                                                                                                <div class="cont-col2">
804
                                                                                                        <div class="desc">
805
                                                                                                                Prod01 database server is overloaded 90%.
806
                                                                                                        </div>
807
                                                                                                </div>
808
                                                                                        </div>
809
                                                                                </div>
810
                                                                                <div class="col2">
811
                                                                                        <div class="date">
812
                                                                                                3 hours
813
                                                                                        </div>
814
                                                                                </div>
815
                                                                        </li>
816
                                                                        <li>
817
                                                                                <div class="col1">
818
                                                                                        <div class="cont">
819
                                                                                                <div class="cont-col1">
820
                                                                                                        <div class="label label-sm label-warning">
821
                                                                                                                <i class="fa fa-bullhorn"></i>
822
                                                                                                        </div>
823
                                                                                                </div>
824
                                                                                                <div class="cont-col2">
825
                                                                                                        <div class="desc">
826
                                                                                                                New group created. Pending manager review.
827
                                                                                                        </div>
828
                                                                                                </div>
829
                                                                                        </div>
830
                                                                                </div>
831
                                                                                <div class="col2">
832
                                                                                        <div class="date">
833
                                                                                                5 hours
834
                                                                                        </div>
835
                                                                                </div>
836
                                                                        </li>
837
                                                                        <li>
838
                                                                                <div class="col1">
839
                                                                                        <div class="cont">
840
                                                                                                <div class="cont-col1">
841
                                                                                                        <div class="label label-sm label-info">
842
                                                                                                                <i class="fa fa-bullhorn"></i>
843
                                                                                                        </div>
844
                                                                                                </div>
845
                                                                                                <div class="cont-col2">
846
                                                                                                        <div class="desc">
847
                                                                                                                Order payment failed.
848
                                                                                                        </div>
849
                                                                                                </div>
850
                                                                                        </div>
851
                                                                                </div>
852
                                                                                <div class="col2">
853
                                                                                        <div class="date">
854
                                                                                                18 hours
855
                                                                                        </div>
856
                                                                                </div>
857
                                                                        </li>
858
                                                                        <li>
859
                                                                                <div class="col1">
860
                                                                                        <div class="cont">
861
                                                                                                <div class="cont-col1">
862
                                                                                                        <div class="label label-sm label-default">
863
                                                                                                                <i class="fa fa-bullhorn"></i>
864
                                                                                                        </div>
865
                                                                                                </div>
866
                                                                                                <div class="cont-col2">
867
                                                                                                        <div class="desc">
868
                                                                                                                New application received.
869
                                                                                                        </div>
870
                                                                                                </div>
871
                                                                                        </div>
872
                                                                                </div>
873
                                                                                <div class="col2">
874
                                                                                        <div class="date">
875
                                                                                                21 hours
876
                                                                                        </div>
877
                                                                                </div>
878
                                                                        </li>
879
                                                                        <li>
880
                                                                                <div class="col1">
881
                                                                                        <div class="cont">
882
                                                                                                <div class="cont-col1">
883
                                                                                                        <div class="label label-sm label-info">
884
                                                                                                                <i class="fa fa-bullhorn"></i>
885
                                                                                                        </div>
886
                                                                                                </div>
887
                                                                                                <div class="cont-col2">
888
                                                                                                        <div class="desc">
889
                                                                                                                Dev90 web server restarted. Pending overall system check.
890
                                                                                                        </div>
891
                                                                                                </div>
892
                                                                                        </div>
893
                                                                                </div>
894
                                                                                <div class="col2">
895
                                                                                        <div class="date">
896
                                                                                                22 hours
897
                                                                                        </div>
898
                                                                                </div>
899
                                                                        </li>
900
                                                                        <li>
901
                                                                                <div class="col1">
902
                                                                                        <div class="cont">
903
                                                                                                <div class="cont-col1">
904
                                                                                                        <div class="label label-sm label-default">
905
                                                                                                                <i class="fa fa-bullhorn"></i>
906
                                                                                                        </div>
907
                                                                                                </div>
908
                                                                                                <div class="cont-col2">
909
                                                                                                        <div class="desc">
910
                                                                                                                New member registered. Pending approval
911
                                                                                                        </div>
912
                                                                                                </div>
913
                                                                                        </div>
914
                                                                                </div>
915
                                                                                <div class="col2">
916
                                                                                        <div class="date">
917
                                                                                                21 hours
918
                                                                                        </div>
919
                                                                                </div>
920
                                                                        </li>
921
                                                                        <li>
922
                                                                                <div class="col1">
923
                                                                                        <div class="cont">
924
                                                                                                <div class="cont-col1">
925
                                                                                                        <div class="label label-sm label-info">
926
                                                                                                                <i class="fa fa-bullhorn"></i>
927
                                                                                                        </div>
928
                                                                                                </div>
929
                                                                                                <div class="cont-col2">
930
                                                                                                        <div class="desc">
931
                                                                                                                L45 Network failure. Schedule maintenance.
932
                                                                                                        </div>
933
                                                                                                </div>
934
                                                                                        </div>
935
                                                                                </div>
936
                                                                                <div class="col2">
937
                                                                                        <div class="date">
938
                                                                                                22 hours
939
                                                                                        </div>
940
                                                                                </div>
941
                                                                        </li>
942
                                                                        <li>
943
                                                                                <div class="col1">
944
                                                                                        <div class="cont">
945
                                                                                                <div class="cont-col1">
946
                                                                                                        <div class="label label-sm label-default">
947
                                                                                                                <i class="fa fa-bullhorn"></i>
948
                                                                                                        </div>
949
                                                                                                </div>
950
                                                                                                <div class="cont-col2">
951
                                                                                                        <div class="desc">
952
                                                                                                                Order canceled with failed payment.
953
                                                                                                        </div>
954
                                                                                                </div>
955
                                                                                        </div>
956
                                                                                </div>
957
                                                                                <div class="col2">
958
                                                                                        <div class="date">
959
                                                                                                21 hours
960
                                                                                        </div>
961
                                                                                </div>
962
                                                                        </li>
963
                                                                        <li>
964
                                                                                <div class="col1">
965
                                                                                        <div class="cont">
966
                                                                                                <div class="cont-col1">
967
                                                                                                        <div class="label label-sm label-info">
968
                                                                                                                <i class="fa fa-bullhorn"></i>
969
                                                                                                        </div>
970
                                                                                                </div>
971
                                                                                                <div class="cont-col2">
972
                                                                                                        <div class="desc">
973
                                                                                                                Web-A2 clound instance created. Schedule full scan.
974
                                                                                                        </div>
975
                                                                                                </div>
976
                                                                                        </div>
977
                                                                                </div>
978
                                                                                <div class="col2">
979
                                                                                        <div class="date">
980
                                                                                                22 hours
981
                                                                                        </div>
982
                                                                                </div>
983
                                                                        </li>
984
                                                                        <li>
985
                                                                                <div class="col1">
986
                                                                                        <div class="cont">
987
                                                                                                <div class="cont-col1">
988
                                                                                                        <div class="label label-sm label-default">
989
                                                                                                                <i class="fa fa-bullhorn"></i>
990
                                                                                                        </div>
991
                                                                                                </div>
992
                                                                                                <div class="cont-col2">
993
                                                                                                        <div class="desc">
994
                                                                                                                Member canceled. Schedule account review.
995
                                                                                                        </div>
996
                                                                                                </div>
997
                                                                                        </div>
998
                                                                                </div>
999
                                                                                <div class="col2">
1000
                                                                                        <div class="date">
1001
                                                                                                21 hours
1002
                                                                                        </div>
1003
                                                                                </div>
1004
                                                                        </li>
1005
                                                                        <li>
1006
                                                                                <div class="col1">
1007
                                                                                        <div class="cont">
1008
                                                                                                <div class="cont-col1">
1009
                                                                                                        <div class="label label-sm label-info">
1010
                                                                                                                <i class="fa fa-bullhorn"></i>
1011
                                                                                                        </div>
1012
                                                                                                </div>
1013
                                                                                                <div class="cont-col2">
1014
                                                                                                        <div class="desc">
1015
                                                                                                                New order received. Please take care of it.
1016
                                                                                                        </div>
1017
                                                                                                </div>
1018
                                                                                        </div>
1019
                                                                                </div>
1020
                                                                                <div class="col2">
1021
                                                                                        <div class="date">
1022
                                                                                                22 hours
1023
                                                                                        </div>
1024
                                                                                </div>
1025
                                                                        </li>
1026
                                                                </ul>
1027
                                                        </div>
1028
                                                </div>
1029
                                                <div class="tab-pane" id="tab_1_2">
1030
                                                        <div class="scroller" style="height: 337px;" data-always-visible="1" data-rail-visible1="0" data-handle-color="#D7DCE2">
1031
                                                                <ul class="feeds">
1032
                                                                        <li>
1033
                                                                                <a href="javascript:;">
1034
                                                                                        <div class="col1">
1035
                                                                                                <div class="cont">
1036
                                                                                                        <div class="cont-col1">
1037
                                                                                                                <div class="label label-sm label-success">
1038
                                                                                                                        <i class="fa fa-bell-o"></i>
1039
                                                                                                                </div>
1040
                                                                                                        </div>
1041
                                                                                                        <div class="cont-col2">
1042
                                                                                                                <div class="desc">
1043
                                                                                                                        New user registered
1044
                                                                                                                </div>
1045
                                                                                                        </div>
1046
                                                                                                </div>
1047
                                                                                        </div>
1048
                                                                                        <div class="col2">
1049
                                                                                                <div class="date">
1050
                                                                                                        Just now
1051
                                                                                                </div>
1052
                                                                                        </div>
1053
                                                                                </a>
1054
                                                                        </li>
1055
                                                                        <li>
1056
                                                                                <a href="javascript:;">
1057
                                                                                        <div class="col1">
1058
                                                                                                <div class="cont">
1059
                                                                                                        <div class="cont-col1">
1060
                                                                                                                <div class="label label-sm label-success">
1061
                                                                                                                        <i class="fa fa-bell-o"></i>
1062
                                                                                                                </div>
1063
                                                                                                        </div>
1064
                                                                                                        <div class="cont-col2">
1065
                                                                                                                <div class="desc">
1066
                                                                                                                        New order received
1067
                                                                                                                </div>
1068
                                                                                                        </div>
1069
                                                                                                </div>
1070
                                                                                        </div>
1071
                                                                                        <div class="col2">
1072
                                                                                                <div class="date">
1073
                                                                                                        10 mins
1074
                                                                                                </div>
1075
                                                                                        </div>
1076
                                                                                </a>
1077
                                                                        </li>
1078
                                                                        <li>
1079
                                                                                <div class="col1">
1080
                                                                                        <div class="cont">
1081
                                                                                                <div class="cont-col1">
1082
                                                                                                        <div class="label label-sm label-danger">
1083
                                                                                                                <i class="fa fa-bolt"></i>
1084
                                                                                                        </div>
1085
                                                                                                </div>
1086
                                                                                                <div class="cont-col2">
1087
                                                                                                        <div class="desc">
1088
                                                                                                                Order #24DOP4 has been rejected. <span class="label label-sm label-danger ">
1089
                                                                                                                Take action <i class="fa fa-share"></i>
1090
                                                                                                                </span>
1091
                                                                                                        </div>
1092
                                                                                                </div>
1093
                                                                                        </div>
1094
                                                                                </div>
1095
                                                                                <div class="col2">
1096
                                                                                        <div class="date">
1097
                                                                                                24 mins
1098
                                                                                        </div>
1099
                                                                                </div>
1100
                                                                        </li>
1101
                                                                        <li>
1102
                                                                                <a href="javascript:;">
1103
                                                                                        <div class="col1">
1104
                                                                                                <div class="cont">
1105
                                                                                                        <div class="cont-col1">
1106
                                                                                                                <div class="label label-sm label-success">
1107
                                                                                                                        <i class="fa fa-bell-o"></i>
1108
                                                                                                                </div>
1109
                                                                                                        </div>
1110
                                                                                                        <div class="cont-col2">
1111
                                                                                                                <div class="desc">
1112
                                                                                                                        New user registered
1113
                                                                                                                </div>
1114
                                                                                                        </div>
1115
                                                                                                </div>
1116
                                                                                        </div>
1117
                                                                                        <div class="col2">
1118
                                                                                                <div class="date">
1119
                                                                                                        Just now
1120
                                                                                                </div>
1121
                                                                                        </div>
1122
                                                                                </a>
1123
                                                                        </li>
1124
                                                                        <li>
1125
                                                                                <a href="javascript:;">
1126
                                                                                        <div class="col1">
1127
                                                                                                <div class="cont">
1128
                                                                                                        <div class="cont-col1">
1129
                                                                                                                <div class="label label-sm label-success">
1130
                                                                                                                        <i class="fa fa-bell-o"></i>
1131
                                                                                                                </div>
1132
                                                                                                        </div>
1133
                                                                                                        <div class="cont-col2">
1134
                                                                                                                <div class="desc">
1135
                                                                                                                        New user registered
1136
                                                                                                                </div>
1137
                                                                                                        </div>
1138
                                                                                                </div>
1139
                                                                                        </div>
1140
                                                                                        <div class="col2">
1141
                                                                                                <div class="date">
1142
                                                                                                        Just now
1143
                                                                                                </div>
1144
                                                                                        </div>
1145
                                                                                </a>
1146
                                                                        </li>
1147
                                                                        <li>
1148
                                                                                <a href="javascript:;">
1149
                                                                                        <div class="col1">
1150
                                                                                                <div class="cont">
1151
                                                                                                        <div class="cont-col1">
1152
                                                                                                                <div class="label label-sm label-success">
1153
                                                                                                                        <i class="fa fa-bell-o"></i>
1154
                                                                                                                </div>
1155
                                                                                                        </div>
1156
                                                                                                        <div class="cont-col2">
1157
                                                                                                                <div class="desc">
1158
                                                                                                                        New user registered
1159
                                                                                                                </div>
1160
                                                                                                        </div>
1161
                                                                                                </div>
1162
                                                                                        </div>
1163
                                                                                        <div class="col2">
1164
                                                                                                <div class="date">
1165
                                                                                                        Just now
1166
                                                                                                </div>
1167
                                                                                        </div>
1168
                                                                                </a>
1169
                                                                        </li>
1170
                                                                        <li>
1171
                                                                                <a href="javascript:;">
1172
                                                                                        <div class="col1">
1173
                                                                                                <div class="cont">
1174
                                                                                                        <div class="cont-col1">
1175
                                                                                                                <div class="label label-sm label-success">
1176
                                                                                                                        <i class="fa fa-bell-o"></i>
1177
                                                                                                                </div>
1178
                                                                                                        </div>
1179
                                                                                                        <div class="cont-col2">
1180
                                                                                                                <div class="desc">
1181
                                                                                                                        New user registered
1182
                                                                                                                </div>
1183
                                                                                                        </div>
1184
                                                                                                </div>
1185
                                                                                        </div>
1186
                                                                                        <div class="col2">
1187
                                                                                                <div class="date">
1188
                                                                                                        Just now
1189
                                                                                                </div>
1190
                                                                                        </div>
1191
                                                                                </a>
1192
                                                                        </li>
1193
                                                                        <li>
1194
                                                                                <a href="javascript:;">
1195
                                                                                        <div class="col1">
1196
                                                                                                <div class="cont">
1197
                                                                                                        <div class="cont-col1">
1198
                                                                                                                <div class="label label-sm label-success">
1199
                                                                                                                        <i class="fa fa-bell-o"></i>
1200
                                                                                                                </div>
1201
                                                                                                        </div>
1202
                                                                                                        <div class="cont-col2">
1203
                                                                                                                <div class="desc">
1204
                                                                                                                        New user registered
1205
                                                                                                                </div>
1206
                                                                                                        </div>
1207
                                                                                                </div>
1208
                                                                                        </div>
1209
                                                                                        <div class="col2">
1210
                                                                                                <div class="date">
1211
                                                                                                        Just now
1212
                                                                                                </div>
1213
                                                                                        </div>
1214
                                                                                </a>
1215
                                                                        </li>
1216
                                                                        <li>
1217
                                                                                <a href="javascript:;">
1218
                                                                                        <div class="col1">
1219
                                                                                                <div class="cont">
1220
                                                                                                        <div class="cont-col1">
1221
                                                                                                                <div class="label label-sm label-success">
1222
                                                                                                                        <i class="fa fa-bell-o"></i>
1223
                                                                                                                </div>
1224
                                                                                                        </div>
1225
                                                                                                        <div class="cont-col2">
1226
                                                                                                                <div class="desc">
1227
                                                                                                                        New user registered
1228
                                                                                                                </div>
1229
                                                                                                        </div>
1230
                                                                                                </div>
1231
                                                                                        </div>
1232
                                                                                        <div class="col2">
1233
                                                                                                <div class="date">
1234
                                                                                                        Just now
1235
                                                                                                </div>
1236
                                                                                        </div>
1237
                                                                                </a>
1238
                                                                        </li>
1239
                                                                        <li>
1240
                                                                                <a href="javascript:;">
1241
                                                                                        <div class="col1">
1242
                                                                                                <div class="cont">
1243
                                                                                                        <div class="cont-col1">
1244
                                                                                                                <div class="label label-sm label-success">
1245
                                                                                                                        <i class="fa fa-bell-o"></i>
1246
                                                                                                                </div>
1247
                                                                                                        </div>
1248
                                                                                                        <div class="cont-col2">
1249
                                                                                                                <div class="desc">
1250
                                                                                                                        New user registered
1251
                                                                                                                </div>
1252
                                                                                                        </div>
1253
                                                                                                </div>
1254
                                                                                        </div>
1255
                                                                                        <div class="col2">
1256
                                                                                                <div class="date">
1257
                                                                                                        Just now
1258
                                                                                                </div>
1259
                                                                                        </div>
1260
                                                                                </a>
1261
                                                                        </li>
1262
                                                                </ul>
1263
                                                        </div>
1264
                                                </div>
1265
                                        </div>
1266
                                        <!--END TABS-->
1267
                                </div>
1268
                        </div>
1269
                        <!-- END PORTLET-->
1270
                </div>
1271
        </div>
1272
        <div class="row">
1273
                <div class="col-md-6 col-sm-6">
1274
                        <!-- BEGIN REGIONAL STATS PORTLET-->
1275
                        <div class="portlet light ">
1276
                                <div class="portlet-title">
1277
                                        <div class="caption">
1278
                                                <i class="icon-share font-green-haze"></i>
1279
                                                <span class="caption-subject font-green-haze bold uppercase">Recent Activities</span>
1280
                                        </div>
1281
                                        <div class="actions">
1282
                                                <div class="btn-group">
1283
                                                        <a class="btn btn-sm btn-default btn-circle" href="#" data-toggle="dropdown" dropdown-menu-hover data-close-others="true">
1284
                                                        Filter By <i class="fa fa-angle-down"></i>
1285
                                                        </a>
1286
                                                        <div class="dropdown-menu hold-on-click dropdown-checkboxes pull-right">
1287
                                                                <label><input type="checkbox"/> Finance</label>
1288
                                                                <label><input type="checkbox" checked=""/> Membership</label>
1289
                                                                <label><input type="checkbox"/> Customer Support</label>
1290
                                                                <label><input type="checkbox" checked=""/> HR</label>
1291
                                                                <label><input type="checkbox"/> System</label>
1292
                                                        </div>
1293
                                                </div>
1294
                                                <a class="btn btn-circle btn-icon-only btn-default fullscreen" href="#">
1295
                                                </a>
1296
                                        </div>
1297
                                </div>
1298
                                <div class="portlet-body">
1299
                                        <div class="scroller" style="height: 300px;" data-always-visible="1" data-rail-visible="0">
1300
                                                <ul class="feeds">
1301
                                                        <li>
1302
                                                                <div class="col1">
1303
                                                                        <div class="cont">
1304
                                                                                <div class="cont-col1">
1305
                                                                                        <div class="label label-sm label-info">
1306
                                                                                                <i class="fa fa-check"></i>
1307
                                                                                        </div>
1308
                                                                                </div>
1309
                                                                                <div class="cont-col2">
1310
                                                                                        <div class="desc">
1311
                                                                                                You have 4 pending tasks. <span class="label label-sm label-warning ">
1312
                                                                                                Take action <i class="fa fa-share"></i>
1313
                                                                                                </span>
1314
                                                                                        </div>
1315
                                                                                </div>
1316
                                                                        </div>
1317
                                                                </div>
1318
                                                                <div class="col2">
1319
                                                                        <div class="date">
1320
                                                                                Just now
1321
                                                                        </div>
1322
                                                                </div>
1323
                                                        </li>
1324
                                                        <li>
1325
                                                                <a href="#">
1326
                                                                        <div class="col1">
1327
                                                                                <div class="cont">
1328
                                                                                        <div class="cont-col1">
1329
                                                                                                <div class="label label-sm label-success">
1330
                                                                                                        <i class="fa fa-bar-chart-o"></i>
1331
                                                                                                </div>
1332
                                                                                        </div>
1333
                                                                                        <div class="cont-col2">
1334
                                                                                                <div class="desc">
1335
                                                                                                        Finance Report for year 2013 has been released.
1336
                                                                                                </div>
1337
                                                                                        </div>
1338
                                                                                </div>
1339
                                                                        </div>
1340
                                                                        <div class="col2">
1341
                                                                                <div class="date">
1342
                                                                                        20 mins
1343
                                                                                </div>
1344
                                                                        </div>
1345
                                                                </a>
1346
                                                        </li>
1347
                                                        <li>
1348
                                                                <div class="col1">
1349
                                                                        <div class="cont">
1350
                                                                                <div class="cont-col1">
1351
                                                                                        <div class="label label-sm label-danger">
1352
                                                                                                <i class="fa fa-user"></i>
1353
                                                                                        </div>
1354
                                                                                </div>
1355
                                                                                <div class="cont-col2">
1356
                                                                                        <div class="desc">
1357
                                                                                                You have 5 pending membership that requires a quick review.
1358
                                                                                        </div>
1359
                                                                                </div>
1360
                                                                        </div>
1361
                                                                </div>
1362
                                                                <div class="col2">
1363
                                                                        <div class="date">
1364
                                                                                24 mins
1365
                                                                        </div>
1366
                                                                </div>
1367
                                                        </li>
1368
                                                        <li>
1369
                                                                <div class="col1">
1370
                                                                        <div class="cont">
1371
                                                                                <div class="cont-col1">
1372
                                                                                        <div class="label label-sm label-info">
1373
                                                                                                <i class="fa fa-shopping-cart"></i>
1374
                                                                                        </div>
1375
                                                                                </div>
1376
                                                                                <div class="cont-col2">
1377
                                                                                        <div class="desc">
1378
                                                                                                New order received with <span class="label label-sm label-success">
1379
                                                                                                Reference Number: DR23923 </span>
1380
                                                                                        </div>
1381
                                                                                </div>
1382
                                                                        </div>
1383
                                                                </div>
1384
                                                                <div class="col2">
1385
                                                                        <div class="date">
1386
                                                                                30 mins
1387
                                                                        </div>
1388
                                                                </div>
1389
                                                        </li>
1390
                                                        <li>
1391
                                                                <div class="col1">
1392
                                                                        <div class="cont">
1393
                                                                                <div class="cont-col1">
1394
                                                                                        <div class="label label-sm label-success">
1395
                                                                                                <i class="fa fa-user"></i>
1396
                                                                                        </div>
1397
                                                                                </div>
1398
                                                                                <div class="cont-col2">
1399
                                                                                        <div class="desc">
1400
                                                                                                You have 5 pending membership that requires a quick review.
1401
                                                                                        </div>
1402
                                                                                </div>
1403
                                                                        </div>
1404
                                                                </div>
1405
                                                                <div class="col2">
1406
                                                                        <div class="date">
1407
                                                                                24 mins
1408
                                                                        </div>
1409
                                                                </div>
1410
                                                        </li>
1411
                                                        <li>
1412
                                                                <div class="col1">
1413
                                                                        <div class="cont">
1414
                                                                                <div class="cont-col1">
1415
                                                                                        <div class="label label-sm label-default">
1416
                                                                                                <i class="fa fa-bell-o"></i>
1417
                                                                                        </div>
1418
                                                                                </div>
1419
                                                                                <div class="cont-col2">
1420
                                                                                        <div class="desc">
1421
                                                                                                Web server hardware needs to be upgraded. <span class="label label-sm label-default ">
1422
                                                                                                Overdue </span>
1423
                                                                                        </div>
1424
                                                                                </div>
1425
                                                                        </div>
1426
                                                                </div>
1427
                                                                <div class="col2">
1428
                                                                        <div class="date">
1429
                                                                                2 hours
1430
                                                                        </div>
1431
                                                                </div>
1432
                                                        </li>
1433
                                                        <li>
1434
                                                                <a href="#">
1435
                                                                        <div class="col1">
1436
                                                                                <div class="cont">
1437
                                                                                        <div class="cont-col1">
1438
                                                                                                <div class="label label-sm label-default">
1439
                                                                                                        <i class="fa fa-briefcase"></i>
1440
                                                                                                </div>
1441
                                                                                        </div>
1442
                                                                                        <div class="cont-col2">
1443
                                                                                                <div class="desc">
1444
                                                                                                        IPO Report for year 2013 has been released.
1445
                                                                                                </div>
1446
                                                                                        </div>
1447
                                                                                </div>
1448
                                                                        </div>
1449
                                                                        <div class="col2">
1450
                                                                                <div class="date">
1451
                                                                                        20 mins
1452
                                                                                </div>
1453
                                                                        </div>
1454
                                                                </a>
1455
                                                        </li>
1456
                                                        <li>
1457
                                                                <div class="col1">
1458
                                                                        <div class="cont">
1459
                                                                                <div class="cont-col1">
1460
                                                                                        <div class="label label-sm label-info">
1461
                                                                                                <i class="fa fa-check"></i>
1462
                                                                                        </div>
1463
                                                                                </div>
1464
                                                                                <div class="cont-col2">
1465
                                                                                        <div class="desc">
1466
                                                                                                You have 4 pending tasks. <span class="label label-sm label-warning ">
1467
                                                                                                Take action <i class="fa fa-share"></i>
1468
                                                                                                </span>
1469
                                                                                        </div>
1470
                                                                                </div>
1471
                                                                        </div>
1472
                                                                </div>
1473
                                                                <div class="col2">
1474
                                                                        <div class="date">
1475
                                                                                Just now
1476
                                                                        </div>
1477
                                                                </div>
1478
                                                        </li>
1479
                                                        <li>
1480
                                                                <a href="#">
1481
                                                                        <div class="col1">
1482
                                                                                <div class="cont">
1483
                                                                                        <div class="cont-col1">
1484
                                                                                                <div class="label label-sm label-danger">
1485
                                                                                                        <i class="fa fa-bar-chart-o"></i>
1486
                                                                                                </div>
1487
                                                                                        </div>
1488
                                                                                        <div class="cont-col2">
1489
                                                                                                <div class="desc">
1490
                                                                                                        Finance Report for year 2013 has been released.
1491
                                                                                                </div>
1492
                                                                                        </div>
1493
                                                                                </div>
1494
                                                                        </div>
1495
                                                                        <div class="col2">
1496
                                                                                <div class="date">
1497
                                                                                        20 mins
1498
                                                                                </div>
1499
                                                                        </div>
1500
                                                                </a>
1501
                                                        </li>
1502
                                                        <li>
1503
                                                                <div class="col1">
1504
                                                                        <div class="cont">
1505
                                                                                <div class="cont-col1">
1506
                                                                                        <div class="label label-sm label-default">
1507
                                                                                                <i class="fa fa-user"></i>
1508
                                                                                        </div>
1509
                                                                                </div>
1510
                                                                                <div class="cont-col2">
1511
                                                                                        <div class="desc">
1512
                                                                                                You have 5 pending membership that requires a quick review.
1513
                                                                                        </div>
1514
                                                                                </div>
1515
                                                                        </div>
1516
                                                                </div>
1517
                                                                <div class="col2">
1518
                                                                        <div class="date">
1519
                                                                                24 mins
1520
                                                                        </div>
1521
                                                                </div>
1522
                                                        </li>
1523
                                                        <li>
1524
                                                                <div class="col1">
1525
                                                                        <div class="cont">
1526
                                                                                <div class="cont-col1">
1527
                                                                                        <div class="label label-sm label-info">
1528
                                                                                                <i class="fa fa-shopping-cart"></i>
1529
                                                                                        </div>
1530
                                                                                </div>
1531
                                                                                <div class="cont-col2">
1532
                                                                                        <div class="desc">
1533
                                                                                                New order received with <span class="label label-sm label-success">
1534
                                                                                                Reference Number: DR23923 </span>
1535
                                                                                        </div>
1536
                                                                                </div>
1537
                                                                        </div>
1538
                                                                </div>
1539
                                                                <div class="col2">
1540
                                                                        <div class="date">
1541
                                                                                30 mins
1542
                                                                        </div>
1543
                                                                </div>
1544
                                                        </li>
1545
                                                        <li>
1546
                                                                <div class="col1">
1547
                                                                        <div class="cont">
1548
                                                                                <div class="cont-col1">
1549
                                                                                        <div class="label label-sm label-success">
1550
                                                                                                <i class="fa fa-user"></i>
1551
                                                                                        </div>
1552
                                                                                </div>
1553
                                                                                <div class="cont-col2">
1554
                                                                                        <div class="desc">
1555
                                                                                                You have 5 pending membership that requires a quick review.
1556
                                                                                        </div>
1557
                                                                                </div>
1558
                                                                        </div>
1559
                                                                </div>
1560
                                                                <div class="col2">
1561
                                                                        <div class="date">
1562
                                                                                24 mins
1563
                                                                        </div>
1564
                                                                </div>
1565
                                                        </li>
1566
                                                        <li>
1567
                                                                <div class="col1">
1568
                                                                        <div class="cont">
1569
                                                                                <div class="cont-col1">
1570
                                                                                        <div class="label label-sm label-warning">
1571
                                                                                                <i class="fa fa-bell-o"></i>
1572
                                                                                        </div>
1573
                                                                                </div>
1574
                                                                                <div class="cont-col2">
1575
                                                                                        <div class="desc">
1576
                                                                                                Web server hardware needs to be upgraded. <span class="label label-sm label-default ">
1577
                                                                                                Overdue </span>
1578
                                                                                        </div>
1579
                                                                                </div>
1580
                                                                        </div>
1581
                                                                </div>
1582
                                                                <div class="col2">
1583
                                                                        <div class="date">
1584
                                                                                2 hours
1585
                                                                        </div>
1586
                                                                </div>
1587
                                                        </li>
1588
                                                        <li>
1589
                                                                <a href="#">
1590
                                                                        <div class="col1">
1591
                                                                                <div class="cont">
1592
                                                                                        <div class="cont-col1">
1593
                                                                                                <div class="label label-sm label-info">
1594
                                                                                                        <i class="fa fa-briefcase"></i>
1595
                                                                                                </div>
1596
                                                                                        </div>
1597
                                                                                        <div class="cont-col2">
1598
                                                                                                <div class="desc">
1599
                                                                                                        IPO Report for year 2013 has been released.
1600
                                                                                                </div>
1601
                                                                                        </div>
1602
                                                                                </div>
1603
                                                                        </div>
1604
                                                                        <div class="col2">
1605
                                                                                <div class="date">
1606
                                                                                        20 mins
1607
                                                                                </div>
1608
                                                                        </div>
1609
                                                                </a>
1610
                                                        </li>
1611
                                                </ul>
1612
                                        </div>
1613
                                        <div class="scroller-footer">
1614
                                                <div class="btn-arrow-link pull-right">
1615
                                                        <a href="#">See All Records</a>
1616
                                                        <i class="icon-arrow-right"></i>
1617
                                                </div>
1618
                                        </div>
1619
                                </div>
1620
                        </div>
1621
                        <!-- END REGIONAL STATS PORTLET-->
1622
                </div>
1623
                <div class="col-md-6 col-sm-6">
1624
                        <!-- BEGIN PORTLET-->
1625
                        <div class="portlet light">
1626
                                <div class="portlet-title">
1627
                                        <div class="caption caption-md">
1628
                                                <i class="icon-bar-chart font-green-haze"></i>
1629
                                                <span class="caption-subject font-green-haze bold uppercase">Customer Support</span>
1630
                                                <span class="caption-helper">45 pending</span>
1631
                                        </div>
1632
                                        <div class="inputs">
1633
                                                <div class="portlet-input input-inline input-small ">
1634
                                                        <div class="input-icon right">
1635
                                                                <i class="icon-magnifier"></i>
1636
                                                                <input type="text" class="form-control form-control-solid" placeholder="search...">
1637
                                                        </div>
1638
                                                </div>
1639
                                        </div>
1640
                                </div>
1641
                                <div class="portlet-body">
1642
                                        <div class="scroller" style="height: 329px;" data-always-visible="1" data-rail-visible1="0" data-handle-color="#D7DCE2">
1643
                                                <div class="general-item-list">
1644
                                                        <div class="item">
1645
                                                                <div class="item-head">
1646
                                                                        <div class="item-details">
1647
                                                                                <img class="item-pic" src="../../../assets/admin/layout/img/avatar4.jpg">
1648
                                                                                <a href="" class="item-name primary-link">Nick Larson</a>
1649
                                                                                <span class="item-label">3 hrs ago</span>
1650
                                                                        </div>
1651
                                                                        <span class="item-status"><span class="badge badge-empty badge-success"></span> Open</span>
1652
                                                                </div>
1653
                                                                <div class="item-body">
1654
                                                                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
1655
                                                                </div>
1656
                                                        </div>
1657
                                                        <div class="item">
1658
                                                                <div class="item-head">
1659
                                                                        <div class="item-details">
1660
                                                                                <img class="item-pic" src="../../../assets/admin/layout/img/avatar3.jpg">
1661
                                                                                <a href="" class="item-name primary-link">Mark</a>
1662
                                                                                <span class="item-label">5 hrs ago</span>
1663
                                                                        </div>
1664
                                                                        <span class="item-status"><span class="badge badge-empty badge-warning"></span> Pending</span>
1665
                                                                </div>
1666
                                                                <div class="item-body">
1667
                                                                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat tincidunt ut laoreet.
1668
                                                                </div>
1669
                                                        </div>
1670
                                                        <div class="item">
1671
                                                                <div class="item-head">
1672
                                                                        <div class="item-details">
1673
                                                                                <img class="item-pic" src="../../../assets/admin/layout/img/avatar6.jpg">
1674
                                                                                <a href="" class="item-name primary-link">Nick Larson</a>
1675
                                                                                <span class="item-label">8 hrs ago</span>
1676
                                                                        </div>
1677
                                                                        <span class="item-status"><span class="badge badge-empty badge-primary"></span> Closed</span>
1678
                                                                </div>
1679
                                                                <div class="item-body">
1680
                                                                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.
1681
                                                                </div>
1682
                                                        </div>
1683
                                                        <div class="item">
1684
                                                                <div class="item-head">
1685
                                                                        <div class="item-details">
1686
                                                                                <img class="item-pic" src="../../../assets/admin/layout/img/avatar7.jpg">
1687
                                                                                <a href="" class="item-name primary-link">Nick Larson</a>
1688
                                                                                <span class="item-label">12 hrs ago</span>
1689
                                                                        </div>
1690
                                                                        <span class="item-status"><span class="badge badge-empty badge-danger"></span> Pending</span>
1691
                                                                </div>
1692
                                                                <div class="item-body">
1693
                                                                        Consectetuer adipiscing elit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
1694
                                                                </div>
1695
                                                        </div>
1696
                                                        <div class="item">
1697
                                                                <div class="item-head">
1698
                                                                        <div class="item-details">
1699
                                                                                <img class="item-pic" src="../../../assets/admin/layout/img/avatar9.jpg">
1700
                                                                                <a href="" class="item-name primary-link">Richard Stone</a>
1701
                                                                                <span class="item-label">2 days ago</span>
1702
                                                                        </div>
1703
                                                                        <span class="item-status"><span class="badge badge-empty badge-danger"></span> Open</span>
1704
                                                                </div>
1705
                                                                <div class="item-body">
1706
                                                                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, ut laoreet dolore magna aliquam erat volutpat.
1707
                                                                </div>
1708
                                                        </div>
1709
                                                        <div class="item">
1710
                                                                <div class="item-head">
1711
                                                                        <div class="item-details">
1712
                                                                                <img class="item-pic" src="../../../assets/admin/layout/img/avatar8.jpg">
1713
                                                                                <a href="" class="item-name primary-link">Dan</a>
1714
                                                                                <span class="item-label">3 days ago</span>
1715
                                                                        </div>
1716
                                                                        <span class="item-status"><span class="badge badge-empty badge-warning"></span> Pending</span>
1717
                                                                </div>
1718
                                                                <div class="item-body">
1719
                                                                        Lorem ipsum dolor sit amet, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
1720
                                                                </div>
1721
                                                        </div>
1722
                                                        <div class="item">
1723
                                                                <div class="item-head">
1724
                                                                        <div class="item-details">
1725
                                                                                <img class="item-pic" src="../../../assets/admin/layout/img/avatar2.jpg">
1726
                                                                                <a href="" class="item-name primary-link">Larry</a>
1727
                                                                                <span class="item-label">4 hrs ago</span>
1728
                                                                        </div>
1729
                                                                        <span class="item-status"><span class="badge badge-empty badge-success"></span> Open</span>
1730
                                                                </div>
1731
                                                                <div class="item-body">
1732
                                                                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
1733
                                                                </div>
1734
                                                        </div>
1735
                                                </div>
1736
                                        </div>
1737
                                </div>
1738
                        </div>
1739
                        <!-- END PORTLET-->
1740
                </div>
1741
        </div>
1742
</div>
1743
<!-- END MAIN CONTENT -->
1744
<!-- BEGIN MAIN JS & CSS -->
1745
<script>
1746
        Index.init();    
1747
        Tasks.initDashboardWidget();
1748
</script>
1749
<!-- BEGIN MAIN JS & CSS -->