198 lines
9.7 KiB
PHP
198 lines
9.7 KiB
PHP
<div class="panel panel-bordered panel-primary panel-line">
|
|
<div class="panel-heading panel-heading-project">
|
|
<h3 class="">
|
|
uitgaande facturen (incl btw)
|
|
</h3>
|
|
</div>
|
|
<div class="panel-body panel-body-project" style="overflow-y:scroll;">
|
|
<table class="table table-sm">
|
|
<thead>
|
|
<th class="table-cyanish-header"> </th>
|
|
<th class="table-cyanish-header">
|
|
factuurnummer
|
|
</th>
|
|
<th class="table-cyanish-header">
|
|
factuurdatum
|
|
</th>
|
|
<th class="table-cyanish-header align-right">
|
|
bedrag (excl btw)
|
|
</th>
|
|
<th class="table-cyanish-header align-right">
|
|
bedrag (incl btw)
|
|
</th>
|
|
<th class="table-cyanish-header align-right">
|
|
openstaand( incl btw)
|
|
</th>
|
|
<th class="table-cyanish-header align-right">
|
|
btw tarief
|
|
</th>
|
|
<th class="table-cyanish-header" width="45px">
|
|
|
|
</th>
|
|
</thead>
|
|
<tbody data-bind="foreach:invoices">
|
|
<tr>
|
|
<td>
|
|
<i class="icon fa-chevron-right" data-bind="visible: ! showPayments(), click:$root.togglePayments"></i>
|
|
<i class="icon fa-chevron-down" data-bind="visible:showPayments(), click:$root.togglePayments"></i>
|
|
</td>
|
|
<td>
|
|
<span data-bind="text:invoicenumber, visible:! inEdit()"></span>
|
|
<input type="text"
|
|
class="form-control form-control-sm"
|
|
placeholder="factuurnummer"
|
|
data-bind="textInput:invoicenumber, visible:inEdit,
|
|
event:{change:$root.saveInvoice}"/>
|
|
</td>
|
|
<td>
|
|
<span data-bind="text:invoicedate, visible:! inEdit()"></span>
|
|
<input type="text"
|
|
class="form-control form-control-sm"
|
|
placeholder="datum"
|
|
data-bind="datepicker:{dateFormat: 'dd-mm-yy' },
|
|
value:invoicedate, visible:inEdit,
|
|
event:{change:$root.saveInvoice}"/>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind=" visible: ! inEdit()">
|
|
<i class="icon fa-euro"></i>
|
|
<span data-bind="text:dbo.helpers.numberWithPoints(invoiceamount())"></span>
|
|
</span>
|
|
<input type="text"
|
|
class="form-control form-control-sm align-right"
|
|
paceholder="bedrag"
|
|
data-bind="textInput:invoiceamount, visible:inEdit,
|
|
event:{change:$root.saveInvoice,keyup:$root.validateNumber.bind($data, 'invoiceamount')}"/>
|
|
</td>
|
|
<td class="align-right">
|
|
<i class="icon fa-euro"></i>
|
|
<span data-bind="text:dbo.helpers.numberWithPoints(inclBtw())"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<i class="icon fa-euro"></i>
|
|
<span data-bind="text:dbo.helpers.numberWithPoints(outstanding())"></span>
|
|
</td>
|
|
<!-- <td class="align-right">-->
|
|
<!-- <span data-bind=" visible: ! inEdit()">-->
|
|
<!-- <i class="icon fa-euro"></i>-->
|
|
<!-- <span data-bind="text:dbo.helpers.numberWithPoints(forecastamount())"></span>-->
|
|
<!-- </span>-->
|
|
<!-- <input type="text"-->
|
|
<!-- class="form-control form-control-sm align-right"-->
|
|
<!-- paceholder="bedrag"-->
|
|
<!-- data-bind="textInput:forecastamount, visible:inEdit,-->
|
|
<!-- event:{change:$root.saveInvoice,keyup:$root.validateNumber.bind($data, 'forecastamount')}"/>-->
|
|
<!-- </td>-->
|
|
<!-- <td class="align-right">-->
|
|
<!-- <span data-bind="text:forecastdate, visible:! inEdit()"></span>-->
|
|
<!-- <input type="text"-->
|
|
<!-- class="form-control form-control-sm"-->
|
|
<!-- placeholder="datum"-->
|
|
<!-- data-bind="datepicker:{dateFormat: 'dd-mm-yy' },-->
|
|
<!-- value:forecastdate, visible:inEdit,-->
|
|
<!-- event:{change:$root.saveInvoice}"/>-->
|
|
<!-- </td>-->
|
|
<td class="align-right">
|
|
<span data-bind="visible:! inEdit()">
|
|
<span data-bind="text:dbo.helpers.findArrayElement('id', 'vatrate', vat_id(), $root.vats())"></span>
|
|
%
|
|
</span>
|
|
<select class="form-control form-control-sm"
|
|
data-bind="options:$root.vats,
|
|
optionsText:'vatrate',
|
|
optionsValue:'id',
|
|
value:vat_id,
|
|
optionsCaption:'btw',
|
|
visible:inEdit(),
|
|
event:{change:$root.saveInvoice}">
|
|
</select>
|
|
</td>
|
|
<td>
|
|
<i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editInvoice"></i>
|
|
<i class="icon fa-trash redish pointer" title="verwijder"
|
|
data-bind="click:$root.removeInvoice"></i>
|
|
</td>
|
|
</tr>
|
|
<tr data-bind="visible:showPayments()">
|
|
<td colspan="8">
|
|
<table class="table table-condensed">
|
|
<thead>
|
|
<th> </th>
|
|
<th class="table-cyanish-header-light">
|
|
datum
|
|
</th>
|
|
<th class="table-cyanish-header-light">
|
|
bedrag
|
|
</th>
|
|
<th class="table-cyanish-header-light">
|
|
</th>
|
|
</thead>
|
|
<tbody data-bind="foreach:payments">
|
|
<tr>
|
|
<td> </td>
|
|
<td>
|
|
<span data-bind="text:paymentdate, visible:! inEdit()"></span>
|
|
<input type="text"
|
|
class="form-control form-control-sm"
|
|
placeholder="datum"
|
|
data-bind="datepicker:{dateFormat: 'dd-mm-yy' },
|
|
value:paymentdate, visible:inEdit,
|
|
event:{change:$root.savePayment}"/>
|
|
</td>
|
|
<td>
|
|
<span data-bind=" visible: ! inEdit()">
|
|
<i class="icon fa-euro"></i>
|
|
<span data-bind="text:dbo.helpers.numberWithPoints(paymentamount())"></span>
|
|
</span>
|
|
<input type="text"
|
|
class="form-control form-control-sm align-right"
|
|
paceholder="bedrag"
|
|
data-bind="textInput:paymentamount, visible:inEdit,
|
|
event:{change:$root.savePayment,
|
|
keyup:$root.validateNumber.bind($data, 'paymentamount')}"/>
|
|
</td>
|
|
<td>
|
|
<i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editPayment.bind($data, $parents[0])"></i>
|
|
<i class="icon fa-trash redish pointer" title="verwijder"
|
|
data-bind="click:$root.removePayment"></i>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<td></td>
|
|
<td colspan="3">
|
|
<a href="#" data-bind="click:$root.newPayment">
|
|
nieuwe betaling
|
|
</a>
|
|
</td>
|
|
</tfoot>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<th colspan="3" class="table-cyanish-header"></th>
|
|
<th class="align-right table-cyanish-header">
|
|
<span data-bind="text:dbo.helpers.numberWithPoints(totalInvoiceamount())"></span>
|
|
</th>
|
|
<th class="align-right table-cyanish-header">
|
|
<span data-bind="text:dbo.helpers.numberWithPoints(totalInclBtw())"></span>
|
|
</th>
|
|
<th class="align-right table-cyanish-header">
|
|
<span data-bind="text:dbo.helpers.numberWithPoints(totalOutstanding())"></span>
|
|
</th>
|
|
<th colspan="2" class="table-cyanish-header"></th>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="5">
|
|
<button class="btn btn-primary btn-round btn-sm" data-bind="click:newInvoice">
|
|
nieuwe factuur
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|