zettapi_client/directives/report/report.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="col-sm-12">

		<div class="row">
			<div class="col-xs-8">
				<h3>Listagens Parametrizáveis</h3>
			</div>
		</div>
		<br>

		<div class="row">
			<!-- SCHEMA -->
			<div class="col-sm-4 form-group">
				<label>Tipo de Dados</label><br/>
				<span>Exploração <input type="radio" ng-model="item.type" value="exp" class="w3-radio" /></span>
				<span>Detentor <input type="radio" ng-model="item.type" value="owner" class="w3-radio" /></span>
				<span>Globais <input type="radio" ng-model="item.type" value="common" class="w3-radio" /></span>
			</div>

			<!-- COLLECTION -->
			<div class="col-sm-4 form-group">
				<label>Tabela</label>
				<select ng-model="item.collection" ng-options="tableName as tableName for (tableName, fields) in metadata[item.type] track by tableName"
					class="form-control input-lg"></select>
			</div>

			<div class="col-sm-4 form-group">
			</div>
		</div>

		<div class="row">
			<!-- FIELDS -->
			<div class="col-sm-4" ng-if="item.collection">
				<label class="w3-validate btn-block" ng-repeat="(fieldName, field) in metadata[item.type][item.collection]">
          <!-- QUERY -->
          <button type="button" ng-click="appendQuery(fieldName, field)" class="btn btn-xs btn-success"><i class="fa fa-plus"></i></button>
          
          <!-- SELECT -->
          <input type="checkbox" checklist-model="item.select" checklist-value="fieldName" class="w3-check"> {{map[fieldName] || fieldName}}
        </label>
			</div>

			<!-- QUERIES -->
			<div class="col-sm-8 table-responsive" ng-if="item.collection">
				<table class="table table-condensed table-striped">
					<thead>
						<tr>
							<th>Campo</th>
							<th>Filtro</th>
							<th></th>
						</tr>
					</thead>
					<tbody>
						<tr ng-repeat="statement in item.query">
							<td>
								{{map[statement.fieldName] || statement.fieldName}}
							</td>
							<td>
								<zl-dynamic-field ng-if="statement.field" field="statement.field" value="statement.value"></zl-dynamic-field>
							</td>
							<td>
								<zl-query-builder></zl-query-builder>
							</td>
						</tr>
					</tbody>
				</table>
			</div>

			<pre>{{item | json}}</pre>
		</div>
	</div>
</div>