invoice-modal.html

<div class="modal-header">
  <ol class="headercrumb">
    <li class="static" translate>CASH.TITLE</li>
    <li class="title">
      <span translate>CASH.VOUCHER.DEBTOR_INVOICES</span>
      <span class="badge badge-success" ng-show="CashInvoiceModalCtrl.rows.length">
        <span translate>CASH.VOUCHER.SELECTED</span> {{ CashInvoiceModalCtrl.rows.length }}
      </span>
    </li>
  </ol>
</div>

<div class="modal-body" data-debtor-invoice-modal>

  <!-- warn the client if not debtor id has been passed in -->
  <p ng-show="CashInvoiceModalCtrl.missingId" class="text-danger text-center">
    <i class="fa fa-warning"></i> <span translate>FORM.ERRORS.MISSING_DEBTOR_ID</span>
  </p>

  <!-- ui-grid to select debtor invoices -->
  <div ng-if="!CashInvoiceModalCtrl.missingId">
    <div ui-grid="CashInvoiceModalCtrl.gridOptions" ui-grid-selection class="modal-grid" id="debtorInvoicesGrid">

      <bh-grid-loading-indicator
        loading-state="CashInvoiceModalCtrl.loading"
        empty-state="CashInvoiceModalCtrl.gridOptions.data.length === 0"
        error-state="CashInvoiceModalCtrl.hasError">
      </bh-grid-loading-indicator>
    </div>
  </div>

  <div ng-show="CashInvoiceModalCtrl.empty" class="text-warning">
    <i class="fa fa-info-circle"></i> <span translate>FORM.WARNINGS.EMPTY_SELECTION</span>
  </div>
</div>

<div class="modal-footer">
  <button
    type="button"
    class="btn btn-default"
    ng-click="CashInvoiceModalCtrl.cancel()"
    data-method="cancel"
    translate>
    FORM.BUTTONS.CANCEL
  </button>
  <button
    type="submit"
    class="btn btn-primary"
    ng-click="CashInvoiceModalCtrl.submit()"
    ng-disabled="(CashInvoiceModalCtrl.missingId || CashInvoiceModalCtrl.hasError)"
    data-method="submit"
    translate>
    FORM.BUTTONS.SUBMIT
  </button>
</div>