zettapi_client/lib/entity/user/user.edit.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="col-sm-4">
      <div class="form-group">
        <label>Username</label>
        <input type="text" ng-model="item.username" placeholder="ex: Username" class="form-control" ng-class="{'input-lg':useInputLarge}">
      </div>
    </div>
    <div class="col-sm-4">
      <div class="form-group">
        <label>Email</label>
        <input type="email" ng-model="item.email" placeholder="ex: mail@mail.com" class="form-control" ng-class="{'input-lg':useInputLarge}">
      </div>
    </div>
    <div class="col-sm-4">
      <div class="form-group">
        <label>Perfil de Utilizador</label>
        <select selector model="item.role" options="lookup.role" disable="!isAdmin()" label-attr="name" placeholder="Selecione um perfil"></select>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col-sm-8">
      <div class="form-group">
        <label>Nome Completo</label>
        <input type="text" ng-model="item.name" placeholder="ex: Nome" class="form-control" ng-class="{'input-lg':useInputLarge}">
      </div>
    </div>
    <div class="col-sm-4">
      <div class="form-group">
        <label>Contacto</label>
        <input type="text" ng-model="item.landline" placeholder="ex: 912 345 678" class="form-control" ng-class="{'input-lg':useInputLarge}">
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col-sm-8">
      <div class="form-group">
        <label>Empresa</label>
        <input type="text" ng-model="item.company" placeholder="ex: Empresa" class="form-control" ng-class="{'input-lg':useInputLarge}">
      </div>
    </div>
    <div class="col-sm-4">
      <div class="form-group">
        <label>NIF</label>
        <input type="text" ng-model="item.nif" placeholder="ex: 999 999 990" class="form-control" ng-class="{'input-lg':useInputLarge}">
      </div>
    </div>
  </div>

  <zl-address item="item" countries="lookup.country" country-value="_id"></zl-address>

  <hr>

  <div class="row" ng-if="!!item._id && item._id === login._id">
    <div class="col-sm-6">
      <legend>
        <h5>Alterar password</h5>
      </legend>
      <zl-change-password></zl-change-password>
    </div>
    <div class="col-sm-6">
      <p>Aqui pode alterar a sua password.</p>
    </div>
  </div>
</div>