dbois/application/views/reports/monthlyemployeehours/_employeerevenue_view.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>project</th>
                <th class="align-right">tarief</th>
                <th class="align-right">jan</th>
                <th class="align-right">feb</th>
                <th class="align-right">mrt</th>
                <th class="align-right">apr</th>
                <th class="align-right">mei</th>
                <th class="align-right">juni</th>
                <th class="align-right">juli</th>
                <th class="align-right">aug</th>
                <th class="align-right">sep</th>
                <th class="align-right">okt</th>
                <th class="align-right">nov</th>
                <th class="align-right">dec</th>
                <th class="align-right">tot jaar</th>
                <th class="align-right">tot overig</th>
                <th class="align-right">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>totaal</th>
                <th>&nbsp;</th>
                <th class="align-right">
                    <span data-bind="text:totalJanuariRevenue().toFixed(0)"></span>
                </th>
                <th class="align-right">
                    <span data-bind="text:totalFebruariRevenue().toFixed(0)"></span>
                </th>
                <th class="align-right">
                    <span data-bind="text:totalMaartRevenue().toFixed(0)"></span>
                </th>
                <th class="align-right">
                    <span data-bind="text:totalAprilRevenue().toFixed(0)"></span>
                </th>
                <th class="align-right">
                    <span data-bind="text:totalMeiRevenue().toFixed(0)"></span>
                </th>
                <th class="align-right">
                    <span data-bind="text:totalJuniRevenue().toFixed(0)"></span>
                </th>
                <th class="align-right">
                    <span data-bind="text:totalJuliRevenue().toFixed(0)"></span>
                </th>
                <th class="align-right">
                    <span data-bind="text:totalAugustusRevenue().toFixed(0)"></span>
                </th>
                <th class="align-right">
                    <span data-bind="text:totalSeptemberRevenue().toFixed(0)"></span>
                </th>
                <th class="align-right">
                    <span data-bind="text:totalOktoberRevenue().toFixed(0)"></span>
                </th>
                <th class="align-right">
                    <span data-bind="text:totalNovemberRevenue().toFixed(0)"></span>
                </th>
                <th class="align-right">
                    <span data-bind="text:totalDecemberRevenue().toFixed(0)"></span>
                </th>
                <th class="align-right">
                    <span data-bind="text:totalTotalRevenue().toFixed(0)"></span>
                </th>
                <th class="align-right">
                    <span data-bind="text:totalTotalOtheryearsRevenue().toFixed(0)"></span>
                </th>
                <th class="align-right">
                    <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>