147 lines
6.9 KiB
PHP
147 lines
6.9 KiB
PHP
<div class="row">
|
|
<div class="col-md-12">
|
|
<h2 style="margin-top:0">omzet 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:januariRevenue.toFixed(0)"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:februariRevenue.toFixed(0)"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:maartRevenue.toFixed(0)"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:aprilRevenue.toFixed(0)"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:meiRevenue.toFixed(0)"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:juniRevenue.toFixed(0)"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:juliRevenue.toFixed(0)"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:augustusRevenue.toFixed(0)"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:septemberRevenue.toFixed(0)"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:oktoberRevenue.toFixed(0)"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:novemberRevenue.toFixed(0)"></span>
|
|
</td>
|
|
<td class="align-right">
|
|
<span data-bind="text:decemberRevenue.toFixed(0)"></span>
|
|
</td>
|
|
<th class="align-right">
|
|
<span data-bind="text:totalyearRevenue.toFixed(0)"></span>
|
|
</th>
|
|
<th class="align-right">
|
|
<span data-bind="text:totalotheryearsRevenue.toFixed(0)"></span>
|
|
</th>
|
|
<th class="align-right">
|
|
<span data-bind="text:totalhoursRevenue.toFixed(0)"></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:totalJanuariRevenue().toFixed(0)"></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalFebruariRevenue().toFixed(0)"></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalMaartRevenue().toFixed(0)"></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalAprilRevenue().toFixed(0)"></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalMeiRevenue().toFixed(0)"></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalJuniRevenue().toFixed(0)"></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalJuliRevenue().toFixed(0)"></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalAugustusRevenue().toFixed(0)"></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalSeptemberRevenue().toFixed(0)"></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalOktoberRevenue().toFixed(0)"></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalNovemberRevenue().toFixed(0)"></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalDecemberRevenue().toFixed(0)"></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalTotalRevenue().toFixed(0)"></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:totalTotalOtheryearsRevenue().toFixed(0)"></span>
|
|
</th>
|
|
<th class="align-right table-header-blue">
|
|
<span data-bind="text:(totalTotalOtheryearsRevenue() + totalTotalRevenue()).toFixed(0)"></span>
|
|
</th>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!--<div class="row">-->
|
|
<!-- <div class="col-md-6">-->
|
|
<!-- <div class="graph-holder">-->
|
|
<!-- <canvas data-bind="attr:{id: 'revenue-per-month-' + slug}" height="300"></canvas>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="col-md-6">-->
|
|
<!-- <div class="graph-holder">-->
|
|
<!-- <canvas data-bind="attr:{id: 'revenue-per-project-' + slug}" height="300"></canvas>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!--</div>-->
|