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

89 lines
3.4 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 class="vn-w-sm">
2019-03-13 13:10:45 +00:00
<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-data-viewer
model="model"
class="vn-w-md"
margin-medium-v>
<vn-card>
<vn-table model="model">
2019-03-13 13:10:45 +00:00
<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-data-viewer>
2019-03-13 13:10:45 +00:00
</div>
<vn-dialog
vn-id="summary"
class="dialog-summary">
<tpl-body>
<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>
2019-09-05 11:06:40 +00:00
<vn-scroll-up></vn-scroll-up>