zettapi_client/lib/directives/graph/graph.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 ng-if="!noPanel" class="panel panel-default">
  <div class="panel-heading">
    <h6>{{item.title}}</h6>
  </div>
  <div class="panel-body" block-ui="graphBlockUI">
    <canvas ng-if="(chart.data || []).length !== 0" class="chart-base" chart-type="item.type" chart-data="chart.data" chart-labels="chart.labels" chart-series="chart.series" chart-options="chart.options"></canvas>
    <p ng-if="(chart.data || []).length === 0">Não existem dados para elaborar o gráfico</p>
  </div>
  <div class="panel-footer text-right">
    <a ng-if="!noToggle" ng-click="toggle()"><i class="fa fa-arrow-right"></i> {{getNext()}}</a>
  </div>
</div>

<div ng-if="!!noPanel" block-ui="graphBlockUI">
  <canvas ng-if="(chart.data || []).length !== 0" class="chart-base" chart-type="item.type" chart-data="chart.data" chart-labels="chart.labels" chart-series="chart.series" chart-options="chart.options"></canvas>
  <p ng-if="(chart.data || []).length === 0">Não existem dados para elaborar o gráfico</p>
</div>