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

Last change on this file since 307 was 307, checked in by lamdt, 11 years ago
File size: 19.0 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3        <head>
4                <meta charset="utf-8" />
5                <title>Space |Admin</title>
6
7                <meta name="description" content="overview &amp; stats" />
8                <meta name="viewport" content="width=device-width, initial-scale=1.0" />
9
10                <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
11                <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
12
13                <link rel="stylesheet" href="assets/css/ace-fonts.css" />
14
15                <link rel="stylesheet" href="assets/css/ace.min.css" />
16                <link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
17                <link rel="stylesheet" href="assets/css/ace-skins.min.css" />
18
19                <script src="assets/js/ace-extra.min.js"></script>
20
21                <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
22
23                <!--[if lt IE 9]>
24                <script src="assets/js/html5shiv.js"></script>
25                <script src="assets/js/respond.min.js"></script>
26                <![endif]-->
27        </head>
28
29        <body>
30                <div class="navbar navbar-default" id="navbar">
31                        <script type="text/javascript">
32                                try{ace.settings.check('navbar' , 'fixed')}catch(e){}
33                        </script>
34
35                        <div class="navbar-container" id="navbar-container">
36                                <div class="navbar-header pull-left">
37                                        <a href="#" class="navbar-brand">
38                                                <img src="assets/img/logo_soanbai_online_white.png" width="350" class="img-responsive">
39                                        </a><!-- /.brand -->
40                                </div><!-- /.navbar-header -->
41
42                                <div class="navbar-header pull-right" role="navigation">
43                                        <ul class="nav ace-nav">
44                                                <li><img src="assets/img/logo_Violet.png" width="64" class="img-responsive"></li>
45                                                <li><img src="assets/img/logo_viettel.png" width="64" class="img-responsive"></li>
46
47                                                <li>
48                                                        <a data-toggle="dropdown" href="#" class="dropdown-toggle">
49                                                                <img class="nav-user-photo" src="assets/avatars/user.jpg" alt="Admin's Photo" />
50                                                                <span class="user-info">
51                                                                        <small>Xin chào,</small>
52                                                                        Admin
53                                                                </span>
54
55                                                                <i class="icon-caret-down"></i>
56                                                        </a>
57
58                                                        <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
59                                                                <li>
60                                                                        <a href="user_profile.html">
61                                                                                <i class="icon-user"></i>
62                                                                                ThÃŽng tin cá nhân
63                                                                        </a>
64                                                                </li>
65
66                                                                <li class="divider"></li>
67
68                                                                <li>
69                                                                        <a href="login.html">
70                                                                                <i class="icon-off"></i>
71                                                                                Thoát
72                                                                        </a>
73                                                                </li>
74                                                        </ul>
75                                                </li>
76                                        </ul><!-- /.ace-nav -->
77                                </div><!-- /.navbar-header -->
78                        </div><!-- /.container -->
79                </div>
80
81                <div class="main-container" id="main-container">
82                        <script type="text/javascript">
83                                try{ace.settings.check('main-container' , 'fixed')}catch(e){}
84                        </script>
85
86                        <div class="main-container-inner">
87                                <a class="menu-toggler" id="menu-toggler" href="#">
88                                        <span class="menu-text"></span>
89                                </a>
90
91                                <div class="sidebar" id="sidebar">
92                                        <script type="text/javascript">
93                                                try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
94                                        </script>
95
96                                        <div class="sidebar-shortcuts" id="sidebar-shortcuts">
97                                                <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large" style="line-height:normal">
98                                                        <div data-percent="66%" class="progress progress-striped active" style="margin-bottom:0">
99                                                                <div style="width:66%;" class="progress-bar"></div>
100                                                        </div>
101                                                        <span>66 GB / 100 GB</span>
102                                                </div>
103
104                                                <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
105                                                        <span class="btn btn-success"></span>
106
107                                                        <span class="btn btn-info"></span>
108
109                                                        <span class="btn btn-warning"></span>
110
111                                                        <span class="btn btn-danger"></span>
112                                                </div>
113                                        </div><!-- #sidebar-shortcuts -->
114
115                                        <ul class="nav nav-list">
116                                                <li>
117                                                        <a href="index.html">
118                                                                <i class="icon-dashboard"></i>
119                                                                <span class="menu-text"> Bảng điều khiển </span>
120                                                        </a>
121                                                </li>
122
123                                                <li>
124                                                        <a href="#" class="dropdown-toggle">
125                                                                <i class="icon-group"></i>
126                                                                <span class="menu-text"> Quản lÜ tài khoản </span>
127
128                                                                <b class="arrow icon-angle-down"></b>
129                                                        </a>
130
131                                                        <ul class="submenu">
132                                                                <li>
133                                                                        <a href="admin_acc.html">
134                                                                                <i class="icon-double-angle-right"></i>
135                                                                                Quản trị viên
136                                                                        </a>
137                                                                </li>
138
139                                                                <li>
140                                                                        <a href="#" class="dropdown-toggle">
141                                                                                <i class="icon-double-angle-right"></i>
142                                                                                Người dùng
143                                                                                <b class="arrow icon-angle-down"></b>
144                                                                        </a>
145
146                                                                        <ul class="submenu">
147                                                                                <li> <a href=""> Kích hoạt/ Tạm ngưng </a> </li>
148                                                                                <li> <a href="user_acc.html"> Thống kê tài khoản </a> </li>
149                                                                        </ul>
150                                                                </li>
151
152                                                                <li>
153                                                                        <a href="assistant_acc.html">
154                                                                                <i class="icon-double-angle-right"></i>
155                                                                                Cộng tác viên
156                                                                        </a>
157                                                                </li>
158
159                                                        </ul>
160                                                </li>
161
162                                                <li>
163                                                        <a href="#" class="dropdown-toggle">
164                                                                <i class="icon-bar-chart"></i>
165                                                                <span class="menu-text"> Báo cáo </span>
166
167                                                                <b class="arrow icon-angle-down"></b>
168                                                        </a>
169
170                                                        <ul class="submenu">
171                                                                <li>
172                                                                        <a href="report_all.html">
173                                                                                <i class="icon-double-angle-right"></i>
174                                                                                Doanh thu tổng hợp
175                                                                        </a>
176                                                                </li>
177
178                                                                <li>
179                                                                        <a href="report_sms.html">
180                                                                                <i class="icon-double-angle-right"></i>
181                                                                                Doanh thu qua SMS
182                                                                        </a>
183                                                                </li>
184
185                                                                <li>
186                                                                        <a href="report_card.html">
187                                                                                <i class="icon-double-angle-right"></i>
188                                                                                Doanh thu qua nạp thẻ cào
189                                                                        </a>
190                                                                </li>
191
192                                                                <li>
193                                                                        <a href="report_assistant.html">
194                                                                                <i class="icon-double-angle-right"></i>
195                                                                                Doanh thu cá»§a cộng tác viên
196                                                                        </a>
197                                                                </li>
198
199                                                                <li>
200                                                                        <a href="logs_sms.html">
201                                                                                <i class="icon-double-angle-right"></i>
202                                                                                SMS logs
203                                                                        </a>
204                                                                </li>
205
206                                                                <li>
207                                                                        <a href="logs_card.html">
208                                                                                <i class="icon-double-angle-right"></i>
209                                                                                Card logs
210                                                                        </a>
211                                                                </li>
212                                                        </ul>
213                                                </li>
214
215                                                <li>
216                                                        <a href="config.html" class="dropdown-toggle">
217                                                                <i class="icon-cog"></i>
218                                                                <span class="menu-text"> Thiết lập </span>
219                                                        </a>
220                                                </li>
221
222                                        </ul><!-- /.nav-list -->
223
224                                        <div class="sidebar-collapse" id="sidebar-collapse">
225                                                <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
226                                        </div>
227
228                                        <script type="text/javascript">
229                                                try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
230                                        </script>
231                                </div>
232
233                                <div class="main-content">
234                                        <div class="breadcrumbs" id="breadcrumbs">
235                                                <script type="text/javascript">
236                                                        try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
237                                                </script>
238
239                                                <ul class="breadcrumb">
240                                                        <li>
241                                                                <i class="icon-home home-icon"></i>
242                                                                <a href="#">Trang chá»§</a>
243                                                        </li>
244                                                </ul><!-- .breadcrumb -->
245
246                                                <div class="nav-search" id="nav-search">
247                                                        <form class="form-search">
248                                                                <span class="input-icon">
249                                                                        <input type="text" placeholder="Tìm kiếm ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
250                                                                        <i class="icon-search nav-search-icon"></i>
251                                                                </span>
252                                                        </form>
253                                                </div><!-- #nav-search -->
254                                        </div>
255
256                                        <div class="page-content">
257                                                <div class="page-header">
258                                                        <h1>
259                                                                ThÃŽng tin cá nhân
260                                                                <small>
261                                                                        <i class="icon-double-angle-right"></i>
262                                                                        Admin
263                                                                </small>
264                                                        </h1>
265                                                </div><!-- /.page-header -->
266
267                                                <div class="row">
268                                                        <div class="col-xs-12">
269                                                                <!-- PAGE CONTENT BEGINS -->
270                                                                <div class="user-profile row" id="user-profile-3">
271                                                                        <div class="col-sm-offset-1 col-sm-10">
272
273                                                                                <form class="form-horizontal">
274                                                                                        <div class="tabbable">
275                                                                                                <ul class="nav nav-tabs padding-16">
276                                                                                                        <li class="active">
277                                                                                                                <a href="#edit-basic" data-toggle="tab">
278                                                                                                                        <i class="green icon-edit bigger-125"></i>
279                                                                                                                        ThÃŽng tin cá nhân
280                                                                                                                </a>
281                                                                                                        </li>
282
283                                                                                                        <li>
284                                                                                                                <a href="#edit-password" data-toggle="tab">
285                                                                                                                        <i class="blue icon-key bigger-125"></i>
286                                                                                                                        Đổi mật khẩu
287                                                                                                                </a>
288                                                                                                        </li>
289                                                                                                </ul>
290
291                                                                                                <div class="tab-content profile-edit-tab-content">
292                                                                                                        <div class="tab-pane in active" id="edit-basic">
293                                                                                                                <h4 class="header blue bolder smaller">ThÃŽng tin chung</h4>
294
295                                                                                                                <div class="row">
296                                                                                                                        <div class="col-xs-12 col-sm-4">
297                                                                                                                                <div class="ace-file-input ace-file-multiple"><input type="file"><a href="#" class="remove"><i class="icon-remove"></i></a></div>
298                                                                                                                        </div>
299
300                                                                                                                        <div class="vspace-xs"></div>
301
302                                                                                                                        <div class="col-xs-12 col-sm-8">
303                                                                                                                                <div class="form-group">
304                                                                                                                                        <label for="form-field-username" class="col-sm-4 control-label no-padding-right">Tài khoản</label>
305
306                                                                                                                                        <div class="col-sm-8">
307                                                                                                                                                <input type="text" value="Admin" placeholder="Tài khoản" id="form-field-username" class="col-xs-12 col-sm-10" disabled>
308                                                                                                                                        </div>
309                                                                                                                                </div>
310
311                                                                                                                                <div class="space-4"></div>
312
313                                                                                                                                <div class="form-group">
314                                                                                                                                        <label for="form-field-first" class="col-sm-4 control-label no-padding-right">Họ và tên</label>
315
316                                                                                                                                        <div class="col-sm-8">
317                                                                                                                                                <input type="text" value="" placeholder="Họ" id="form-field-first" class="input-small">
318                                                                                                                                                <input type="text" value="" placeholder="Tên" id="form-field-last" class="input-small">
319                                                                                                                                        </div>
320                                                                                                                                </div>
321                                                                                                                        </div>
322                                                                                                                </div>
323
324                                                                                                                <hr>
325                                                                                                                <div class="form-group">
326                                                                                                                        <label for="form-field-date" class="col-sm-3 control-label no-padding-right">Ngày sinh</label>
327
328                                                                                                                        <div class="col-sm-9">
329                                                                                                                                <div class="input-medium">
330                                                                                                                                        <div class="input-group">
331                                                                                                                                                <input type="text" placeholder="dd-mm-yyyy" data-date-format="dd-mm-yyyy" id="form-field-date" class="input-medium date-picker">
332                                                                                                                                                <span class="input-group-addon">
333                                                                                                                                                        <i class="icon-calendar"></i>
334                                                                                                                                                </span>
335                                                                                                                                        </div>
336                                                                                                                                </div>
337                                                                                                                        </div>
338                                                                                                                </div>
339
340                                                                                                                <div class="space-4"></div>
341
342                                                                                                                <div class="form-group">
343                                                                                                                        <label class="col-sm-3 control-label no-padding-right">Giới tính</label>
344
345                                                                                                                        <div class="col-sm-9">
346                                                                                                                                <label class="inline">
347                                                                                                                                        <input type="radio" class="ace" name="form-field-radio">
348                                                                                                                                        <span class="lbl"> Nam</span>
349                                                                                                                                </label>
350
351                                                                                                                                &nbsp; &nbsp; &nbsp;
352                                                                                                                                <label class="inline">
353                                                                                                                                        <input type="radio" class="ace" name="form-field-radio">
354                                                                                                                                        <span class="lbl"> Nữ</span>
355                                                                                                                                </label>
356                                                                                                                        </div>
357                                                                                                                </div>
358
359                                                                                                                <div class="space"></div>
360                                                                                                                <h4 class="header blue bolder smaller">ThÃŽng tin liên hệ</h4>
361
362                                                                                                                <div class="form-group">
363                                                                                                                        <label for="form-field-email" class="col-sm-3 control-label no-padding-right">Email</label>
364
365                                                                                                                        <div class="col-sm-9">
366                                                                                                                                <span class="input-icon input-icon-right">
367                                                                                                                                        <input type="email" value="" id="form-field-email">
368                                                                                                                                        <i class="icon-envelope"></i>
369                                                                                                                                </span>
370                                                                                                                        </div>
371                                                                                                                </div>
372
373                                                                                                                <div class="space-4"></div>
374
375                                                                                                                <div class="form-group">
376                                                                                                                        <label for="form-field-website" class="col-sm-3 control-label no-padding-right">Website</label>
377
378                                                                                                                        <div class="col-sm-9">
379                                                                                                                                <span class="input-icon input-icon-right">
380                                                                                                                                        <input type="url" value="" id="form-field-website">
381                                                                                                                                        <i class="icon-globe"></i>
382                                                                                                                                </span>
383                                                                                                                        </div>
384                                                                                                                </div>
385
386                                                                                                                <div class="space-4"></div>
387
388                                                                                                                <div class="form-group">
389                                                                                                                        <label for="form-field-phone" class="col-sm-3 control-label no-padding-right">Số điện thoại</label>
390
391                                                                                                                        <div class="col-sm-9">
392                                                                                                                                <span class="input-icon input-icon-right">
393                                                                                                                                        <input type="text" id="form-field-phone" class="input-medium input-mask-phone">
394                                                                                                                                        <i class="icon-phone icon-flip-horizontal"></i>
395                                                                                                                                </span>
396                                                                                                                        </div>
397                                                                                                                </div>
398
399                                                                                                                <div class="space"></div>
400                                                                                                                <h4 class="header blue bolder smaller">Mạng xã hội</h4>
401
402                                                                                                                <div class="form-group">
403                                                                                                                        <label for="form-field-facebook" class="col-sm-3 control-label no-padding-right">Facebook</label>
404
405                                                                                                                        <div class="col-sm-9">
406                                                                                                                                <span class="input-icon">
407                                                                                                                                        <input type="text" id="form-field-facebook" value="">
408                                                                                                                                        <i class="icon-facebook blue"></i>
409                                                                                                                                </span>
410                                                                                                                        </div>
411                                                                                                                </div>
412
413                                                                                                                <div class="space-4"></div>
414
415                                                                                                                <div class="form-group">
416                                                                                                                        <label for="form-field-twitter" class="col-sm-3 control-label no-padding-right">Twitter</label>
417
418                                                                                                                        <div class="col-sm-9">
419                                                                                                                                <span class="input-icon">
420                                                                                                                                        <input type="text" id="form-field-twitter" value="">
421                                                                                                                                        <i class="icon-twitter light-blue"></i>
422                                                                                                                                </span>
423                                                                                                                        </div>
424                                                                                                                </div>
425
426                                                                                                                <div class="space-4"></div>
427
428                                                                                                                <div class="form-group">
429                                                                                                                        <label for="form-field-gplus" class="col-sm-3 control-label no-padding-right">Google+</label>
430
431                                                                                                                        <div class="col-sm-9">
432                                                                                                                                <span class="input-icon">
433                                                                                                                                        <input type="text" id="form-field-gplus" value="">
434                                                                                                                                        <i class="icon-google-plus red"></i>
435                                                                                                                                </span>
436                                                                                                                        </div>
437                                                                                                                </div>
438                                                                                                        </div>
439
440                                                                                                        <div class="tab-pane" id="edit-password">
441                                                                                                                <div class="space-10"></div>
442
443                                                                                                                <div class="form-group">
444                                                                                                                        <label for="form-field-pass1" class="col-sm-3 control-label no-padding-right">Mật khẩu mới</label>
445
446                                                                                                                        <div class="col-sm-9">
447                                                                                                                                <input type="password" id="form-field-pass1">
448                                                                                                                        </div>
449                                                                                                                </div>
450
451                                                                                                                <div class="space-4"></div>
452
453                                                                                                                <div class="form-group">
454                                                                                                                        <label for="form-field-pass2" class="col-sm-3 control-label no-padding-right">Nhập lại mật khẩu</label>
455
456                                                                                                                        <div class="col-sm-9">
457                                                                                                                                <input type="password" id="form-field-pass2">
458                                                                                                                        </div>
459                                                                                                                </div>
460                                                                                                        </div>
461                                                                                                </div>
462                                                                                        </div>
463
464                                                                                        <div class="clearfix form-actions">
465                                                                                                <div class="col-md-offset-3 col-md-9">
466                                                                                                        <button type="button" class="btn btn-info">
467                                                                                                                <i class="icon-ok bigger-110"></i>
468                                                                                                                Lưu lại
469                                                                                                        </button>
470
471                                                                                                        &nbsp; &nbsp;
472                                                                                                        <button type="reset" class="btn">
473                                                                                                                <i class="icon-undo bigger-110"></i>
474                                                                                                                Xóa hết
475                                                                                                        </button>
476                                                                                                </div>
477                                                                                        </div>
478                                                                                </form>
479                                                                        </div><!-- /span -->
480                                                                </div>
481
482                                                                <!-- PAGE CONTENT ENDS -->
483                                                        </div><!-- /.col -->
484                                                </div><!-- /.row -->
485                                        </div><!-- /.page-content -->
486                                </div><!-- /.main-content -->
487                        </div><!-- /.main-container-inner -->
488
489                        <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
490                                <i class="icon-double-angle-up icon-only bigger-110"></i>
491                        </a>
492                </div><!-- /.main-container -->
493
494                <!-- basic scripts -->
495
496                <!--[if !IE]> -->
497
498                <script type="text/javascript">
499                        window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
500                </script>
501
502                <!-- <![endif]-->
503
504                <!--[if IE]>
505<script type="text/javascript">
506 window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
507</script>
508<![endif]-->
509
510                <script type="text/javascript">
511                        if("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
512                </script>
513                <script src="assets/js/bootstrap.min.js"></script>
514                <script src="assets/js/typeahead-bs2.min.js"></script>
515
516                <!-- page specific plugin scripts -->
517
518                <!--[if lte IE 8]>
519                  <script src="assets/js/excanvas.min.js"></script>
520                <![endif]-->
521
522                <script src="assets/js/jquery-ui-1.10.3.custom.min.js"></script>
523                <script src="assets/js/jquery.ui.touch-punch.min.js"></script>
524                <script src="assets/js/jquery.gritter.min.js"></script>
525                <script src="assets/js/bootbox.min.js"></script>
526                <script src="assets/js/jquery.slimscroll.min.js"></script>
527                <script src="assets/js/jquery.easy-pie-chart.min.js"></script>
528                <script src="assets/js/jquery.hotkeys.min.js"></script>
529                <script src="assets/js/bootstrap-wysiwyg.min.js"></script>
530                <script src="assets/js/select2.min.js"></script>
531                <script src="assets/js/date-time/bootstrap-datepicker.min.js"></script>
532                <script src="assets/js/fuelux/fuelux.spinner.min.js"></script>
533                <script src="assets/js/x-editable/bootstrap-editable.min.js"></script>
534                <script src="assets/js/x-editable/ace-editable.min.js"></script>
535                <script src="assets/js/jquery.maskedinput.min.js"></script>
536
537                <!-- ace scripts -->
538
539                <script src="assets/js/ace-elements.min.js"></script>
540                <script src="assets/js/ace.min.js"></script>
541
542                <!-- inline scripts related to this page -->
543
544                <script type="text/javascript">
545                        jQuery(function($) {
546                       
547                                ///////////////////////////////////////////
548                                $('#user-profile-3')
549                                .find('input[type=file]').ace_file_input({
550                                        style:'well',
551                                        btn_choose:'Hình đại diện',
552                                        btn_change:null,
553                                        no_icon:'icon-picture',
554                                        thumbnail:'large',
555                                        droppable:true,
556                                        before_change: function(files, dropped) {
557                                                var file = files[0];
558                                                if(typeof file === "string") {//files is just a file name here (in browsers that don't support FileReader API)
559                                                        if(! (/\.(jpe?g|png|gif)$/i).test(file) ) return false;
560                                                }
561                                                else {//file is a File object
562                                                        var type = $.trim(file.type);
563                                                        if( ( type.length > 0 && ! (/^image\/(jpe?g|png|gif)$/i).test(type) )
564                                                                        || ( type.length == 0 && ! (/\.(jpe?g|png|gif)$/i).test(file.name) )//for android default browser!
565                                                                ) return false;
566                       
567                                                        if( file.size > 110000 ) {//~100Kb
568                                                                return false;
569                                                        }
570                                                }
571                       
572                                                return true;
573                                        }
574                                })
575                                .end().find('button[type=reset]').on(ace.click_event, function(){
576                                        $('#user-profile-3 input[type=file]').ace_file_input('reset_input');
577                                })
578                                .end().find('.date-picker').datepicker().next().on(ace.click_event, function(){
579                                        $(this).prev().focus();
580                                })
581                                $('.input-mask-phone').mask('(999) 999-9999');
582                       
583                       
584                       
585                                ////////////////////
586                                //change profile
587                                $('[data-toggle="buttons"] .btn').on('click', function(e){
588                                        var target = $(this).find('input[type=radio]');
589                                        var which = parseInt(target.val());
590                                        $('.user-profile').parent().addClass('hide');
591                                        $('#user-profile-'+which).parent().removeClass('hide');
592                                });
593                        });
594                </script>
595        </body>
596</html>
Note: See TracBrowser for help on using the repository browser.