zettapi_client/lib/directives/login/login.html

Client side CRUD operations in angular to use with zettapi_server rest api to get started quickly in any CMS project

<div class="container-fluid">
  <div class="row">
    <div class="form-group col-sm-12">
      <label class="sr-only">{{'api.directives.login.username' | translate}}</label>
      <input type="text" name="username" code="13" dl-key-code="login()" translate-attr="{ placeholder: 'api.directives.login.usernamePlaceholder' }" ng-model="username" class="form-control input-lg" autocapitalize="none"/>
    </div>

    <div class="form-group form-group-lg col-sm-12">
      <label class="sr-only">{{'api.directives.login.password' | translate}}</label>
      <input type="password" name="password" translate-attr="{ placeholder: 'api.directives.login.passwordPlaceholder' }" code="13" dl-key-code="login()" ng-model="password" class="form-control input-lg"/>
    </div>

    <div class="col-sm-12">
      <button type="button" class="btn btn-primary btn-block btn-lg" ng-disabled="validateLogin()" ng-click="login()">
        {{'api.directives.login.btnLogin' | translate}} <i class="fa fa-sign-in"></i>
      </button>
    </div>
  </div>
</div>