zettapi_client/directives/address/address.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 class="form-group col-sm-9 col-md-8">
    <label>Arruamento</label>
    <input type="text" ng-model="item.address" placeholder="ex: Avenida do Brasil" class="form-control input-lg"/>
  </div>
  <div class="form-group col-sm-3 col-md-4">
    <label>Porta</label>
    <input type="text" ng-model="item.addressDetails" placeholder="ex: 43 8ºDto" class="form-control input-lg"/>
  </div>
</div>
<div class="row">
  <div class="form-group col-sm-4">
    <label>Codigo Postal</label>
    <div class="input-group input-group-lg">
      <input code="13" dl-key-code="getAddressPT(item.postalCode)" type="text" ng-model="item.postalCode" placeholder="ex: 1700-062" class="form-control"/>
      <span class="input-group-btn">
        <button type="button" class="btn btn-primary" ng-disabled="validateZipcode(item.postalCode)" ng-click="getAddressPT(item.postalCode)">
          <span class="fa fa-search"></span>
      </button>
      </span>
    </div>
  </div>
  <div class="form-group col-sm-8">
    <label>Cidade</label>
    <input type="text" ng-model="item.city" placeholder="ex: Lisboa" class="form-control input-lg"/>
  </div>
  <div class="form-group col-sm-4">
    <label>Concelho</label>
    <input type="text" ng-model="item.county" placeholder="ex: Lisboa" class="form-control input-lg"/>
  </div>
  <div class="form-group col-sm-4">
    <label>Freguesia</label>
    <input type="text" ng-model="item.locality" placeholder="ex: Lisboa" class="form-control input-lg"/>
  </div>
  <div class="col-sm-4">
    <zl-country item="item" var="country" label="País" lookup="countries"></zl-country>
  </div>
</div>