zettapi_client/lib/directives/address/address.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 class="form-group col-sm-9 col-md-8">
    <label>Morada</label>
    <input type="text" ng-model="item[prefix + 'address']" ng-disabled="disable" placeholder="ex: Avenida do Brasil" class="{{zlClass}}" ng-class="{'input-lg':useInputLarge}">
  </div>
  <div class="form-group col-sm-3 col-md-4">
    <label>Porta</label>
    <input type="text" ng-model="item[prefix + 'addressDetails']" ng-disabled="disable" placeholder="ex: 43 8ºDto" class="{{zlClass}}" ng-class="{'input-lg':useInputLarge}">
  </div>
</div>

<div class="row">
  <div class="form-group col-sm-4">
    <label>Codigo Postal</label>
    <div class="input-group" ng-class="{'input-group-lg':useInputLarge}">
      <input type="text" ng-model="item[prefix + 'postalCode']" code="13" dl-key-code="getAddressPT(item[prefix + 'postalCode'])" ng-disabled="disable" placeholder="ex: 1700-062" class="{{zlClass}}" ng-class="{'input-lg':useInputLarge}">
      <div class="input-group-btn">
        <button type="button" class="btn btn-primary" ng-disabled="validateZipcode(item[prefix + 'postalCode'])" ng-click="getAddressPT(item[prefix + 'postalCode'])"><i class="fa fa-search"></i></button>
      </div>
    </div>
  </div>
  <div class="form-group col-sm-8">
    <label>Cidade</label>
    <input type="text" ng-model="item[prefix + 'city']" ng-disabled="disable" placeholder="ex: Lisboa" class="{{zlClass}}" ng-class="{'input-lg':useInputLarge}">
  </div>
</div>

<div class="row">
  <div class="form-group col-sm-4">
    <label>Concelho</label>
    <input type="text" ng-model="item[prefix + 'county']" ng-disabled="disable" placeholder="ex: Lisboa" class="{{zlClass}}" ng-class="{'input-lg':useInputLarge}">
  </div>
  <div class="form-group col-sm-4">
    <label>Localidade</label>
    <input type="text" ng-model="item[prefix + 'locality']" ng-disabled="disable" placeholder="ex: Lisboa" class="{{zlClass}}" ng-class="{'input-lg':useInputLarge}">
  </div>
  <div class="col-sm-4">
    <zl-country item="item" var="{{prefix}}country" label="País" lookup="countries" disable="disable" ng-attr="{'value-attr': countryValue}"></zl-country>
  </div>
</div>