zettapi_client/lib/directives/auth/activation/activation.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="row">
  <div ng-show="!user">
    <h4><span class="fa fa-exclamation"></span> {{'api.directives.activation.activationFail' | translate}}</h4>
  </div>

  <div ng-show="!!user">
    <h1><strong>{{user.username}},</strong> {{'api.directives.activation.title' | translate}}</h1>

    <p class="lead">{{'api.directives.activation.subtitle' | translate}}</p>

    <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>