unserver-unify/src/app/mystudy/password.html

<div ng-controller="PasswordCtrl as ctrl">
  <div class="tag-box" style="padding-top:10px">
    <div class="profile-body no-padding margin-bottom-20">
      <div class="profile-edit" id="passwordTab">
        <form class="form-horizontal" name="passwordForm" ng-class='{"shake":shaking}' novalidate="">
          <div>
            <label class="col-lg-12 control-label label_title ng-binding">
              {{"Change Password" | translate}}
            </label>
            <div class="clearfix margin-bottom-10">
            </div>
          </div>
          <div class="form-group">
            <label class="col-lg-2 control-label no-padding">
              {{"Old Password" | translate}}
              <span class="manditory">
                *
              </span>
            </label>
            <div class="col-lg-10" ng-class='{"has-error":(wrongpwd ||passwordForm.oldPassword.$invalid )&& passworksubmitted}'>
              <input class="form-control" name="oldPassword" ng-change="ctrl.pwdchange()" ng-model="password.oldp" required="" type="password"/>
              <div class="alert alert-danger" ng-show="passwordForm.oldPassword.$invalid && passworksubmitted">
                <p class="help-block">
                  {{ {eng : 'Old password is required', chn : '请输入原密码'} | trans }}
                </p>
              </div>
              <div class="alert alert-danger" ng-show="wrongpwd && passworksubmitted">
                <p class="help-block">
                  {{ {eng : 'Old password is wrong', chn : '请输入原密码'} | trans }}
                </p>
              </div>
            </div>
          </div>
          <div class="form-group">
            <label class="col-lg-2 control-label no-padding">
              {{"New Password" | translate}}
              <span class="manditory">
                *
              </span>
            </label>
            <div class="col-lg-10" ng-class='{"has-error":(ctrl.usedPwd ||passwordForm.newPassword.$invalid) && passworksubmitted}'>
              <input bb-pwd-validate="" ng-change="ctrl.newPwdchange()" class="form-control" name="newPassword" ng-model="password.newp" required="" type="password"/>
              <form-help-block ng-show="passwordForm.newPassword.$invalid && passworksubmitted" type="password">
              </form-help-block>
              <div class="alert alert-danger" ng-show="ctrl.usedPwd && passworksubmitted">
                <p class="help-block">
                  <span translate="">
                    You cannot use previously used password . Please try another password.
                  </span>
                </p>
              </div>
            </div>
          </div>
          <div class="form-group">
            <label class="col-lg-2 control-label no-padding">
              {{"Confirm Password" | translate}}
              <span class="manditory">
                *
              </span>
            </label>
            <div class="col-lg-10" ng-class='{"has-error":passwordForm.newPassword2.$invalid && passworksubmitted}'>
              <input class="form-control" match-target="password.newp" name="newPassword2" ng-model="password.newp2" password-confirm="" required="" type="password"/>
              <div class="alert alert-danger" ng-show="passwordForm.newPassword2.$invalid && passworksubmitted">
                <p class="help-block">
                  <span translate="">
                    Please reconfirm the password that you have previously entered above.
                  </span>
                </p>
              </div>
            </div>
          </div>
          <!--<button type="button" class="btn-u btn-u-default">Cancel</button>-->
          <button class="btn-u pull-right" ng-click="savePassword(passwordForm.$valid)" type="submit">
            {{"Save" | translate}}
          </button>
          <div class="clearfix">
          </div>
        </form>
      </div>
    </div>
  </div>
</div>