138 lines
4.7 KiB
PHP
138 lines
4.7 KiB
PHP
<table class="table" style="font-size:.8em;">
|
|
<thead>
|
|
<tr>
|
|
<th class="rotate">
|
|
<div><span>projectnummer</span></div>
|
|
</th>
|
|
<th class="rotate">
|
|
<div><span>instroom</span></div>
|
|
</th>
|
|
<th class="rotate">
|
|
<div><span>uitstroom</span></div>
|
|
</th>
|
|
<th class="rotate">
|
|
<div><span>naam</span></div>
|
|
</th>
|
|
<th class="rotate">
|
|
<div><span>opdrachtgever</span></div>
|
|
</th>
|
|
<!-- ko foreach: uniqueEmployees -->
|
|
<th class="rotate">
|
|
<div><span data-bind="text:fullname"></span></div>
|
|
</th>
|
|
<!-- /ko -->
|
|
<th class="rotate">
|
|
<div><span>eigen budget beschikbaar (ex btw)</span></div>
|
|
</th>
|
|
<th class="rotate">
|
|
<div><span>totaal geschreven omzet</span></div>
|
|
</th>
|
|
<!-- <th class="rotate">-->
|
|
<!-- <div><span>derden (ex btw)</span></div>-->
|
|
<!-- </th>-->
|
|
<!-- <th class="rotate">-->
|
|
<!-- <div><span>beschikbaar</span></div>-->
|
|
<!-- </th>-->
|
|
<th class="rotate">
|
|
<div><span>saldo</span></div>
|
|
</th>
|
|
<th class="rotate">
|
|
<div><span>OWP</span></div>
|
|
</th>
|
|
<!-- ko foreach: uniqueYears -->
|
|
<th class="rotate">
|
|
<div><span data-bind="text:year"></span></div>
|
|
</th>
|
|
<!-- /ko -->
|
|
</tr>
|
|
</thead>
|
|
<tbody data-bind="foreach:recap">
|
|
<tr>
|
|
<td><span data-bind="text:projectnumber"></span></td>
|
|
<td><span data-bind="text:instroom"></span></td>
|
|
<td><span data-bind="text:uitstroom ? uitstroom : ''"></span></td>
|
|
<td><span data-bind="text:projectname"></span></td>
|
|
<td><span data-bind="text:name"></span></td>
|
|
<!-- ko foreach: employees -->
|
|
<td class="align-right">
|
|
<span data-bind="text:revenues"></span>
|
|
</td>
|
|
<!-- /ko -->
|
|
<td class="align-right">
|
|
<span data-bind="text:ownRevenue"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:totalEmployeeRevenues"></span>
|
|
</td>
|
|
<th class="align-right">
|
|
<span data-bind="text:availableRevenue"></span>
|
|
</th>
|
|
<!-- <td class="align-right">-->
|
|
<!-- <span data-bind="text:externCosts"></span>-->
|
|
<!-- </td>-->
|
|
<!-- <th class="align-right">-->
|
|
<!-- <span data-bind="text:saldo"></span>-->
|
|
<!-- </th>-->
|
|
<!-- <th class="align-right">-->
|
|
<!-- <span data-bind="text:workInProgress"></span>-->
|
|
<!-- </th>-->
|
|
<!-- ko foreach:invoiced -->
|
|
<th class="align-right">
|
|
<span data-bind="text:invoiced"></span>
|
|
</th>
|
|
<!-- /ko -->
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<th class="align-right" colspan="5">totaal</th>
|
|
<!-- ko foreach: totalPerEmployee -->
|
|
<th class="align-right">
|
|
<span data-bind="text:totalRevenue"></span>
|
|
</th>
|
|
<!-- /ko -->
|
|
<th class="align-right">
|
|
<span data-bind="text:totalOwnRevenue"></span>
|
|
</th>
|
|
<th class="align-right">
|
|
<span data-bind="text:totalEmployeeRevenues"></span>
|
|
</th>
|
|
<th class="align-right">
|
|
<span data-bind="text:totalAvailableRevenues"></span>
|
|
</th>
|
|
<!-- <th class="align-right">-->
|
|
<!-- <span data-bind="text:totalCosts"></span>-->
|
|
<!-- </th>-->
|
|
<!-- <th class="align-right">-->
|
|
<!-- <span data-bind="text:totalSaldo"></span>-->
|
|
<!-- </th>-->
|
|
<!-- <th class="align-right">-->
|
|
<!-- <span data-bind="text:totalWorkInProgress"></span>-->
|
|
<!-- </th>-->
|
|
<!-- ko foreach:totalInvoicedYear -->
|
|
<th class="align-right">
|
|
<span data-bind="text:totalInvoiced"></span>
|
|
</th>
|
|
<!-- /ko -->
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
<!--<div class="row">-->
|
|
<!-- <div class="col-md-3">-->
|
|
<!-- <div class="graph-holder" style="min-height:350px">-->
|
|
<!-- <canvas id="recap-revenues" width="300px"></canvas>-->
|
|
<!-- <div id="recap-revenues-legends"></div>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="col-md-3">-->
|
|
<!-- <div class="graph-holder" style="min-height:350px">-->
|
|
<!-- <canvas id="recap-revenues-project" width="300px"></canvas>-->
|
|
<!-- <div id="recap-revenues-project-legends"></div>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="col-md-6">-->
|
|
<!-- <div class="graph-holder" style="min-height:350px">-->
|
|
<!-- <canvas id="recap-owh" width="300px"></canvas>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!--</div>--> |