source: pro-violet-viettel/docs/Space-update-logo/Space/user_profile.html @ 577

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