unserver-unify

<div class="reg-page col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2" ng-controller="SignupCtrl as ctrl"> <div class="reg-header"> <h2> {{ {eng:'Register new account',chn:'注册新用户'}|trans}} </h2> </div> <div class="wizard_step company" ng-if="ctrl.smsVerify"> <div class="stage-container"> <div class="stage col-md-4 col-sm-4" ng-class="{'tmm-current':ctrl.regWizardstep==0 , 'tmm-success':ctrl.maxstep>0 }"> <div class="stage-header fa fa-mobile"> </div> <div class="stage-content"> <h3 class="stage-title" translate> Mobile Verification </h3>  </div> </div>  <div class="stage col-md-4 col-sm-4" ng-class="{'tmm-current':ctrl.regWizardstep==1, 'tmm-success':ctrl.maxstep>1}"> <div class="stage-header fa fa-pencil-square-o"> </div> <div class="stage-content"> <h3 class="stage-title" translate> Register Information </h3>  </div> </div>  <div class="clearfix"></div> </div> </div> <form class="form-horizontal margin-bottom-50" name="form" ng-class='{"shake":shaking}' role="form" ng-show="ctrl.regWizardstep==0"> <div class="col-md-8 col-md-offset-2"> <div class="form-group" ng-class='{"has-error":form.mobile.$invalid && submitted}'> <label class="control-label" for="mobile"> <span translate=""> Mobile Number </span> <span class="manditory"> * </span> </label> <div class="input-group"> <input class="form-control margin-bottom-20" focus-me="true" name="mobile" ng-model="ctrl.userCredentials.mobile" placeholder="12345678" required="" type="text"/> <span class="input-group-btn"> <button class="btn btn-u" style="width: 130px;" ng-class="{'disable': !ctrl.userCredentials.mobile||ctrl.disableReq}" ng-click="ctrl.requestToken()" translate="" type="button"> Request OTP </button> </span> </div> </div> <div class="form-group" ng-class='{"has-error":form.verifycode.$invalid && submitted}'> <label class="control-label" for="verifycode"> <span translate=""> OTP / SMS Code </span> <span class="manditory"> * </span> </label> <div> <input class="form-control margin-bottom-20" focus-me="true" name="verifycode" ng-model="ctrl.userCredentials.verifycode" placeholder="123456" required="" type="text"/> <span class="info text-right" ng-if="ctrl.disableReq"> Didn't receive OTP click <a translate="" ng-click="ctrl.requestToken()">resend</a> </span> </div> </div> <div class="row"> <div class="text-right"> <button class="btn btn-u" ng-class="{'disable': !ctrl.userCredentials.verifycode}" ng-click="ctrl.verifyToken()" translate="" type="button"> Submit </button> </div> </div> </div> </form> <form class="form-horizontal margin-bottom-50" name="form" ng-class='{"shake":shaking}' role="form" ng-show="ctrl.regWizardstep==1"> <div class="col-md-12"> <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 class="form-control margin-bottom-20" focus-me="true" name="username" ng-minlength="5" ng-model="ctrl.userCredentials.name" placeholder="{{ 'required_min_length' | translate:'{ length: 5 }' }}" required="" type="text"/> </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 class="form-control margin-bottom-20" name="fullname" ng-minlength="2" ng-model="ctrl.userCredentials.fullname" placeholder="{{ 'required_min_length' | translate:'{ length: 2 }' }}" required="" type="text" /> </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: 2}"> </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 class="form-control margin-bottom-20" name="email" ng-minlength="5" ng-model="ctrl.userCredentials.email" placeholder="{{ 'example@example.com' | translate:'{ length: 5 }' }}" required="" type="email"/> </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-12"> <div ng-class='{"has-error":form.password.$invalid && submitted}'> <label class="control-label" for="password"> <span translate=""> Password </span> <span class="manditory"> * </span> </label> <input bb-pwd-validate="" class="form-control margin-bottom-20" name="password" ng-model="ctrl.userCredentials.pass" required="" type="password"/> </div> <form-help-block ng-show="form.password.$invalid && submitted" type="password"> </form-help-block> </div> <div class="col-sm-12"> <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> <input class="form-control margin-bottom-20" match-target="ctrl.userCredentials.pass" name="password2" ng-minlength="5" ng-model="ctrl.userCredentials.re_pass" password-confirm="" placeholder="{{ 'It must be same as the password that previous enter.' | translate }}" required="" type="password"/> </div> <div class="form-group alert alert-danger" ng-show="form.password2.$invalid && submitted"> <p class="help-block col-xs-12"> <span translate=""> Please reconfirm the password that you have previously entered above. </span> </p> </div> </div> </div> <span ng-if="currentSchool.userProfiledoc"> <form-directive form="ctrl.userProfiles"> </form-directive> </span> <div class="row"> <div class="col-md-6 checkbox"> <label> <input ng-model="readTerm" style="margin-top:2px;" type="checkbox"/> {{ {eng:'I have read the',chn:'已阅读'}|trans}} <a class="color-green" ng-click="readTerms(ctrl.userCredentials)"> {{ {eng:'Terms and Conditions',chn:' 服务条款'}|trans }} </a> </label> <label> <input ng-model="ctrl.userCredentials.broadcastEmail" style="margin-top:2px;" type="checkbox"/> {{ {eng:'Subscribe infomation emails',chn:'订阅信息邮件'}|trans}} </label> </div> <div class="col-sm-12 text-right"> <button class="btn btn-u" ng-class="{'active': readTerm, 'disable': !readTerm}" ng-click="ctrl.register()" translate="" type="button"> {{ {eng:'Register',chn:'注册'}|trans}} </button> </div>  </div> </div> </form>  </div>