unserver-unify/src/app/setting/signup_employer.html

<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>
    <p>
      {{'Hiring with us is simple & effective. Give it a go!'| translate}}
    </p>
  </div>
  <div class="wizard_step company">
    <div class="stage-container">
      <div class="stage col-md-5 col-sm-5" ng-class="{'tmm-current':ctrl.wizardstep==0, 'tmm-success':ctrl.maxstep>0}">
        <div class="stage-header fa fa-user">
        </div>
        <div class="stage-content">
          <h3 class="stage-title">
            {{'Recruiter Profile'|translate}}
          </h3>
          <!--div class="stage-info">
            6 Fields
          </div-->
        </div>
      </div>
      <!--/ .stage-->
      <div class="stage col-md-5 col-sm-5" ng-class="{'tmm-current':ctrl.wizardstep==1, 'tmm-success':ctrl.maxstep>1}">
        <div class="stage-header fa fa-building-o">
        </div>
        <div class="stage-content">
          <h3 class="stage-title">
            {{'Company Information'|translate}}
          </h3>
          <!--div class="stage-info">
            6 Fields
          </div-->
        </div>
      </div>
      <!--/ .stage-->
      <div class="clearfix">
      </div>
    </div>
  </div>
  <!-- Recruiter Starts -->
  <form class="form-horizontal" name="form" ng-class='{"shake":shaking}' ng-show="ctrl.wizardstep==0" role="form">
    <div class="row">
      <div class="col-sm-6">
        <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" name="username" ng-minlength="5" ng-model="ctrl.userCredentials.name" placeholder="{{ 'required_min_length' | translate:'{ length: 5 }' }}" required="" type="text">
            </input>
          </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>
      <div class="col-sm-6">
        <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="5" ng-model="ctrl.userCredentials.fullname" placeholder="{{ 'required_min_length' | translate:'{ length: 5 }' }}" required="" type="text">
            </input>
          </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>
    </div>
    <div class="row">
      <div class="col-sm-6">
        <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>
      <div class="col-sm-6">
        <div ng-class='{"has-error":form.email.$invalid && submitted}'>
          <label class="control-label" for="mobile">
            <span translate="">
              Mobile
            </span>
            <span class="manditory">
              *
            </span>
          </label>
          <div  >
            <input class="form-control margin-bottom-20" name="mobile" ng-minlength="8" ng-model="ctrl.userCredentials.mobile" placeholder="{{ 'Enter your Mobile Number' | translate:'{ length: 8 }' }}" required="" type="text" />
          </div>
        </div>
        <div class="form-group alert alert-danger" ng-show="form.mobile.$invalid && submitted">
          <p class="help-block col-xs-12">
            <span translate="field_required_min_length" translate-value-field="{{ 'Mobile' | translate }}" translate-values="{length: 8}">
            </span>
            <span>
              {{ 'Enter your Mobile Number' | translate:'{ length: 8 }' }}
            </span>
          </p>
        </div>
      </div>
    </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 class="form-control margin-bottom-20" name="password" ng-minlength="5" ng-model="ctrl.userCredentials.pass" placeholder="{{ 'required_min_length' | translate:'{ length: 5 }' }}" required="" type="password">
            </input>
          </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>
          </label>
          <div  >
            <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">
            </input>
          </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>
    <div class="form-group">
      <div class="col-sm-12 text-right">
        <div>
          <div class="col-xs-offset-4 col-sm-offset-4 col-md-offset-3 col-lg-offset-2 ">
            <button class="btn btn-u" ng-click="ctrl.nextfrombasic(form)" translate="" type="button">
              {{'Next'|translate}}
            </button>
          </div>
        </div>
      </div>
    </div>
  </form>
  <!-- Recruiter Ends -->
  <!-- Company Starts -->
  <form class="form-horizontal" name="companyform" ng-class='{"shake":shaking}' ng-show="ctrl.wizardstep==1" role="form">
    <div ng-class='{"has-error":companyform.name.$invalid && submitted}'>
      <label class="control-label" for="name">
        <span translate="">
          Name
        </span>
        <span class="manditory">
          *
        </span>
      </label>
      <div  >
        <input class="form-control margin-bottom-20" focus-me="true" name="name" ng-minlength="3" ng-model="ctrl.company.name" placeholder="{{ 'required_min_length' | translate:'{ length: 3 }' }}" required="" type="text">
        </input>
      </div>
    </div>
    <div class="form-group alert alert-danger" ng-show="companyform.name.$invalid && submitted">
      <p class="help-block col-xs-12" translate="field_required_min_length" translate-value-field="{{ 'Name' | translate }}" translate-values="{length: 3}">
      </p>
    </div>
    <div class="row">
      <div class="col-sm-6">
        <div>
          <label class="control-label" for="companyname">
            <span translate="">
              Company Industry
            </span>
          </label>
          <div>
            <select class="form-control margin-bottom-20" ng-model="ctrl.company.industry" ng-options="item.key as item.key for item in ctrl.CompanyTypes" required>
            </select>
          </div>
        </div>
      </div>
      <div class="col-sm-6">
        <div>
          <label class="control-label" for="url">
            <span translate="">
              Website
            </span>
          </label>
          <div  >
            <input class="form-control margin-bottom-20" focus-me="true" name="url" ng-model="ctrl.company.url" required type="text">
            </input>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-6">
        <div ng-class='{"has-error":companyform.address.$invalid && submitted}'>
          <label class="control-label" for="address">
            <span translate="">
              Address
            </span>
            <span class="manditory">
              *
            </span>
          </label>
          <div  >
            <input class="form-control margin-bottom-20" name="address" ng-minlength="10" ng-model="ctrl.company.address" required="" type="text">
            </input>
          </div>
        </div>
        <div class="form-group alert alert-danger" ng-show="companyform.address.$invalid && submitted">
          <p class="help-block col-xs-12" translate="field_required_min_length" translate-value-field="{{ 'Full Name' | translate }}" translate-values="{length: 10}">
          </p>
        </div>
      </div>
      <div class="col-sm-6">
        <div>
          <label class="control-label" for="postcode">
            <span translate="">
              Postal Code
            </span>
          </label>
          <div  >
            <input class="form-control margin-bottom-20" name="postcode" ng-minlength="5" ng-model="ctrl.company.postcode" required="">
            </input>
          </div>
        </div>
      </div>
    </div>
    <div>
      <label class="control-label" for="description">
        <span translate="">
          Brief Introduction
        </span>
      </label>
      <div  >
        <textarea class="form-control margin-bottom-20" placeholder="Enter short Detail"></textarea>
      </div>
    </div>
    <div class="row">
      <div class="col-md-4 checkbox">
        <label>
          <input ng-model="readTerm" style="margin-top:2px;" type="checkbox">
            {{ {eng:'I have read the',chn:'已阅读'}|trans}}
            <a class="color-green" ui-sref="index.agreement">
              {{ {eng:'Terms and Conditions',chn:' 服务条款'}|trans }}
            </a>
          </input>
        </label>
      </div>
      <div class="col-md-4 checkbox">
        <label>
          <input type="checkbox" ng-model="ctrl.userCredentials.broadcastEmail" style="margin-top:2px;"> 
          {{ {eng:'Subscribe infomation emails',chn:'订阅信息邮件'}|trans}} 
        </label>                        
      </div>
      <div class="col-sm-4 text-right">
        <div>
          <div class="col-xs-offset-4 col-sm-offset-4 col-md-offset-3 col-lg-offset-2 ">
            <button class="btn btn-warning" ng-click="ctrl.backtostep(0)" translate="" type="button">
              Back
            </button>
            <button class="btn btn-u" ng-class="{'active': readTerm, 'disable': !readTerm}" ng-click="ctrl.registerWithCompany()" translate="" type="button">
              Register
            </button>
          </div>
        </div>
      </div>
    </div>
  </form>
  <!-- Company Ends -->
  <div>
  </div>
</div>