Ignore:
Timestamp:
Nov 13, 2014 3:05:40 PM (11 years ago)
Author:
dungnv
Message:
 
File:
1 edited

Legend:

Unmodified
Added
Removed

  • pro-violet-viettel/docs/template/frontend-user_profile.html

    r400 r484  
    33        <head>
    44                <meta charset="utf-8" />
    5                 <title>SBG Online</title>
     5                <title>SOẠN BÀI GIẢNG ONLINE</title>
    66
    77                <meta name="description" content="overview &amp; stats" />
    … …  
    1919                <script src="assets/js/ace-extra.min.js"></script>
    2020
     21                <link href="assets/css/custom.css" rel="stylesheet" />
    2122                <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    2223
    … …  
    2930        <body>
    3031                <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 
    3532                        <div class="navbar-container" id="navbar-container">
    3633                                <div class="navbar-header pull-left">
    … …  
    4441                                                <li>
    4542                                                        <a data-toggle="dropdown" href="#" class="dropdown-toggle">
    46                                                                 <img class="nav-user-photo" src="assets/avatars/user.jpg" alt="Admin's Photo" />
    4743                                                                <span class="user-info">
    4844                                                                        <small>Xin chào,</small>
    … …  
    7773
    7874                <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 
    8375                        <div class="main-container-inner">
    8476                                <a class="menu-toggler" id="menu-toggler" href="#">
    … …  
    8678                                </a>
    8779
    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                                        
     80                                <div class="sidebar sidebar-fixed" id="sidebar">                               
    9381                                        <nav class="navbar navbar-minimal animate open" role="navigation" style="background:transparent">
    9482                                                <ul class="navbar-menu animate">
    … …  
    10088                                                        </li>
    10189                                                        <li>
    102                                                                 <a href="http://space.violet.vn" class="animate">
    103                                                                         <span class="desc animate"> Violet Space </span>
    104                                                                         <img src="assets/img/logo_Violet_space_black_box.png" width="28" class="img-responsive pull-right">
     90                                                                <a href="frontend-user_profile.html#account-info" class="animate">
     91                                                                        <span class="desc animate"> Thanh toán </span>
     92                                                                        <img src="assets/img/payment.png" width="28" class="img-responsive pull-right">
    10593                                                                </a>
    106                                                         </li>
     94                                                        </li>                                                   
    10795                                                        <li>
    108                                                                 <a href="user_profile.html" class="animate">
     96                                                                <a href="frontend-user_profile.html" class="animate">
    10997                                                                        <span class="desc animate"> ThÃŽng tin cá nhân </span>
    11098                                                                        <img src="assets/img/profile.png" width="28" class="img-responsive pull-right">
    … …  
    156144                                                                                                                </a>
    157145                                                                                                        </li>
    158 
    159146                                                                                                        <li>
    160147                                                                                                                <a href="#account-info" data-toggle="tab">
    … …  
    163150                                                                                                                </a>
    164151                                                                                                        </li>
     152                                                                                                        <li>
     153                                                                                                                <a href="#services-register" data-toggle="tab">
     154                                                                                                                        <i class="blue icon-cog bigger-125"></i>
     155                                                                                                                        Đăng kÃœ dịch vụ
     156                                                                                                                </a>
     157                                                                                                        </li>
    165158                                                                                                </ul>
    166159
    … …  
    171164
    172165                                                                                                                        <div class="row">
    173                                                                                                                                 <div class="col-xs-12 col-sm-4">
    174                                                                                                                                         <div class="ace-file-input ace-file-multiple"><input type="file"><a href="#" class="remove"><i class="icon-remove"></i></a></div>
    175                                                                                                                                 </div>
    176166
    177167                                                                                                                                <div class="vspace-xs"></div>
    … …  
    328318                                                                                                        </div>
    329319
    330                                                                                                        
    331320                                                                                                        <div class="tab-pane" id="edit-password">
    332321                                                                                                                <form class="form-horizontal">
    … …  
    378367                                                                                                                        </div>
    379368
    380                                                                                                                         <h4 class="header blue bolder smaller">Nạp tiền bằng thẻ cào</h4>
     369                                                                                                                        <h4 class="header blue bolder smaller">Nạp tiền bằng thẻ cào Viettel</h4>
    381370                                                                                                                        <div class="col-sm-8">
    382371                                                                                                                                <div class="form-group">
    … …  
    420409                                                                                                        </div>
    421410
     411                                                                                                        <div class="tab-pane" id="services-register">
     412                                                                                                                <form class="form-horizontal">
     413                                                                                                                        <h4 class="header blue bolder smaller">ThÃŽng tin tài khoản</h4>
     414                                                                                                                        <div class="col-sm-6">
     415                                                                                                                                <h4>Số tiền </h4> <h3>10.000.000 VND</h3>
     416                                                                                                                        </div>
     417                                                                                                                        <div class="col-sm-6">
     418                                                                                                                                <form>
     419                                                                                                                                        <div class="form-group">
     420                                                                                                                                                <label for="form-field-first" class="col-sm-4 control-label no-padding-right">Họ và tên</label>
     421
     422                                                                                                                                                <div class="col-sm-8">
     423                                                                                                                                                        <input type="text" value="" placeholder="Họ" id="form-field-first" class="input-small">
     424                                                                                                                                                        <input type="text" value="" placeholder="Tên" id="form-field-last" class="input-small">
     425                                                                                                                                                </div>
     426                                                                                                                                        </div>
     427
     428                                                                                                                                        <div class="space-4"></div>
     429
     430                                                                                                                                        <div class="form-group">
     431                                                                                                                                                <label for="form-field-username" class="col-sm-4 control-label no-padding-right">Đơn vị</label>
     432
     433                                                                                                                                                <div class="col-sm-8">
     434                                                                                                                                                        <input type="text" placeholder="Đơn vị" id="form-field-username" class="col-xs-12 col-sm-10">
     435                                                                                                                                                </div>
     436                                                                                                                                        </div>
     437                                                                                                                                </form>
     438                                                                                                                        </div>
     439                                                                                                                        <h4 class="header blue bolder smaller">Đăng kÃœ dịch vụ</h4>
     440                                                                                                                        <h5>Cách 1: Mời quí vị chọn các gói dịch vụ sau</h5>
     441                                                                                                <div class="alert alert-block alert-success">                                           
     442                                                                                                                                <table class="table">
     443                                                                                                                                        <tbody>
     444                                                                                                                                                <tr>
     445                                                                                                                                                        <td>1 tháng</td>
     446                                                                                                                                                        <td>15.000 VNĐ</td>
     447                                                                                                                                                        <td class="center">
     448                                                                                                                                                                <label>
     449                                                                                                                                                                        <input type="radio" name="payment-option" class="ace" />
     450                                                                                                                                                                        <span class="lbl"></span>
     451                                                                                                                                                                </label>
     452                                                                                                                                                        </td>
     453                                                                                                                                                </tr>
     454                                                                                                                                                <tr>
     455                                                                                                                                                        <td>3 tháng</td>
     456                                                                                                                                                        <td>40.000 VNĐ</td>
     457                                                                                                                                                        <td class="center">
     458                                                                                                                                                                <label>
     459                                                                                                                                                                        <input type="radio" name="payment-option" class="ace" />
     460                                                                                                                                                                        <span class="lbl"></span>
     461                                                                                                                                                                </label>
     462                                                                                                                                                        </td>
     463                                                                                                                                                </tr>
     464                                                                                                                                                <tr>
     465                                                                                                                                                        <td>6 tháng</td>
     466                                                                                                                                                        <td>70.000 VNĐ</td>
     467                                                                                                                                                        <td class="center">
     468                                                                                                                                                                <label>
     469                                                                                                                                                                        <input type="radio" name="payment-option" class="ace" />
     470                                                                                                                                                                        <span class="lbl"></span>
     471                                                                                                                                                                </label>
     472                                                                                                                                                        </td>
     473                                                                                                                                                </tr>
     474                                                                                                                                                <tr>
     475                                                                                                                                                        <td>12 tháng</td>
     476                                                                                                                                                        <td>130.000 VNĐ</td>
     477                                                                                                                                                        <td class="center">
     478                                                                                                                                                                <label>
     479                                                                                                                                                                        <input type="radio" name="payment-option" class="ace" />
     480                                                                                                                                                                        <span class="lbl"></span>
     481                                                                                                                                                                </label>
     482                                                                                                                                                        </td>
     483                                                                                                                                                </tr>
     484                                                                                                                                        </tbody>
     485                                                                                                                                </table>
     486                                                                                                                        <button type="button" class="btn btn-success">Đăng kÃœ</button>
     487                                                                                                                        </div>
     488                                                                                                                        <h5>Cách 2</h5>
     489                                                                                                                        <h4>Soạn tin: SBG DK 1 (hay 3, 6, 12) gá»­i tới 8062</h4>
     490                                                                                                                </form>
     491                                                                                                        </div>
    422492                                                                                                </div>
    423493                                                                                        </div>
    … …  
    449519                                                                <thead>
    450520                                                                        <tr>
    451                                                                                 <th class="center">
    452                                                                                         <label>
    453                                                                                                 <input type="checkbox" class="ace" />
    454                                                                                                 <span class="lbl"></span>
    455                                                                                         </label>
    456                                                                                 </th>
    457521                                                                                <th>Số tiền</th>
    458 
    459522                                                                                <th>
    460523                                                                                        <i class="icon-time bigger-110 hidden-480"></i>
    … …  
    466529                                                                <tbody>
    467530                                                                        <tr>
    468                                                                                 <td class="center">
    469                                                                                         <label>
    470                                                                                                 <input type="checkbox" class="ace" />
    471                                                                                                 <span class="lbl"></span>
    472                                                                                         </label>
    473                                                                                 </td>
    474531                                                                                <td>$45</td>
    475532                                                                                <td>Feb 12</td>
    … …  
    553610                <script type="text/javascript">
    554611                        jQuery(function($) {
    555                        
    556                                 ///////////////////////////////////////////
    557                                 $('#user-profile-3')
    558                                 .find('input[type=file]').ace_file_input({
    559                                         style:'well',
    560                                         btn_choose:'Hình đại diện',
    561                                         btn_change:null,
    562                                         no_icon:'icon-picture',
    563                                         thumbnail:'large',
    564                                         droppable:true,
    565                                         before_change: function(files, dropped) {
    566                                                 var file = files[0];
    567                                                 if(typeof file === "string") {//files is just a file name here (in browsers that don't support FileReader API)
    568                                                         if(! (/\.(jpe?g|png|gif)$/i).test(file) ) return false;
    569                                                 }
    570                                                 else {//file is a File object
    571                                                         var type = $.trim(file.type);
    572                                                         if( ( type.length > 0 && ! (/^image\/(jpe?g|png|gif)$/i).test(type) )
    573                                                                         || ( type.length == 0 && ! (/\.(jpe?g|png|gif)$/i).test(file.name) )//for android default browser!
    574                                                                 ) return false;
    575                        
    576                                                         if( file.size > 110000 ) {//~100Kb
    577                                                                 return false;
    578                                                         }
    579                                                 }
    580                        
    581                                                 return true;
    582                                         }
    583                                 })
    584                                 .end().find('button[type=reset]').on(ace.click_event, function(){
    585                                         $('#user-profile-3 input[type=file]').ace_file_input('reset_input');
    586                                 })
    587                                 .end().find('.date-picker').datepicker().next().on(ace.click_event, function(){
    588                                         $(this).prev().focus();
    589                                 })
    590                        
    591612
    592613                                ////////////////////
Note: See TracChangeset for help on using the changeset viewer.