source: pro-violet-viettel/docs/template/user_profile.html @ 897

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