unserver-unify/src/app/directive/notice/resetpwd.component.html

<div class="modal-body" style="margin: 0; padding:7px;">
  <i class="fa fa-times-circle pull-right" aria-hidden="true" style="color:red;cursor:pointer" ng-click="$ctrl.cancel()"></i>
  <h3 style="text-align:center; margin-top: 0;" translate="">
    {{$ctrl.title || 'Change Password'}}
  </h3>

  <form name="form" ng-class='{"shake":$ctrl.shaking}' novalidate="">
    <div class="form-group" ng-class='{"has-error":($ctrl.wrongPwd || form.pass0.$invalid) && submitted}'>
      <label for="exampleInputEmail1" translate="">
        Old Password
      </label>
      <input class="form-control" name="pass0" ng-model="$ctrl.oldPwd"  placeholder="{{ 'Old Password' | translate }}" required="" type="password" ng-change="$ctrl.pwdchange()">
      </input>
      <div class="alert alert-danger" ng-show="(form.pass0.$invalid)&& submitted">
        <p class="help-block" >
        <span translate="">
           Old Password is required
          </span>
        </p>
      </div>
      <div class="alert alert-danger" ng-show="($ctrl.wrongPwd)&& submitted">
        <p class="help-block" >
        <span>
           {{ {eng : 'Old password is wrong', chn : '请输入原密码'} | trans }}
          </span>
        </p>
      </div>
    </div>
    <div class="form-group" ng-class='{"has-error":($ctrl.usedPwd || form.pass1.$invalid) && submitted}'>
      <label for="exampleInputEmail1" translate="">
        New Password
      </label>
      <input class="form-control" name="pass1" ng-model="$ctrl.newPwd" ng-change="$ctrl.newPwdchange()"  required="" type="password" bb-pwd-validate placeholder="{{'New Password' | translate}}">
      </input>
      <!-- <small> {{$ctrl.pwdRule}} </small> -->
      <!-- <div class="alert alert-danger" ng-show="form.pass1.$invalid && submitted">
        <p class="help-block" translate="password_required_rule" translate-value-field="{{ 'password_required_rule' | translate }}" translate-values="{length: 5}">
        </p>
      </div> -->
      <form-help-block type="password" ng-show="form.pass1.$invalid && submitted"></form-help-block>
      <div class="alert alert-danger" ng-show=" $ctrl.usedPwd && submitted">
        <p class="help-block">
          <span translate="">
            You cannot use previously used password . Please try another password.
          </span>
        </p>
      </div>
    </div>
    <div class="form-group" ng-class='{"has-error":form.pass2.$invalid && submitted}'>
      <label for="exampleInputPassword1" translate="">
        Confirm Password
      </label>
      <input class="form-control" match-target="$ctrl.newPwd" name="pass2" ng-model="$ctrl.cfmNewPwd" password-confirm="" placeholder="{{'Confirm Password' | translate}}" required="" type="password">
      </input>
      <div class="alert alert-danger" ng-show="form.pass2.$invalid && submitted">
        <p class="help-block">
          <span translate="">
            Please reconfirm the password that you have previously entered above.
          </span>
        </p>
      </div>
    </div>
  </form>
    <h5 style="color:red; margin-bottom:0; ">{{$ctrl.resolve.reason}}</h5>
</div>
<div class="modal-footer">
  <button class="btn btn-success" ng-click="$ctrl.submit(form);submitted=true" type="button">
    {{'Change Password' | translate}}
  </button>
 <!--  <button class="btn btn-danger" ng-click="$ctrl.cancel()" type="button">
    cancel
  </button> -->
</div>