70 lines
4.0 KiB
PHP
70 lines
4.0 KiB
PHP
<div class="row">
|
|
<div class="col-md-12">
|
|
<table class="table table-condensed" style="font-size:.8em;">
|
|
<thead>
|
|
<tr>
|
|
<th class="rotate"><div><span>medewerker</span></div></th>
|
|
<th class="rotate"><div><span>uren declarabel</span></div></th>
|
|
<th class="rotate"><div><span>uren niet declarabel</span></div></th>
|
|
<th class="rotate"><div><span>uren indirect</span></div></th>
|
|
<th class="rotate"><div><span>totaal bestede uren</span></div></th>
|
|
<th class="rotate"><div><span>uren target(1.600 jaar)</span></div></th>
|
|
<th class="rotate"><div><span>aandeel uren besteed tov target</span></div></th>
|
|
<th class="rotate"><div><span>bezettingsgraad totaal<br />aantal gewerkte uren</span></div></th>
|
|
<th class="rotate"><div><span>bezettingsgraad t.o.v. target<br />factureerbare uren</span></div></th>
|
|
<th class="rotate"><div><span>omzet</span></div></th>
|
|
<th class="rotate"><div><span>gemiddeld tarief</span></div></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<!-- ko foreach:employees -->
|
|
<tr>
|
|
<td><span data-bind="text:fullname"></span></td>
|
|
<td class="align-right"><span data-bind="text:profitablehours"></span></td>
|
|
<td class="align-right"><span data-bind="text:nonprofitablehours"></span></td>
|
|
<td class="align-right"><span data-bind="text:nonprojecthours"></span></td>
|
|
<td class="align-right"><span data-bind="text:totalhours"></span></td>
|
|
<td class="align-right"><span data-bind="text:target"></span></td>
|
|
<td class="align-right"><span data-bind="text:occupancyRateTotal"></span>%</td>
|
|
<td class="align-right"><span data-bind="text:occupancyRateHours"></span>%</td>
|
|
<td class="align-right"><span data-bind="text:occupancyRateInvoice"></span></td>
|
|
<td class="align-right"><i class="icon fa-euro"></i> <span data-bind="text:revenues"></span></td>
|
|
<td class="align-right"><i class="icon fa-euro"></i> <span data-bind="text:averageDayRate"></span></td>
|
|
</tr>
|
|
<!-- /ko -->
|
|
</tbody>
|
|
<tfoot>
|
|
<th><span>totaal</span></th>
|
|
<th class="align-right"><span data-bind="text:profitablehoursTotaal"></span></th>
|
|
<th class="align-right"><span data-bind="text:nonprofitablehoursTotaal"></span></th>
|
|
<th class="align-right"><span data-bind="text:nonprojecthoursTotaal"></span></th>
|
|
<th class="align-right"><span data-bind="text:totalhoursTotaal"></span></th>
|
|
<th class="align-right"><span data-bind="text:targetTotaal"></span></th>
|
|
<th class="align-right"><span data-bind="text:occupancyRateTotalTotaal"></span>%</th>
|
|
<th class="align-right"><span data-bind="text:occupancyRateHoursTotaal"></span>%</th>
|
|
<th class="align-right"><span data-bind="text:occupancyRateInvoiceTotaal"></span>%</th>
|
|
<th class="align-right"><i class="icon fa-euro"></i> <span data-bind="text:revenuesTotaal"></span></th>
|
|
<th class="align-right"><i class="icon fa-euro"></i> <span data-bind="text:averageDayRateTotaal"></span></th>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="graph-holder" style="height:100%">
|
|
<canvas id="hours-per-month" width="300"></canvas>
|
|
<div id="hours-per-month-legends"></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="graph-holder" style="height:100%">
|
|
<canvas id="revenues-per-month" width="300"></canvas>
|
|
<div id="revenues-per-month-legends"></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="graph-holder" style="height:100%">
|
|
<canvas id="average-rate" width="300"></canvas>
|
|
</div>
|
|
</div>
|
|
</div> |