salix/modules/invoiceOut/front/index/index.html

81 lines
3.3 KiB
HTML
Raw Normal View History

2019-03-13 13:10:45 +00:00
<vn-crud-model
vn-id="model"
2019-04-25 06:28:08 +00:00
url="/api/InvoiceOuts/filter"
2019-03-13 13:10:45 +00:00
limit="20"
2019-04-25 06:28:08 +00:00
data="invoiceOuts"
order="issued DESC">
2019-03-13 13:10:45 +00:00
</vn-crud-model>
<div class="content-block">
<div class="vn-list">
<vn-card pad-medium-h>
<vn-searchbar
panel="vn-invoice-search-panel"
2019-04-25 06:28:08 +00:00
on-search="$ctrl.onSearch($params)"
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>
<vn-th></vn-th>
2019-03-13 13:10:45 +00:00
</vn-tr>
</vn-thead>
<vn-tbody>
2019-04-25 06:28:08 +00:00
<a ng-repeat="invoiceOut in invoiceOuts"
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>
<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)">
2019-04-25 06:28:08 +00:00
{{::invoiceOut.clientSocialName | 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>
2019-04-25 06:28:08 +00:00
<vn-td>{{::invoiceOut.companyCode | dashIfEmpty}}</vn-td>
2019-03-28 10:55:23 +00:00
<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>
<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>
</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>