766 lines
47 KiB
PHP
766 lines
47 KiB
PHP
<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=" width: 100%; font-size: 13px;">
|
|
<thead class="blokheader">
|
|
<tr class="blokheader">
|
|
<th style="background-color: #968026; width: 2%;"></th>
|
|
<th
|
|
class="naam2 pdfmonfin"
|
|
style="padding: 3px;vertical-align: bottom!important; background-color: #968026;">Basisondersteuning
|
|
</th>
|
|
<!-- ko foreach: uitgavetypes-->
|
|
<th class="pdfmonfin" style="writing-mode: vertical-rl; padding: 3px; width: 9%; vertical-align:text-bottom; 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 class="pdfmonfin" style="width: 9%; writing-mode: vertical-rl; padding: 3px; vertical-align:text-top;font-size:0.9em;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 class="pdfmonfin" style="text-align:right; background-color: #968026; width: 2%">
|
|
</th>
|
|
<th class="pdfmonfin" style="writing-mode: vertical-rl; padding: 3px;font-size:0.9em; 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 class="pdfmonfin" style="text-align:right; writing-mode: vertical-rl; padding: 3px; vertical-align:text-top; width:9%; background-color: #968026;white-space: nowrap; font-size:0.9em"><span >% uitgaven</span>
|
|
<i class="fa fa-info-circle"
|
|
data-bind="click: fToelichting.bind($data, '%UITGAVEN')">
|
|
</i>
|
|
</th>
|
|
<th class="pdfmonfin" style="text-align:right; writing-mode: vertical-rl; padding: 3px; vertical-align:text-top; width:9%; background-color: #968026; white-space: nowrap; font-size:0.9em"><span >% budget</span>
|
|
<i class="fa fa-info-circle"
|
|
data-bind="click: fToelichting.bind($data, '%BUDGET')">
|
|
</i>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody >
|
|
<tr class="fontsizepdfmonfin "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 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 class="fontsizepdfmonfin " 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 class="pdfmonfin"style="background-color: #968026;"></td>
|
|
<td class=" naam2 pdfmonfin "
|
|
style="padding: 3px; vertical-align:bottom; background-color: #968026;">Extra ondersteuning</td>
|
|
<!-- ko foreach: uitgavetypes-->
|
|
<td class="pdfmonfin" style="writing-mode: vertical-rl; font-size:0.9em; 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 class="pdfmonfin" style="writing-mode: vertical-rl; padding: 3px; font-size:0.9em;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 class="pdfmonfin" style="text-align:right; font-size:0.9em; background-color: #968026;">
|
|
</td>
|
|
<td class="pdfmonfin" style="writing-mode: vertical-rl; padding: 3px; vertical-align:text-top;font-size:0.9em; 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 class="pdfmonfin" style="text-align:right; writing-mode: vertical-rl; padding: 3px; vertical-align:text-top; background-color: #968026; white-space: nowrap; font-size:0.9em">
|
|
<span>% uitgaven</span>
|
|
<i class="fa fa-info-circle"
|
|
data-bind="click: fToelichting.bind($data, '%UITGAVEN')">
|
|
</i>
|
|
</td>
|
|
<td class="pdfmonfin" style="text-align:right; writing-mode: vertical-rl; padding: 3px; vertical-align:text-top; background-color: #968026; white-space: nowrap; font-size:0.9em">
|
|
<span>% budget</span>
|
|
<i class="fa fa-info-circle"
|
|
data-bind="click: fToelichting.bind($data, '%BUDGET')">
|
|
</i>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody>
|
|
<tr class="fontsizepdfmonfin " 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 class="fontsizepdfmonfin " 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 class="fontsizepdfmonfin "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.schooltotaal().budget">
|
|
</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().totbudgetpct "-->
|
|
<!---->
|
|
<!-- >-->
|
|
<!-- </td>-->
|
|
<td style="padding: 3px; text-align: right">100,0</td>
|
|
<td style="padding: 3px; text-align: right">100,0</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 familymonfin" 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:0;"> 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 class="familymonfin " style=" font-size: 13px; width:100%">
|
|
<thead class="blokheader">
|
|
<tr class="blokheader">
|
|
<th style="background-color: #968026; width: 2%;"></th>
|
|
<th class="naam2"
|
|
style="padding: 3px; width: 22%; vertical-align:bottom; background-color: #968026;">Basisondersteuning</th>
|
|
<!-- ko foreach: uitgavetypes-->
|
|
<th style="writing-mode: vertical-rl; padding: 3px; width: 8%; vertical-align:text-top; text-align: right; font-size:0.9em; background-color: #968026;" ><span data-bind="text: naam"></span>
|
|
<i class="fa fa-info-circle"
|
|
data-bind="click: $parent.fToelichting.bind($data, 'KOSTEN')">
|
|
</i>
|
|
</th>
|
|
<!-- /ko -->
|
|
<th style="writing-mode: vertical-rl; width: 8%; padding: 3px; vertical-align:text-top;text-align:right; background-color: #968026;"><span>som uitgaven</span>
|
|
<i class="fa fa-info-circle"
|
|
data-bind="click: fToelichting.bind($data, 'SOM')">
|
|
</i>
|
|
</th>
|
|
<th style="width: 8%; writing-mode: vertical-rl; padding: 3px; vertical-align:text-top;text-align:right; background-color: #968026;"><span>som budget</span>
|
|
<i class="fa fa-info-circle"
|
|
data-bind="click: fToelichting.bind($data, 'BUDGET')">
|
|
</i>
|
|
</th>
|
|
<th style="text-align:right; background-color: #968026; width: 2%">
|
|
</th>
|
|
<th style="writing-mode: vertical-rl; padding: 3px; width: 8%; vertical-align:text-top; text-align:right; background-color: #968026;"><span>verschil</span>
|
|
<i class="fa fa-info-circle"
|
|
data-bind="click: fToelichting.bind($data, 'VERSCHIL')">
|
|
</i>
|
|
</th>
|
|
<th style="text-align:right; writing-mode: vertical-rl; padding: 3px; vertical-align:text-top; width:8%; background-color: #968026; font-size: 12px;"><span>% uitgaven</span>
|
|
<i class="fa fa-info-circle"
|
|
data-bind="click: fToelichting.bind($data, '%UITGAVEN')">
|
|
</i>
|
|
</th>
|
|
<th style="text-align:right; writing-mode: vertical-rl; padding: 3px; vertical-align:text-top; width:8%; background-color: #968026; font-size: 12px;"><span>% budget</span>
|
|
<i class="fa fa-info-circle"
|
|
data-bind="click: fToelichting.bind($data, '%BUDGET')">
|
|
</i>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody >
|
|
<tr style="background-color:#ded0d7">
|
|
<td class="glyphicon"
|
|
data-bind="css:{'glyphicon-chevron-right': !basisgeopend(), 'glyphicon-chevron-down': basisgeopend()},click: fToggle.bind($data,'BASIS')">
|
|
</td>
|
|
<td class="naam2" style="text-align:left;">Totaal basis</td>
|
|
<!--ko if: sombasisperuitgavetype() -->
|
|
<!-- ko foreach: sombasisperuitgavetype-->
|
|
|
|
<td style="text-align:right" data-bind="text: som"></td>
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
|
|
<!--ko if: ! sombasisperuitgavetype() -->
|
|
<!-- ko foreach: uitgavetypes -->
|
|
<td style="text-align:right" >0,00</td>
|
|
<!-- /ko -->
|
|
<td style="text-align:right" >0,00</td>
|
|
<!-- /ko -->
|
|
<td style="text-align:right" data-bind="text : $root.budgetten() ?$root.budgetten().basis : '0,00' "></td>
|
|
<td ><i class="fa fa-info-circle"
|
|
data-bind="visible: $root.schooltotaal().budget > 0,
|
|
click: $root.fOpenDetails.bind($data, 'BASIS') "
|
|
></i></td>
|
|
<td style="text-align:right"
|
|
data-bind="text : $root.budgetten() ?$root.budgetten().basisverschil : '0,00',
|
|
style : {color: $root.budgetten() && Number($root.budgetten().basisverschil) < 0 ? 'red' : 'black' } ">
|
|
</td>
|
|
|
|
|
|
<td style="text-align:right" data-bind="text: $root.budgetten() ? $root.budgetten().basisbedragpct : '0,00',
|
|
style : {color: $root.budgetten() && Number($root.budgetten().basisverschil) < 0 ? 'red' : 'black' }">
|
|
</td>
|
|
<td style="text-align:right" data-bind="text : $root.budgetten() ?$root.budgetten().basisbudgetpct : '0,00' "></td>
|
|
|
|
</tr>
|
|
<!-- ko foreach: basis -->
|
|
<!-- ko if: $root.basisgeopend() -->
|
|
<!-- ko foreach: subsoorten -->
|
|
<tr style="border-bottom:1px solid #ebebeb">
|
|
<td></td>
|
|
<td data-bind="text:naam" class="naam" style="padding:0;" > </td>
|
|
<td data-bind="text: uitgavetypes[0].bedragformat,
|
|
style: {color: uitgavetypes[0].budget && Number(uitgavetypes[0].budgetform) ) < Number(uitgavetypes[0].bedragform) ? 'red' : 'black' }"
|
|
style="text-align:right; width:98px ">
|
|
</td>
|
|
<td data-bind="text: uitgavetypes[1].bedragformat,
|
|
style: {color: uitgavetypes[1].budget && Number(uitgavetypes[1].budgetform) < Number(uitgavetypes[1].bedragform) ? 'red' : 'black' }"
|
|
style="text-align:right; width:91px ">
|
|
</td>
|
|
<td data-bind="text: uitgavetypes[2].bedragformat,
|
|
style: {color: uitgavetypes[2].budget && Number(uitgavetypes[2].budgetform) <Number(uitgavetypes[2].bedragform) ? 'red' : 'black' }"
|
|
style="text-align:right;width:91px">
|
|
</td>
|
|
<td data-bind="text: uitgavetypes[3].bedragformat,
|
|
style: {color: uitgavetypes[3].budget && Number(uitgavetypes[3].budgetform) < Number(uitgavetypes[3].bedragform) ? 'red' : 'black' }"
|
|
style="text-align:right;width:91px">
|
|
</td>
|
|
<td data-bind="text: uitgavetypes[3].budgetformat" style="text-align:right;width:91px"></td>
|
|
<td ><i class="fa fa-info-circle"
|
|
data-bind="visible: Number(uitgavetypes[3].budgetform)> 0,
|
|
click: $root.fOpenDetails.bind($data, 'DETAIL')">
|
|
</i>
|
|
</td>
|
|
<td data-bind="text: uitgavetypes[3].verschilformat ,
|
|
style: {color: Number(uitgavetypes[3].verschil.format)< 0 ? 'red': 'black'}"
|
|
style="text-align:right; ">
|
|
</td>
|
|
<td style="text-align:right;" data-bind="text: uitgavetypes[3].bedragpct,
|
|
style: {color: Number(uitgavetypes[3].verschilformat)< 0 ? 'red': 'black'}">
|
|
</td>
|
|
<td style="text-align:right;" data-bind="text: uitgavetypes[3].budgetpct "></td>
|
|
</tr>
|
|
|
|
|
|
<!--/ko-->
|
|
<!--/ko-->
|
|
<!--/ko-->
|
|
</tbody>
|
|
<tbody class="blokheader">
|
|
<tr class="blokheader">
|
|
<td style="background-color: #968026;"></td>
|
|
<td class="naam2"
|
|
style="padding: 3px; vertical-align:bottom; background-color: #968026;">Extra ondersteuning</td>
|
|
<!-- ko foreach: uitgavetypes-->
|
|
<td style="writing-mode: vertical-rl; padding: 3px; vertical-align:text-top; text-align: right; background-color: #968026;" >
|
|
<span data-bind="text: naam"></span>
|
|
<i class="fa fa-info-circle"
|
|
data-bind="click: $parent.fToelichting.bind($data, 'KOSTEN')">
|
|
</i>
|
|
</td>
|
|
<!-- /ko -->
|
|
<td style="writing-mode: vertical-rl; padding: 3px; vertical-align:text-top;text-align:right; background-color: #968026;">
|
|
<span>som</span>
|
|
<i class="fa fa-info-circle"
|
|
data-bind="click: fToelichting.bind($data, 'SOM')">
|
|
</i>
|
|
</td>
|
|
<td style="writing-mode: vertical-rl; padding: 3px; vertical-align:text-top;text-align:right; background-color: #968026;">
|
|
<span>Budget</span>
|
|
<i class="fa fa-info-circle"
|
|
data-bind="click: fToelichting.bind($data, 'BUDGET')">
|
|
</i>
|
|
</td>
|
|
<td style="text-align:right; background-color: #968026;">
|
|
</td>
|
|
<td style="writing-mode: vertical-rl; padding: 3px; vertical-align:text-top; text-align:right; background-color: #968026;">
|
|
<span>Verschil</span>
|
|
<i class="fa fa-info-circle"
|
|
data-bind="click: fToelichting.bind($data, 'VERSCHIL')">
|
|
</i>
|
|
</td>
|
|
<td style="text-align:right; writing-mode: vertical-rl; padding: 3px; vertical-align:text-top; background-color: #968026; font-size: 12px;">
|
|
<span>% uitgaven</span>
|
|
<i class="fa fa-info-circle"
|
|
data-bind="click: fToelichting.bind($data, '%UITGAVEN')">
|
|
</i>
|
|
</td>
|
|
<td style="text-align:right; writing-mode: vertical-rl; padding: 3px; vertical-align:text-top; background-color: #968026; font-size: 12px;">
|
|
<span>% budget</span>
|
|
<i class="fa fa-info-circle"
|
|
data-bind="click: fToelichting.bind($data, '%BUDGET')">
|
|
</i>
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
</tbody>
|
|
<tbody>
|
|
<tr style="background-color:#ded0d7">
|
|
<td class="glyphicon"
|
|
data-bind="css:{'glyphicon-chevron-right': !extrageopend(), 'glyphicon-chevron-down': extrageopend()},click: fToggle.bind($data,'EXTRA')">
|
|
</td>
|
|
<td class="naam2" style="text-align:left;">Totaal extra</td>
|
|
|
|
<!-- ko if: somextraperuitgavetype() -->
|
|
<!-- ko foreach: somextraperuitgavetype() -->
|
|
<td style="text-align:right" data-bind="text: som"></td>
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
|
|
<!-- ko if : ! somextraperuitgavetype() -->
|
|
<!-- ko foreach: uitgavetypes() -->
|
|
<td style="text-align:right" >0,00</td>
|
|
<!-- /ko -->
|
|
<td style="text-align:right" >0,00</td>
|
|
<!-- /ko -->
|
|
<td style="text-align:right" data-bind="text : $root.budgetten() ? $root.budgetten().extra : '0,00' "></td>
|
|
<td
|
|
><i class="fa fa-info-circle"
|
|
data-bind="visible: $root.schooltotaal().budget > 0,
|
|
click: $root.fOpenDetails.bind($data, 'EXTRA') "
|
|
></i>
|
|
</td>
|
|
<td style="text-align:right"
|
|
data-bind="text : $root.budgetten() ?$root.budgetten().extraverschil : '0,00',
|
|
style : {color: $root.budgetten() && Number($root.budgetten().extraverschil) < 0 ? 'red' : 'black' } ">
|
|
</td>
|
|
|
|
|
|
<td style="text-align:right" data-bind="text: $root.budgetten() ? $root.budgetten().extrabedragpct : '0,00',
|
|
style : {color: $root.budgetten() && Number($root.budgetten().extraverschil) < 0 ? 'red' : 'black' }">
|
|
</td>
|
|
<td style="text-align:right" data-bind="text : $root.budgetten() ?$root.budgetten().extrabudgetpct : '0,00' "></td>
|
|
|
|
|
|
</tr>
|
|
<!-- ko foreach: extra -->
|
|
<!-- ko if: $root.extrageopend() -->
|
|
<!-- ko foreach: subsoorten -->
|
|
<tr style="border-bottom:1px solid #ebebeb">
|
|
<td></td>
|
|
<td data-bind="text:naam" class="naam" style="padding:0;" > </td>
|
|
<td data-bind="text: uitgavetypes[0].bedragformat,
|
|
style: {color: uitgavetypes[0].budget && Number(uitgavetypes[0].budgetform ) < Number(uitgavetypes[0].bedragform) ? 'red' : 'black' }"
|
|
style="text-align:right; width:98px ">
|
|
</td>
|
|
<td data-bind="text: uitgavetypes[1].bedragformat,
|
|
style: {color: uitgavetypes[1].budget && Number(uitgavetypes[1].budgetform) < Number(uitgavetypes[1].bedragform) ? 'red' : 'black' }"
|
|
style="text-align:right; width:91px ">
|
|
</td>
|
|
<td data-bind="text: i uitgavetypes[2].bedragformat,
|
|
style: {color: uitgavetypes[2].budget && Number(uitgavetypes[2].budgetform) <Number(uitgavetypes[2].bedragform) ? 'red' : 'black' }"
|
|
style="text-align:right;width:91px">
|
|
</td>
|
|
<td data-bind="text: uitgavetypes[3].bedragformat,
|
|
style: {color: uitgavetypes[3].budget && Number(uitgavetypes[3].budgetform) < Number(uitgavetypes[3].bedragform) ? 'red' : 'black' }"
|
|
style="text-align:right;width:91px">
|
|
</td>
|
|
<td data-bind="text: uitgavetypes[3].budgetformat " style="text-align:right;width:91px"></td>
|
|
<td ><i class="fa fa-info-circle"
|
|
data-bind="visible: Number(uitgavetypes[3].budget.form))> 0,
|
|
click: $root.fOpenDetails.bind($data, 'EXTRA')">
|
|
</i>
|
|
</td>
|
|
<td data-bind="text: uitgavetypes[3].verschilformat ,
|
|
style: {color: Number(uitgavetypes[3].verschilform)< 0 ? 'red': 'black'}"
|
|
style="text-align:right; ">
|
|
</td>
|
|
<td style="text-align:right;" data-bind="text: uitgavetypes[3].bedragpct,
|
|
style: {color: Number(uitgavetypes[3].verschil.form)< 0 ? 'red': 'black'}">
|
|
</td>
|
|
<td style="text-align:right;" data-bind="text: uitgavetypes[3].budgetpct"></td>
|
|
|
|
</tr>
|
|
|
|
<!--/ko-->
|
|
<!--/ko-->
|
|
<!--/ko-->
|
|
|
|
</tbody>
|
|
<tbody>
|
|
<tr style="background-color:#f8f8f8">
|
|
<td></td>
|
|
<td style="text-align:left">Totaal</td>
|
|
<!-- ko if: totsomperuitgavetype() -->
|
|
<!-- ko foreach: totsomperuitgavetype-->
|
|
<td style="text-align:right" data-bind="text: som"></td>
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
<!-- ko if: ! totsomperuitgavetype() -->
|
|
<!-- ko foreach: uitgavetypes-->
|
|
<td style="text-align:right" >0,00</td>
|
|
<!-- /ko -->
|
|
<td style="text-align:right" >0,00</td>
|
|
<!-- /ko -->
|
|
<td style="text-align:right" data-bind="text: $root.budgetten() ? $root.schooltotaal().budget : '0,00'">
|
|
</td>
|
|
<td ><i class="fa fa-info-circle"
|
|
data-bind="visible: $root.schooltotaal().budget > 0,
|
|
click: $root.fOpenDetails.bind($data, 'TOTAAL') ">
|
|
</i>
|
|
</td>
|
|
<td style="text-align:right"
|
|
data-bind="text: $root.schooltotaal() && $root.schooltotaal().verschil ? $root.schooltotaal().verschil : '0,00',
|
|
style : {color: $root.schooltotaal() && Number($root.schooltotaal().verschil) < 0 ? 'red' : 'black' }">
|
|
</td>
|
|
<td style="text-align:right"
|
|
data-bind="text: $root.budgetten() &&parseFloat($root.budgetten().totbedragbudgetkaal) > 0 ? $root.budgetten().totbedragbudgetpct : '0,00' ,
|
|
style: {color: parseFloat($root.budgetten().totbedragbudgetkaal) > 100 ? 'red' : 'black'}" >
|
|
</td>
|
|
<td style="text-align:right"
|
|
data-bind="text: $root.budgetten() ? $root.budgetten().totbudgetpct: '0,00' ">
|
|
</td>
|
|
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div data-bind="visible: opmerking()" style="margin-top: 20px">
|
|
<p>Opmerkingen</p>
|
|
<p data-bind="text: opmerking"></p>
|
|
</div>
|
|
</div> <!-- visible -->
|
|
<div data-bind="visible: zelfjanee() == 0 && (selectedOrg() && selectedOrg().soort != 4) ">
|
|
<?php $this->load->view("monpas/pages/monfin2/overorgs.php"); ?>
|
|
</div>
|
|
<div data-bind="visible: zelfjanee() == 2 && (selectedOrg() && selectedOrg().soort != 4) ">
|
|
<?php $this->load->view("monpas/pages/monfin2/pmsorgs.php"); ?>
|
|
</div>
|
|
</div> <!-- holder voor pdf -->
|
|
</div> <!-- col sm 9 -->
|
|
|
|
<?php $this->load->view("monpas/modals/findetails_modal"); ?>
|
|
|
|
</div>
|