138 lines
4.3 KiB
PHP
138 lines
4.3 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>totaal</span></div>
|
|
</th>
|
|
<th class="rotate">
|
|
<div><span>budget (ex btw)</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 -->
|
|
<th class="align-right">
|
|
<span data-bind="text:totalEmployeeRevenues"></span>
|
|
</th>
|
|
<td class="align-right">
|
|
<span data-bind="text:budget"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:externCosts"></span>
|
|
</td>
|
|
<th class="align-right">
|
|
<span data-bind="text:budgetAvailable"></span>
|
|
</th>
|
|
<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:totalEmployeeRevenues"></span>
|
|
</th>
|
|
<th class="align-right">
|
|
<span data-bind="text:totalBudget"></span>
|
|
</th>
|
|
<th class="align-right">
|
|
<span data-bind="text:totalCosts"></span>
|
|
</th>
|
|
<th class="align-right">
|
|
<span data-bind="text:totalAvailableBudget"></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-xl-3">
|
|
<div class="graph-holder" style="height:100%">
|
|
<canvas id="recap-revenues" width="300px"></canvas>
|
|
<div id="recap-revenues-legends"></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3">
|
|
<div class="graph-holder" style="height:100%">
|
|
<canvas id="recap-revenues-project" width="300px"></canvas>
|
|
<div id="recap-revenues-project-legends"></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6">
|
|
<div class="graph-holder" style="height:100%">
|
|
<canvas id="recap-owh" width="300px"></canvas>
|
|
</div>
|
|
</div>
|
|
</div> |