unserver-unify/src/app/login/mobile_register.html

<div class="page overlap_bg" ng-controller="SignupCtrl as ctrl">
  <form class="form-horizontal reg-page margin-bottom-50" role="form" name="form" ng-class='{"shake":shaking}'>
    <div class="reg-header">
      <h2>{{ {eng:'Register new account',chn:'注册新用户'}|trans}}</h2>
      <p>{{ {eng:'Already Signed Up? Click',chn:'已经注册了？请点击'}|trans }} <a href="javascript:void(0)" ui-sref="index.mobile.login" ng-if="!ctrl.loginService.isLogged" class="color-green">{{ {eng:'Sign In',chn:'登录'}|trans }}</a></p>
    </div>
    <div ng-class='{"has-error":form.username.$invalid && submitted}'>
      <label class="control-label" for="username"><span translate>User Name</span> <span class="manditory">*</span></label>
      <div  >
        <input ng-model="ctrl.userCredentials.name" name="username" type="text" class="form-control margin-bottom-20" placeholder="{{ 'required_min_length' | translate:'{ length: 5 }' }}" ng-minlength="5" focus-me="true" required>
      </div>
    </div>
    <div class="form-group alert alert-danger" ng-show="form.username.$invalid && submitted">
      <p class="help-block col-xs-12" translate="field_required_min_length" translate-value-field="{{ 'User Name' | translate }}" translate-values='{length: 5}'></p>
    </div>
    <div ng-class='{"has-error":form.fullname.$invalid && submitted}'>
      <label class="control-label" for="fullname"><span translate>Full Name</span> <span class="manditory">*</span></label>
      <div  >
        <input ng-model="ctrl.userCredentials.fullname" name="fullname" type="text" class="form-control margin-bottom-20" placeholder="{{ 'required_min_length' | translate:'{ length: 5 }' }}" ng-minlength="5" required>
      </div>
    </div>
    <div class="form-group alert alert-danger" ng-show="form.fullname.$invalid && submitted">
      <p class="help-block col-xs-12" translate="field_required_min_length"  translate-value-field="{{ 'Full Name' | translate }}" translate-values='{length: 5}'></p>
    </div>
    <div ng-class='{"has-error":form.email.$invalid && submitted}'>
      <label class="control-label" for="email"><span translate>Email</span> <span class="manditory">*</span></label>
      <div  >
        <input ng-model="ctrl.userCredentials.email" name="email" type="email" class="form-control margin-bottom-20" placeholder="{{ 'example@example.com' | translate:'{ length: 5 }' }}" ng-minlength="5" required>
      </div>
    </div>
    <div class="form-group alert alert-danger" ng-show="form.email.$invalid && submitted">
      <p class="help-block col-xs-12"><span translate="field_required_min_length" translate-value-field="{{ 'Email' | translate }}" translate-values='{length: 5}'></span> <span translate>It must be a valid email address.</span></p>
    </div>
    <div class="row">
      <div class="col-sm-6">
        <div ng-class='{"has-error":form.password.$invalid && submitted}'>
          <label class="control-label" for="password"><span translate>Password</span> <span class="manditory">*</span></label>
          <div  >
            <input ng-model="ctrl.userCredentials.pass" name="password" type="password" class="form-control margin-bottom-20" placeholder="{{ 'required_min_length' | translate:'{ length: 5 }' }}" ng-minlength="5" required>
          </div>
        </div>
        <div class="form-group alert alert-danger" ng-show="form.password.$invalid && submitted">
          <p class="help-block col-xs-12" translate="field_required_min_length" translate-value-field="{{ 'Password' | translate }}" translate-values='{length: 5}'></p>
        </div>
      </div>
      <div class="col-sm-6">
        <div ng-class='{"has-error":form.password2.$invalid && submitted}'>
          <label class="control-label" for="password2"><span translate>Confirm Password</span> <span class="manditory"><span class="manditory">*</span></span></label>
          <div  >
            <input ng-model="ctrl.userCredentials.re_pass" name="password2" type="password" class="form-control margin-bottom-20" placeholder="{{ 'It must be same as the password that previous enter.' | translate }}" ng-minlength="5" required password-confirm match-target="ctrl.userCredentials.pass" >
          </div>
        </div>
        <div class="form-group alert alert-danger" ng-show="form.password2.$invalid && submitted">
          <p class="help-block col-xs-12"><!-- <span translate="field_required_min_length" translate-value-field="{{ 'Confirm Password' | translate }}" translate-values='{length: 5}'></span> --> <span translate>Please reconfirm the password that you have previously entered above.</span></p>
        </div>
      </div>
    </div>
  </form>
  
  <span ng-if="currentSchool.userProfiledoc">
    <form-directive form="ctrl.userProfiles"></form-directive>
  </span>
  <form class="form-horizontal reg-page margin-bottom-50">
    <!--div class="row">
      <div ng-include='"components/setting/nurseprofile.html"'></div>
    </div-->
    <div class="row">
      <div class="col-lg-6 checkbox" style="margin-bottom:20px;">
        <label style="line-height:20px;">
          <input type="checkbox" ng-model="readTerm"> 
          {{ {eng:'I have read and agree to these',chn:'已阅读'}|trans}} <a href="javascript:void(0)" class="color-green">{{ {eng:'Terms and Conditions',chn:' 服务条款'}|trans }}</a>
        </label>                        
      </div>
      <div class="col-xs-12">
        <button type="button" class="btn btn-u mbl_full_width" ng-click="ctrl.register()" translate ng-if="readTerm">
          Register
        </button>
      </div>       
    </div>    
  </form>
</div>
  <div class="mobile_splash">
      <div class="col-lg-12 text-right"><small>Bamboosys System Technology &copy; 2015</small></div>
  </div>