initial commit
This commit is contained in:
@@ -0,0 +1,311 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagmonfinbestedingen">
|
||||
<div class="col-sm-12" >
|
||||
<h4> Kalenderjaar
|
||||
<select data-bind="options: kalenderjaren,
|
||||
optionsText: 'naam',
|
||||
value: selectedKalenderjaar,
|
||||
event: {change: fGetBestedingen}">
|
||||
</select>
|
||||
<span style="margin-right: 20px;"
|
||||
data-bind="text: 'Dit jaar is financieel afgesloten', visible: jaarclosed()"><span>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class = "col-sm-12" >
|
||||
<div data-bind="visible: jaartoewijzing()">
|
||||
|
||||
<div style= "border:1px solid #dbdbdb; width: 100%" data-bind="visible: jaartoewijzing() && jaartoewijzing().basisextra != 0">
|
||||
<h4><button class="openbutton" data-bind="css: {closebutton: basisgeopend()}, click: fToggle.bind($data,1)"></button>
|
||||
Basisondersteuning
|
||||
</h4>
|
||||
<div data-bind="visible: basisgeopend()">
|
||||
<button style ="float:right; margin-right: 220px"
|
||||
data-bind ="click: fNewBedrag.bind($data,1),visible: writer()&& !jaarclosed()">nieuwe regel
|
||||
</button>
|
||||
|
||||
<table class="lstable" style="width : 755px; font-size:0.9em">
|
||||
<thead>
|
||||
<tr style="border:none">
|
||||
<th style="width:100px; border-bottom:none">Soort</th>
|
||||
<th style="width: 300px; border-bottom:none">Omschrijving</th>
|
||||
<th style="width:135px; border-bottom:none">Bedrag</th>
|
||||
<th style="width: 135px; border-bottom:none">Geformatteerd bedrag</th>
|
||||
<th style="width:20px; border-bottom:none"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: basis">
|
||||
<tr>
|
||||
<td><select data-bind="options: $parent.bestemmingslabels,
|
||||
optionsText: 'omschrijving',
|
||||
optionsValue: 'labelnr' ,
|
||||
value: labelnr,
|
||||
enable: $parent.writer() && !$parent.jaarclosed(),
|
||||
event:{change: $root.fUpdateLabel} ">
|
||||
</select>
|
||||
</td>
|
||||
<td><input style="width:100%"
|
||||
data-bind="textInput:omschrijving,
|
||||
event: {input:$parent.fUpdateOmschrijving},
|
||||
enable: $parent.writer() && ! $parent.jaarclosed()" /></td>
|
||||
<td><input class="decimal"
|
||||
style="max-width:100%"
|
||||
data-bind="textInput: bedrag,
|
||||
enable: $parent.writer() && ! $parent.jaarclosed(),
|
||||
event:{input: $parent.fUpdateBedrag}" /></td>
|
||||
<td style="text-align: right" data-bind="text: fbedrag"></td>
|
||||
<td class="delete"
|
||||
data-bind="click : $parent.fDeleteBedrag.bind($data,1),
|
||||
visible : $parent.writer() && ! $parent.jaarclosed()">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>Totaal basisondersteuning</td>
|
||||
<td></td>
|
||||
<td style='text-align:right;' data-bind="text: totaalbasis"></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>Budget</td>
|
||||
<td></td>
|
||||
<td style='text-align:right;' data-bind="text: (jaartoewijzing() !== undefined && jaartoewijzing().basis) ? jaartoewijzing().basis : ''"></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div> <!-- basis geopend -->
|
||||
</div> <!-- basis -->
|
||||
<div style= "border:1px solid #dbdbdb; width :100%" data-bind="visible: jaartoewijzing() && jaartoewijzing().basisextra != 0">
|
||||
<h4>
|
||||
<button class="openbutton"
|
||||
data-bind="css: {closebutton: extrageopend() }, click: fToggle.bind($data,2)"></button>
|
||||
Extra ondersteuning
|
||||
</h4>
|
||||
<div data-bind="visible: extrageopend()">
|
||||
<button style="float:right; margin-right: 220px"
|
||||
data-bind="click: fNewBedrag.bind($data,2), visible: writer() && ! jaarclosed()">nieuwe regel</button>
|
||||
|
||||
<table class="lstable" style="width : 755px; font-size:0.9em">
|
||||
<thead>
|
||||
<tr style="border:none">
|
||||
<th style="width:100px; border-bottom:none">Soort</th>
|
||||
<th style="width: 300px; border-bottom:none">Omschrijving</th>
|
||||
<th style="width:135px; border-bottom:none">Bedrag</th>
|
||||
<th style="width: 135px; border-bottom:none">Geformatteerd bedrag</th>
|
||||
<th style="width:20px; border-bottom:none"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: extra">
|
||||
<tr>
|
||||
<td><select data-bind="options: $parent.bestemmingslabels,
|
||||
optionsText: 'omschrijving',
|
||||
optionsValue: 'labelnr' ,
|
||||
value: labelnr,
|
||||
enable: $parent.writer() && ! $parent.jaarclosed(),
|
||||
event:{change: $root.fUpdateLabel} ">
|
||||
</select>
|
||||
</td>
|
||||
<td><input style="width:100%"
|
||||
data-bind="textInput:omschrijving,
|
||||
enable: $parent.writer() && ! $parent.jaarclosed(),
|
||||
event: {input:$parent.fUpdateOmschrijving}" /></td>
|
||||
<td><input class="decimal"
|
||||
style="max-width:100%"
|
||||
data-bind="textInput: bedrag,
|
||||
enable: $parent.writer() && ! $parent.jaarclosed(),
|
||||
event:{input: $parent.fUpdateBedrag}" /></td>
|
||||
<td style="text-align: right" data-bind="text: fbedrag"></td>
|
||||
<td class="delete"
|
||||
data-bind="click: $parent.fDeleteBedrag.bind($data,2), visible: $parent.writer() && ! $parent.jaarclosed()"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>Totaal extra ondersteuning</td>
|
||||
<td></td>
|
||||
<td style='text-align:right;' data-bind="text: totaalextra"></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>Budget</td>
|
||||
<td></td>
|
||||
<td style='text-align:right;' data-bind="text: (jaartoewijzing() !== undefined && jaartoewijzing().extra) ? jaartoewijzing().extra : ''"></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div> <!-- extra geopend -->
|
||||
</div> <!-- extra -->
|
||||
<div style= "border:1px solid #dbdbdb; width :100%" data-bind="visible:jaartoewijzing() && jaartoewijzing().basisextra == 0">
|
||||
<h4>
|
||||
<button class="openbutton" data-bind="css: {closebutton: somgeopend() }, click: fToggle.bind($data,3)"></button>
|
||||
Ondersteuning
|
||||
</h4>
|
||||
<div data-bind="visible: somgeopend()">
|
||||
<button style="float:right; margin-right: 220px"
|
||||
data-bind="click: fNewBedrag.bind($data,3), visible: writer() && ! jaarclosed()">nieuwe regel</button>
|
||||
|
||||
<table class="lstable" style="width : 755px; font-size:0.9em">
|
||||
<thead>
|
||||
<tr style="border:none">
|
||||
<th style="width:100px; border-bottom:none">Soort</th>
|
||||
<th style="width: 300px; border-bottom:none">Omschrijving</th>
|
||||
<th style="width:135px; border-bottom:none">Bedrag</th>
|
||||
<th style="width: 135px; border-bottom:none">Geformatteerd bedrag</th>
|
||||
<th style="width:20px; border-bottom:none"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: som">
|
||||
<tr>
|
||||
<td><select data-bind="options: $parent.bestemmingslabels,
|
||||
optionsText: 'omschrijving',
|
||||
optionsValue: 'labelnr' ,
|
||||
value: labelnr,
|
||||
enable: $root.writer() && ! $parent.jaarclosed(),
|
||||
event:{change: $root.fUpdateLabel} ">
|
||||
</select>
|
||||
</td>
|
||||
<td><input style="width:100%"
|
||||
data-bind="textInput:omschrijving,
|
||||
enable: $parent.writer() && ! $parent.jaarclosed(),
|
||||
event: {input:$parent.fUpdateOmschrijving}" /></td>
|
||||
<td><input class="decimal"
|
||||
style="max-width:100%"
|
||||
data-bind="textInput: bedrag,
|
||||
enable: $parent.writer() && ! $parent.jaarclosed(),
|
||||
event:{input: $parent.fUpdateBedrag}" /></td>
|
||||
<td style="text-align: right" data-bind="text: fbedrag"></td>
|
||||
<td class="delete"
|
||||
data-bind="click: $parent.fDeleteBedrag.bind($data,3),
|
||||
visible: $parent.writer() && ! $parent.jaarclosed()">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>Totaal ondersteuning</td>
|
||||
<td></td>
|
||||
<td style='text-align:right;' data-bind="text: totaalsom"></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>Budget</td>
|
||||
<td></td>
|
||||
<td style='text-align:right;' data-bind="text: (jaartoewijzing() !== undefined && jaartoewijzing().som) ? jaartoewijzing().som : ''"></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div> <!-- somgeopend -->
|
||||
</div> <!-- som -->
|
||||
|
||||
<div style= "border:1px solid #dbdbdb; width:100%" >
|
||||
<h4>
|
||||
<button class="openbutton" data-bind="css: {closebutton: overiggeopend() }, click: fToggle.bind($data,4)"></button>
|
||||
Overig
|
||||
</h4>
|
||||
<div data-bind="visible: overiggeopend()">
|
||||
<button style="float:right; margin-right: 220px"
|
||||
data-bind="click: fNewBedrag.bind($data,4), visible: writer() && ! jaarclosed()">nieuwe regel</button>
|
||||
|
||||
<table class="lstable" style="width : 755px; font-size:0.9em">
|
||||
<thead>
|
||||
<tr style="border:none">
|
||||
<th style="width:100px; border-bottom:none">Soort</th>
|
||||
<th style="width: 300px; border-bottom:none">Omschrijving</th>
|
||||
<th style="width:135px; border-bottom:none">Bedrag</th>
|
||||
<th style="width: 135px; border-bottom:none">Geformatteerd bedrag</th>
|
||||
<th style="width:20px; border-bottom:none"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: overig">
|
||||
<tr>
|
||||
<td><select data-bind="options: $parent.bestemmingslabels,
|
||||
optionsText: 'omschrijving',
|
||||
optionsValue: 'labelnr' ,
|
||||
value: labelnr,
|
||||
enable: $parent.writer() && ! $parent.jaarclosed(),
|
||||
event:{change: $root.fUpdateLabel} ">
|
||||
</select>
|
||||
</td>
|
||||
<td><input style="width:100%"
|
||||
data-bind="textInput:omschrijving,
|
||||
enable: $parent.writer() && ! $parent.jaarclosed(),
|
||||
event: {input:$parent.fUpdateOmschrijving}" /></td>
|
||||
<td><input class="decimal"
|
||||
style="max-width:100%"
|
||||
data-bind="textInput: bedrag,
|
||||
enable: $parent.writer() && ! $parent.jaarclosed(),
|
||||
event:{input: $parent.fUpdateBedrag}" /></td>
|
||||
<td style="text-align: right" data-bind="text: fbedrag"></td>
|
||||
<td class="delete"
|
||||
data-bind="click: $parent.fDeleteBedrag.bind($data,4) ,
|
||||
visible: $parent.writer() && ! $parent.jaarclosed()">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>Totaal overig</td>
|
||||
<td></td>
|
||||
<td style='text-align:right;' data-bind="text: totaaloverig"></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>Budget</td>
|
||||
<td></td>
|
||||
<td style='text-align:right;' data-bind="text: (jaartoewijzing() !== undefined && jaartoewijzing().overig) ? jaartoewijzing().overig : ''"></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div> <!-- overig geopend -->
|
||||
</div> <!-- overig -->
|
||||
<p>Opmerkingen</p>
|
||||
<textarea style= "width: 80%" data-bind="textInput: opmerking, event:{input: fSaveOpmerking}, enable:! jaarclosed()"></textarea>
|
||||
</div> <!-- visible jaartoewijzing -->
|
||||
<div data-bind="visible: !jaartoewijzing()">
|
||||
<p>Er zijn nog geen budgetgegevens voor dit kalenderjaar</p>
|
||||
</div>
|
||||
|
||||
</div> <!-- visible holder -->
|
||||
<!-- ********** modals *************** -->
|
||||
<div class="modal fade" id="modNewBedrag" role="dialog" >
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4>Nieuwe bestemmingsregel <span data-bind="text: soortnaam" ></span></h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<table>
|
||||
<tr>
|
||||
<td>Soort: </td>
|
||||
<td><select data-bind="options: bestemmingslabels,
|
||||
optionsText: 'omschrijving',
|
||||
value: selectedLabel,
|
||||
event: {change: fGetBestedingen}">
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Omschrijving: </td>
|
||||
<td><input style="width: 250px" data-bind="textInput: newOmschrijving" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Bedrag: </td>
|
||||
<td><input class="decimal" style="max-width: 210px" data-bind="textInput: newBedrag" ></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button style="float:left; width: 80px;"
|
||||
data-bind="click:fSaveNewBedrag"> opslaan </button>
|
||||
<button style="width: 80px;"
|
||||
data-dismiss="modal" >annuleren</button>
|
||||
</div>
|
||||
</div> <!--modal content -->
|
||||
</div><!-- modal dialog -->
|
||||
</div> <!-- modal -->
|
||||
</div>
|
||||
@@ -0,0 +1,126 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagmonfinbeheer">
|
||||
|
||||
<div class="col-sm-12" style="padding:0px">
|
||||
<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.fToggle, 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.fToggle, 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.fToggle, 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>
|
||||
<div style="width: 100%"
|
||||
data-bind="visible: selectedOrg(), with: selectedOrg">
|
||||
<h4 style="margin-top:0px"><span data-bind="text: fnaam"></span> : Budgetten</h4>
|
||||
<table class="lstable" style="width:100%; font-size: 0.8em">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width:12%; text-align:center">Kalenderjaar</th>
|
||||
<th style="width:16%; text-align:center">Basis ondersteuning</th>
|
||||
<th style="width:16%; text-align:center">Extra ondersteuning</th>
|
||||
<th style="width:16%; text-align:center">Som ondersteuning</th>
|
||||
<th style="width:16%; text-align:center">Overige</th>
|
||||
<th style="width:8%"></th>
|
||||
<th style="width:16%" title="basisondersteuning = lichte ondersteuning; extra ondersteuning = zware ondersteuning">onderscheid <br> basis-extra ondersteuning*</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind= "foreach: $parent.bedragen">
|
||||
<tr>
|
||||
<td data-bind="text: kalenderjaar"></td>
|
||||
<td><input class="decimal"
|
||||
style="max-width: 100%;width:100%"
|
||||
data-bind="textInput: basis,
|
||||
event:{change: $root.fUpdatebedrag.bind($data,1)},
|
||||
enable: basisextra() ==1 && vastgelegd() != 1,
|
||||
visible: !jaarclosed() " /></td>
|
||||
<td><input class="decimal"
|
||||
style="max-width: 100%;width:100%"
|
||||
data-bind="textInput: extra,
|
||||
event:{change: $root.fUpdatebedrag.bind($data,2)},
|
||||
enable: basisextra() == 1 && vastgelegd() != 1,
|
||||
visible: !jaarclosed() " /></td>
|
||||
<td><input class="decimal"
|
||||
style="max-width: 100%;width:100%; "
|
||||
data-bind="textInput: som,
|
||||
event:{change: $root.fUpdatebedrag.bind($data,3)},
|
||||
visible: basisextra() == 0 && ! jaarclosed(),
|
||||
enable: vastgelegd() !=1" />
|
||||
</td>
|
||||
<td ><input class="decimal"
|
||||
style="max-width: 100%;width:100%"
|
||||
data-bind="textInput: overig,
|
||||
enable: vastgelegd() != 1,
|
||||
event:{change: $root.fUpdatebedrag.bind($data,4)},
|
||||
visible: !jaarclosed() " />
|
||||
|
||||
<td ><button data-bind="click: $root.fLegVast,
|
||||
visible: (vastgelegd() == 0 || vastgelegd() == null) && !jaarclosed() ">leg vast</button>
|
||||
</td>
|
||||
<td >
|
||||
|
||||
<input type="radio" name = "basisextra" value='0' data-bind="attr:{name: 'basisextra' + id},checked: basisextra, enable: (basisextravast()=='0' || basisextravast() == null) && ! jaarclosed(), click: $root.fUpdateBE" /> nee
|
||||
<input type="radio" name = "basisextra" value='1' data-bind="attr:{name: 'basisextra' + id},checked: basisextra, enable:(basisextravast()=='0' || basisextravast() == null) && !jaarclosed(), click: $root.fUpdateBE" /> ja
|
||||
<button data-bind="click: $root.fLegBasisextravast, visible: (basisextravast() =='0' || basisextravast() == null) && !jaarclosed()"> leg vast</button>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr style="border-bottom:1px solid #dbdbdb">
|
||||
<td>geformatteerd</td>
|
||||
<td style="text-align: right" data-bind="text: screenbasis"></td>
|
||||
<td style="text-align: right" data-bind="text: screenextra"></td>
|
||||
<td style="text-align: right" data-bind="text: screensom"></td>
|
||||
<td style="text-align: right" data-bind="text: screenoverig"></td>
|
||||
<td colspan =2>
|
||||
<button style="width: 100%; margin-top: 5px; margin-bottom: 5px;"
|
||||
data-bind="click: $root.fJaarAfsluiten, visible: ! jaarclosed() && $root.selectedOrg().soort ==1">
|
||||
jaar afsluiten
|
||||
</button>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,190 @@
|
||||
<div class="col-sm-12 mainpagina" id ="pagmonfinoverzicht">
|
||||
<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.fToggle, 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.fToggle, 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.fToggle, 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>
|
||||
|
||||
<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 organisatie
|
||||
<input type='radio' name='zelfjn' value='0' data-bind="checked: zelfjanee, click: fGetBedragen" /> sub-organisaties
|
||||
</div>
|
||||
|
||||
</h4>
|
||||
<div data-bind="visible: zelfjanee()==1 || (selectedOrg() && selectedOrg().soort == 4)">
|
||||
<table class="lstable" style="width:830px" id='mytesttable'>
|
||||
<colgroup>
|
||||
<col style="width: 20px">
|
||||
<col style="width: 210px">
|
||||
<col style="width: 200px; ">
|
||||
<col style="width: 200px; ">
|
||||
<col style="width: 200px; ">
|
||||
</colgroup>
|
||||
<tbody data-bind="foreach:schoolbedragen">
|
||||
<tr>
|
||||
<td colspan = 5 style="font-size:1.2em; font-weight: 700"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan = 5 data-bind="text: soortbestemming" style="font-size:1.2em; font-weight: 700"></td>
|
||||
</tr>
|
||||
<tr style="background-color:#DED0D7">
|
||||
<td></td>
|
||||
<td>Label</td>
|
||||
<td class="tar">Bestemming</td>
|
||||
<td class="tar">Budget</td>
|
||||
<td class="tar">Verschil</td>
|
||||
</tr>
|
||||
<!-- ko foreach: labels-->
|
||||
<tr >
|
||||
<td class="openbutton" data-bind="click: $root.fToggle, css: { closebutton: geopend()}"></td>
|
||||
<td data-bind="text: k.naam"></td>
|
||||
<td class="tar" data-bind="text: k.som"></td>
|
||||
<td class="tar"></td>
|
||||
<td class="tar"></td>
|
||||
</tr>
|
||||
<tr data-bind="visible: geopend">
|
||||
<td></td>
|
||||
<td colspan=4 style="padding-left:10px;">
|
||||
<table class="lstable" style="width:300px">
|
||||
<tbody data-bind="foreach: k.details">
|
||||
<tr class="alter">
|
||||
<td style="width: 200px" data-bind="text: omschrijving"></td>
|
||||
<td style="width: 100px;text-align:right;" data-bind="text: bedrag"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td> <!-- subtabel holder-->
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
<tr style="font-style:italic">
|
||||
<td colspan=2 > Totaal <span data-bind="text:soortbestemming"></span> </td>
|
||||
<td class="tar" data-bind="text:soorttotaal"></td>
|
||||
<td class="tar" data-bind="text: soortbudget"></td>
|
||||
<td class="tar" data-bind="text: soortverschil"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tr style="border-top: 1px solid #cbcbcb; font-weight: bold; font-size: 1.0em" data-bind="visible:schooltotaal() !=0">
|
||||
<td colspan=2 > Totaal organisatie </td>
|
||||
<td class="tar" data-bind="text:schooltotaal().bestemd"></td>
|
||||
<td class="tar" data-bind="text:schooltotaal().budget"></td>
|
||||
<td class="tar" data-bind="text:schooltotaal().verschil"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<textarea style="margin-top:20px; width:100%" data-bind="visible: opmerking().length>0, text: opmerking, enable: false">
|
||||
</textarea>
|
||||
</div> <!-- visible zelfjanee = 1 -->
|
||||
<div data-bind="visible: zelfjanee() == 0 && (selectedOrg() && selectedOrg().soort != 4) ">
|
||||
<table class="lstable" style="width:100%" id="suborgtable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width:22%; text-align:left">Organisatie</th>
|
||||
<th style="text-align: right" data-bind="visible: basisextra"> Basis</th>
|
||||
|
||||
<th style="text-align: right" data-bind="visible: basisextra">Extra</th>
|
||||
|
||||
<th style="text-align: right" data-bind="visible: !basisextra()">Ondersteuning</th>
|
||||
<th style="text-align: right">Overig</th>
|
||||
<th style="text-align: right">Totaal bestemd</th>
|
||||
<th style="text-align: right">Totaal budget</th>
|
||||
<th style="text-align: right">Verschil</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: borganisaties">
|
||||
<tr style="border-bottom:1px solid #dbdbdb">
|
||||
<td data-bind="text: naam"></td>
|
||||
<td style="text-align: right" data-bind="text: basis, visible:$parent.basisextra "></td>
|
||||
<td style="text-align: right" data-bind="text:extra, visible:$parent.basisextra"></td>
|
||||
<td style="text-align: right" data-bind="text: besom, visible: !$parent.basisextra() "></td>
|
||||
<td style="text-align: right" data-bind="text: overig"></td>
|
||||
<td style="text-align: right" data-bind="text: totaal"></td>
|
||||
<td style="text-align: right" data-bind="text: totaalbudget"></td>
|
||||
<td style="text-align: right" data-bind="text: verschil"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody data-bind="with: sumarray">
|
||||
<tr style="font-style: italic; border-bottom: 2px solid #dbdbdb; background-color:#efe9ec">
|
||||
<td >Subtotaal</td>
|
||||
<td style="text-align: right" data-bind="text: basis, visible:$parent.basisextra "></td>
|
||||
<td style="text-align: right" data-bind="text:extra, visible:$parent.basisextra"></td>
|
||||
<td style="text-align: right" data-bind="text: besom, visible: !$parent.basisextra() "></td>
|
||||
<td style="text-align: right" data-bind="text: overig"></td>
|
||||
<td style="text-align: right" data-bind="text: totaal"></td>
|
||||
<td style="text-align: right" data-bind="text: totaalbudget"></td>
|
||||
<td style="text-align: right" data-bind="text: verschil"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody data-bind="with:targetorg">
|
||||
<tr>
|
||||
<td data-bind='text: naam'></td>
|
||||
<td style="text-align: right" data-bind="text: basis, visible:$parent.basisextra "></td>
|
||||
<td style="text-align: right" data-bind="text:extra, visible:$parent.basisextra"></td>
|
||||
<td style="text-align: right" data-bind="text: besom, visible: !$parent.basisextra() "></td>
|
||||
<td style="text-align: right" data-bind="text: overig"></td>
|
||||
<td style="text-align: right" data-bind="text: totaal"></td>
|
||||
<!-- <td style="text-align: right" data-bind="text: totaalbudget"></td>
|
||||
<td style="text-align: right" data-bind="text: verschil"></td> -->
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody data-bind="with:grandtot">
|
||||
<tr style='font-weight:700; background-color:#ebe3e7'>
|
||||
<td >Totaal</td>
|
||||
<td style="text-align: right" data-bind="text: basis, visible:$parent.basisextra "></td>
|
||||
<td style="text-align: right" data-bind="text:extra, visible:$parent.basisextra"></td>
|
||||
<td style="text-align: right" data-bind="text: besom, visible: !$parent.basisextra() "></td>
|
||||
<td style="text-align: right" data-bind="text: overig"></td>
|
||||
<td style="text-align: right" data-bind="text: totaal"></td>
|
||||
<td style="text-align: right" data-bind="text: totaalbudget"></td>
|
||||
<td style="text-align: right" data-bind="text: verschil"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> <!--visible zelfjanee = 0 -->
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user