115 lines
3.7 KiB
HTML
115 lines
3.7 KiB
HTML
<vn-card class="vn-w-lg">
|
|
<h5 ng-if="$ctrl.packageInvoicing" translate text-center class="vn-pa-md">{{'Calculating packages to invoice...'}}</h5>
|
|
<vn-vertical ng-if="$ctrl.lastClientId" text-center class="vn-pa-md">
|
|
<h5 translate>Invoicing</h5>
|
|
<div>
|
|
{{'Id Client' | translate}}: {{$ctrl.currentClientId}}
|
|
{{'of' | translate}} {{::$ctrl.lastClientId}}
|
|
</div>
|
|
<div>
|
|
{{($ctrl.percentage / 100) | percentage: 0}}
|
|
</div>
|
|
</vn-vertical>
|
|
</vn-card>
|
|
<vn-card class="vn-w-lg">
|
|
<vn-table ng-if="data.length">
|
|
<vn-thead>
|
|
<vn-tr>
|
|
<vn-th field="clientId" number>Client id</vn-th>
|
|
<vn-th field="nickname">Nickname</vn-th>
|
|
<vn-th field="addressId" number>Address id</vn-th>
|
|
<vn-th field="street" expand>Street</vn-th>
|
|
<vn-th shrink></vn-th>
|
|
</vn-tr>
|
|
</vn-thead>
|
|
<vn-tbody>
|
|
<vn-tr
|
|
ng-repeat="client in data">
|
|
<vn-td number>
|
|
<span
|
|
vn-click-stop="clientDescriptor.show($event, client.id)"
|
|
class="link">
|
|
{{::client.id}}
|
|
</span>
|
|
</vn-td>
|
|
<vn-td>
|
|
{{::client.address.nickname}}
|
|
</vn-td>
|
|
<vn-td number>
|
|
{{::client.address.id}}
|
|
</vn-td>
|
|
<vn-td expand>
|
|
{{::client.address.street}}
|
|
</vn-td>
|
|
<vn-td shrink>
|
|
<vn-spinner
|
|
ng-if="client.status == 'waiting'"
|
|
enable="true">
|
|
</vn-spinner>
|
|
<vn-icon
|
|
ng-if="client.status == 'ok'"
|
|
icon="check">
|
|
</vn-icon>
|
|
<vn-icon
|
|
vn-tooltip={{::client.error}}
|
|
ng-if="client.status == 'error'"
|
|
icon="clear">
|
|
</vn-icon>
|
|
</vn-td>
|
|
</vn-tr>
|
|
</vn-tbody>
|
|
</vn-table>
|
|
</vn-card>
|
|
|
|
|
|
<vn-side-menu side="right">
|
|
<vn-crud-model
|
|
auto-load="true"
|
|
url="InvoiceOutSerials"
|
|
data="invoiceOutSerials"
|
|
order="code">
|
|
</vn-crud-model>
|
|
<vn-crud-model
|
|
auto-load="true"
|
|
url="Companies"
|
|
data="companies"
|
|
order="code">
|
|
</vn-crud-model>
|
|
<form class="vn-pa-md">
|
|
<vn-vertical>
|
|
<vn-date-picker
|
|
vn-one
|
|
label="Invoice date"
|
|
ng-model="$ctrl.invoice.invoiceDate">
|
|
</vn-date-picker>
|
|
<vn-date-picker
|
|
vn-one
|
|
label="Max date"
|
|
ng-model="$ctrl.invoice.maxShipped">
|
|
</vn-date-picker>
|
|
</vn-vertical>
|
|
<vn-vertical>
|
|
<vn-autocomplete
|
|
url="Companies"
|
|
label="Company"
|
|
show-field="code"
|
|
value-field="id"
|
|
ng-model="$ctrl.invoice.companyFk">
|
|
</vn-autocomplete>
|
|
<vn-autocomplete
|
|
url="Printers"
|
|
label="Printer"
|
|
show-field="name"
|
|
value-field="id"
|
|
where="{isLabeler: false}"
|
|
ng-model="$ctrl.invoice.printerFk">
|
|
</vn-autocomplete>
|
|
</vn-vertical>
|
|
<vn-submit vn-id="invoiceButton" ng-click="$ctrl.makeInvoice()" label="Invoice" class="vn-mt-sm" ></vn-submit>
|
|
</form>
|
|
</vn-side-menu>
|
|
|
|
<vn-client-descriptor-popover
|
|
vn-id="clientDescriptor">
|
|
</vn-client-descriptor-popover>
|