149 lines
6.4 KiB
PHP
149 lines
6.4 KiB
PHP
<div class="row">
|
|
<div class="col-md-12">
|
|
<h2 style="margin-top:0">uren per project</h2>
|
|
<table class="table table-condensed table-bordered">
|
|
<thead>
|
|
<tr class="table-info">
|
|
<th class="table-header-blue">project</th>
|
|
<th class="align-right table-header-blue">tarief</th>
|
|
<th class="align-right table-header-blue">jan</th>
|
|
<th class="align-right table-header-blue">feb</th>
|
|
<th class="align-right table-header-blue">mrt</th>
|
|
<th class="align-right table-header-blue">apr</th>
|
|
<th class="align-right table-header-blue">mei</th>
|
|
<th class="align-right table-header-blue">juni</th>
|
|
<th class="align-right table-header-blue">juli</th>
|
|
<th class="align-right table-header-blue">aug</th>
|
|
<th class="align-right table-header-blue">sep</th>
|
|
<th class="align-right table-header-blue">okt</th>
|
|
<th class="align-right table-header-blue">nov</th>
|
|
<th class="align-right table-header-blue">dec</th>
|
|
<th class="align-right table-header-blue">tot jaar</th>
|
|
<th class="align-right table-header-blue">tot overig</th>
|
|
<th class="align-right table-header-blue">grand total</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody data-bind="foreach:myData">
|
|
<tr>
|
|
<td>
|
|
<span data-bind="text:projectname"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:tarif"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:januari"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:februari"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:maart"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:april"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:mei"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:juni"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:juli"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:augustus"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:september"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:oktober"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:november"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:december"></span>
|
|
</td>
|
|
<th class="align-right">
|
|
<span data-bind="text:totalyear"></span>
|
|
</th>
|
|
<th class="align-right">
|
|
<span data-bind="text:totalotheryears"></span>
|
|
</th>
|
|
<th class="align-right">
|
|
<span data-bind="text:totalhours"></span>
|
|
</th>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr class="table-info">
|
|
<th class="table-header-blue">totaal</th>
|
|
<th class="table-header-blue"> </th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalJanuari "></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalFebruari "></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalMaart "></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalApril "></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalMei "></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalJuni "></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalJuli "></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalAugustus"></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalSeptember "></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalOktober "></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalNovember "></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalDecember "></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalTotal().toFixed(1)"></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalTotalOtheryears().toFixed(1)"></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:(totalTotalOtheryears() + totalTotal()).toFixed(1)"></span>
|
|
</th>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!--<div class="row">-->
|
|
<!-- <div class="col-md-6">-->
|
|
<!-- <div class="graph-holder">-->
|
|
<!-- <canvas data-bind="attr:{id: 'hours-per-month-' + slug}" id="" height="300"></canvas>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="col-md-6">-->
|
|
<!-- <div class="graph-holder">-->
|
|
<!-- <canvas data-bind="attr:{id: 'hours-per-project-' + slug}" id="" height="300"></canvas>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!--</div>-->
|
|
|
|
|