zettapi_client/lib/entity/task/task.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">
  <label for="name">Nome</label>
  <input type="text" ng-model="item.name" placeholder="ex: Processamento diário de assiduidade" class="form-control" ng-class="{'input-lg':useInputLarge}" />
</div>
<div class="col-sm-3">
  <label>Tipo</label>
  <select ng-model="item.type" ng-options="type as type for type in taskTypes" class="form-control"></select>
</div>
<div class="col-sm-3">
  <input type="checkbox" ng-model="item.isActive" class="w3-check" /> Ativo
</div>

<div class="col-sm-12">
  <div class="panel panel-default">
    <div class="panel-heading">
      <label>Critérios de agendamento</label>
    </div>
    <div class="panel-body">
      <div class="form-group">
        <label>Mês</label>
        <input type="text" ng-model="item.criteria.month" class="form-control" ng-class="{'input-lg':useInputLarge}" />
      </div>
      <div class="form-group">
        <label>Dia do Mês</label>
        <input type="text" ng-model="item.criteria.monthday" class="form-control" ng-class="{'input-lg':useInputLarge}" />
      </div>
      <div class="form-group">
        <label>Dia da Semana</label>
        <input type="text" ng-model="item.criteria.weekday" class="form-control" ng-class="{'input-lg':useInputLarge}" />
      </div>
      <div class="form-group">
        <label>Hora</label>
        <input type="text" ng-model="item.criteria.hour" class="form-control" ng-class="{'input-lg':useInputLarge}" />
      </div>
      <div class="form-group">
        <label>Minuto</label>
        <input type="text" ng-model="item.criteria.minute" class="form-control" ng-class="{'input-lg':useInputLarge}" />
      </div>
    </div>
    <div class="panel-footer">
      <label>Instruções</label><br/>
      <small class="text-muted">
          <label>Símbolos</label>
          <ul>
            <li><span><b>Ífen (-)</b> delimita intervalos de valores.<br/>Exemplo (dia da semana): 1-5, executará a tarefa todos os dias úteis.</span></li>
            <li><span><b>Virgula (,)</b> delimita conjuntos.<br/>Exemplo (mês): 0-6,7-11, executará a tarefa todos meses excepto Agosto.</span></li>
            <li><span><b>Asterisco (*)</b> indica todos os valores possíveis.<br/>Exemplo (dia do mês): *, executará a tarefa todos os dias do mês.</span></li>
            <li><span><b>Barra para a frente (/)</b> seguida de um número inteiro indica saltos.<br/>Exemplo (dia do mês): */2, executará a tarefa no 1º dia do mês e dia sim dia não daí em diante</span></li>
          </ul>
          <label>Valores inteiros</label>
          <ul>
            <li><span><b>Mês</b>: 0(janeiro) a 11(dezembro)</span></li>
            <li><span><b>Dia do mês</b>: 1 a 31</span></li>
            <li><span><b>Dia da semana</b>: 0(domingo) a 6(sábado)</span></li>
            <li><span><b>Hora</b>: 0 a 59</span></li>
            <li><span><b>Minuto</b>: 0 a 59</span></li>
          </ul>
        </small>
    </div>
  </div>
</div>