eHealthAfrica/direct-delivery-dashboard

<div class="clearfix">
  <div class="pull-right">
     <button
        type="button"
        ng-csv="targetPopCtrl.csvTemplateDownload()"
        csv-header="targetPopCtrl.csvHeader"
        filename="target-population-template.csv"
        class="btn btn-default btn-lg">
      <span class="fa-1.5x text-info"><i class="fa fa-download"></i> <i>Download csv Template</i></span>
    </button>
    <button
        type="button"
        ng-click="targetPopCtrl.csvUpload()"
        class="btn btn-default btn-lg">
      <span class="fa-1.5x text-success"><i class="fa fa-upload"></i> <i>Upload csv File</i></span>
    </button>
  </div>
</div>
<hr/>
<form class="form-inline" role="form">
  <div class="form-group">
    <select
        class="form-control"
        ng-change="targetPopCtrl.switchLocationState(targetPopCtrl.selectedState)"
        ng-model="targetPopCtrl.selectedState"
        ng-options="state._id as state.name for state in targetPopCtrl.stateList"
        ng-init="targetPopCtrl.selectedState">
    </select>
  </div>
  <div class="form-group">
    <select
        class="form-control"
        ng-options="lga.name for lga in targetPopCtrl.lgas"
        ng-change="targetPopCtrl.switchLocationLga(targetPopCtrl.selectedLga)"
        ng-model="targetPopCtrl.selectedLga">
    </select>
  </div>
</form>

<hr/>

<table class="table table-bordered table-striped" ng-if="targetPopCtrl.renderedData.length > 0">
  <tr>
    <th>Facility</th>
    <th tooltip-append-to-body="true" tooltip="Annual target population of children under the age of 1 year for 2015">Annual TP U1 (2015)</th>
    <th tooltip-append-to-body="true" tooltip="Bi-weekly target population of children under the age of 1 year for 2015">Bi-weekly TP U1 (2015)</th>
    <th tooltip-append-to-body="true" tooltip="Annual target population of women in child bearing age">Annual TP WCBA (2015)</th>
    <th tooltip-append-to-body="true" tooltip="Bi-weekly target population of women in child bearing age">Bi-weekly TP WCBA (2015)</th>
    <th></th>
  </tr>
  <tr ng-repeat="row in targetPopCtrl.renderedData track by $index">
    <td><a href ng-bind="row.facility.name"></a> </td>
    <td>
      <span ng-bind="row.annualU1" ng-show="targetPopCtrl.editing !== row._id"></span>
      <input ng-model="row.annualU1" ng-show="targetPopCtrl.editing === row._id" class="input-sm form-control">
    </td>
    <td>
      <span ng-bind="row['bi-weeklyU1']" ng-show="targetPopCtrl.editing !== row._id"></span>
      <input ng-model="row['bi-weeklyU1']" ng-show="targetPopCtrl.editing === row._id" class="input-sm form-control">
    </td>
    <td>
      <span ng-bind="row['annualWCBA']" ng-show="targetPopCtrl.editing !== row._id"></span>
      <input ng-model="row['annualWCBA']" ng-show="targetPopCtrl.editing === row._id" class="input-sm form-control">
    </td>
    <td>
      <span ng-bind="row['bi-weeklyWCBA']" ng-show="targetPopCtrl.editing !== row._id"></span>
      <input ng-model="row['bi-weeklyWCBA']" ng-show="targetPopCtrl.editing === row._id" class="input-sm form-control">
    </td>
    <td>
      <button
          class="btn btn-primary btn-sm"
          ng-show="targetPopCtrl.editing !== row._id"
          ng-click="targetPopCtrl.editing = row._id">
        <i class="fa fa-edit"></i> Edit</button>
      <button
          class="btn btn-success btn-sm"
          ng-show="targetPopCtrl.editing === row._id"
          ng-click="targetPopCtrl.saveUpdate(row)"
          >
          <i class="fa fa-save"></i> Save
      </button>
    </td>
  </tr>
</table>

<div class="alert alert-info" ng-show="targetPopCtrl.renderedData.length === 0">
  <i class="fa fa-info-circle"></i> No record found.
</div>