2019-03-13 13:10:45 +00:00
|
|
|
<vn-crud-model
|
|
|
|
|
vn-id="model"
|
|
|
|
|
url="/api/InvoiceOuts"
|
|
|
|
|
filter="::$ctrl.filter"
|
|
|
|
|
limit="20"
|
2019-03-28 10:55:23 +00:00
|
|
|
data="invoicesOut"
|
2019-04-02 10:32:15 +00:00
|
|
|
order="issued DESC"
|
2019-03-13 13:10:45 +00:00
|
|
|
auto-load="false">
|
|
|
|
|
</vn-crud-model>
|
|
|
|
|
<div class="content-block">
|
|
|
|
|
<div class="vn-list">
|
|
|
|
|
<vn-card pad-medium-h>
|
|
|
|
|
<vn-searchbar
|
|
|
|
|
panel="vn-invoice-search-panel"
|
|
|
|
|
model="model"
|
|
|
|
|
expr-builder="$ctrl.exprBuilder(param, value)"
|
|
|
|
|
auto-load="true"
|
2019-04-12 12:33:08 +00:00
|
|
|
info="Search invoices by reference"
|
2019-03-13 13:10:45 +00:00
|
|
|
vn-focus>
|
|
|
|
|
</vn-searchbar>
|
|
|
|
|
</vn-card>
|
|
|
|
|
</div>
|
|
|
|
|
<vn-card margin-medium-v compact>
|
|
|
|
|
<vn-table model="model" auto-load="false">
|
|
|
|
|
<vn-thead>
|
|
|
|
|
<vn-tr>
|
|
|
|
|
<vn-th field="ref">Reference</vn-th>
|
|
|
|
|
<vn-th field="issued">Issued</vn-th>
|
|
|
|
|
<vn-th field="amount" number>Amount</vn-th>
|
|
|
|
|
<vn-th field="clientFk">Client</vn-th>
|
|
|
|
|
<vn-th field="created">Created</vn-th>
|
|
|
|
|
<vn-th field="companyFk">Company</vn-th>
|
|
|
|
|
<vn-th field="dued">Due date</vn-th>
|
|
|
|
|
<vn-th></vn-th>
|
2019-04-02 10:32:15 +00:00
|
|
|
<vn-th></vn-th>
|
2019-03-13 13:10:45 +00:00
|
|
|
</vn-tr>
|
|
|
|
|
</vn-thead>
|
|
|
|
|
<vn-tbody>
|
2019-03-28 10:55:23 +00:00
|
|
|
<a ng-repeat="invoiceOut in invoicesOut"
|
2019-03-13 13:10:45 +00:00
|
|
|
class="clickable vn-tr searchResult"
|
2019-03-28 10:55:23 +00:00
|
|
|
ui-sref="invoiceOut.card.summary({id: {{::invoiceOut.id}}})">
|
|
|
|
|
<vn-td>{{::invoiceOut.ref | dashIfEmpty}}</vn-td>
|
|
|
|
|
<vn-td>{{::invoiceOut.issued | dateTime:'dd/MM/yyyy' | dashIfEmpty}}</vn-td>
|
|
|
|
|
<vn-td number>{{::invoiceOut.amount | currency: 'EUR': 2 | dashIfEmpty}}</vn-td>
|
2019-03-13 13:10:45 +00:00
|
|
|
<vn-td>
|
2019-04-02 10:32:15 +00:00
|
|
|
<span
|
2019-03-13 13:10:45 +00:00
|
|
|
class="link"
|
2019-03-28 10:55:23 +00:00
|
|
|
ng-click="$ctrl.showClientDescriptor($event, invoiceOut.clientFk)">
|
|
|
|
|
{{::invoiceOut.client.name | dashIfEmpty}}
|
2019-03-13 13:10:45 +00:00
|
|
|
</span>
|
|
|
|
|
</vn-td>
|
2019-03-28 10:55:23 +00:00
|
|
|
<vn-td>{{::invoiceOut.created | dateTime:'dd/MM/yyyy' | dashIfEmpty}}</vn-td>
|
|
|
|
|
<vn-td>{{::invoiceOut.company.code | dashIfEmpty}}</vn-td>
|
|
|
|
|
<vn-td>{{::invoiceOut.dued | dateTime:'dd/MM/yyyy' | dashIfEmpty}}</vn-td>
|
2019-03-13 13:10:45 +00:00
|
|
|
<vn-td>
|
|
|
|
|
<vn-icon-button
|
2019-03-28 10:55:23 +00:00
|
|
|
ng-show="invoiceOut.hasPdf"
|
|
|
|
|
ng-click="$ctrl.openPdf(invoiceOut.id, $event)"
|
2019-03-13 13:10:45 +00:00
|
|
|
icon="cloud_download"
|
|
|
|
|
title="Download PDF"
|
|
|
|
|
vn-tooltip="Download PDF">
|
|
|
|
|
</vn-icon-button>
|
|
|
|
|
</vn-td>
|
2019-04-02 10:32:15 +00:00
|
|
|
<vn-td>
|
2019-03-13 13:10:45 +00:00
|
|
|
<vn-icon-button
|
2019-03-28 10:55:23 +00:00
|
|
|
ng-click="$ctrl.preview($event, invoiceOut)"
|
2019-03-13 13:10:45 +00:00
|
|
|
vn-tooltip="Preview"
|
|
|
|
|
icon="desktop_windows">
|
|
|
|
|
</vn-icon-button>
|
2019-04-02 10:32:15 +00:00
|
|
|
</vn-td>
|
2019-03-13 13:10:45 +00:00
|
|
|
</a>
|
|
|
|
|
</vn-tbody>
|
|
|
|
|
</vn-table>
|
|
|
|
|
</vn-card>
|
|
|
|
|
<vn-pagination model="model"></vn-pagination>
|
|
|
|
|
</div>
|
|
|
|
|
<vn-dialog
|
|
|
|
|
vn-id="summary"
|
|
|
|
|
class="dialog-summary">
|
|
|
|
|
<tpl-body>
|
2019-03-28 10:55:23 +00:00
|
|
|
<vn-invoice-out-summary invoice-out="$ctrl.selectedInvoiceOut"></vn-invoice-out-summary>
|
2019-03-13 13:10:45 +00:00
|
|
|
</tpl-body>
|
|
|
|
|
</vn-dialog>
|
|
|
|
|
<vn-client-descriptor-popover vn-id="clientDescriptor"></vn-client-descriptor-popover>
|
