Overigen/monpas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'feature/budgetmonfin' into feature/labels

Browse Source
This commit is contained in:
Monique
2023-07-03 12:16:41 +02:00
parent 4c1536e8b3 89843a9f6c
commit d76bf98cf2
15 changed files with 2482 additions and 639 deletions
Download Patch File Download Diff File Expand all files Collapse all files
application/views/monpas/modals/findetails_modal.php
+120
View File
@@ -0,0 +1,120 @@
<div class="modal fade" id="modFindetails" role="dialog" >
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header" style="background-color: #968026; color:#FFFFFF ">
<h4>Uitsplitsing budget </h4>
</div>
<div class="modal-body">
<div data-bind="with: selectedSubsoort() ? selectedSubsoort() : '' ">
<p style="font-weight: bold" data-bind="text: naam "></p>
<br>
<table style="border 1px solid #ebebeb; font-size: small">
<tr style="background-color: #e0ce85">
<td style="text-transform: lowercase; border: 1px solid #ebebeb; border-top: 3px solid #ebebeb; width: 100px;"
data-bind=" text: uitgavetypes[0].code "
>
</td>
<!-- ko if: naam != 'Basisondersteuning gebudgetteerd' && naam != 'Extra ondersteuning gebudgetteerd' && naam != 'Totaal gebudgetteerd' -->
<td style="text-transform: lowercase; border: 1px solid #ebebeb; border-top: 3px solid #ebebeb; width: 100px; text-align: right "
data-bind=" text: isNaN(uitgavetypes[0].budget.replace(/\./g,'') ) || Number(uitgavetypes[0].budget) ==0 ? '' : uitgavetypes[0].budgetform "
>
</td>
<!-- /ko -->
<!-- ko if: naam == 'Basisondersteuning gebudgetteerd' || naam == 'Extra ondersteuning gebudgetteerd' || naam == 'Totaal gebudgetteerd' -->
<td style="text-transform: lowercase; border: 1px solid #ebebeb; border-top: 3px solid #ebebeb; width: 100px; text-align: right "
data-bind=" text: isNaN(uitgavetypes[0].budgetsom.replace(/\./g,'') ) || Number(uitgavetypes[0].budgetsom) ==0 ? '' : uitgavetypes[0].budgetsom "
>
</td>
<!-- /ko -->
</tr>
<tr>
<td style="text-transform: lowercase; border: 1px solid #ebebeb; border-top: 3px solid #ebebeb; "
data-bind=" text: uitgavetypes[1].code "
>
</td>
<!-- ko if: naam != 'Basisondersteuning gebudgetteerd' && naam != 'Extra ondersteuning gebudgetteerd' && naam != 'Totaal gebudgetteerd' -->
<td style="text-transform: lowercase; border: 1px solid #ebebeb; border-top: 3px solid #ebebeb; width: 100px; text-align: right "
data-bind=" text: isNaN(uitgavetypes[1].budget.replace(/\./g,'') ) || Number(uitgavetypes[1].budget) ==0 ? '' : uitgavetypes[1].budgetform "
>
</td>
<!-- /ko -->
<!-- ko if: naam == 'Basisondersteuning gebudgetteerd' || naam == 'Extra ondersteuning gebudgetteerd' || naam == 'Totaal gebudgetteerd' -->
<td style="text-transform: lowercase; border: 1px solid #ebebeb; border-top: 3px solid #ebebeb; width: 100px; text-align: right "
data-bind=" text: isNaN(uitgavetypes[1].budgetsom.replace(/\./g,'') ) || Number(uitgavetypes[1].budgetsom) ==0 ? '' : uitgavetypes[1].budgetsom "
>
</td>
<!-- /ko -->
</tr>
<tr>
<td style="text-transform: lowercase; border: 1px solid #ebebeb; border-top: 3px solid #ebebeb; "
data-bind=" text: uitgavetypes[2].code "
>
</td>
<!-- ko if: naam != 'Basisondersteuning gebudgetteerd' && naam != 'Extra ondersteuning gebudgetteerd' && naam != 'Totaal gebudgetteerd' -->
<td style="text-transform: lowercase; border: 1px solid #ebebeb; border-top: 3px solid #ebebeb; width: 100px; text-align: right "
data-bind=" text: isNaN(uitgavetypes[2].budget.replace(/\./g,'') ) || Number(uitgavetypes[2].budget) ==0 ? '' : uitgavetypes[2].budgetform "
>
</td>
<!-- /ko -->
<!-- ko if: naam == 'Basisondersteuning gebudgetteerd' || naam == 'Extra ondersteuning gebudgetteerd' || naam == 'Totaal gebudgetteerd' -->
<td style="text-transform: lowercase; border: 1px solid #ebebeb; border-top: 3px solid #ebebeb; width: 100px; text-align: right "
data-bind=" text: isNaN(uitgavetypes[2].budgetsom.replace(/\./g,'') ) || Number(uitgavetypes[2].budgetsom) ==0 ? '' : uitgavetypes[2].budgetsom "
>
</td>
<!-- /ko -->
</tr>
<tr>
<tr>
<td style="text-transform: lowercase; border: 1px solid #ebebeb; border-top: 3px solid #ebebeb; "
data-bind=" text: uitgavetypes[3].code "
>
</td>
<!-- ko if: naam != 'Basisondersteuning gebudgetteerd' && naam != 'Extra ondersteuning gebudgetteerd' && naam != 'Totaal gebudgetteerd' -->
<td style="text-transform: lowercase; border: 1px solid #ebebeb; border-top: 3px solid #ebebeb; width: 100px; text-align: right "
data-bind=" text: isNaN(uitgavetypes[3].budget.replace(/\./g,'') ) || Number(uitgavetypes[3].budget) ==0 ? '' : uitgavetypes[3].budgetform "
>
</td>
<!-- /ko -->
<!-- ko if: naam == 'Basisondersteuning gebudgetteerd' || naam == 'Extra ondersteuning gebudgetteerd' || naam == 'Totaal gebudgetteerd' -->
<td style="text-transform: lowercase; border: 1px solid #ebebeb; border-top: 3px solid #ebebeb; width: 100px; text-align: right "
data-bind=" text: isNaN(uitgavetypes[3].budgetsom.replace(/\./g,'') ) || Number(uitgavetypes[3].budgetsom) ==0 ? '' : uitgavetypes[3].budgetsom "
>
</td>
<!-- /ko -->
</tr>
<tr>
<td style="text-transform: lowercase; border: 1px solid #ebebeb; border-top: 3px solid #ebebeb; "
>restant
</td>
<!-- ko if: naam != 'Basisondersteuning gebudgetteerd' && naam != 'Extra ondersteuning gebudgetteerd' && naam != 'Totaal gebudgetteerd' -->
<td style="text-transform: lowercase; border: 1px solid #ebebeb; border-top: 3px solid #ebebeb;text-align: right "
data-bind=" text: isNaN(uitgavetypes[0].budget.replace(/\./g,'') ) || Number(uitgavetypes[0].budget) ==0 || uitgavetypes[0].budgetrestant == '0'? '' : uitgavetypes[0].budgetrestant "
>
</td>
<!-- /ko -->
<!-- ko if: naam == 'Basisondersteuning gebudgetteerd' || naam == 'Extra ondersteuning gebudgetteerd' || naam == 'Totaal gebudgetteerd' -->
<td style="text-transform: lowercase; border: 1px solid #ebebeb; border-top: 3px solid #ebebeb; width: 100px; text-align: right "
data-bind=" text: uitgavetypes[0].budgetrestant "
>
</td>
<!-- /ko -->
</tr>
</table>
</div>
</div>
<div class="modal-footer">
<button style="width: 80px;"
data-dismiss="modal">sluit
</button>
</div>
</div>
</div>
</div>
application/views/monpas/pages/monfin2/bestemmingen.php
+299 -76
View File
@@ -9,7 +9,7 @@
<span style="margin-right: 20px;"
data-bind="text: 'Dit jaar is financieel afgesloten', visible: jaarclosed()"><span>
</h4>
<div data-bind="visible: !jaartoewijzing()">
<div data-bind="visible: ! jaartoewijzing()">
<p>Er zijn nog geen budgetgegevens voor dit kalenderjaar</p>
</div>
</div>
@@ -23,105 +23,328 @@
Basisondersteuning
</h4>
<div data-bind="visible: basisgeopend()">
<table class="lstable" style="width : 100%; font-size:0.9em">
<colgroup>
<col style="width:40%">
<col span='3' style="width: 18%">
</colgroup>
<table class="lstable" style="width : 100%; font-size:0.9em; position: relative">
<thead style="position: sticky; top: 0" >
<tr>
<th style="width:29%"></th>
<th style="width:5%"></th>
<th style="width: 11%"></th>
<th style="width: 11%"></th>
<th style="width: 11%"></th>
<th style="width: 11%"></th>
<th style="width:11%"></th>
<th style="width:11%"></th>
</tr>
<tr class="blokheader" >
<th colspan="2" style="background-color: #968026; border: none; " >
</th>
<!-- ko foreach: uitgavetypes -->
<th style="text-align:right; padding-right: 5px; background-color: #968026;" data-bind="style: {'borderRight' : code == 'TOTAAL' ? '2px solid #ffffff' : 'none' } ">
<span data-bind="text: code == 'TOTAAL' ? code : code == 'SCHOLING' ? 'SUBTOTALEN' : ' ' "></span>
</th>
<!-- /ko -->
<th class="blokheader"
style="text-align: right;
padding-right: 5px;
padding-bottom: 5px;
background-color: #968026;
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;">
<span >Restant
</span>
</th>
<th class="blokheader" style="text-align: right; padding-right:5px; padding-bottom: 5px; background-color: #968026;">
<span>Percentage</span>
<i class="fa fa-info-circle"
data-bind="click: fToelichting
">
</i>
</th>
</tr>
<tr class="blokheader2" style=" text-align:left; padding-left:5px; ">
<th colspan="2" style="background-color: #968026; border: none;">
</th>
<!-- ko foreach: $root.uitgavetypes -->
<th style="text-align:right; border-right: 2px solid #ffffff; background-color: #968026;padding-right: 5px;"
data-bind="style: {'borderTop' : code != 'TOTAAL' ? '2px solid #ffffff' : 'none', }">
<span data-bind="text: code != 'TOTAAL' ? code : ' ' ">
</span>
</th>
<!-- /ko -->
<th class="blokheader2" style="border-right: 2px solid #ffffff; border-top: none; background-color: #968026;">
</th>
<th class="blokheader2" style="background-color: #968026; border-top: none;">
</th>
</tr>
</thead>
<tbody data-bind="foreach: basissoorten">
<tr class="blokheader" style="text-align:left; padding-left:5px">
<td style="width: 40%" data-bind="text:naam"></td>
<!-- ko foreach: $root.uitgavetypes -->
<td style="text-align:right" data-bind="text:code"> </td>
<!-- /ko -->
</tr>
<!-- ko foreach:subsoorten -->
<tr>
<tr class="blokheader">
<td class="blokheader" colspan="8" data-bind="text: naam" style="text-align: left; border: 2px solid #ffffff"></td>
</tr>
<!-- ko foreach:subsoorten -->
<tr>
<td data-bind="text: naam"></td>
<td style="text-align: left; color: #008028 ">budget</td>
<!-- ko foreach: uitgavetypes() -->
<!-- ko if (code == $root.uitgavetypes()[$index()].code) -->
<td style="text-align: right">
<td style="text-align: right; padding-top: 1px; vertical-align: top ">
<!-- ko if : code != 'RESTANT' -->
<input class="decimal"
style="width: 200px;max-width:100%"
data-bind="textInput: formatted,event:{change:$root.fSaveBedrag} ,
enable: $root.targetjaar() == $root.selectedKalenderjaar().jaarnr && ! $root.jaarclosed()" />
</td>
<!-- /ko -->
<!-- /ko -->
</tr>
style="width: 145px; max-width: 98%; background-color: #e6ffee; font-size: 0.9em"
data-bind="textInput: budgetFormat,
event:{change:$root.fSaveBudget.bind($data, $parent.subsoortID, 'BASIS') } ,
enable: ! $root.jaarclosed() && (code == 'TOTAAL' || Number($parent.uitgavetypes()[0].budget()) > 0),
style : {'backgroundColor' : code == 'TOTAAL' ? '#e6ffee' : Number($parent.uitgavetypes()[0].budget()) > 0 ? '#e6ffee' : '#cccccc' } "
/>
<!-- /ko -->
<!-- ko if : code == 'RESTANT' -->
<span class="decimal"
style="width: 145px; max-width: 98%; font-size: 0.9em; color: #008028"
data-bind="text: budgetFormat" >
</span>
<!-- /ko -->
</td>
<!-- /ko -->
<td style="padding: 0; padding-top: 1px; vertical-align: top">
<div style="width: 98%;height: 24px;
font-size: 0.9em; font-family: sans-serif, verdana; padding-left: 2px; padding-top: 2px; color: #008028;
padding-bottom: 2px; margin: 0; text-align: right; padding-right: 3px;">
<span data-bind="text: budgetpctFormat() ,
visible: ! $root.jaarclosed() ">
</span>
</div>
</td>
</tr>
<tr >
<td ></td>
<td style="text-align: left; color:#003e80; ">uitgaven</td>
<!-- ko foreach: uitgavetypes() -->
<td style="text-align: right; padding-bottom: 10px;">
<!-- ko if: code != 'RESTANT' && code != 'TOTAAL'-->
<input class="decimal"
style="width: 145px; max-width:98%; background-color: #e6f2ff"
data-bind="textInput: bedragFormat,
style: { color : Number(budget()) < Number(bedrag()) ? '#ff0000' : '#000000' },
event: {change:$root.fSaveBedrag.bind($data, $parent.subsoortID, 'BASIS' )} ,
enable: ! $root.jaarclosed()" />
<!-- /ko -->
<!-- ko if: code == 'RESTANT' || code == 'TOTAAL'-->
<span class="decimal"
style="width: 145px; max-width:98%"
data-bind="text: bedragFormat,
style: { color : Number(budget()) < Number(bedrag()) ? '#ff0000' : '#000000',
fontSize : code == 'TOTAAL' ? 'small' : 'normal' },
">
</span>
<!-- /ko -->
</td>
<!-- /ko -->
<td style="padding: 0; vertical-align: top">
<div style="width: 98%;height: 24px; color:#003e80;
font-size: 0.9em; font-family: sans-serif, verdana; padding-left: 2px; padding-top: 2px;
padding-bottom: 2px; margin: 0; text-align: right; padding-right: 3px;">
<span data-bind="text: bedragpctFormat,
visible: ! $root.jaarclosed()">
</span>
</div>
</td>
</tr>
<!-- /ko -->
</tbody> <!-- FOREACH basissoorten -->
</table>
</div> <!-- visible basisgeopend -->
<p style="margin-bottom:0px; background-color:#f8f8f8; padding-left:10px; padding-top:10px;">
<span style="display:inline-block; width: 200px;" >Totaal basisondersteuning </span>
<span style="display:inline-block; width: 100px; text-align:right"
data-bind="text: totaalbasis">
</div> <!-- visible basisgeopend -->
<p style="margin-bottom:0; background-color:#f8f8f8; padding-left:10px; padding-top:10px;">
<span style="display:inline-block; width: 250px; font-weight: bold" >Basisondersteuning </span>
<br>
<span style="display:inline-block; width: 250px;" >Uitgaven </span>
<span style="display:inline-block; width: 100px; text-align:right"
data-bind="text: totaalbasis">
</span>
</p>
<p style="margin-top:0px; background-color:#f8f8f8; padding-left:10px; padding-bottom:10px; border-bottom:3px solid #dddddd">
<span style="display:inline-block; width: 200px" >Budget</span>
<span style="display:inline-block; width: 100px; text-align:right"
data-bind="text: jaartoewijzing() ? jaartoewijzing().basis : '' ">
<span data-bind="text: totbasispct() == '0,0' ? '' : '(' + totbasispct() + '% van het totaalbudget)' ">
</span>
</p>
<br>
<span style="display:inline-block; width: 250px" >Gebudgeteerd per kostenpost</span>
<span style="display:inline-block; width: 100px; text-align:right"
data-bind="text: gebudgetbasis ">
</span>
<span data-bind= "text: gebudgetbasispct()== '0,0' ? '' : '(' + gebudgetbasispct() + '% van het totaalbudget)' "></span>
<br>
<span style="display:inline-block; width: 250px" >Totaalbudget</span>
<span style="display:inline-block; width: 100px; text-align:right"
data-bind="text: jaartoewijzing() ? jaartoewijzing().basis : '' ">
</span>
</p>
<!-- **************** extra ondersteuning *************** -->
<h4><button class="openbutton" data-bind="css: {closebutton: extrageopend()}, click: fToggle.bind($data,2)"></button>
Extra ondersteuning
</h4>
<div data-bind="visible: extrageopend()">
<table class="lstable" style="width : 100%; font-size:0.9em">
<colgroup>
<col style="width:40%">
<col span='3' style="width: 18%">
</colgroup>
<tbody data-bind="foreach: extrasoorten">
<tr class="blokheader" style="text-align:left; padding-left:5px">
<td style="width: 40%" data-bind="text:naam"></td>
<!-- ko foreach: $root.uitgavetypes -->
<td style="text-align:right" data-bind="text:code"> </td>
<!-- /ko -->
</tr>
<!-- ko foreach:subsoorten -->
<tr >
<td data-bind="text: naam"></td>
<!-- ko foreach: uitgavetypes() -->
<!-- ko if (code == $root.uitgavetypes()[$index()].code) -->
<td style="text-align: right">
<input class="decimal"
style="width: 200px;max-width:100%"
data-bind="textInput: formatted, event:{change:$root.fSaveBedrag} ,
enable: $root.targetjaar() == $root.selectedKalenderjaar().jaarnr && ! $root.jaarclosed()" />
</td>
<!-- /ko -->
<!-- /ko -->
<table class="lstable" style="width : 100%; font-size:0.9em; position: relative;">
<thead style="position: sticky; top: 100px;">
<tr>
<th style="width:29%"></th>
<th style="width:5%"></th>
<th style="width: 11%"></th>
<th style="width: 11%"></th>
<th style="width: 11%"></th>
<th style="width:11%"></th>
<th style="width:11%"></th>
<th style="width:11%"></th>
</tr>
<tr class="blokheader" style=" text-align:left; padding-left:5px; ">
<th colspan='2' style=" background-color: #968026; border: none ">
</th>
</tr>
<!-- /ko -->
</tbody> <!-- FOREACH extrasoorten -->
<!-- ko foreach: uitgavetypes -->
<th style="text-align:right; background-color: #968026; padding-right: 5px;" data-bind="style: {'borderRight' : code == 'TOTAAL' ? '2px solid #ffffff' : 'none' } ">
<span data-bind="text: code == 'TOTAAL' ? code : code == 'SCHOLING' ? 'SUBTOTALEN' : ' ' "></span>
</th>
<!-- /ko -->
<th class="blokheader"
style="text-align: right;
padding-right: 5px;
padding-bottom: 5px;
background-color: #968026;
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;">
Restant
</th>
<th class="blokheader" style="text-align: right; padding-right:5px; padding-bottom: 5px; background-color: #968026">
<span >Percentage</span>
<i class="fa fa-info-circle"
data-bind="click: fToelichting">
</i>
</th>
</tr>
<tr class="blokheader2" style=" text-align:left; padding-left:5px; ">
<th colspan="2" style=" background-color: #968026; border: none;">
</th>
<!-- ko foreach: $root.uitgavetypes -->
<th style="text-align:right; border-right: 2px solid #ffffff; background-color: #968026; padding-right: 5px;"
data-bind="style: {'borderTop' : code != 'TOTAAL' ? '2px solid #ffffff' : 'none', }" >
<span data-bind="text: code != 'TOTAAL' ? code : ' ' "></span>
</th>
<!-- /ko -->
<th class="blokheader2" style="border-right: 2px solid #ffffff; background-color: background-color: #968026; border-top: none;">
</th>
<th class="blokheader2" style="background-color: background-color: #968026; border-top: none;">
</th>
</tr>
</thead>
<tbody data-bind="foreach: extrasoorten">
<tr class="blokheader">
<td class="blokheader" colspan="8" data-bind="text: naam" style="text-align: left; border: 2px solid #ffffff"></td>
</tr>
<!-- ko foreach:subsoorten -->
<tr>
<td data-bind="text: naam"></td>
<td style="text-align: left; color: #008028 ">budget</td>
<!-- ko foreach: uitgavetypes() -->
<td style="text-align: right; padding-top: 1px; vertical-align: top ">
<!-- ko if : code != 'RESTANT' -->
<input class="decimal"
style="width: 145px; max-width: 98%; background-color: #e6ffee"
data-bind="textInput: budgetFormat,
event:{change:$root.fSaveBudget.bind($data, $parent.subsoortID, 'EXTRA') } ,
enable: ! $root.jaarclosed()"
/>
<!-- /ko -->
<!-- ko if : code == 'RESTANT' -->
<span class="decimal"
data-bind="text: budget" >
</span>
<!-- /ko -->
</td>
<!-- /ko -->
<td style="padding: 0; padding-top: 1px; vertical-align: top">
<div style="width: 98%;height: 24px;
font-size: 0.9em; font-family: sans-serif, verdana; padding-left: 2px; padding-top: 2px;
padding-bottom: 2px; margin: 0; text-align: right; padding-right: 3px;">
<span data-bind="text: budgetpctFormat() ,
visible: ! $root.jaarclosed() ">
</span>
</div>
</td>
</tr>
<tr >
<td ></td>
<td style="text-align: left; color:#003e80; ">uitgaven</td>
<!-- ko foreach: uitgavetypes() -->
<td style="text-align: right; padding-top: 1px; vertical-align: top ">
<!-- ko if: code != 'RESTANT' && code != 'TOTAAL'-->
<input class="decimal"
style="width: 145px; max-width:98%; background-color: #e6f2ff"
data-bind="textInput: bedragFormat,
style: { color : Number(budget()) < Number(bedrag()) ? '#ff0000' : '#000000'},
event: {change:$root.fSaveBedrag.bind($data, $parent.subsoortID, 'BASIS' )} ,
enable: ! $root.jaarclosed()" />
<!-- /ko -->
<!-- ko if: code == 'RESTANT' || code == 'TOTAAL'-->
<span class="decimal"
data-bind="text: bedragFormat,
style: { color : Number(budget()) < Number(bedrag()) ? '#ff0000' : '#000000'}" >
</span>
<!-- /ko -->
</td>
<!-- /ko -->
<td style="padding: 0; vertical-align: top">
<div style="width: 98%;height: 24px;
font-size: 0.9em; font-family: sans-serif, verdana; padding-left: 2px; padding-top: 2px;
padding-bottom: 2px; margin: 0; text-align: right; padding-right: 3px;">
<span data-bind="text: bedragpctFormat,
visible: ! $root.jaarclosed()">
</span>
</div>
</td>
</tr>
<!-- /ko -->
</tbody>
<!-- FOREACH extrasoorten -->
</table>
</div> <!-- visible extrageopend -->
<p style="margin-bottom:0px; background-color:#f8f8f8; padding-left:10px; padding-top:10px;">
<span style="display:inline-block; width: 200px;" >Totaal extra ondersteuning </span>
<span style="display:inline-block; width: 100px; text-align:right"
data-bind="text: totaalextra">
</div> <!-- visible extrageopend -->
<p style="margin-bottom:0; background-color:#f8f8f8; padding-left:10px; padding-top:10px;">
<span style="display:inline-block; width: 250px; font-weight: bold" >Extra ondersteuning </span>
<br>
<span style="display:inline-block; width: 250px;" >Uitgaven </span>
<span style="display:inline-block; width: 100px; text-align:right"
data-bind="text: totaalextra">
</span>
</p>
<p style="margin-top:0px; background-color:#f8f8f8; padding-left:10px; padding-bottom:10px; border-bottom:3px solid #dddddd">
<span style="display:inline-block; width: 200px" >Budget</span>
<span style="display:inline-block; width: 100px; text-align:right"
data-bind="text: jaartoewijzing() ? jaartoewijzing().extra : '' ">
<span data-bind="text: totextrapct() =='0,0' ? '' : '(' + totextrapct() + '% van het totaalbudget)'"></span>
<br>
<span style="display:inline-block; width: 250px" >Gebudgeteerd per kostenpost</span>
<span style="display:inline-block; width: 100px; text-align:right"
data-bind="text: gebudgetextra() ">
</span>
<span data-bind="text: gebudgetextrapct() =='0,0' ? '' : '(' + gebudgetextrapct() + '% van het totaalbudget)' "></span>
<br>
<span style="display:inline-block; width: 250px" >Totaalbudget</span>
<span style="display:inline-block; width: 100px; text-align:right"
data-bind="text: jaartoewijzing() ? jaartoewijzing().extra : '' ">
</span>
</p>
<p style="margin-top:20px">Opmerkingen</p>
<textarea style="width:100%"
data-bind="textInput: opmerking, event:{input: fSaveOpmerking}"></textarea>
</div> <!-- als onderscheid tussen basis en extra is gemaakt bij budgetten, maar dat moet vanaf nu-->
</div> <!-- col sm 12 als jaartoewijzing-->
</div>
application/views/monpas/pages/monfin2/overzicht.php
+738 -169
View File
@@ -1,184 +1,753 @@
<div class="col-sm-12 mainpagina" id ="pagmonfinoverzicht2">
<div class="col-sm-3" style="padding:0px">
<table class="lstable" style="width:100%;">
<colgroup>
<col span='4' style="width: 18px">
<col style="width: 220px">
</colgroup>
<tbody data-bind="foreach: orgs">
<tr data-bind= "visible: (typeof id !== 'undefined' && id > 0) ,
<div class="col-sm-3" style="padding:0px">
<table class="lstable" style="width:100%;">
<colgroup>
<col span='4' style="width: 18px">
<col style="width: 220px">
</colgroup>
<tbody data-bind="foreach: orgs">
<tr data-bind= "visible: (typeof id !== 'undefined' && id > 0) ,
css:{selected: ($root.selectedOrg() && id == $root.selectedOrg().id) }">
<td class="openbutton" data-bind="click: $root.fToggleOrg, css: { closebutton: geopend()}"></td>
<td colspan = 4 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
</tr>
<!-- ko foreach: suborgs -->
<tr data-bind= "visible: (typeof id !== 'undefined' && id > 0) && $parent.geopend(),
<td class="openbutton" data-bind="click: $root.fToggleOrg, css: { closebutton: geopend()}"></td>
<td colspan = 4 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
</tr>
<!-- ko foreach: suborgs -->
<tr data-bind= "visible: (typeof id !== 'undefined' && id > 0) && $parent.geopend(),
css:{selected: ($root.selectedOrg() && id == $root.selectedOrg().id) }">
<td></td>
<td class="openbutton" data-bind="click: $root.fToggleOrg, css: { closebutton: geopend()}"></td>
<td colspan = 3 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
</tr>
<td></td>
<td class="openbutton" data-bind="click: $root.fToggleOrg, css: { closebutton: geopend()}"></td>
<td colspan = 3 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
</tr>
<!-- ko foreach: suborgs -->
<tr data-bind= "visible: (typeof id !== 'undefined' && id > 0) && $parent.geopend() && $parents[1].geopend(),
<!-- ko foreach: suborgs -->
<tr data-bind= "visible: (typeof id !== 'undefined' && id > 0) && $parent.geopend() && $parents[1].geopend(),
css:{selected: ($root.selectedOrg() && id == $root.selectedOrg().id) }">
<td></td>
<td></td>
<td class="openbutton" data-bind="click: $root.fToggleOrg, css: { closebutton: geopend()}"></td>
<td colspan = 2 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
</tr>
<!-- ko foreach: suborgs -->
<tr data-bind= "visible: ((typeof id !== 'undefined' && id > 0) && $parent.geopend()) && $parents[1].geopend() && $parents[2].geopend(),
<td></td>
<td></td>
<td class="openbutton" data-bind="click: $root.fToggleOrg, css: { closebutton: geopend()}"></td>
<td colspan = 2 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
</tr>
<!-- ko foreach: suborgs -->
<tr data-bind= "visible: ((typeof id !== 'undefined' && id > 0) && $parent.geopend()) && $parents[1].geopend() && $parents[2].geopend(),
css:{selected: ($root.selectedOrg() && id == $root.selectedOrg().id) }" >
<td></td>
<td></td>
<td></td>
<td></td>
<td colspan = 1 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
</tr>
<!-- /ko -->
<!-- /ko -->
<!-- /ko -->
</tbody>
</table>
</div>
<div class="col-sm-9" >
<p data-bind= "visible: !selectedOrg() ">Selecteer eerst een organisatie</p>
<h4 style="margin-top:0px;"> Kalenderjaar
<select data-bind="options: kalenderjaren,
<td></td>
<td></td>
<td></td>
<td></td>
<td colspan = 1 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
</tr>
<!-- /ko -->
<!-- /ko -->
<!-- /ko -->
</tbody>
</table>
</div>
<div class="col-sm-9" >
<p data-bind= "visible: !selectedOrg() ">Selecteer eerst een organisatie</p>
<h4 style="margin-top:0px;"> Kalenderjaar
<select data-bind="options: kalenderjaren,
optionsText: 'naam',
value: selectedKalenderjaar,
event: {change: fGetBedragen}">
</select>
<button class="printer" style="float:right" data-bind="click: fMaakPDF"></button>
</h4>
<p>
<div style="float:right; margin-right: 40px" data-bind="visible: (selectedOrg() &&selectedOrg().soort !=4)">
<input type='radio'
name='zelfjn' value='1'
data-bind="checked: zelfjanee, click: fGetBedragen" /> details eigen org.
<!-- ko if : selectedOrg() && selectedOrg().soort != 4 -->
<input type='radio' name='zelfjn' value='3' data-bind="checked: zelfjanee, click: fGetBedragen" /> details sub-org.
<!-- /ko -->
<input type='radio' name='zelfjn' value='2' data-bind="checked: zelfjanee, click: fGetBedragen" /> pers.mat.scholing
<input type='radio' name='zelfjn' value='0' data-bind="checked: zelfjanee, click: fGetBedragen" /> sub-organisaties
</select>
<button class="printer" style="float:right" data-bind="click: fMaakPDF"></button>
</h4>
</div>
</p>
<div id="finoverzichtpage">
<div data-bind="visible: zelfjanee() == 1 || zelfjanee() == 3 ">
<table style="width:100%">
<tr class="blokheader">
<td style="width:23px"></td>
<td class="naam2"
style="width: 250px: padding-right:0px; padding-left:3px;text-align:left">Basisondersteuning</td>
<!-- ko foreach: uitgavetypes-->
<td style="text-align:right;width:91px;font-size:0.9em" data-bind="text: naam"></td>
<!-- /ko -->
<td style="text-align:right;width:90px">Som</td>
<td style="text-align:right;width:90px">Budget</td>
<td style="text-align:right;width:90px">Verschil</td>
</tr>
<tr style="background-color:#ded0d7">
<td class="glyphicon"
data-bind="css:{'glyphicon-chevron-right': !basisgeopend(), 'glyphicon-chevron-down': basisgeopend()},click: fToggle.bind($data,'BASIS')">
</td>
<td class="naam2" style="text-align:left;width:250px;">Totaal basis</td>
<!-- ko foreach: sombasisperuitgavetype-->
<td style="text-align:right" data-bind="text: som"></td>
<!-- /ko -->
<td style="text-align:right" data-bind="text : $root.budgetten().basis"></td>
<td style="text-align:right" data-bind="text : $root.budgetten().basisverschil"></td>
</tr>
<tbody data-bind="foreach:basis">
<tr data-bind="visible: $root.basisgeopend()">
<p>
<div style="float:right; margin-right: 40px" data-bind="visible: (selectedOrg() &&selectedOrg().soort !=4)">
<input type='radio'
name='zelfjn' value='1'
data-bind="checked: zelfjanee, click: fGetBedragen" /> details eigen org.
<!-- ko if : selectedOrg() && selectedOrg().soort != 4 -->
<input type='radio' name='zelfjn' value='3' data-bind="checked: zelfjanee, click: fGetBedragen" /> details sub-org.
<!-- /ko -->
<input type='radio' name='zelfjn' value='2' data-bind="checked: zelfjanee, click: fGetBedragen" /> pers.mat.scholing
<input type='radio' name='zelfjn' value='0' data-bind="checked: zelfjanee, click: fGetBedragen" /> sub-organisaties
<td colspan='8' style="padding-left:0px; padding-right:0px;">
<table style="width:100%">
<tbody data-bind="foreach: subsoorten">
<tr style="border-bottom:1px solid #ebebeb">
<td data-bind="text:naam" class="naam" style="padding:0px; width: 283px" > </td> <!-- -->
<td data-bind="text: isNaN(uitgavetypes[0].bedrag.replace(/\./g,'') ) || uitgavetypes[0].bedrag ==0 ? '' : uitgavetypes[0].bedrag" style="text-align:right;width:98px"> </td>
<td data-bind="text: isNaN(uitgavetypes[1].bedrag.replace(/\./g,'') ) || uitgavetypes[1].bedrag ==0 ? '' : uitgavetypes[1].bedrag" style="text-align:right;width:91px"> </td>
<td data-bind="text: isNaN(uitgavetypes[2].bedrag.replace(/\./g,'') ) || uitgavetypes[2].bedrag ==0 ? '' : uitgavetypes[2].bedrag" style="text-align:right;width:91px"> </td>
<td data-bind="text: isNaN(uitgavetypes[3].bedrag.replace(/\./g,'') ) || uitgavetypes[3].bedrag ==0 ? '' : uitgavetypes[3].bedrag" style="text-align:right;width:91px"> </td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</div>
</p>
<div id="finoverzichtpage">
<div data-bind="visible: zelfjanee() == 1 || zelfjanee() == 3 ">
<table style=" font-size: 13px; width:100%">
<thead class="blokheader">
<tr class="blokheader">
<th style="background-color: #968026; width: 2%;"></th>
<th class="naam2"
style="padding: 3px; width: 22%; vertical-align:bottom; background-color: #968026;">Basisondersteuning
</th>
<!-- ko foreach: uitgavetypes-->
<th style="writing-mode: vertical-rl; padding: 3px; width: 9%; vertical-align:text-top; text-align: right; font-size:0.9em; background-color: #968026;" ><span data-bind="text: naam == 'Totaal' ? 'SOM UITGAVEN' : naam "></span>
<i class="fa fa-info-circle"
data-bind="click: $parent.fToelichting.bind($data, 'KOSTEN')">
</i>
</th>
<!--/ko -->
<th style="width: 9%; writing-mode: vertical-rl; padding: 3px; vertical-align:text-top;text-align:right; background-color: #968026;"><span>som budget</span>
<i class="fa fa-info-circle"
data-bind="click: fToelichting.bind($data, 'BUDGET')">
</i>
</th>
<th style="text-align:right; background-color: #968026; width: 2%">
</th>
<th style="writing-mode: vertical-rl; padding: 3px; width: 9%; vertical-align:text-top; text-align:right; background-color: #968026;"><span>verschil</span>
<i class="fa fa-info-circle"
data-bind="click: fToelichting.bind($data, 'VERSCHIL')">
</i>
</th>
<th style="text-align:right; writing-mode: vertical-rl; padding: 3px; vertical-align:text-top; width:9%; background-color: #968026; font-size: 12px;"><span>% uitgaven</span>
<i class="fa fa-info-circle"
data-bind="click: fToelichting.bind($data, '%UITGAVEN')">
</i>
</th>
<th style="text-align:right; writing-mode: vertical-rl; padding: 3px; vertical-align:text-top; width:9%; background-color: #968026; font-size: 12px;"><span>% budget</span>
<i class="fa fa-info-circle"
data-bind="click: fToelichting.bind($data, '%BUDGET')">
</i>
</th>
</tr>
</thead>
<tbody >
<tr style="background-color:#ded0d7">
<td class="glyphicon"
data-bind="css:{'glyphicon-chevron-right': !basisgeopend(), 'glyphicon-chevron-down': basisgeopend()},click: fToggle.bind($data,'BASIS')">
</td>
<td class="naam2" style="text-align:left;">Totaal basis</td>
<!--ko if: sombasisperuitgavetype() -->
<!-- ko foreach: sombasisperuitgavetype-->
<td style="text-align:right" data-bind="text: som"></td>
<!-- /ko -->
<!-- ko foreach: sombasisperuitgavetype()-->
<!-- ko if: $index() ==0 -->
<td style="text-align:right" data-bind="text: budgetsom"></td>
<!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!--ko if: ! sombasisperuitgavetype() -->
<!-- ko foreach: uitgavetypes-->
<td style="text-align:right" >0,00</td>
<!-- /ko -->
<td style="text-align:right" >0,00</td>
<!-- /ko -->
<td ><i class="fa fa-info-circle"
data-bind="visible: $root.schooltotaal().budget > 0,
click: $root.fOpenDetails.bind($data, 'BASIS') "
></i></td>
<td style="text-align:right"
data-bind="text : $root.budgetten() ?$root.budgetten().basisverschil : '0,00',
style : {color: $root.budgetten() && Number($root.budgetten().basisverschil) < 0 ? 'red' : 'black' } ">
</td>
<tr class="blokheader">
<td></td>
<td style="padding-right:0px; padding-left:3px;text-align:left">Extra ondersteuning</td>
<!-- ko foreach: uitgavetypes-->
<td style="text-align:right ;font-size:0.9em" data-bind="text: naam"></td>
<!-- /ko -->
<td style="text-align:right" >Som</td>
<td style="text-align:right">Budget</td>
<td style="text-align:right">Verschil</td>
</tr>
<tr style="background-color:#ded0d7">
<td class="glyphicon"
data-bind="css:{'glyphicon-chevron-right': !extrageopend(), 'glyphicon-chevron-down': extrageopend()},click: fToggle.bind($data,'EXTRA')"></td>
<td style="text-align:left;width:250px;">Totaal extra</td>
<!-- ko foreach: somextraperuitgavetype-->
<td style="text-align:right" data-bind="text: som"></td>
<!-- /ko -->
<td style="text-align:right" data-bind="text : $root.budgetten().extra"></td>
<td style="text-align:right" data-bind="text : $root.budgetten().extraverschil"></td>
</tr>
<tbody data-bind="foreach:extra">
<tr data-bind="visible: $root.extrageopend()">
<td style="text-align:right" data-bind="text: $root.budgetten() ? $root.budgetten().basisbedragpct : '0,00',
style : {color: $root.budgetten() && Number($root.budgetten().basisverschil) < 0 ? 'red' : 'black' }">
</td>
<td style="text-align:right" data-bind="text : $root.budgetten() ?$root.budgetten().basisbudgetpct : '0,00' "></td>
</tr>
<!-- ko foreach: basis -->
<!-- ko if: $root.basisgeopend() -->
<!-- ko foreach: subsoorten -->
<tr style="border-bottom:1px solid #ebebeb">
<td></td>
<td data-bind="text:naam" class="naam" style="padding:0;" > </td>
<td data-bind="text: uitgavetypes[0].bedragform ,
style: {color: uitgavetypes[0].budget && Number(uitgavetypes[0].budgetform) < Number(uitgavetypes[0].bedragform) ? 'red' : 'black' }"
style="text-align:right; width:98px ">
</td>
<td data-bind="text: uitgavetypes[1].bedragform,
style: {color: uitgavetypes[1].budget && Number(uitgavetypes[1].budgetform) < Number(uitgavetypes[1].bedragform) ? 'red' : 'black' }"
style="text-align:right; width:91px ">
</td>
<td data-bind="text: uitgavetypes[2].bedragform,
style: {color: uitgavetypes[2].budget && Number(uitgavetypes[2].budgetform) <Number(uitgavetypes[2].bedragform) ? 'red' : 'black' }"
style="text-align:right;width:91px">
</td>
<td data-bind="text: uitgavetypes[3].bedragform,
style: {color: uitgavetypes[3].budget && Number(uitgavetypes[3].budgetform) < Number(uitgavetypes[3].bedragform) ? 'red' : 'black' }"
style="text-align:right;width:91px">
</td>
<td data-bind="text: uitgavetypes[0].budgetform"
style="text-align:right;width:91px"></td>
<td ><i class="fa fa-info-circle"
data-bind="visible: Number(uitgavetypes[0].budgetform)> 0,
click: $root.fOpenDetails.bind($data, 'DETAIL')">
</i>
</td>
<td data-bind="text: Number(uitgavetypes[0].verschilfloat) == 0 ? '' : uitgavetypes[0].verschil ,
style: {color: Number(uitgavetypes[0].verschilfloat)< 0 ? 'red': 'black'}"
style="text-align:right; ">
</td>
<td style="text-align:right;" data-bind="text: uitgavetypes[0].bedragpct,
style: {color: Number(uitgavetypes[0].verschil.form)< 0 ? 'red': 'black'}">
</td>
<td style="text-align:right;" data-bind="text: Number(uitgavetypes[0].budgetform) > 0 ? uitgavetypes[0].budgetpct : '' "></td>
</tr>
<!--/ko-->
<!--/ko-->
<!--/ko-->
</tbody>
<tbody class="blokheader">
<tr class="blokheader">
<td style="background-color: #968026;"></td>
<td class="naam2"
style="padding: 3px; vertical-align:bottom; background-color: #968026;">Extra ondersteuning</td>
<!-- ko foreach: uitgavetypes-->
<td style="writing-mode: vertical-rl; padding: 3px; vertical-align:text-top; text-align: right; background-color: #968026;" >
<span data-bind="text: naam == 'Totaal' ? 'SOM UITGAVEN' : naam "></span>
<i class="fa fa-info-circle"
data-bind="click: $parent.fToelichting.bind($data, 'KOSTEN')">
</i>
</td>
<!-- /ko -->
<td style="writing-mode: vertical-rl; padding: 3px; vertical-align:text-top;text-align:right; background-color: #968026;">
<span>som budget</span>
<i class="fa fa-info-circle"
data-bind="click: fToelichting.bind($data, 'BUDGET')">
</i>
</td>
<td style="text-align:right; background-color: #968026;">
</td>
<td style="writing-mode: vertical-rl; padding: 3px; vertical-align:text-top; text-align:right; background-color: #968026;">
<span>verschil</span>
<i class="fa fa-info-circle"
data-bind="click: fToelichting.bind($data, 'VERSCHIL')">
</i>
</td>
<td style="text-align:right; writing-mode: vertical-rl; padding: 3px; vertical-align:text-top; background-color: #968026; font-size: 12px;">
<span>% uitgaven</span>
<i class="fa fa-info-circle"
data-bind="click: fToelichting.bind($data, '%UITGAVEN')">
</i>
</td>
<td style="text-align:right; writing-mode: vertical-rl; padding: 3px; vertical-align:text-top; background-color: #968026; font-size: 12px;">
<span>% budget</span>
<i class="fa fa-info-circle"
data-bind="click: fToelichting.bind($data, '%BUDGET')">
</i>
</td>
</tr>
</tbody>
<tbody>
<tr style="background-color:#ded0d7">
<td class="glyphicon"
data-bind="css:{'glyphicon-chevron-right': !extrageopend(), 'glyphicon-chevron-down': extrageopend()},click: fToggle.bind($data,'EXTRA')">
</td>
<td class="naam2" style="text-align:left;">Totaal extra</td>
<!-- ko if: somextraperuitgavetype() -->
<!-- ko foreach: somextraperuitgavetype-->
<td style="text-align:right" data-bind="text: som"></td>
<!-- /ko -->
<!-- ko foreach: somextraperuitgavetype()-->
<!-- ko if: $index() ==0 -->
<td style="text-align:right" data-bind="text: budgetsom"></td>
<!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if : ! somextraperuitgavetype() -->
<!-- ko foreach: uitgavetypes -->
<td style="text-align:right" >0,00</td>
<!-- /ko -->
<td style="text-align:right" >0,00</td>
<!-- /ko -->
<td><i class="fa fa-info-circle"
data-bind="visible: $root.schooltotaal().budget > 0,
click: $root.fOpenDetails.bind($data, 'EXTRA') "
></i>
</td>
<td style="text-align:right"
data-bind="text : $root.budgetten() ?$root.budgetten().extraverschil : '0,00',
style : {color: $root.budgetten() && Number($root.budgetten().extraverschil) < 0 ? 'red' : 'black' } ">
</td>
<td style="text-align:right" data-bind="text: $root.budgetten() ? $root.budgetten().extrabedragpct : '0,00',
style : {color: $root.budgetten() && Number($root.budgetten().extraverschil) < 0 ? 'red' : 'black' }">
</td>
<td style="text-align:right" data-bind="text : $root.budgetten() ?$root.budgetten().extrabudgetpct : '0,00' "></td>
</tr>
<!-- ko foreach: extra -->
<!-- ko if: $root.extrageopend() -->
<!-- ko foreach: subsoorten -->
<tr style="border-bottom:1px solid #ebebeb">
<td></td>
<td data-bind="text:naam" class="naam" style="padding:0;" > </td>
<td data-bind="text : uitgavetypes[0].bedragform,
style: {color: uitgavetypes[0].budget && Number(uitgavetypes[0].budgetform ) < Number(uitgavetypes[0].bedragform) ? 'red' : 'black' }"
style="text-align:right; width:98px ">
</td>
<td data-bind="text: uitgavetypes[1].bedragform,
style: {color: uitgavetypes[1].budget && Number(uitgavetypes[1].budgetform) < Number(uitgavetypes[1].bedragform) ? 'red' : 'black' }"
style="text-align:right; width:91px ">
</td>
<td data-bind="text: : uitgavetypes[2].bedragform,
style: {color: uitgavetypes[2].budget && Number(uitgavetypes[2].budgetform) <Number(uitgavetypes[2].bedragform) ? 'red' : 'black' }"
style="text-align:right;width:91px">
</td>
<td data-bind="text:uitgavetypes[3].bedragform,
style: {color: uitgavetypes[3].budget && Number(uitgavetypes[3].budgeform) < Number(uitgavetypes[3].bedragform) ? 'red' : 'black' }"
style="text-align:right;width:91px">
</td>
<td data-bind="text: uitgavetypes[0].budgetform" style="text-align:right;width:91px"></td>
<td ><i class="fa fa-info-circle"
data-bind="visible: Number(uitgavetypes[3].budgetform)> 0,
click: $root.fOpenDetails.bind($data, 'EXTRA')">
</i>
</td>
<td data-bind="text: Number(uitgavetypes[0].verschilfloat) == 0 ? uitgavetypes[0].verschil : ' ' ,
style: {color: Number(uitgavetypes[0].verschilfloat< 0 ? 'red': 'black'}"
style="text-align:right; ">
</td>
<td style="text-align:right;" data-bind="text: uitgavetypes[0].bedragpct,
style: {color: Number(uitgavetypes[0].verschilform)< 0 ? 'red': 'black'}">
</td>
<td style="text-align:right;" data-bind="text: Number(uitgavetypes[0].budgetform) > 0 ? uitgavetypes[0].budgetpct : '' "></td>
</tr>
<!--/ko-->
<!--/ko-->
<!--/ko-->
</tbody>
<tbody>
<tr style="background-color:#f8f8f8">
<td></td>
<td style="text-align:left">Totaal</td>
<!-- ko if: totsomperuitgavetype() -->
<!-- ko foreach: totsomperuitgavetype-->
<td style="text-align:right" data-bind="text: som"></td>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: ! totsomperuitgavetype() -->
<!-- ko foreach: uitgavetypes-->
<td style="text-align:right" >0,00</td>
<!-- /ko -->
<td style="text-align:right" >0,00</td>
<!-- /ko -->
<td style="text-align:right" data-bind="text: $root.budgetten() ? $root.schooltotaal().budget : '0,00'">
</td>
<td ><i class="fa fa-info-circle"
data-bind="visible: $root.schooltotaal().budget > 0,
click: $root.fOpenDetails.bind($data, 'TOTAAL') ">
</i>
</td>
<td style="text-align:right"
data-bind="text: $root.schooltotaal() && $root.schooltotaal().verschil ? $root.schooltotaal().verschil : '0,00',
style : {color: $root.schooltotaal() && Number($root.schooltotaal().verschil) < 0 ? 'red' : 'black' }">
</td>
<td style="text-align:right"
data-bind="text: $root.budgetten() &&parseFloat($root.budgetten().totbedragbudgetkaal) > 0 ? $root.budgetten().totbedragbudgetpct : '0,00' ,
style: {color: parseFloat($root.budgetten().totbedragbudgetkaal) > 100 ? 'red' : 'black'}" >
</td>
<td style="text-align:right"
data-bind="text: $root.budgetten() ? $root.budgetten().totbudgetpct: '0,00' ">
</td>
</tr>
</tbody>
</table>
<div data-bind="visible: opmerking()" style="margin-top: 20px">
<p>Opmerkingen</p>
<p data-bind="text: opmerking"></p>
</div>
</div> <!-- visible -->
<div data-bind="visible: zelfjanee() == 0 && (selectedOrg() && selectedOrg().soort != 4) ">
<?php $this->load->view("monpas/pages/monfin2/overorgs.php"); ?>
</div>
<div data-bind="visible: zelfjanee() == 2 && (selectedOrg() && selectedOrg().soort != 4) ">
<?php $this->load->view("monpas/pages/monfin2/pmsorgs.php"); ?>
</div>
</div> <!-- holder voor pdf -->
</div> <!-- col sm 9 -->
<?php $this->load->view("monpas/modals/findetails_modal"); ?>
</div><div class="col-sm-12 mainpagina" id ="pagmonfinoverzicht2">
<div class="col-sm-3" style="padding:0px">
<table class="lstable" style="width:100%;">
<colgroup>
<col span='4' style="width: 18px">
<col style="width: 220px">
</colgroup>
<tbody data-bind="foreach: orgs">
<tr data-bind= "visible: (typeof id !== 'undefined' && id > 0) ,
css:{selected: ($root.selectedOrg() && id == $root.selectedOrg().id) }">
<td class="openbutton" data-bind="click: $root.fToggleOrg, css: { closebutton: geopend()}"></td>
<td colspan = 4 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
</tr>
<!-- ko foreach: suborgs -->
<tr data-bind= "visible: (typeof id !== 'undefined' && id > 0) && $parent.geopend(),
css:{selected: ($root.selectedOrg() && id == $root.selectedOrg().id) }">
<td></td>
<td class="openbutton" data-bind="click: $root.fToggleOrg, css: { closebutton: geopend()}"></td>
<td colspan = 3 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
</tr>
<!-- ko foreach: suborgs -->
<tr data-bind= "visible: (typeof id !== 'undefined' && id > 0) && $parent.geopend() && $parents[1].geopend(),
css:{selected: ($root.selectedOrg() && id == $root.selectedOrg().id) }">
<td></td>
<td></td>
<td class="openbutton" data-bind="click: $root.fToggleOrg, css: { closebutton: geopend()}"></td>
<td colspan = 2 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
</tr>
<!-- ko foreach: suborgs -->
<tr data-bind= "visible: ((typeof id !== 'undefined' && id > 0) && $parent.geopend()) && $parents[1].geopend() && $parents[2].geopend(),
css:{selected: ($root.selectedOrg() && id == $root.selectedOrg().id) }" >
<td></td>
<td></td>
<td></td>
<td></td>
<td colspan = 1 data-bind="text: (typeof fnaam !== 'undefined') ? fnaam : '' , click: $root.fSetSelected"></td>
</tr>
<!-- /ko -->
<!-- /ko -->
<!-- /ko -->
</tbody>
</table>
</div>
<div class="col-sm-9" >
<p data-bind= "visible: !selectedOrg() ">Selecteer eerst een organisatie</p>
<h4 style="margin-top:0px;"> Kalenderjaar
<select data-bind="options: kalenderjaren,
optionsText: 'naam',
value: selectedKalenderjaar,
event: {change: fGetBedragen}">
</select>
<button class="printer" style="float:right" data-bind="click: fMaakPDF"></button>
</h4>
<p>
<div style="float:right; margin-right: 40px" data-bind="visible: (selectedOrg() &&selectedOrg().soort !=4)">
<input type='radio'
name='zelfjn' value='1'
data-bind="checked: zelfjanee, click: fGetBedragen" /> details eigen org.
<!-- ko if : selectedOrg() && selectedOrg().soort != 4 -->
<input type='radio' name='zelfjn' value='3' data-bind="checked: zelfjanee, click: fGetBedragen" /> details sub-org.
<!-- /ko -->
<input type='radio' name='zelfjn' value='2' data-bind="checked: zelfjanee, click: fGetBedragen" /> pers.mat.scholing
<input type='radio' name='zelfjn' value='0' data-bind="checked: zelfjanee, click: fGetBedragen" /> sub-organisaties
</div>
</p>
<div id="finoverzichtpage">
<div data-bind="visible: zelfjanee() == 1 || zelfjanee() == 3 ">
<table style=" font-size: 13px; width:100%">
<thead class="blokheader">
<tr class="blokheader">
<th style="background-color: #968026; width: 2%;"></th>
<th class="naam2"
style="padding: 3px; width: 22%; vertical-align:bottom; background-color: #968026;">Basisondersteuning</th>
<!-- ko foreach: uitgavetypes-->
<th style="writing-mode: vertical-rl; padding: 3px; width: 8%; vertical-align:text-top; text-align: right; font-size:0.9em; background-color: #968026;" ><span data-bind="text: naam"></span>
<i class="fa fa-info-circle"
data-bind="click: $parent.fToelichting.bind($data, 'KOSTEN')">
</i>
</th>
<!-- /ko -->
<th style="writing-mode: vertical-rl; width: 8%; padding: 3px; vertical-align:text-top;text-align:right; background-color: #968026;"><span>som uitgaven</span>
<i class="fa fa-info-circle"
data-bind="click: fToelichting.bind($data, 'SOM')">
</i>
</th>
<th style="width: 8%; writing-mode: vertical-rl; padding: 3px; vertical-align:text-top;text-align:right; background-color: #968026;"><span>som budget</span>
<i class="fa fa-info-circle"
data-bind="click: fToelichting.bind($data, 'BUDGET')">
</i>
</th>
<th style="text-align:right; background-color: #968026; width: 2%">
</th>
<th style="writing-mode: vertical-rl; padding: 3px; width: 8%; vertical-align:text-top; text-align:right; background-color: #968026;"><span>verschil</span>
<i class="fa fa-info-circle"
data-bind="click: fToelichting.bind($data, 'VERSCHIL')">
</i>
</th>
<th style="text-align:right; writing-mode: vertical-rl; padding: 3px; vertical-align:text-top; width:8%; background-color: #968026; font-size: 12px;"><span>% uitgaven</span>
<i class="fa fa-info-circle"
data-bind="click: fToelichting.bind($data, '%UITGAVEN')">
</i>
</th>
<th style="text-align:right; writing-mode: vertical-rl; padding: 3px; vertical-align:text-top; width:8%; background-color: #968026; font-size: 12px;"><span>% budget</span>
<i class="fa fa-info-circle"
data-bind="click: fToelichting.bind($data, '%BUDGET')">
</i>
</th>
</tr>
</thead>
<tbody >
<tr style="background-color:#ded0d7">
<td class="glyphicon"
data-bind="css:{'glyphicon-chevron-right': !basisgeopend(), 'glyphicon-chevron-down': basisgeopend()},click: fToggle.bind($data,'BASIS')">
</td>
<td class="naam2" style="text-align:left;">Totaal basis</td>
<!--ko if: sombasisperuitgavetype() -->
<!-- ko foreach: sombasisperuitgavetype-->
<td style="text-align:right" data-bind="text: som"></td>
<!-- /ko -->
<!-- /ko -->
<!--ko if: ! sombasisperuitgavetype() -->
<!-- ko foreach: uitgavetypes -->
<td style="text-align:right" >0,00</td>
<!-- /ko -->
<td style="text-align:right" >0,00</td>
<!-- /ko -->
<td style="text-align:right" data-bind="text : $root.budgetten() ?$root.budgetten().basis : '0,00' "></td>
<td ><i class="fa fa-info-circle"
data-bind="visible: $root.schooltotaal().budget > 0,
click: $root.fOpenDetails.bind($data, 'BASIS') "
></i></td>
<td style="text-align:right"
data-bind="text : $root.budgetten() ?$root.budgetten().basisverschil : '0,00',
style : {color: $root.budgetten() && Number($root.budgetten().basisverschil) < 0 ? 'red' : 'black' } ">
</td>
<td style="text-align:right" data-bind="text: $root.budgetten() ? $root.budgetten().basisbedragpct : '0,00',
style : {color: $root.budgetten() && Number($root.budgetten().basisverschil) < 0 ? 'red' : 'black' }">
</td>
<td style="text-align:right" data-bind="text : $root.budgetten() ?$root.budgetten().basisbudgetpct : '0,00' "></td>
</tr>
<!-- ko foreach: basis -->
<!-- ko if: $root.basisgeopend() -->
<!-- ko foreach: subsoorten -->
<tr style="border-bottom:1px solid #ebebeb">
<td></td>
<td data-bind="text:naam" class="naam" style="padding:0;" > </td>
<td data-bind="text: uitgavetypes[0].bedragformat,
style: {color: uitgavetypes[0].budget && Number(uitgavetypes[0].budgetform) ) < Number(uitgavetypes[0].bedragform) ? 'red' : 'black' }"
style="text-align:right; width:98px ">
</td>
<td data-bind="text: uitgavetypes[1].bedragformat,
style: {color: uitgavetypes[1].budget && Number(uitgavetypes[1].budgetform) < Number(uitgavetypes[1].bedragform) ? 'red' : 'black' }"
style="text-align:right; width:91px ">
</td>
<td data-bind="text: uitgavetypes[2].bedragformat,
style: {color: uitgavetypes[2].budget && Number(uitgavetypes[2].budgetform) <Number(uitgavetypes[2].bedragform) ? 'red' : 'black' }"
style="text-align:right;width:91px">
</td>
<td data-bind="text: uitgavetypes[3].bedragformat,
style: {color: uitgavetypes[3].budget && Number(uitgavetypes[3].budgetform) < Number(uitgavetypes[3].bedragform) ? 'red' : 'black' }"
style="text-align:right;width:91px">
</td>
<td data-bind="text: uitgavetypes[3].budgetformat" style="text-align:right;width:91px"></td>
<td ><i class="fa fa-info-circle"
data-bind="visible: Number(uitgavetypes[3].budgetform)> 0,
click: $root.fOpenDetails.bind($data, 'DETAIL')">
</i>
</td>
<td data-bind="text: uitgavetypes[3].verschilformat ,
style: {color: Number(uitgavetypes[3].verschil.format)< 0 ? 'red': 'black'}"
style="text-align:right; ">
</td>
<td style="text-align:right;" data-bind="text: uitgavetypes[3].bedragpct,
style: {color: Number(uitgavetypes[3].verschilformat)< 0 ? 'red': 'black'}">
</td>
<td style="text-align:right;" data-bind="text: uitgavetypes[3].budgetpct "></td>
</tr>
<!--/ko-->
<!--/ko-->
<!--/ko-->
</tbody>
<tbody class="blokheader">
<tr class="blokheader">
<td style="background-color: #968026;"></td>
<td class="naam2"
style="padding: 3px; vertical-align:bottom; background-color: #968026;">Extra ondersteuning</td>
<!-- ko foreach: uitgavetypes-->
<td style="writing-mode: vertical-rl; padding: 3px; vertical-align:text-top; text-align: right; background-color: #968026;" >
<span data-bind="text: naam"></span>
<i class="fa fa-info-circle"
data-bind="click: $parent.fToelichting.bind($data, 'KOSTEN')">
</i>
</td>
<!-- /ko -->
<td style="writing-mode: vertical-rl; padding: 3px; vertical-align:text-top;text-align:right; background-color: #968026;">
<span>som</span>
<i class="fa fa-info-circle"
data-bind="click: fToelichting.bind($data, 'SOM')">
</i>
</td>
<td style="writing-mode: vertical-rl; padding: 3px; vertical-align:text-top;text-align:right; background-color: #968026;">
<span>Budget</span>
<i class="fa fa-info-circle"
data-bind="click: fToelichting.bind($data, 'BUDGET')">
</i>
</td>
<td style="text-align:right; background-color: #968026;">
</td>
<td style="writing-mode: vertical-rl; padding: 3px; vertical-align:text-top; text-align:right; background-color: #968026;">
<span>Verschil</span>
<i class="fa fa-info-circle"
data-bind="click: fToelichting.bind($data, 'VERSCHIL')">
</i>
</td>
<td style="text-align:right; writing-mode: vertical-rl; padding: 3px; vertical-align:text-top; background-color: #968026; font-size: 12px;">
<span>% uitgaven</span>
<i class="fa fa-info-circle"
data-bind="click: fToelichting.bind($data, '%UITGAVEN')">
</i>
</td>
<td style="text-align:right; writing-mode: vertical-rl; padding: 3px; vertical-align:text-top; background-color: #968026; font-size: 12px;">
<span>% budget</span>
<i class="fa fa-info-circle"
data-bind="click: fToelichting.bind($data, '%BUDGET')">
</i>
</td>
</tr>
</tbody>
<tbody>
<tr style="background-color:#ded0d7">
<td class="glyphicon"
data-bind="css:{'glyphicon-chevron-right': !extrageopend(), 'glyphicon-chevron-down': extrageopend()},click: fToggle.bind($data,'EXTRA')">
</td>
<td class="naam2" style="text-align:left;">Totaal extra</td>
<!-- ko if: somextraperuitgavetype() -->
<!-- ko foreach: somextraperuitgavetype() -->
<td style="text-align:right" data-bind="text: som"></td>
<!-- /ko -->
<!-- /ko -->
<!-- ko if : ! somextraperuitgavetype() -->
<!-- ko foreach: uitgavetypes() -->
<td style="text-align:right" >0,00</td>
<!-- /ko -->
<td style="text-align:right" >0,00</td>
<!-- /ko -->
<td style="text-align:right" data-bind="text : $root.budgetten() ? $root.budgetten().extra : '0,00' "></td>
<td
><i class="fa fa-info-circle"
data-bind="visible: $root.schooltotaal().budget > 0,
click: $root.fOpenDetails.bind($data, 'EXTRA') "
></i>
</td>
<td style="text-align:right"
data-bind="text : $root.budgetten() ?$root.budgetten().extraverschil : '0,00',
style : {color: $root.budgetten() && Number($root.budgetten().extraverschil) < 0 ? 'red' : 'black' } ">
</td>
<td style="text-align:right" data-bind="text: $root.budgetten() ? $root.budgetten().extrabedragpct : '0,00',
style : {color: $root.budgetten() && Number($root.budgetten().extraverschil) < 0 ? 'red' : 'black' }">
</td>
<td style="text-align:right" data-bind="text : $root.budgetten() ?$root.budgetten().extrabudgetpct : '0,00' "></td>
</tr>
<!-- ko foreach: extra -->
<!-- ko if: $root.extrageopend() -->
<!-- ko foreach: subsoorten -->
<tr style="border-bottom:1px solid #ebebeb">
<td></td>
<td data-bind="text:naam" class="naam" style="padding:0;" > </td>
<td data-bind="text: uitgavetypes[0].bedragformat,
style: {color: uitgavetypes[0].budget && Number(uitgavetypes[0].budgetform ) < Number(uitgavetypes[0].bedragform) ? 'red' : 'black' }"
style="text-align:right; width:98px ">
</td>
<td data-bind="text: uitgavetypes[1].bedragformat,
style: {color: uitgavetypes[1].budget && Number(uitgavetypes[1].budgetform) < Number(uitgavetypes[1].bedragform) ? 'red' : 'black' }"
style="text-align:right; width:91px ">
</td>
<td data-bind="text: i uitgavetypes[2].bedragformat,
style: {color: uitgavetypes[2].budget && Number(uitgavetypes[2].budgetform) <Number(uitgavetypes[2].bedragform) ? 'red' : 'black' }"
style="text-align:right;width:91px">
</td>
<td data-bind="text: uitgavetypes[3].bedragformat,
style: {color: uitgavetypes[3].budget && Number(uitgavetypes[3].budgetform) < Number(uitgavetypes[3].bedragform) ? 'red' : 'black' }"
style="text-align:right;width:91px">
</td>
<td data-bind="text: uitgavetypes[3].budgetformat " style="text-align:right;width:91px"></td>
<td ><i class="fa fa-info-circle"
data-bind="visible: Number(uitgavetypes[3].budget.form))> 0,
click: $root.fOpenDetails.bind($data, 'EXTRA')">
</i>
</td>
<td data-bind="text: uitgavetypes[3].verschilformat ,
style: {color: Number(uitgavetypes[3].verschilform)< 0 ? 'red': 'black'}"
style="text-align:right; ">
</td>
<td style="text-align:right;" data-bind="text: uitgavetypes[3].bedragpct,
style: {color: Number(uitgavetypes[3].verschil.form)< 0 ? 'red': 'black'}">
</td>
<td style="text-align:right;" data-bind="text: uitgavetypes[3].budgetpct"></td>
</tr>
<!--/ko-->
<!--/ko-->
<!--/ko-->
</tbody>
<tbody>
<tr style="background-color:#f8f8f8">
<td></td>
<td style="text-align:left">Totaal</td>
<!-- ko if: totsomperuitgavetype() -->
<!-- ko foreach: totsomperuitgavetype-->
<td style="text-align:right" data-bind="text: som"></td>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: ! totsomperuitgavetype() -->
<!-- ko foreach: uitgavetypes-->
<td style="text-align:right" >0,00</td>
<!-- /ko -->
<td style="text-align:right" >0,00</td>
<!-- /ko -->
<td style="text-align:right" data-bind="text: $root.budgetten() ? $root.schooltotaal().budget : '0,00'">
</td>
<td ><i class="fa fa-info-circle"
data-bind="visible: $root.schooltotaal().budget > 0,
click: $root.fOpenDetails.bind($data, 'TOTAAL') ">
</i>
</td>
<td style="text-align:right"
data-bind="text: $root.schooltotaal() && $root.schooltotaal().verschil ? $root.schooltotaal().verschil : '0,00',
style : {color: $root.schooltotaal() && Number($root.schooltotaal().verschil) < 0 ? 'red' : 'black' }">
</td>
<td style="text-align:right"
data-bind="text: $root.budgetten() &&parseFloat($root.budgetten().totbedragbudgetkaal) > 0 ? $root.budgetten().totbedragbudgetpct : '0,00' ,
style: {color: parseFloat($root.budgetten().totbedragbudgetkaal) > 100 ? 'red' : 'black'}" >
</td>
<td style="text-align:right"
data-bind="text: $root.budgetten() ? $root.budgetten().totbudgetpct: '0,00' ">
</td>
</tr>
</tbody>
</table>
<div data-bind="visible: opmerking()" style="margin-top: 20px">
<p>Opmerkingen</p>
<p data-bind="text: opmerking"></p>
</div>
</div> <!-- visible -->
<div data-bind="visible: zelfjanee() == 0 && (selectedOrg() && selectedOrg().soort != 4) ">
<?php $this->load->view("monpas/pages/monfin2/overorgs.php"); ?>
</div>
<div data-bind="visible: zelfjanee() == 2 && (selectedOrg() && selectedOrg().soort != 4) ">
<?php $this->load->view("monpas/pages/monfin2/pmsorgs.php"); ?>
</div>
</div> <!-- holder voor pdf -->
</div> <!-- col sm 9 -->
<?php $this->load->view("monpas/modals/findetails_modal"); ?>
<td colspan='8' style="padding-left:0px; padding-right:0px;">
<table style="width:100%">
<tbody data-bind="foreach: subsoorten">
<tr style="border-bottom:1px solid #ebebeb">
<td data-bind="text:naam" style="padding:0px;width:281px"> </td>
<td style="text-align:right;width:91px" data-bind="text: isNaN(uitgavetypes[0].bedrag.replace(/\./g,'')) || uitgavetypes[0].bedrag ==0 ? '' : uitgavetypes[0].bedrag"> </td>
<td style="text-align:right;width:91px" data-bind="text: isNaN(uitgavetypes[1].bedrag.replace(/\./g,'')) || uitgavetypes[1].bedrag ==0 ? '' : uitgavetypes[1].bedrag"> </td>
<td style="text-align:right;width:91px" data-bind="text: isNaN(uitgavetypes[2].bedrag.replace(/\./g,'')) || uitgavetypes[2].bedrag ==0 ? '' : uitgavetypes[2].bedrag"> </td>
<td style="text-align:right;width:91px" data-bind="text: isNaN(uitgavetypes[3].bedrag.replace(/\./g,'')) || uitgavetypes[3].bedrag ==0 ? '' : uitgavetypes[3].bedrag"> </td>
<td style="text-align:right;width:90px"></td>
<td style="text-align:right;width:90px"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
<tr style="background-color:#f8f8f8">
<td></td>
<td style="text-align:left">Totaal besteed</td>
<!-- ko foreach: totsomperuitgavetype-->
<td style="text-align:right" data-bind="text: som"></td>
<!-- /ko -->
<td style="text-align:right" data-bind="text: $root.schooltotaal().budget"></td>
<td style="text-align:right" data-bind="text: $root.schooltotaal().verschil"></td>
</tr>
</table>
<div data-bind="visible: opmerking()" style="margin-top: 20px">
<p>Opmerkingen</p>
<p data-bind="text: opmerking"></p>
</div>
</div> <!-- visible -->
<div data-bind="visible: zelfjanee() == 0 && (selectedOrg() && selectedOrg().soort != 4) ">
<?php $this->load->view("monpas/pages/monfin2/overorgs.php"); ?>
</div>
<div data-bind="visible: zelfjanee() == 2 && (selectedOrg() && selectedOrg().soort != 4) ">
<?php $this->load->view("monpas/pages/monfin2/pmsorgs.php"); ?>
</div>
</div> <!-- holder voor pdf -->
</div> <!-- col sm 9 -->
</div>
application/views/monpas/pages/monfin2/pmsorgs.php
+152 -38
View File
@@ -1,61 +1,175 @@
<table style="width:100%">
<thead>
<thead>
<tr>
<th style="width:25%"></th>
<th style="width:9%;"></th>
<th style="width:11%;" ></th>
<th style="width:11%; "></th>
<th style="width:11%; "></th>
<th style="width:11%; "></th>
<th style="width:11%; "></th>
<th style="width:11%; "></th>
</tr>
</thead>
<thead>
<tr class="blokheader">
<td></td>
<td colspan='3' style="text-align:center; padding-right:4px">Basisondersteuning</td>
<td colspan='4' style="text-align:center; padding-right:4px">Basisondersteuning</td>
<td colspan='3' style="text-align: center; border-left:1px solid #888888">Extra ondersteuning</td>
</tr>
</thead>
<thead>
<tr>
<th style="width:22%">Organisatie</th>
<th style="width:13%; text-align:right">Personeel</th>
<th style="width:13%; text-align:right">Materieel</th>
<th style="width:13%; text-align:right; border-right:1px solid #888888; padding-right:4px">Scholing</th>
<th style="width:13%; text-align:right">Personeel</th>
<th style="width:13%; text-align:right">Materieel</th>
<th style="width:13%; text-align:right">Scholing</th>
<tr style="background-color: #d6be5c">
<th style="background-color: #d6be5c">Organisatie</th>
<th style="background-color: #d6be5c"></th>
<th style="background-color: #d6be5c; text-align:right">Personeel</th>
<th style="background-color: #d6be5c; text-align:right">Materieel</th>
<th style="background-color: #d6be5c; text-align:right; border-right:1px solid #888888; padding-right:4px">Scholing</th>
<th style=" background-color: #d6be5c; text-align:right">Personeel</th>
<th style="background-color: #d6be5c; text-align:right">Materieel</th>
<th style="background-color: #d6be5c; text-align:right">Scholing</th>
</tr>
</thead>
<tbody data-bind="foreach: otherPMSOrgs">
<tr style="border-bottom: 1px dotted #999999">
<tr >
<td data-bind="text: fullname"></td>
<td style="text-align:right" data-bind="text: pms[0]"></td>
<td style="text-align:right" data-bind="text: pms[1]"></td>
<td style="text-align:right; border-right:1px solid #888888; padding-right:4px" data-bind="text: pms[2]"></td>
<td style="text-align:right;" data-bind="text: pms[3]"></td>
<td style="text-align:right;" data-bind="text: pms[4]"></td>
<td style="text-align:right" data-bind="text: pms[5]"></td>
<td style="color: #00802b;">budget</td>
<td style="background-color: #f5fff8;text-align:right" data-bind="text: bud[0]"></td>
<td style="background-color: #f5fff8;text-align:right" data-bind="text: bud[1]"></td>
<td style="background-color: #f5fff8;text-align:right; border-right:1px solid #888888; padding-right:4px" data-bind="text: bud[2]"></td>
<td style="background-color: #f5fff8;text-align:right;" data-bind="text: bud[3]"></td>
<td style="background-color: #f5fff8;text-align:right;" data-bind="text: bud[4]"></td>
<td style="background-color: #f5fff8;text-align:right" data-bind="text: bud[5]"></td>
</tr>
<tr style="border-bottom: 1px dotted #999999">
<td></td>
<td style="color: #003399">uitgaven</td>
<td style="background-color: #f5faff; text-align:right"
data-bind="text: pms[0],
style: {color: kleur[0]}"></td>
<td style="background-color: #f5faff; text-align:right"
data-bind="text: pms[1],
style: {color: kleur[1] }"></td>
<td style="background-color: #f5faff; text-align:right; border-right:1px solid #888888; padding-right:4px"
data-bind="text: pms[2],
style: {color: kleur[2] }">
</td>
<td style="background-color: #f5faff; text-align:right;"
data-bind="text: pms[3],
style: {color: kleur[3] }">
</td>
<td style="background-color: #f5faff; text-align:right;"
data-bind="text: pms[4],
style: {color: kleur[4] }">
</td>
<td style="background-color: #f5faff; text-align:right"
data-bind="text: pms[5],
style: {color: kleur[5] }">
</td>
</tr>
</tbody>
<tr style="background-color: #e7e2e5; font-style: italic">
<tr style="background-color: #e6ffee; ">
<td style="width:22%">Subtotaal</td>
<td style="width:13%; text-align:right" data-bind="text: sumotherPMS()[0]"></td>
<td style="width:13%; text-align:right" data-bind="text: sumotherPMS()[1]">Materieel</td>
<td style="width:13%; text-align:right; border-right:1px solid #888888; padding-right:4px" data-bind="text: sumotherPMS()[2]">Scholing</td>
<td style="width:13%; text-align:right" data-bind="text: sumotherPMS()[3]">Personeel</td>
<td style="width:13%; text-align:right" data-bind="text: sumotherPMS()[4]">Materieel</td>
<td style="width:13%; text-align:right" data-bind="text: sumotherPMS()[5]">Scholing</td>
<td style="color: #00802b;">budget</td>
<td style="width:13%; text-align:right" data-bind="text: sumotherPMS()[6] == 0 ? ' ' : sumotherPMS()[6] "></td>
<td style="width:13%; text-align:right" data-bind="text: sumotherPMS()[7]== 0 ? ' ' : sumotherPMS()[7] ">Materieel</td>
<td style="width:13%; text-align:right; border-right:1px solid #888888; padding-right:4px"
data-bind="text: sumotherPMS()[8]== 0 ? '' : sumotherPMS()[8]">Scholing</td>
<td style="width:13%; text-align:right" data-bind="text: sumotherPMS()[9] == 0 ? ' ' : sumotherPMS()[9] ">Personeel</td>
<td style="width:13%; text-align:right" data-bind="text: sumotherPMS()[10]== 0 ? ' ' : sumotherPMS()[10]">Materieel</td>
<td style="width:13%; text-align:right" data-bind="text: sumotherPMS()[11] == 0 ? ' ' : sumotherPMS()[11]">Scholing</td>
</tr>
<tr style="background-color: #e6f2ff; ">
<td ></td>
<td style="color: #003399">uitgaven</td>
<td style="width:13%; text-align:right" data-bind="text: sumotherPMS()[0] == 0 ? ' ' : sumotherPMS()[0] ,
style: {color: sumotherPMS()[12]}"></td>
<td style="width:13%; text-align:right" data-bind="text: sumotherPMS()[1] == 0 ? ' ' : sumotherPMS()[1],
style: {color: sumotherPMS()[13]}">Materieel</td>
<td style="width:13%; text-align:right; border-right:1px solid #888888; padding-right:4px" data-bind="text: sumotherPMS()[2] == 0 ? ' ' : sumotherPMS()[2],
style: {color: sumotherPMS()[14]}">Scholing</td>
<td style="width:13%; text-align:right" data-bind="text: sumotherPMS()[3] == 0 ? ' ' : sumotherPMS()[3],
style: {color: sumotherPMS()[15]}">Personeel</td>
<td style="width:13%; text-align:right" data-bind="text: sumotherPMS()[4] == 0 ? ' ' : sumotherPMS()[4],
style: {color: sumotherPMS()[16]}">Materieel</td>
<td style="width:13%; text-align:right" data-bind="text: sumotherPMS()[5] == 0 ? ' ' : sumotherPMS()[5],
style: {color: sumotherPMS()[17]}">Scholing</td>
</tr>
<tr data-bind="with: pmsTargetOrg">
<td data-bind="text: naamkort"></td>
<td style="text-align:right" data-bind="text: pms[0]"></td>
<td style="text-align:right" data-bind="text: pms[1]"></td>
<td style="text-align:right; border-right:1px solid #888888; padding-right:4px" data-bind="text: pms[2]"></td>
<td style="text-align:right;" data-bind="text: pms[3]"></td>
<td style="text-align:right;" data-bind="text: pms[4]"></td>
<td style="text-align:right" data-bind="text: pms[5]"></td>
<td style="color: #00802b;">budget</td>
<td style="text-align:right; background-color: #f5fff8" data-bind="text: bud[0]"></td>
<td style="text-align:right; background-color: #f5fff8" data-bind="text: bud[1]"></td>
<td style="text-align:right; background-color: #f5fff8; border-right:1px solid #888888; padding-right:4px" data-bind="text: bud[2]"></td>
<td style="text-align:right;background-color: #f5fff8" data-bind="text: bud[3]"></td>
<td style="text-align:right; background-color: #f5fff8" data-bind="text: bud[4]"></td>
<td style="text-align:right; background-color: #f5fff8" data-bind="text: bud[5]"></td>
</tr>
<tr data-bind="with: pmsTargetOrg">
<td ></td>
<td style="color: #003399">uitgaven</td>
<td style="text-align:right; background-color: #f5faff;"
data-bind="text: pms[0],
style: {color: kleur[0]} "></td>
<td style="text-align:right; background-color: #f5faff;"
data-bind="text: pms[1],
style: {color: kleur[1]}"></td>
<td style="text-align:right; background-color: #f5faff; border-right:1px solid #888888; padding-right:4px"
data-bind="text: pms[2],
style: {color: kleur[2]}"></td>
<td style="text-align:right; background-color: #f5faff;"
data-bind="text: pms[3],
style: {color: kleur[3]}"></td>
<td style="text-align:right; background-color: #f5faff;"
data-bind="text: pms[4],
style: {color: kleur[4]}">
</td>
<td style="text-align:right; background-color: #f5faff;"
data-bind="text: pms[5],
style: {color: kleur[5]}"></td>
</tr>
<tr style="background-color: #e7e2e5; font-weight:bold">
<th style="width:22%">Totaal</th>
<th style="width:13%; text-align:right" data-bind="text: sumtotPMS()[0]">Personeel</th>
<th style="width:13%; text-align:right" data-bind="text: sumtotPMS()[1]">Materieel</th>
<th style="width:13%; text-align:right; border-right:1px solid #888888; padding-right:4px" data-bind="text: sumtotPMS()[2]">Scholing</th>
<th style="width:13%; text-align:right" data-bind="text: sumtotPMS()[3]">Personeel</th>
<th style="width:13%; text-align:right" data-bind="text: sumtotPMS()[4]">Materieel</th>
<th style="width:13%; text-align:right" data-bind="text: sumtotPMS()[5]">Scholing</th>
<tr style="background-color: #ccffdc; font-weight:bold">
<td style="width:22%">Totaal</td>
<td style="color: #00802b;">budget</td>
<td style="width:13%; text-align:right" data-bind="text: sumtotPMS()[6]">Personeel</td>
<td style="width:13%; text-align:right" data-bind="text: sumtotPMS()[7]">Materieel</td>
<td style="width:13%; text-align:right; border-right:1px solid #888888; padding-right:4px" data-bind="text: sumtotPMS()[8]">Scholing</td>
<td style="width:13%; text-align:right" data-bind="text: sumtotPMS()[9]">Personeel</td>
<td style="width:13%; text-align:right" data-bind="text: sumtotPMS()[10]">Materieel</td>
<td style="width:13%; text-align:right" data-bind="text: sumtotPMS()[11]">Scholing</td>
</tr>
<tr style="background-color: #cce6ff; font-weight:bold">
<td style="width:22%"></td>
<td style="color: #003399">uitgaven</td>
<td style="width:13%; text-align:right"
data-bind="text: sumtotPMS()[0],
style: {color: sumtotPMS()[12]} ">Personeel
</td>
<td style="width:13%; text-align:right"
data-bind="text: sumtotPMS()[1],
style: {color: sumtotPMS()[13]}">Materieel
</td>
<td style="width:13%; text-align:right; border-right:1px solid #888888; padding-right:4px"
data-bind="text: sumtotPMS()[2],
style: {color: sumtotPMS()[14]}">Scholing
</td>
<td style="width:13%; text-align:right"
data-bind="text: sumtotPMS()[3],
style: {color: sumtotPMS()[15]}">Personeel
</td>
<td style="width:13%; text-align:right"
data-bind="text: sumtotPMS()[4],
style: {color: sumtotPMS()[16]}">Materieel
</td>
<td style="width:13%; text-align:right"
data-bind="text: sumtotPMS()[5],
style: {color: sumtotPMS()[17]}">Scholing
</td>
</tr>
</table>