Conversie codeigniter 4
This commit is contained in:
@@ -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