zettapi_client/lib/directives/auth/changePassword/changePassword.html

Admin panel and client-side CRUD operations in angular to use with zettapi_server rest api to get started quickly in any CMS project.

<div class="col-sm-12">
  <div class="row">
    <div class="form-group" ng-class="{'form-group-lg':useInputLarge}">
      <label>{{'api.directives.activation.password' | translate}}</label>
      <input type="password" ng-model="item.password" placeholder="{{'api.directives.activation.passwordPlaceholder' | translate}}"
        ng-class="{'input-lg':useInputLarge}" class="form-control">
    </div>

    <div class="form-group" ng-class="{'form-group-lg':useInputLarge}">
      <label>{{'api.directives.activation.repeatPassword' | translate}}</label>
      <input type="password" ng-model="item.repeat" code="13" dl-key-code="changePassword(item)" placeholder="{{'api.directives.activation.repeatPasswordPlaceholder' | translate }}"
        ng-class="{'input-lg':useInputLarge}" class="form-control">
    </div>

    <password-meter password="item.password"></password-meter>

    <button type="button" ng-click="changePassword(item)" class="btn btn-primary btn-block" ng-class="{'btn-lg':useInputLarge}">
      <i class="fa fa-key" aria-hidden="true"></i> {{'api.directives.activation.confirm' | translate}}
    </button>
  </div>
</div>