zettapi_client/lib/entity/holiday/holiday.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-6">
  <div class="form-group">
    <label>Nome</label>
    <input type="text" ng-model="item.name" placeholder="ex: Ano Novo" class="form-control" ng-class="{'input-lg':useInputLarge}" />
  </div>
</div>
<div class="col-sm-6">
  <div class="form-group">
    <label>Ocorrência</label>
    <input type="radio" ng-model="item.format" value="dynamic" class="w3-radio" /> Móvel<br>
    <input type="radio" ng-model="item.format" value="static" class="w3-radio" /> Fixo
  </div>
</div>

<div class="col-sm-6">
  <zl-country item="item" var="country" lookup="lookup.country" label="País"></zl-country>
</div>
<div class="col-sm-6">
  <div class="form-group">
    <label>Municipal</label><br>
    <input type="checkbox" ng-model="item.isLocal" class="w3-check" />
  </div>
</div>

<div class="col-sm-12" ng-if="item.format == 'dynamic'">
  <div class="form-group">
    <label>Formula</label>
    <textarea rows="4" ng-model="item.formula" placeholder="function(year){return new Date(year +'-01-01T00:00:00');}" class="form-control" ng-class="{'input-lg':useInputLarge}"></textarea>
  </div>
</div>
<div class="col-sm-12" ng-if="item.format != 'dynamic'">
  <div class="form-group">
    <label>Data</label>
    <input type="text" ng-model="item.date" placeholder="ex: 01/01" class="form-control" ng-class="{'input-lg':useInputLarge}" />
  </div>
</div>

<div class="col-sm-12" ng-if="item._id">
  <div class="form-group">
    <label>Próxima Ocorrência</label>
    <input type="text" readonly ng-value="calculateNextOccurrence(item)" placeholder="N/A" class="form-control" ng-class="{'input-lg':useInputLarge}" />
  </div>
</div>