totaalbudget verdelen

This commit is contained in:
2023-06-22 16:25:31 +02:00
parent 0afb3a9263
commit b9acce3072
9 changed files with 730 additions and 318 deletions
@@ -9,28 +9,100 @@
<div data-bind="with: selectedSubsoort() ? selectedSubsoort() : '' ">
<p style="font-weight: bold" data-bind="text: naam "></p>
<br>
<table style="border 1px solid #ebebeb;"
data-bind=" foreach: uitgavetypes">
<tr>
<td style="text-transform: lowercase; border: 1px solid #ebebeb "
data-bind=" text: code== 'REGELSOM' ? 'som' : code,
style: {borderTop: code == 'REGELSOM' ? '3px solid #ebebeb' : '1px solid #ebebeb' }"
<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: $parent.naam != 'Totaal gebudgetteerd' && $parent.naam != 'Basisondersteuning gebudgetteerd' && $parent.naam != 'Extra ondersteuning gebudgetteerd' -->
<td style="border: 1px solid #ebebeb;text-align: right "
data-bind=" text: budget,
style: {borderTop: code == 'REGELSOM' ? '3px solid #ebebeb' : '1px solid #ebebeb' } ">
<!-- 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: $parent.naam == 'Totaal gebudgetteerd' || $parent.naam == 'Basisondersteuning gebudgetteerd' || $parent.naam == 'Extra ondersteuning gebudgetteerd' -->
<td style="border: 1px solid #ebebeb; text-align: right"
data-bind=" text: budgetsom,
style: {borderTop: code == 'REGELSOM' ? '3px solid #ebebeb' : '1px solid #ebebeb' } ">
<!-- 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>
@@ -1,114 +1,472 @@
<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=" font-size: 13px; width:100%">
<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: 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>
<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-->
<!--ko if: naam != 'TOTAAL' -->
<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 -->
<!--/ko-->
<!-- ko foreach: uitgavetypes-->
<!--ko if: naam == 'TOTAAL' -->
<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>som uitgaven</span>
<i class="fa fa-info-circle"
data-bind="click: $parent.fToelichting.bind($data, 'SOM')">
</i>
</th>
<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>som budget</span>
<i class="fa fa-info-circle"
data-bind="click: $parent.fToelichting.bind($data, 'BUDGET')">
data-bind="click: $parent.fToelichting.bind($data, 'KOSTEN')">
</i>
</th>
<!-- /ko -->
<!-- /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="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>
@@ -129,37 +487,31 @@
</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-->
<!--ko if: $index() != 0 -->
<td style="text-align:right" data-bind="text: som"></td>
<!--/ko-->
<!-- /ko -->
<!-- /ko -->
<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-->
<!--ko if: $index() == 0 -->
<td style="text-align:right" data-bind="text: som"></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 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',
data-bind="text : $root.budgetten() ?$root.budgetten().basisverschil : '0,00',
style : {color: $root.budgetten() && Number($root.budgetten().basisverschil) < 0 ? 'red' : 'black' } ">
</td>
@@ -169,50 +521,50 @@
</td>
<td style="text-align:right" data-bind="text : $root.budgetten() ?$root.budgetten().basisbudgetpct : '0,00' "></td>
</tr>
</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: isNaN(uitgavetypes[1].bedrag.replace(/\./g,'') ) || uitgavetypes[1].bedrag ==0 ? '' : uitgavetypes[1].bedrag,
style: {color: uitgavetypes[1].budget && Number(uitgavetypes[1].budget.replace(/\./g,'') ) < Number(uitgavetypes[1].bedrag.replace(/\./g,'')) ? 'red' : 'black' }"
style="text-align:right; width:98px ">
<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: isNaN(uitgavetypes[2].bedrag.replace(/\./g,'') ) || uitgavetypes[2].bedrag ==0 ? '' : uitgavetypes[2].bedrag,
style: {color: uitgavetypes[2].budget && Number(uitgavetypes[2].budget.replace(/\./g,'')) < Number(uitgavetypes[2].bedrag.replace(/\./g,'')) ? 'red' : 'black' }"
style="text-align:right; width:91px ">
<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: isNaN(uitgavetypes[3].bedrag.replace(/\./g,'') ) || uitgavetypes[3].bedrag ==0 ? '' : uitgavetypes[3].bedrag,
style: {color: uitgavetypes[3].budget && Number(uitgavetypes[3].budget.replace(/\./g,'')) <Number(uitgavetypes[3].bedrag.replace(/\./g,'')) ? 'red' : 'black' }"
style="text-align:right;width:91px">
<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: isNaN(uitgavetypes[0].bedrag.replace(/\./g,'') ) || uitgavetypes[0].bedrag ==0 ? '' : uitgavetypes[0].bedrag,
style: {color: uitgavetypes[0].budget && Number(uitgavetypes[0].budget.replace(/\./g,'')) < Number(uitgavetypes[0].bedrag.replace(/\./g,'')) ? 'red' : 'black' }"
style="text-align:right;width:91px">
<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: isNaN(uitgavetypes[0].budget.replace(/\./g,'') ) || uitgavetypes[0].budget ==0 ? '' : uitgavetypes[0].budget" 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[0].budget.replace(/\./g,''))> 0,
data-bind="visible: Number(uitgavetypes[3].budgetform)> 0,
click: $root.fOpenDetails.bind($data, 'DETAIL')">
</i>
</td>
<td data-bind="text: Number(uitgavetypes[0].bedrag.replace(/\./g,'')) !=0 || Number(uitgavetypes[0].budget.replace(/\./g,'')) !=0 ? uitgavetypes[3].verschil : ' ' ,
style: {color: Number(uitgavetypes[3].verschil.replace(/\./g,''))< 0 ? 'red': 'black'}"
<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: isNaN(uitgavetypes[3].bedrag.replace(/\./g,'') ) || Number(uitgavetypes[3].bedrag.replace(/\./g,'')) ==0 ? '' : uitgavetypes[3].bedragpct,
style: {color: Number(uitgavetypes[3].verschil.replace(/\./g,''))< 0 ? 'red': 'black'}">
<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: Number(uitgavetypes[3].budget.replace(/\./g,'')) > 0 ? uitgavetypes[3].budgetpct : '' "></td>
<td style="text-align:right;" data-bind="text: uitgavetypes[3].budgetpct "></td>
</tr>
<!--/ko-->
<!--/ko-->
<!--/ko-->
</tbody>
</tbody>
<tbody class="blokheader">
<tr class="blokheader">
<td style="background-color: #968026;"></td>
@@ -222,7 +574,7 @@
<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')">
data-bind="click: $parent.fToelichting.bind($data, 'KOSTEN')">
</i>
</td>
<!-- /ko -->
@@ -270,13 +622,13 @@
<td class="naam2" style="text-align:left;">Totaal extra</td>
<!-- ko if: somextraperuitgavetype() -->
<!-- ko foreach: somextraperuitgavetype-->
<!-- ko foreach: somextraperuitgavetype() -->
<td style="text-align:right" data-bind="text: som"></td>
<!-- /ko -->
<!-- /ko -->
<!-- ko if : ! somextraperuitgavetype() -->
<!-- ko foreach: uitgavetypes -->
<!-- ko foreach: uitgavetypes() -->
<td style="text-align:right" >0,00</td>
<!-- /ko -->
<td style="text-align:right" >0,00</td>
@@ -307,36 +659,36 @@
<tr style="border-bottom:1px solid #ebebeb">
<td></td>
<td data-bind="text:naam" class="naam" style="padding:0;" > </td>
<td data-bind="text: isNaN(uitgavetypes[0].bedrag.replace(/\./g,'') ) || uitgavetypes[0].bedrag ==0 ? '' : uitgavetypes[0].bedrag,
style: {color: uitgavetypes[0].budget && Number(uitgavetypes[0].budget.replace(/\./g,'') ) < Number(uitgavetypes[0].bedrag.replace(/\./g,'')) ? 'red' : 'black' }"
<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: isNaN(uitgavetypes[1].bedrag.replace(/\./g,'') ) || uitgavetypes[1].bedrag ==0 ? '' : uitgavetypes[1].bedrag,
style: {color: uitgavetypes[1].budget && Number(uitgavetypes[1].budget.replace(/\./g,'')) < Number(uitgavetypes[1].bedrag.replace(/\./g,'')) ? 'red' : 'black' }"
<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: isNaN(uitgavetypes[2].bedrag.replace(/\./g,'') ) || uitgavetypes[2].bedrag ==0 ? '' : uitgavetypes[2].bedrag,
style: {color: uitgavetypes[2].budget && Number(uitgavetypes[2].budget.replace(/\./g,'')) <Number(uitgavetypes[2].bedrag.replace(/\./g,'')) ? 'red' : 'black' }"
<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: isNaN(uitgavetypes[3].bedrag.replace(/\./g,'') ) || uitgavetypes[3].bedrag ==0 ? '' : uitgavetypes[3].bedrag,
style: {color: uitgavetypes[3].budget && Number(uitgavetypes[3].budget.replace(/\./g,'')) < Number(uitgavetypes[3].bedrag.replace(/\./g,'')) ? 'red' : 'black' }"
<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: isNaN(uitgavetypes[3].budget.replace(/\./g,'') ) || uitgavetypes[3].budget ==0 ? '' : uitgavetypes[3].budget" 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.replace(/\./g,''))> 0,
data-bind="visible: Number(uitgavetypes[3].budget.form))> 0,
click: $root.fOpenDetails.bind($data, 'EXTRA')">
</i>
</td>
<td data-bind="text: Number(uitgavetypes[0].bedrag.replace(/\./g,'')) !=0 || Number(uitgavetypes[0].budget.replace(/\./g,'')) !=0 ? uitgavetypes[3].verschil : ' ' ,
style: {color: Number(uitgavetypes[3].verschil.replace(/\./g,''))< 0 ? 'red': 'black'}"
<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: isNaN(uitgavetypes[3].bedrag.replace(/\./g,'') ) || Number(uitgavetypes[3].bedrag.replace(/\./g,'')) ==0 ? '' : uitgavetypes[3].bedragpct,
style: {color: Number(uitgavetypes[3].verschil.replace(/\./g,''))< 0 ? 'red': 'black'}">
<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: Number(uitgavetypes[3].budget.replace(/\./g,'')) > 0 ? uitgavetypes[3].budgetpct : '' "></td>
<td style="text-align:right;" data-bind="text: uitgavetypes[3].budgetpct"></td>
</tr>
@@ -345,14 +697,14 @@
<!--/ko-->
</tbody>
<tbody>
<tr style="background-color:#f8f8f8">
<td></td>
<td style="text-align:left">Totaal</td>
<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 foreach: totsomperuitgavetype-->
<td style="text-align:right" data-bind="text: som"></td>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: ! totsomperuitgavetype() -->
<!-- ko foreach: uitgavetypes-->
@@ -376,25 +728,25 @@
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' ">
data-bind="text: $root.budgetten() ? $root.budgetten().totbudgetpct: '0,00' ">
</td>
</tr>
</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 -->
</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"); ?>