unserver-unify
Version:
182 lines (181 loc) • 7.48 kB
HTML
<div class="reg-page col-md-12 col-sm-12" ng-controller="TakeSurveyCtrl as ctrl">
<div class="reg-header">
<h2>
{{ {eng:'Take Survey',chn:'注册新用户'}|trans}}
</h2>
</div>
<div class="wizard_step">
<div class="stage-container">
<div class="stage col-md-4 col-sm-4" ng-class="{'tmm-current':ctrl.wizardstep==0 , 'tmm-success':ctrl.maxstep>0 }">
<div class="stage-header fa fa-sign-in">
</div>
<div class="stage-content">
<h3 class="stage-title" translate>
Login
</h3>
</div>
</div>
<div class="stage col-md-4 col-sm-4" ng-class="{'tmm-current':ctrl.wizardstep==1, 'tmm-success':ctrl.maxstep>1}">
<div class="stage-header fa fa-graduation-cap">
</div>
<div class="stage-content">
<h3 class="stage-title" translate>
Education Information
</h3>
</div>
</div>
<div class="stage col-md-4 col-sm-4" ng-class="{'tmm-current':ctrl.wizardstep==2}">
<div class="stage-header fa fa-list">
</div>
<div class="stage-content">
<h3 class="stage-title" translate>
Survey
</h3>
</div>
</div>
<div class="clearfix">
</div>
</div>
</div>
<!-- Personal Starts -->
<form class="form-horizontal" name="loginForm" ng-class='{"shake":shaking}' ng-submit="ctrl.submitForm(loginForm, login)" ng-show="ctrl.wizardstep==0" role="form">
<div class="col-md-4 col-md-offset-4">
<div class="form-group">
<div class="input-group altr g-brd-primary--focus">
<div class="input-group-prepend">
<span class="input-group-text g-width-45 g-brd-right-none g-brd-gray-light-v4 g-color-gray-dark-v5"><i class="fa fa-user"></i></span>
</div>
<input class="form-control g-color-black g-bg-white g-brd-gray-light-v4 g-py-15 g-px-15" focus-me="true" ng-model="login.name" placeholder="{{ 'Username' | translate }}" required="" type="text">
</div>
</div>
<div class="form-group">
<div class="input-group altr g-brd-primary--focus">
<div class="input-group-prepend">
<span class="input-group-text g-width-45 g-brd-right-none g-brd-gray-light-v4 g-color-gray-dark-v5"><i class="fa fa-key"></i></span>
</div>
<input class="form-control g-color-black g-bg-white g-brd-gray-light-v4 g-py-15 g-px-15" ng-model="login.pass" placeholder="{{ 'Password' | translate }}" required="" type="password" autocomplete="off">
</div>
</div>
<div class="form-group text-right">
<button class="btn btn-u full-width btn-lg" ng-click="loginMe(loginForm)" translate="" type="submit">
Login
</button>
</div>
</div>
</form>
<!-- Personal Ends -->
<!-- Additional Starts -->
<form class="form-horizontal" type="post" name="profileForm" novalidate ng-class='{"shake":shaking}' ng-submit="ctrl.profileForm(profileForm)" ng-show="ctrl.wizardstep==1" role="form">
<div class="row">
<div class="col-sm-6">
<div ng-class='{"has-error":profileForm.highest_qualification.$invalid && submitted}'>
<label class="control-label">
<span translate="">
Highest Qualification
</span>
<span class="manditory">
*
</span>
</label>
<div>
<input class="form-control margin-bottom-20" name="highest_qualification" ng-model="ctrl.userprofile.highest_qualification" placeholder="{{ 'Highest Qualification' | translate }}" required="" type="text" />
</div>
</div>
</div>
<div class="col-sm-6">
<div ng-class='{"has-error":profileForm.major.$invalid && submitted}'>
<label class="control-label">
<span translate="">
Major
</span>
<span class="manditory">
*
</span>
</label>
<div >
<input class="form-control margin-bottom-20" name="major" ng-model="ctrl.userprofile.major" placeholder="{{ 'Major' | translate }}" required="" type="text" />
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div ng-class='{"has-error":profileForm.university.$invalid && submitted}'>
<label class="control-label">
<span translate="">
University / College
</span>
<span class="manditory">
*
</span>
</label>
<div >
<input class="form-control margin-bottom-20" name="university" ng-model="ctrl.userprofile.university" placeholder="{{ 'University / College' | translate }}" required="" type="text"/>
</div>
</div>
</div>
<div class="col-sm-6">
<div ng-class='{"has-error":profileForm.educational_type.$invalid && submitted}'>
<label class="control-label">
<span translate="">
Education Type
</span>
<span class="manditory">
*
</span>
</label>
<div>
<select class="form-control" name="educational_type" required="" ng-model="ctrl.userprofile.educational_type">
<option translate="" value="">-- Select --</option>
<option value="Fulltime" translate="">Fulltime</option>
<option value="Parttime" translate="">Part time</option>
<option value="Correspondence" translate="">Correspondence</option>
</select>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div ng-class='{"has-error":profileForm.passing_year.$invalid && submitted}'>
<label class="control-label">
<span translate="">
Passing Year
</span>
<span class="manditory">
*
</span>
</label>
<div >
<input class="form-control margin-bottom-20" required="" name="passing_year" placeholder="{{ 'Passing Year' | translate }}" placeholder="" ng-model="ctrl.userprofile.passing_year" type="number" />
</div>
</div>
</div>
<div class="col-sm-6">
<div>
<label class="control-label">
<span translate="">
Skills
</span>
</label>
<div>
<input class="form-control margin-bottom-20" name="skills" placeholder="{{ 'Enter your areas of expertise / specialization' | translate }}" ng-model="ctrl.userprofile.skills"/>
</div>
</div>
</div>
</div>
<div class="col-sm-12 text-right no-padding">
<div>
<div class="col-xs-offset-4 col-sm-offset-4 col-md-offset-3 col-lg-offset-2 ">
<button class="btn btn-info" translate="" type="submit">
Next
</button>
</div>
</div>
</div>
</form>
<div ng-if="ctrl.wizardstep==2">
<div ng-if="ctrl.takenSurvey" translate>You are already taken the survey</div>
<div ng-if="!ctrl.takenSurvey" ng-include="'app/mystudy/surveydetail.html'"></div>
</div>
</div>