104 lines
4.4 KiB
PHP
104 lines
4.4 KiB
PHP
<div id="OUTGOINGINVOICES">
|
|
<div class="row">
|
|
<div class="col-xl-1">
|
|
<label>jaar</label>
|
|
</div>
|
|
<div class="col-xl-3">
|
|
<select class="form-control form-control-sm"
|
|
data-bind="options:years,
|
|
optionsText:'year',
|
|
optionsValue: 'id',
|
|
value:selectedYear,
|
|
event:{change:refreshInvoiceDetails}"></select>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<table class="table table-condensed" style="font-size:0.8em;">
|
|
<thead>
|
|
<tr>
|
|
<th class="rotate">
|
|
<div><span>project</span></div>
|
|
</th>
|
|
<th class="rotate">
|
|
<div><span>klant</span></div>
|
|
</th>
|
|
<th class="rotate">
|
|
<div><span>status afgehandeld</span></div>
|
|
</th>
|
|
<th class="rotate">
|
|
<div><span>projectleider</span></div>
|
|
</th>
|
|
<th class="rotate">
|
|
<div><span>te factureren(excl btw)</span></div>
|
|
</th>
|
|
<th class="rotate">
|
|
<div><span>te factureren(incl btw)</span></div>
|
|
</th>
|
|
<th class="rotate">
|
|
<div><span>gefactureerd voorgaande jaren(incl btw)</span></div>
|
|
</th>
|
|
<th class="rotate">
|
|
<div><span>gefactureerd lopend jaar(incl btw)</span></div>
|
|
</th>
|
|
<th class="rotate">
|
|
<div><span>totaal gefactureerd(incl btw)</span></div>
|
|
</th>
|
|
<th class="rotate">
|
|
<div><span>betaald voorgaande jaren</span></div>
|
|
</th>
|
|
<th class="rotate">
|
|
<div><span>betaald lopend jaar</span></div>
|
|
</th>
|
|
<th class="rotate">
|
|
<div><span>totaal betaald</span></div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<!-- ko foreach: projects -->
|
|
<tr>
|
|
<td><span data-bind="text:projectnumber"></span></td>
|
|
<td><span data-bind="text:customername"></span></td>
|
|
<td><span data-bind="text:statusProject == 'CLOSED' ? 'afgesloten' : 'open'"></span></td>
|
|
<td><span data-bind="text:fullname"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<i class="icon fa-euro"></i>
|
|
<span data-bind="text:openstaand"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<i class="icon fa-euro"></i>
|
|
<span data-bind="text:openstaandIncl"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<i class="icon fa-euro"></i>
|
|
<span data-bind="text:invoicedOtherYears"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<i class="icon fa-euro"></i>
|
|
<span data-bind="text:invoicedCurentYear"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<i class="icon fa-euro"></i>
|
|
<span data-bind="text:totalInvoiced"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<i class="icon fa-euro"></i>
|
|
<span data-bind="text:invoicedOtherYearsPayed"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<i class="icon fa-euro"></i>
|
|
<span data-bind="text:invoicedCurentYearPayed"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<i class="icon fa-euro"></i>
|
|
<span data-bind="text:totalInvoicedPayed"></span>
|
|
</td>
|
|
</tr>
|
|
<!-- /ko -->
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div> |