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

Merge branch 'feature/budgetmonfin' into develop

Browse Source
This commit is contained in:
Monique
2023-06-23 09:40:17 +02:00
parent 8d46c0f2bc b9acce3072
commit 440bd9ae06
11 changed files with 1253 additions and 728 deletions
Download Patch File Download Diff File Expand all files Collapse all files
application/views/monpas/modals/findetails_modal.php
+87 -15
View File
@@ -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>
application/views/monpas/pages/monfin2/bestemmingen.php
+173 -182
View File
@@ -23,89 +23,101 @@
Basisondersteuning
</h4>
<div data-bind="visible: basisgeopend()">
<table class="lstable" style="width : 100%; font-size:0.9em">
<thead>
<table class="lstable" style="width : 100%; font-size:0.9em; position: relative">
<thead style="position: sticky; top: 0" >
<tr>
<th style="width:25%"></th>
<th style="width:29%"></th>
<th style="width:5%"></th>
<th style="width: 14%"></th>
<th style="width: 14%"></th>
<th style="width: 14%"></th>
<th style="width:14%"></th>
<th style="width:14%"></th>
<!-- <th style="width:7%"></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>
<tbody data-bind="foreach: basissoorten">
<tr class="blokheader" style="; text-align:left; padding-left:5px; ">
<td data-bind="text:naam">
</td>
<td></td>
<!-- ko if: $index() ==0-->
<!-- ko foreach: $root.uitgavetypes -->
<td style="text-align:right">
<span data-bind="text: code"></span>
</td>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: $index() != 0-->
<!-- ko foreach: $root.uitgavetypes -->
<td >
</td>
<!-- /ko -->
<!-- /ko -->
<td class="blokheader" style="text-align: right; padding-right: 5px;padding-bottom: 5px; border-radius: 0">
<span data-bind="visible: $index() ==0">Som</span>
</td>
<td class="blokheader" style="text-align: right; padding-right:5px; padding-bottom: 5px; border-radius: 0">
<span data-bind="visible: $index() ==0">Percentage</span>
<i class="fa fa-info-circle"
data-bind="click: $parent.fToelichting,
visible: $index() ==0">
</i>
</td>
<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>
</tr>
<!-- ko foreach:subsoorten -->
<tr>
<!-- 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">
<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; padding-top: 1px; vertical-align: top ">
<!-- ko if : code != 'RESTANT' -->
<input class="decimal"
style="width: 145px; max-width: 98%; background-color: #e6ffee"
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()"
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 -->
<!-- /ko -->
<td style="padding: 0; padding-top: 1px; padding-left: 4px; vertical-align: top">
<div style="width:145px; max-width: 98%; height: 24px; background-color: #e6ffee; border-radius: 3px;border: 1px solid #a07b8e;
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: subbudgetform,
visible: ! $root.jaarclosed()">
</span>
</div>
</td>
<!-- <td style="padding: 0; padding-top: 1px; vertical-align: top">-->
<!-- <div style="width:72px; max-width: 98%;height: 24px; background-color: #e6ffee; border-radius: 3px;border: 1px solid #a07b8e;-->
<!-- 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: subbudgetform() != '' ? gebudgetprocent(): '',-->
<!-- visible: ! $root.jaarclosed()">-->
<!-- </span>-->
<!-- </div>-->
<!-- </td>-->
<!-- /ko -->
<td style="padding: 0; padding-top: 1px; vertical-align: top">
<div style="width: 98%;height: 24px; background-color: #e6ffee; border-radius: 3px;border: 1px solid #a07b8e;
font-size: 0.9em; font-family: sans-serif, verdana; padding-left: 2px; padding-top: 2px;
<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: subbudgetform() != '' ? budgetprocent() : ' ' ,
visible: ! $root.jaarclosed()">
<span data-bind="text: budgetpctFormat() ,
visible: ! $root.jaarclosed() ">
</span>
</div>
</td>
@@ -114,47 +126,38 @@
<td ></td>
<td style="text-align: left; color:#003e80; ">uitgaven</td>
<!-- ko foreach: uitgavetypes() -->
<!-- ko if (code == $root.uitgavetypes()[$index()].code) -->
<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: formatted,
style: { color : budget() < bedrag() ? '#ff0000' : '#000000'},
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 -->
<!-- /ko -->
<td style="padding: 0; padding-left: 4px; vertical-align: top">
<div style="width:145px; max-width: 98%; height: 24px;background-color: #e6f2ff; border-radius: 2px;border: 1px solid #a07b8e;
font-size: 0.9em; font-family: sans-serif, verdana; padding-left: 2px; margin: 0; margin-top: 1px;text-align: right; padding-right: 2px; ">
<span data-bind="text: formtotaal,
style: { color : subbudget() < totaal() ? '#ff0000' : '#000000'},
visible: ! $root.jaarclosed()">
</span>
</div>
</td>
<td style="padding: 0; vertical-align: top">
<div style="width: 98%;height: 24px; background-color: #e6f2ff; border-radius: 3px;border: 1px solid #a07b8e;
<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: procent,
<span data-bind="text: bedragpctFormat,
visible: ! $root.jaarclosed()">
</span>
</div>
</td>
<!-- <td style="padding: 0; vertical-align: top">-->
<!-- <div style="width:72px; max-width: 98%;height: 24px; background-color: #e6f2ff; border-radius: 3px;border: 1px solid #a07b8e;-->
<!-- 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: totaalbudgetprocent,-->
<!-- visible: ! $root.jaarclosed()">-->
<!-- </span>-->
<!-- </div>-->
<!-- </td>-->
</tr>
<!-- /ko -->
</tbody> <!-- FOREACH basissoorten -->
</table>
@@ -187,90 +190,93 @@
Extra ondersteuning
</h4>
<div data-bind="visible: extrageopend()">
<table class="lstable" style="width : 100%; font-size:0.9em">
<thead>
<table class="lstable" style="width : 100%; font-size:0.9em; position: relative;">
<thead style="position: sticky; top: 100px;">
<tr>
<th style="width:25%"></th>
<th style="width:29%"></th>
<th style="width:5%"></th>
<th style="width: 14%"></th>
<th style="width: 14%"></th>
<th style="width: 14%"></th>
<th style="width:14%"></th>
<th style="width:14%"></th>
<!-- <th style="width:7%"></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>
<!-- 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" style="; text-align:left; padding-left:5px; ">
<td data-bind="text:naam">
</td>
<td></td>
<!-- ko if: $index() ==0-->
<!-- ko foreach: $root.uitgavetypes -->
<td style="text-align:right">
<span data-bind="text: code"></span>
</td>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: $index() != 0-->
<!-- ko foreach: $root.uitgavetypes -->
<td >
</td>
<!-- /ko -->
<!-- /ko -->
<td class="blokheader" style="text-align: right; padding-right: 5px;padding-bottom: 5px; border-radius: 0">
<span data-bind="visible: $index() ==0">Som</span>
</td>
<td class="blokheader" style="text-align: right; padding-right:5px; padding-bottom: 5px; border-radius: 0">
<span data-bind="visible: $index() ==0">Percentage</span>
<i class="fa fa-info-circle"
data-bind="click: $parent.fToelichting,
visible: $index() ==0">
</i>
</td>
<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; 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 -->
<!-- /ko -->
<td style="padding: 0; padding-top: 1px; padding-left: 4px; vertical-align: top">
<div style="width:145px; max-width: 98%; height: 24px; background-color: #e6ffee; border-radius: 3px;border: 1px solid #a07b8e;
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: subbudgetform,
visible: ! $root.jaarclosed()">
</span>
</div>
</td>
<!-- <td style="padding: 0; padding-top: 1px; vertical-align: top">-->
<!-- <div style="width:72px; max-width: 98%;height: 24px; background-color: #e6ffee; border-radius: 3px;border: 1px solid #a07b8e;-->
<!-- 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: subbudgetform() != '' ? gebudgetprocent(): '',-->
<!-- visible: ! $root.jaarclosed()">-->
<!-- </span>-->
<!-- </div>-->
<!-- </td>-->
<td style="padding: 0; padding-top: 1px; vertical-align: top">
<div style="width: 98%;height: 24px; background-color: #e6ffee; border-radius: 3px;border: 1px solid #a07b8e;
<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: subbudgetform() != '' ? budgetprocent() : ' ' ,
visible: ! $root.jaarclosed()">
<span data-bind="text: budgetpctFormat() ,
visible: ! $root.jaarclosed() ">
</span>
</div>
</td>
@@ -279,47 +285,34 @@
<td ></td>
<td style="text-align: left; color:#003e80; ">uitgaven</td>
<!-- ko foreach: uitgavetypes() -->
<!-- ko if (code == $root.uitgavetypes()[$index()].code) -->
<td style="text-align: right; padding-bottom: 10px;">
<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: formatted,
style: { color : budget() < bedrag() ? '#ff0000' : '#000000'},
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 -->
<!-- /ko -->
<td style="padding: 0; padding-left: 4px; vertical-align: top">
<div style="width:145px; max-width: 98%; height: 24px;background-color: #e6f2ff; border-radius: 2px;border: 1px solid #a07b8e;
font-size: 0.9em; font-family: sans-serif, verdana; padding-left: 2px; margin: 0; margin-top: 1px;text-align: right; padding-right: 2px; ">
<span data-bind="text: formtotaal,
style: { color : subbudget() < totaal() ? '#ff0000' : '#000000'},
visible: ! $root.jaarclosed()">
</span>
</div>
</td>
<td style="padding: 0; vertical-align: top">
<div style="width: 98%;height: 24px; background-color: #e6f2ff; border-radius: 3px;border: 1px solid #a07b8e;
<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: procent,
<span data-bind="text: bedragpctFormat,
visible: ! $root.jaarclosed()">
</span>
</div>
</td>
<!-- <td style="padding: 0; vertical-align: top">-->
<!-- <div style="width:72px; max-width: 98%;height: 24px; background-color: #e6f2ff; border-radius: 3px;border: 1px solid #a07b8e;-->
<!-- 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: totaalbudgetprocent,-->
<!-- visible: ! $root.jaarclosed()">-->
<!-- </span>-->
<!-- </div>-->
<!-- </td>-->
</tr>
<!-- /ko -->
</tbody>
<!-- FOREACH extrasoorten -->
@@ -351,9 +344,7 @@
<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
+514 -139
View File
@@ -1,75 +1,450 @@
<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>
@@ -77,15 +452,15 @@
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>
<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>
<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"
@@ -112,20 +487,20 @@
</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() -->
<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 -->
<!--ko if: ! sombasisperuitgavetype() -->
<!-- ko foreach: uitgavetypes-->
<!-- ko foreach: uitgavetypes -->
<td style="text-align:right" >0,00</td>
<!-- /ko -->
<td style="text-align:right" >0,00</td>
@@ -136,7 +511,7 @@
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>
@@ -146,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[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: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[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: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[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[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' }"
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[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].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>
@@ -199,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 -->
@@ -247,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>
@@ -284,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>
@@ -322,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-->
@@ -353,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"); ?>