Conversie codeigniter 4
This commit is contained in:
@@ -0,0 +1,70 @@
|
||||
<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 jaartarget</span></div></th>
|
||||
<th class="rotate"><div><span>aandeel uren besteed tov target</span></div></th>
|
||||
<th class="rotate"><div><span>percentage declarable<br />tov totaal</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="min-height:350px">-->
|
||||
<!-- <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="min-height:350px">-->
|
||||
<!-- <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="min-height:350px">-->
|
||||
<!-- <canvas id="average-rate" width="300"></canvas>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!--</div>-->
|
||||
@@ -0,0 +1,7 @@
|
||||
<?php
|
||||
/**
|
||||
* Created by Pensare Software.
|
||||
* User: Theo Weijmer
|
||||
* Date: 29/07/2018
|
||||
* Time: 13:21
|
||||
*/
|
||||
@@ -0,0 +1,63 @@
|
||||
<table class="table table-condensed" style="font-size:0.8em;">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="rotate">
|
||||
<div class="pointer">
|
||||
<span data-bind="click:sortList.bind($data, 'projectnumber')">
|
||||
projectnummer
|
||||
</span>
|
||||
</div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>project</span></div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>klant</span></div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>Nog te factureren<br />incl. btw</span></div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>Nog te factureren<br />lopend boekjaar incl. btw</span></div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>Nog te factureren<br /> na lopend boekjaar incl. btw</span></div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>Nog te prognotiseren<br />incl. btw</span></div>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- ko foreach: forecasts -->
|
||||
<tr>
|
||||
<td><span data-bind="text:projectnumber"></span></td>
|
||||
<td><span data-bind="text:projectname"></span></td>
|
||||
<td><span data-bind="text:customer"></span></td>
|
||||
<td class="align-right"><span data-bind="text:needInvoice"></span></td>
|
||||
<td class="align-right"><span data-bind="text:forecastThisYear"></span></td>
|
||||
<td class="align-right"><span data-bind="text:forecastOtherYears"></span></td>
|
||||
<td class="align-right focus-green"><span data-bind="text:forecastRemaining"></span></td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th colspan="3" class="align-right">
|
||||
totaal
|
||||
</th>
|
||||
<th class="align-right">
|
||||
<span data-bind="text:needInvoice"></span>
|
||||
</th>
|
||||
<th class="align-right">
|
||||
<span data-bind="text:forecastThisYear"></span>
|
||||
</th>
|
||||
<th class="align-right">
|
||||
<span data-bind="text:forecastOtherYears"></span>
|
||||
</th>
|
||||
<th class="align-right focus-green">
|
||||
<span data-bind="text:forecastRemaining"></span>
|
||||
</th>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
@@ -0,0 +1,91 @@
|
||||
<table class="table table-condensed" style="font-size:0.8em;">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="rotate">
|
||||
<div class="pointer">
|
||||
<span data-bind="click:sortList.bind($data, 'projectnumber')">
|
||||
projectnummer
|
||||
</span>
|
||||
</div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>project</span></div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>klant</span></div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>Totaal te factureren<br />excl. btw</span></div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>Totaal te factureren<br />incl. btw</span></div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>Gefactureerd overige jaren<br />incl. btw</span></div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>Gefactureerd lopende boekjaar<br />incl. btw</span></div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>Gefactureerd totaal<br />incl. btw</span></div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>Betaald incl. btw</span></div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>gefactureerd niet betaald<br />incl. btw</span></div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>Nog te factureren<br />incl. btw</span></div>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- ko foreach: invoiceOverview -->
|
||||
<tr>
|
||||
<td><span data-bind="text:projectnumber"></span></td>
|
||||
<td><span data-bind="text:projectname"></span></td>
|
||||
<td><span data-bind="text:customer"></span></td>
|
||||
<td class="align-right"><span data-bind="text:totalToInvoicingExcl"></span></td>
|
||||
<td class="align-right"><span data-bind="text:totalToInvoicingIncl"></span></td>
|
||||
<td class="align-right"><span data-bind="text:totalInvoicedOtherYears"></span></td>
|
||||
<td class="align-right"><span data-bind="text:totalInvoicedThisYear"></span></td>
|
||||
<td class="align-right"><span data-bind="text:invoicesTotal"></span></td>
|
||||
<td class="align-right"><span data-bind="text:projectPayment"></span></td>
|
||||
<td class="align-right"><span data-bind="text:invoiceToPay"></span></td>
|
||||
<td class="align-right focus-green"><span data-bind="text:needInvoice"></span></td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th colspan="3" class="align-right">
|
||||
totaal
|
||||
</th>
|
||||
<th class="align-right">
|
||||
<span data-bind="text:totalToInvoicingExcl"></span>
|
||||
</th>
|
||||
<th class="align-right">
|
||||
<span data-bind="text:totalToInvoicingIncl"></span>
|
||||
</th>
|
||||
<th class="align-right">
|
||||
<span data-bind="text:totalInvoicedOtherYears"></span>
|
||||
</th>
|
||||
<th class="align-right">
|
||||
<span data-bind="text:totalInvoicedThisYear"></span>
|
||||
</th>
|
||||
<th class="align-right">
|
||||
<span data-bind="text:invoicesTotal"></span>
|
||||
</th>
|
||||
<th class="align-right">
|
||||
<span data-bind="text:totalPayment"></span>
|
||||
</th>
|
||||
<th class="align-right">
|
||||
<span data-bind="text:totalToPay"></span>
|
||||
</th>
|
||||
<th class="align-right focus-green">
|
||||
<span data-bind="text:needInvoice"></span>
|
||||
</th>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
@@ -0,0 +1,80 @@
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<table class="table table-striped table-condensed">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>
|
||||
<div class="pointer">
|
||||
<span data-bind="click:sortList.bind($data, 'projectnumber')">
|
||||
projectnummer
|
||||
</span>
|
||||
</div>
|
||||
</th>
|
||||
<th>
|
||||
factuurnummer
|
||||
</th>
|
||||
<th>
|
||||
project
|
||||
</th>
|
||||
<th>
|
||||
klant
|
||||
</th>
|
||||
<th>
|
||||
factuur datum
|
||||
</th>
|
||||
<th>
|
||||
excl btw
|
||||
</th>
|
||||
<th>
|
||||
btw
|
||||
</th>
|
||||
<th>
|
||||
incl btw
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach:invoiced">
|
||||
<tr>
|
||||
<td>
|
||||
<span data-bind="text:projectnumber"></span>
|
||||
</td>
|
||||
<td>
|
||||
<span data-bind="text:invoicenumber"></span>
|
||||
</td>
|
||||
<td>
|
||||
<span data-bind="text:project"></span>
|
||||
</td>
|
||||
<td>
|
||||
<span data-bind="text:name"></span>
|
||||
</td>
|
||||
<td>
|
||||
<span data-bind="text:invoicedate"></span>
|
||||
</td>
|
||||
<td class="align-right">
|
||||
<span data-bind="text:invoiceamount"></span>
|
||||
</td>
|
||||
<td class="align-right">
|
||||
<span data-bind="text:vat"></span>
|
||||
</td>
|
||||
<td class="align-right">
|
||||
<span data-bind="text:inclVat"></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th colspan="5" class="align-right">Totaal</th>
|
||||
<th class="align-right">
|
||||
<span data-bind="text:totalInvoiced"></span>
|
||||
</th>
|
||||
<th class="align-right">
|
||||
<span data-bind="text:totalVat"></span>
|
||||
</th>
|
||||
<th class="align-right">
|
||||
<span data-bind="text:totalInclVat"></span>
|
||||
</th>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,69 @@
|
||||
<table class="table table-condensed" style="font-size:0.8em;">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="rotate">
|
||||
<div class="pointer">
|
||||
<span data-bind="click:sortList.bind($data, 'projectnumber')">
|
||||
projectnummer
|
||||
</span>
|
||||
</div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>project</span></div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>klant</span></div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>Nog te factureren<br />incl. btw</span></div>
|
||||
</th>
|
||||
<!-- ko foreach:months -->
|
||||
<th class="rotate">
|
||||
<div><span data-bind="text:month"></span></div>
|
||||
</th>
|
||||
<!-- /ko -->
|
||||
<th class="rotate">
|
||||
<div><span>Nog te factureren<br /> overige boekjaren incl. btw</span></div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>Nog te prognotiseren<br />incl. btw</span></div>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- ko foreach: monthForecasts -->
|
||||
<tr>
|
||||
<td><span data-bind="text:projectnumber"></span></td>
|
||||
<td><span data-bind="text:projectname"></span></td>
|
||||
<td><span data-bind="text:customer"></span></td>
|
||||
<td class="align-right focus-green"><span data-bind="text:needInvoice"></span></td>
|
||||
<!-- ko foreach : forecastMonths -->
|
||||
<td class="align-right"><span data-bind="text:forecastamount"></span></td>
|
||||
<!-- /ko -->
|
||||
<td class="align-right"><span data-bind="text:forecastOtherYears"></span></td>
|
||||
<td class="align-right focus-green"><span data-bind="text:forecastRemaining"></span></td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th colspan="3" class="align-right">
|
||||
|
||||
</th>
|
||||
<th class="align-right focus-green">
|
||||
<span data-bind="text:needInvoice"></span>
|
||||
</th>
|
||||
<!-- ko foreach:monthTotals -->
|
||||
<th class="align-right">
|
||||
<span data-bind="text:forecastamount()"></span>
|
||||
</th>
|
||||
<!-- /ko -->
|
||||
<th class="align-right">
|
||||
<span data-bind="text:forecastOtherYears"></span>
|
||||
</th>
|
||||
<th class="align-right focus-green">
|
||||
<span data-bind="text:forecastRemaining"></span>
|
||||
</th>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
@@ -0,0 +1,55 @@
|
||||
<table class="table table-condensed" style="font-size:0.8em;">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="rotate">
|
||||
<div class="pointer">
|
||||
<span data-bind="click:sortList.bind($data, 'projectnumber')">
|
||||
projectnummer
|
||||
</span>
|
||||
</div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>project</span></div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>klant</span></div>
|
||||
</th>
|
||||
<!-- ko foreach:months -->
|
||||
<th class="rotate">
|
||||
<div><span data-bind="text:month"></span></div>
|
||||
</th>
|
||||
<!-- /ko -->
|
||||
<th class="rotate">
|
||||
<div><span>Totaal betaald<br />lopend boekjaar incl. btw</span></div>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- ko foreach: monthPayments -->
|
||||
<tr>
|
||||
<td><span data-bind="text:projectnumber"></span></td>
|
||||
<td><span data-bind="text:projectname"></span></td>
|
||||
<td><span data-bind="text:customer"></span></td>
|
||||
<!-- ko foreach : paymentMonths -->
|
||||
<td class="align-right"><span data-bind="text:paymentamount"></span></td>
|
||||
<!-- /ko -->
|
||||
<td class="align-right focus-green"><span data-bind="text:totalProjectPayments"></span></td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th colspan="3" class="align-right">
|
||||
totaal
|
||||
</th>
|
||||
<!-- ko foreach:monthPaymentTotals -->
|
||||
<th class="align-right">
|
||||
<span data-bind="text:paymentamount"></span>
|
||||
</th>
|
||||
<!-- /ko -->
|
||||
<th class="align-right focus-green">
|
||||
<span data-bind="text:totalProjectPayments"></span>
|
||||
</th>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
@@ -0,0 +1,148 @@
|
||||
<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>-->
|
||||
|
||||
|
||||
@@ -0,0 +1,146 @@
|
||||
<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>-->
|
||||
@@ -0,0 +1,116 @@
|
||||
<table class="table" style="font-size:.8em;">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="rotate sorting-field">
|
||||
<div data-bind="click:setSorting.bind($data, 'projectnumber')">
|
||||
<span>projectnummer</span>
|
||||
</div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>instroom</span></div>
|
||||
</th>
|
||||
<th class="rotate sorting-field">
|
||||
<div data-bind="click:setSorting.bind($data, 'projectname')">
|
||||
<span>naam</span>
|
||||
</div>
|
||||
</th>
|
||||
<th class="rotate sorting-field">
|
||||
<div data-bind="click:setSorting.bind($data, 'CUS.name')">
|
||||
<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>eigen tarief omzet (ex btw)</span></div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>totaal geschreven omzet</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>
|
||||
<th class="rotate">
|
||||
<div><span>Lopend boekjaar</span></div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div><span>Volgende boekjaren</span></div>
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="align-right" colspan="4">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:totalOwnRevenue"></span>
|
||||
</th>
|
||||
<th class="align-right">
|
||||
<span data-bind="text:totalEmployeeRevenues"></span>
|
||||
</th>
|
||||
<th class="align-right">
|
||||
<span data-bind="text:totalAvailableRevenues"></span>
|
||||
</th>
|
||||
<th class="align-right">
|
||||
<span data-bind="text:totalOwp"></span>
|
||||
</th>
|
||||
<th class="align-right">
|
||||
<span data-bind="text:totalCurrentFinancialYear"></span>
|
||||
</th>
|
||||
<th class="align-right">
|
||||
<span data-bind="text:totalNextFinancialYear"></span>
|
||||
</th>
|
||||
</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: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 -->
|
||||
<td class="align-right">
|
||||
<span data-bind="text:ownRevenue"></span>
|
||||
</td>
|
||||
<td class="align-right">
|
||||
<span data-bind="text:totalEmployeeRevenues"></span>
|
||||
</td>
|
||||
<th class="align-right">
|
||||
<span data-bind="text:availableRevenue"></span>
|
||||
</th>
|
||||
<th class="align-right">
|
||||
<span data-bind="text:owp"></span>
|
||||
</th>
|
||||
<td width="100px">
|
||||
<input class="form-control form-control-xsm align-right"
|
||||
data-bind="textInput:currentFinancialYear,
|
||||
event:{keyup:$root.saveCurrentFinancialYear},
|
||||
css:{'red-border': ! pristine()}"/>
|
||||
</td>
|
||||
<td class="align-right">
|
||||
<span data-bind="text:nextFinancialYears"></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
</tfoot>
|
||||
</table>
|
||||
|
||||
@@ -0,0 +1,89 @@
|
||||
<table class="table" style="font-size:.8em;">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="rotate">
|
||||
<div data-bind="click:setSorting.bind($data, 'projectnumber')">
|
||||
<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 data-bind="click:setSorting.bind($data, 'projectname')">
|
||||
<span>naam</span>
|
||||
</div>
|
||||
</th>
|
||||
<th class="rotate">
|
||||
<div data-bind="click:setSorting.bind($data, 'CUS.name')">
|
||||
<span>opdrachtgever</span>
|
||||
</div>
|
||||
</th>
|
||||
<!-- ko foreach: uniqueEmployees -->
|
||||
<th class="rotate">
|
||||
<div><span data-bind="text:fullname + ' geschreven'"></span></div>
|
||||
</th>
|
||||
<!-- /ko -->
|
||||
<th class="rotate">
|
||||
<div><span>totaal fact. uren gerealisserd</span></div>
|
||||
</th>
|
||||
<!-- ko foreach: uniqueEmployees -->
|
||||
<th class="rotate">
|
||||
<div><span data-bind="text:fullname + ' beschikbaar'"></span></div>
|
||||
</th>
|
||||
<!-- /ko -->
|
||||
<th class="rotate">
|
||||
<div><span>totaal beschikbare uren</span></div>
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="align-right" colspan="5">totaal</th>
|
||||
<!-- ko foreach: totalPerEmployee -->
|
||||
<th class="align-right">
|
||||
<span data-bind="text:totalHours"></span>
|
||||
</th>
|
||||
<!-- /ko -->
|
||||
<th class="align-right">
|
||||
<span data-bind="text:totalEmployeeHours"></span>
|
||||
</th>
|
||||
<!-- ko foreach: totalPerEmployee -->
|
||||
<th class="align-right">
|
||||
<span data-bind="text:totalAvailableHours"></span>
|
||||
</th>
|
||||
<!-- /ko -->
|
||||
<th class="align-right">
|
||||
<span data-bind="text:totalEmployeeAvailableHours"></span>
|
||||
</th>
|
||||
</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:hours"></span>
|
||||
</td>
|
||||
<!-- /ko -->
|
||||
<th class="align-right">
|
||||
<span data-bind="text:totalEmployeeHours"></span>
|
||||
</th>
|
||||
<!-- ko foreach: employees -->
|
||||
<td class="align-right">
|
||||
<span data-bind="text:availableHours"></span>
|
||||
</td>
|
||||
<!-- /ko -->
|
||||
<td class="align-right">
|
||||
<span data-bind="text:hoursAvailable"></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
</tfoot>
|
||||
</table>
|
||||
Reference in New Issue
Block a user