Files
2021-07-10 16:25:16 +02:00

533 lines
20 KiB
PHP

<style>
div.ReportAlg{
display:none;
width:100%;
}
div.ReportAlg.selected{
display:block;
}
li.cOrgIn.selected, li.cOrgUit.selected, li.cPijlerIn.selected, li.cPijlerUit.selected,
li.cOrgaIn.selected, li.cOrgaUit.selected, li.cBGIn.selected, li.cBGUit.selected,
li.cPaIn.selected, li.cPaUit.selected,li.cMAIn.selected,li.cMAUit.selected{
background-color:#975796;
color:#fff;
}
</style>
<div id='page-overzichten'>
<div id="overzicht-side-left">
<ul id="inner-overzicht-side-left" data-bind="foreach:reports">
<li class="report-listitem"
data-bind="click:$parent.fToonOptiesStart,
text:name,
attr:{id: 'liKnop' + id} ">
</li>
</ul>
</div>
<div id="overzicht-side-right">
<div id="inner-overzicht-side-right">
<!-- ********************* Mensen *************************** -->
<div class="ReportAlg" id="mensen">
<h3 style='font-family:Mooischrijf;font-size:1.5em'> Mensen in tijd</h3>
<!-- ko with: partituur -->
<p> Partituur: <span data-bind="text: partituur_naam"> </span> </p>
<!-- /ko -->
<p> &nbsp; </p>
<p>Periode van
<input class="datveld "
readonly="readonly"
data-bind="datepicker{},value: partituurvan" />
t/m
<input class="datveld "
readonly="readonly"
data-bind="datepicker{},value:partituurtot" />
</p>
<p>&nbsp;</p>
<p> Overzicht per: </p>
<input type="radio" name="periode2" value= '1' data-bind="checked: periode"/> dag <br/>
<input type="radio" name="periode2" value= '2' data-bind="checked: periode"/> maand <br/>
<input type="radio" name="periode2" value= '3' data-bind="checked: periode"/> jaar <br/>
<!-- gebruikers in overzicht/niet in overzicht -->
<div style="float:left;width:100%;">
<div style="float:left;width:40%;">
<p style="font-style:italic; text-align:center"> in overzicht </p>
<div style= "height: 190px; width:100%;overflow-y:scroll;overflow-x:auto">
<ul data-bind='foreach: maUsersIn, event:{mouseleave: setMouseUp}' >
<li class="cMAIn"
data-bind="text: fullname,
attr:{'id': 'ls1'+id},
click: $parent.fSetMASelect,
event:{ mousedown: $parent.setMouseDown,
mouseup: $parent.setMouseUp,
mouseleave: $parent.fSetMASelect}">
</li>
</ul>
</div>
</div>
<div style="float:left; width:15%;" >
<button class="onwhite"
style="margin-top:40px;margin-left:25px"
data-bind="click:fMANaarInclude">&#60;
</button>
<br/>
<button class="onwhite"
style="margin-top:20px;margin-left:25px"
data-bind="click:fMAUitInclude">&#62;
</button>
</div>
<div style="float:left; width: 40%; ">
<p style="font-style:italic; text-align:center"> niet in overzicht </p>
<div style= "height: 190px; width:100%; overflow-y:scroll;overflow-x:auto">
<ul data-bind='foreach: maUsersUit,event:{mouseleave: setMouseUp}' >
<li class="cMAUit"
data-bind= "text: fullname,
attr:{'id': 'ls2'+id},
click: $parent.fSetMASelect,
event:{ mousedown: $parent.setMouseDown,
mouseup: $parent.setMouseUp,
mouseleave: $parent.fSetMASelect}">
</li>
</ul>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
<!-- ********************* MensActief *************************** -->
<div class="ReportAlg" id="mensactief">
<h3 style='font-family:Mooischrijf;font-size:1.5em'> Mensen x activiteiten</h3>
<!-- ko with:partituur -->
<p> partituur: <span data-bind="text: partituur_naam"> </span> </p>
<!-- /ko -->
<p> &nbsp; </p>
<!-- gebruikers in overzicht/niet in overzicht -->
<div style="float:left;width:100%;">
<div style="float:left;width:40%;">
<p style="font-style:italic; text-align:center"> in overzicht </p>
<div style= "height: 274px; width:100%;overflow-y:scroll;overflow-x:auto">
<ul data-bind='foreach: maUsersIn, event:{mouseleave: setMouseUp}' >
<li class="cMAIn"
data-bind="text: fullname,
attr:{'id': 'ls3'+id},
click: $parent.fSetMASelect,
event:{ mousedown: $parent.setMouseDown,
mouseup: $parent.setMouseUp,
mouseleave: $parent.fSetMASelect}"> </li>
</ul>
</div>
</div>
<div style="float:left; width:15%;" >
<button class="onwhite"
style="margin-top:40px;margin-left:25px"
data-bind="click:fMANaarInclude">&#60;
</button>
<br/>
<button class="onwhite"
style="margin-top:20px;margin-left:25px"
data-bind="click:fMAUitInclude">&#62;
</button>
</div>
<div style="float:left; width: 40%; ">
<p style="font-style:italic; text-align:center"> niet in overzicht </p>
<div style= "height: 275px; width:100%; overflow-y:scroll;overflow-x:auto">
<ul data-bind='foreach: maUsersUit,event:{mouseleave: setMouseUp}' >
<li class="cMAUit"
data-bind= "text: fullname,
attr:{'id': 'ls4'+id},
click: $parent.fSetMASelect,
event:{ mousedown: $parent.setMouseDown,
mouseup: $parent.setMouseUp,
mouseleave: $parent.fSetMASelect}">
</li>
</ul>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
<p>&nbsp;</p>
<!-- ******************* Activiteiten ***************************** -->
<div class="ReportAlg" id="activiteiten" >
<h3 style='font-family:Mooischrijf;font-size:1.5em;margin-top:0px'> Activiteiten</h3>
Partituur
<select data-bind="options: partituren(),
optionsText:'naam',
optionsValue: 'id',
value: selectedPartituur,
event:{change: fGetPijlers}" >
</select>
<br/>
<div style="float:left;width:40%;">
<p style="font-style:italic; text-align:center"> in overzicht </p>
<div style= "height: 274px; width:100%;overflow-y:scroll;overflow-x:auto">
<ul data-bind='foreach: PijlersIn, event:{mouseleave: setMouseUp}' >
<li class="cPijlerIn"
data-bind="text: pijlerNaam,
click: $parent.fSetPijlSelectedIn,
event:{ mousedown: $parent.setMouseDown,
mouseup: $parent.setMouseUp,
mouseleave: $parent.fSetPijlSelectedIn},
attr:{id: 'PijlIn' + id }"> </li>
</ul>
</div>
</div>
<div style="float:left; width:15%;" >
<button class="onwhite"
style="margin-top:40px;margin-left:25px"
data-bind="click:fPijlNaarInclude">&#60;
</button>
<br/>
<button class="onwhite"
style="margin-top:20px;margin-left:25px"
data-bind="click:fPijlUitInclude">&#62;
</button>
</div>
<div style="float:left; width: 40%; ">
<p style="font-style:italic; text-align:center"> niet in overzicht </p>
<div style= "height: 275px; width:100%; overflow-y:scroll;overflow-x:auto">
<ul data-bind='foreach: PijlersUit,event:{mouseleave: setMouseUp}' >
<li class="cPijlerUit"
data-bind="text: pijlerNaam,
click: $parent.fSetPijlSelectedUit,
event:{ mousedown: $parent.setMouseDown,
mouseup: $parent.setMouseUp,
mouseleave: $parent.fSetPijlSelectedUit},
attr:{id: 'PijlUit' + id }"> </li>
</ul>
</div>
</div>
<div class="clearfix"> </div>
<p>Print afspraken uit de agenda
<input type="checkbox" data-bind="checked: PrintAgenda, click:fReturnTrue" />
</p>
</div>
<!-- ******************* Schoolbeelden ***************************** -->
<div class="ReportAlg" id="schoolbeelden">
<h3 style='font-family:Mooischrijf;font-size:1.5em;margin-top:0px'> Overzicht schoolbeelden</h3>
<p> toon de volgenden schoolbeelden</p>
<!-- ko foreach: beeld -->
<p>
<input type="checkbox" data-bind="checked: checked, click: $parent.fReturnTrue" />
<span data-bind="text:naam"> </span>
</p>
<!-- /ko -->
<p></p>
</div>
<!-- ******************* Gebruikers ***************************** -->
<div class="ReportAlg" id="gebruikers">
<h3 style='font-family:Mooischrijf;font-size:1.5em;margin-top:0px'> Overzicht gebruikers</h3>
<p></p>
<p> filter op naam </p>
<p> <input data-bind="value: filtervalue, event:{change: fSetfilter}" />
<input data-bind="value: filtervalue2, event:{change: fSetfilterUit}"
style='margin-left:200px' />
</p>
<div style="float:left;width:40%;">
<p style="font-style:italic; text-align:center"> in overzicht </p>
<div style= "height: 274px; width:100%;overflow-y:scroll;overflow-x:auto">
<ul data-bind='foreach: orgsIn,event:{mouseleave: setMouseUp}' >
<li class="cOrgaIn"
data-bind="text: naamkort+'-'+plaats,
click: $parent.fSetOrgSelectedIn,
event:{ mousedown: $parent.setMouseDown,
mouseup: $parent.setMouseUp,
mouseleave: $parent.fSetOrgSelectedIn},
attr:{id: 'OrgIn' + id },
visible: toon"> </li>
</ul>
</div>
<button class="onwhite"
style="margin-top:5px;margin-left:5px"
data-bind="click:fSelectAllOrg">selecteer alles
</button>
<button class="onwhite"
style="margin-top:5px;margin-left:5px"
data-bind="click:fDeselectAllOrg">deselecteren
</button>
<p></p>
</div>
<div style="float:left; width:15%;" >
<button class="onwhite"
style="margin-top:40px;margin-left:25px"
data-bind="click:fOrgNaarInclude">&#60;
</button>
<br/>
<button class="onwhite"
style="margin-top:20px;margin-left:25px"
data-bind="click:fOrgUitInclude">&#62;
</button>
</div>
<div style="float:left; width: 40%; ">
<p style="font-style:italic; text-align:center"> niet in overzicht </p>
<div style= "height: 275px; width:100%; overflow-y:scroll;overflow-x:auto">
<ul data-bind='foreach: orgsUit,event:{mouseleave: setMouseUp}' >
<li class="cOrgaUit"
data-bind="text: naamkort+'-'+plaats,
click: $parent.fSetOrgSelectedUit,
event:{ mousedown: $parent.setMouseDown,
mouseup: $parent.setMouseUp,
mouseleave: $parent.fSetOrgSelectedUit},
attr:{id: 'OrgUit' + id },
visible:toon"> </li>
</ul>
</div>
<button class="onwhite"
style="margin-top:5px;margin-left:5px"
data-bind="click:fSelectAllOrgUit">selecteer alles
</button>
<button class="onwhite"
style="margin-top:5px;margin-left:5px"
data-bind="click:fDeselectAllOrgUit">deselecteren
</button>
</div>
<div class="clearfix"> </div>
<p></p>
<p></p>
</div>
<!-- ******************* Planning ***************************** -->
<div class="ReportAlg" id="planning">
<h3 style='font-family:Mooischrijf;font-size:1.5em;margin-top:0px'> Planning</h3>
<p></p>
<p>Partituur: <span data-bind="text:actievePartituur" > </span> </p>
<p>&nbsp;</p>
<p>Periode van
<input class="datveld"
readonly="readonly"
data-bind="datepicker{}, value: partituurvan" />
t/m
<input class="datveld"
readonly="readonly"
data-bind="datepicker{}, value:partituurtot" />
</p>
<p>&nbsp;</p>
<p> Overzicht per: </p>
<input type="radio" name="periode" value= '1' data-bind="checked: periode"/> dag <br/>
<input type="radio" name="periode" value= '2' data-bind="checked: periode"/> maand <br/>
<input type="radio" name="periode" value= '3' data-bind="checked: periode"/> jaar <br/>
<p>&nbsp;</p>
<input type="radio" name="planrapport" value= '1' data-bind="checked: welkrapport"/> per partituur (alleen <?=$this->lang->line('lbl-pijlers')?>) <br/>
<input type="radio" name="planrapport" value= '2' data-bind="checked: welkrapport"/> per <?=$this->lang->line('lbl-pijler')?> (alle activiteiten per <?=$this->lang->line('lbl-pijler')?>)
<select data-bind="options: planningPijlers,
optionsText:'pijlerNaam',
optionsValue: 'id',
value: planningSelPijler" >
</select>
<p>&nbsp;</p>
</div>
<!-- ******************* Eigen schoolbeeld ***************************** -->
<div class="ReportAlg" id="eigenschoolbeeld">
<h3 style='font-family:Mooischrijf;font-size:1.5em;margin-top:0px'> Eigen schoolbeeld</h3>
Kies een partituur
<select data-bind="options: partituren(),
optionsText:'naam',
optionsValue: 'id',
value: selectedPartituur" >
</select>
<br/><br/>
</div>
<!-- ******************* monbasscores***************************** -->
<div class="ReportAlg" id="schoolmeterscores">
<h3 style='font-family:Mooischrijf;font-size:1.5em;margin-top:0px'> Scores Monitor Basisondersteuning</h3>
Stand van zaken gemeten in de periode van
<input class="datveld"
readonly="readonly"
data-bind="datepicker{},value: vandatum" />
t/m
<input class="datveld"
readonly="readonly"
data-bind="datepicker{},value: tmdatum" />
<br/><br/>
<p>Includeer de volgende organisatie(s): </p>
<br/>
<div style="float:left;width:40%;">
<p style="font-style:italic; text-align:center"> in overzicht </p>
<div style= "height: 274px; width:100%;overflow-y:scroll;overflow-x:auto">
<ul data-bind='foreach: organisatiesIn,event:{mouseleave: setMouseUp}' >
<li class="cOrgIn"
data-bind="text: naam +'-' + plaats,
click: $parent.fSetSelectedIn,
event:{ mousedown: $parent.setMouseDown,
mouseup: $parent.setMouseUp,
mouseleave: $parent.fSetSelectedIn},
attr:{id: 'OrgIn' + id }"> </li>
</ul>
</div>
</div>
<div style="float:left; width:15%;" >
<button class="onwhite"
style="margin-top:40px;margin-left:25px"
data-bind="click:fNaarInclude">&#60;
</button>
<br/>
<button class="onwhite"
style="margin-top:20px;margin-left:25px"
data-bind="click:fUitInclude">&#62;
</button>
</div>
<div style="float:left; width: 40%; ">
<p style="font-style:italic; text-align:center"> niet in overzicht </p>
<div style= "height: 275px; width:100%; overflow-y:scroll;overflow-x:auto">
<ul data-bind='foreach: organisatiesUit,event:{mouseleave: setMouseUp}' >
<li class="cOrgUit"
data-bind="text: naam + '-' + plaats,
click: $parent.fSetSelectedUit,
event:{ mousedown: $parent.setMouseDown,
mouseup: $parent.setMouseUp,
mouseleave: $parent.fSetSelectedUit},
attr:{id: 'OrgUit' + id }"> </li>
</ul>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- ******************* Organisaties ***************************** -->
<div class="ReportAlg" id="organisaties">
<h3 style='font-family:Mooischrijf;font-size:1.5em;margin-top:0px'> Overzicht organisaties per BG</h3>
<p></p>
<p> filter op naam </p>
<p> <input data-bind="value: filtervalue, event:{change: fSetfilterInBG}" />
<input data-bind="value: filtervalue2, event:{change: fSetfilterUitBG}"
style='margin-left:200px' />
</p>
<div style="float:left;width:40%;">
<p style="font-style:italic; text-align:center"> in overzicht </p>
<div style= "height: 274px; width:100%;overflow-y:scroll;overflow-x:auto">
<ul data-bind='foreach: BGsIn,event:{mouseleave: setMouseUp}' >
<li class="cBGIn"
data-bind="text: naamkort+'-'+plaats,
click: $parent.fSetBGSelectedIn,
event:{ mousedown: $parent.setMouseDown,
mouseup: $parent.setMouseUp,
mouseleave: $parent.fSetBGSelectedIn},
attr:{id: 'BGIn' + id },
visible: toon"> </li>
</ul>
</div>
<button class="onwhite"
style="margin-top:5px;margin-left:5px"
data-bind="click:fSelectAllBG">selecteer alles
</button>
<button class="onwhite"
style="margin-top:5px;margin-left:5px"
data-bind="click:fDeselectAllBG">deselecteren
</button>
<p></p>
</div>
<div style="float:left; width:15%;" >
<button class="onwhite"
style="margin-top:40px;margin-left:25px"
data-bind="click:fBGNaarInclude">&#60;
</button>
<br/>
<button class="onwhite"
style="margin-top:20px;margin-left:25px"
data-bind="click:fBGUitInclude">&#62;
</button>
</div>
<div style="float:left; width: 40%; ">
<p style="font-style:italic; text-align:center"> niet in overzicht </p>
<div style= "height: 275px; width:100%; overflow-y:scroll;overflow-x:auto">
<ul data-bind='foreach: BGsUit,event:{mouseleave: setMouseUp}' >
<li class="cBGUit"
data-bind="text: naamkort+'-'+plaats,
click: $parent.fSetBGSelectedUit,
event:{ mousedown: $parent.setMouseDown,
mouseup: $parent.setMouseUp,
mouseleave: $parent.fSetBGSelectedUit},
attr:{id: 'BGUit' + id },
visible:toon"> </li>
</ul>
</div>
<button class="onwhite"
style="margin-top:5px;margin-left:5px"
data-bind="click:fSelectAllBGUit">selecteer alles
</button>
<button class="onwhite"
style="margin-top:5px;margin-left:5px"
data-bind="click:fDeselectAllBGUit">deselecteren
</button>
</div>
<div class="clearfix"> </div>
<p></p>
<p></p>
</div>
<!-- ******************* Schatkist activiteiten of Schatkist inhouden ***************************** -->
<div class="ReportAlg" id="schatkist">
<h3 style='font-family:Mooischrijf;font-size:1.5em;margin-top:0px; margin-bottom:5px' data-bind="text: schermlabel"></h3>
<div style="float:left;width:40%;">
<p style="font-style:italic; text-align:center"><?=$this->lang->line('lbl-pijlers')?> in overzicht </p>
<div style= "height: 303px; width:100%;overflow-y:scroll;overflow-x:auto">
<ul data-bind='foreach: PaIn, event:{mouseleave: setMouseUp}' >
<li class="cPaIn"
data-bind="text: naam,
click: $parent.fSetPaSelectedIn,
event:{ mousedown: $parent.setMouseDown,
mouseup: $parent.setMouseUp,
mouseleave: $parent.fSetPaSelectedIn},
attr:{id: 'PaIn' + id }"> </li>
</ul>
</div>
<p></p>
</div>
<div style="float:left; width:15%;" >
<button class="onwhite"
style="margin-top:40px;margin-left:25px"
data-bind="click:fPaNaarInclude">&#60;
</button>
<br/>
<button class="onwhite"
style="margin-top:20px;margin-left:25px"
data-bind="click:fPaUitInclude">&#62;
</button>
</div>
<div style="float:left; width: 40%; ">
<p style="font-style:italic; text-align:center"> niet in overzicht </p>
<div style= "height: 303px; width:100%; overflow-y:scroll;overflow-x:auto">
<ul data-bind='foreach: PaUit, event:{mouseleave: setMouseUp}' >
<li class="cPaUit"
data-bind="text: naam,
click: $parent.fSetPaSelectedUit,
event:{ mousedown: $parent.setMouseDown,
mouseup: $parent.setMouseUp,
mouseleave: $parent.fSetPaSelectedUit},
attr:{id: 'PaUit' + id }"> </li>
</ul>
</div>
</div>
<div class="clearfix"></div>
<p>&nbsp;</p>
<p> <span data-bind="text: checkTekst"></span>
<input type="checkbox" data-bind="checked: PijlerNul, click: fReturnTrue" />
</p>
<p> <span data-bind="text: checkTekst2"></span>
<input type="checkbox" data-bind="checked: ToonDetails, click: fReturnTrue" />
</p>
<p>&nbsp;</p>
</div>
<button class='onwhite'
style="margin-left:5px"
data-bind="click: fToonOpScherm,
enable: enablebuttons()" > scherm</button>
<button class="onwhite"
style="margin-left:15px"
data-bind="click: fPrintReport,
enable: enablebuttons()"> pdf</button>
</div>
</div>