zettapi_client/lib/directives/activation/activation.html

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-if="!user" class="col-sm-12">
    <h3>
      <span class="fa fa-exclamation-circle"></span> {{'api.directives.activation.activationFail' | translate}}
    </h3>
  </div>

  <div ng-if="!!user" class="col-sm-12">
    <h3>{{'api.directives.activation.name' | translate}}</h3>
    <p class="lead" translate="{{'api.directives.activation.subtitle'}}"></p>
    <hr>
    <div class="form-group">
      <label>{{'api.directives.activation.password' | translate}}</label>
      <input ng-model="item.password" type="password" class="{{zlClass}}" translate-attr="{ placeholder: 'api.directives.activation.passwordPlaceholder' }"
      />
    </div>
    <div class="form-group">
      <label>{{'api.directives.activation.repeatPassword' | translate}}</label>
      <input ng-model="item.repeat" type="password" class="{{zlClass}}" code="13" dl-key-code="changePassword(item)"
        translate-attr="{ placeholder: 'api.directives.activation.repeatPasswordPlaceholder' }" />
    </div>
    <ng-password-meter password="item.password"></ng-password-meter>
    <button type="button" ng-click="changePassword(item)" class="btn btn-primary btn-block btn-lg"><i class="fa fa-key" aria-hidden="true"></i> {{'api.directives.activation.confirm' | translate}}</button>
  </div>
</div>