initial commit
This commit is contained in:
@@ -0,0 +1,146 @@
|
||||
<style>
|
||||
|
||||
.LSscrollkolom{
|
||||
display:block;
|
||||
width:100%;
|
||||
overflow-x:scroll;
|
||||
}
|
||||
.LSheaderholder {
|
||||
position:absolute;
|
||||
left:305px;
|
||||
top:0px;
|
||||
width:630px;
|
||||
overflow:auto;
|
||||
}
|
||||
.LSnameholder{
|
||||
float:left;
|
||||
width: 33px;
|
||||
height:180px;
|
||||
padding:0px;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
td.LScell{
|
||||
border:1px solid #ebebeb;
|
||||
width:30px;
|
||||
height:30px;
|
||||
}
|
||||
td.zweefcell{
|
||||
/* border:1px solid rgba(235, 235, 235, .01);
|
||||
*/ border: 1px solid #f5f5f5;
|
||||
width:30px;
|
||||
height:30px;
|
||||
background-color:#f5f5f5;
|
||||
}
|
||||
td.zweefcell.active-user{
|
||||
background-color:#f74299;
|
||||
}
|
||||
td.zweefcell.verant{
|
||||
background-color:#38c6ef;
|
||||
}
|
||||
|
||||
.LSrotate{
|
||||
padding-top:115px;
|
||||
width:165px;
|
||||
height: 28px;
|
||||
overflow:hidden;
|
||||
transform: rotate(-90deg);
|
||||
/* Safari */
|
||||
-webkit-transform: rotate(-90deg);
|
||||
/* Firefox */
|
||||
-moz-transform: rotate(-90deg);
|
||||
/* IE9*/
|
||||
-ms-transform: rotate(-90deg);
|
||||
/* Opera */
|
||||
-o-transform: rotate(-90deg);
|
||||
/* Internet Explorer8 */
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
|
||||
transform-origin:17% 99%;
|
||||
-ms-transform-origin: 17% 99%;
|
||||
-webkit-transform-origin:17% 99%;
|
||||
}
|
||||
.actlijst {
|
||||
width: 290px;
|
||||
height:30px;
|
||||
border-bottom:1px solid #ebebeb;
|
||||
border-top:1px solid #ebebeb;
|
||||
}
|
||||
.pijlerkop{
|
||||
background-color:#f99443;
|
||||
background-image: url("css/images/paarsrechts.png") ;
|
||||
background-repeat: no-repeat;
|
||||
background-position:right center;
|
||||
}
|
||||
.pijlerkop.open{
|
||||
background-image: url("css/images/uppaars.png") ;
|
||||
background-repeat: no-repeat;
|
||||
background-position:right center;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div id="mensactief-container" style="padding-left:10px; width: 950px; height:525px;">
|
||||
<p></p>
|
||||
<div style="position:absolute; left:10px; top: 10px; width:240px; height: 160px; ">
|
||||
<p>Toon mensen ingepland als:<p>
|
||||
<input type=radio name='raSoort' value="1"
|
||||
data-bind="checked: welkeMens,
|
||||
click: fInit"
|
||||
checked: checked />
|
||||
<span style='font-family: Mooischrijf;font-size:0.9em' > Verantwoordelijke </span><br />
|
||||
<input type=radio name='raSoort' value="2"
|
||||
data-bind="checked: welkeMens,
|
||||
click:fInit" />
|
||||
<span style='font-family: Mooischrijf;font-size:0.9em;' > Uitvoerende </span><br />
|
||||
</div>
|
||||
<div style= "height:180px; width:925px; " >
|
||||
<div class="LSheaderholder" >
|
||||
<div data-bind="style:{width: (33 * users().length).toString() +'px'}">
|
||||
<!-- ko foreach: users -->
|
||||
<div class="LSnameholder" data-bind="">
|
||||
<p class="LSrotate" data-bind="text:fullname"></p>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="matrixholder"
|
||||
style="height: 350px; width:950px;overflow-x:hidden; overflow-y:scroll;
|
||||
position: absolute; left: 10px; top:198px; z-index:30;">
|
||||
<table style="border-collapse:collapse; cellspacing:0px;border:1px solid #ebebeb; padding-top:0px">
|
||||
<tbody data-bind="foreach:pijlers" >
|
||||
<tr>
|
||||
<td class="toggle-activiteiten actlijst pijlerkop open"
|
||||
data-bind = "click: $parent.fToggleActiviteiten,
|
||||
css:{'open': openstatus},
|
||||
text: pijlerNaam">
|
||||
</td>
|
||||
</tr>
|
||||
<!-- ko foreach:activiteiten -->
|
||||
<tr data-bind="visible:$parent.openstatus()">
|
||||
<td class="actlijst " data-bind="text: naam"></td>
|
||||
<td style="width:622px; height:30px;">
|
||||
<div style="height: 30px; width:622px; overflow-y:hidden">
|
||||
<div style="height: 45px; width:622px; overflow-x:scroll; overflow-y:hidden"
|
||||
class= "LSscrollkolom">
|
||||
<table data-bind="style:{width: (33 * $root.users().length).toString() +'px'}">
|
||||
<tr >
|
||||
<!-- ko foreach:actief -->
|
||||
<td class="zweefcell "
|
||||
data-bind="css: HoeActief ,
|
||||
click:$root.DeleteOrAdd.bind($data, $parent)">
|
||||
</td>
|
||||
<!-- /ko -->
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- /ko -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,66 @@
|
||||
<style>
|
||||
#periodeslider {
|
||||
margin: 20px;
|
||||
orientation: ui-slider-horizontal;
|
||||
}
|
||||
#periodeslider.ui-widget-content {
|
||||
border: 1px solid #975796;
|
||||
border-radius:3px;
|
||||
}
|
||||
#periodeslider.ui-corner-all{
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
#periodeslider.ui-state-default,
|
||||
#periodeslider.ui-widget-content .ui-state-default,
|
||||
#periodeslider.ui-widget-header .ui-state-default{
|
||||
background:#975796 ;
|
||||
border: 1px solid #975796;
|
||||
width: 0.8em;
|
||||
margin-top:-5px;
|
||||
}
|
||||
#periodeslider.ui-slider-handle{
|
||||
background:#f99443;
|
||||
border: 1px solid #f99443;
|
||||
height: 3px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="mensen-pagina">
|
||||
<?php $this->load->view("ijkpartituur/popups/popMensActiviteiten"); ?>
|
||||
|
||||
<div id="mensenheader">
|
||||
<div style="float:left;margin: 10px;">periode</div>
|
||||
<div style=" float:left;width: 300px" class='ui-slider-handle ui-slider-horizontal' id="periodeslider"></div>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div id="mensscroller"
|
||||
style= "z-index: 400;
|
||||
position: absolute;
|
||||
width: 954px;
|
||||
height: 430px;
|
||||
left:1px;
|
||||
top:112px;
|
||||
overflow-y:auto; ">
|
||||
<div id = 'mensholder' >
|
||||
</div>
|
||||
</div>
|
||||
<div class=" dagenlijst2"
|
||||
style=" margin-left:250px; width:695px;
|
||||
float:left;
|
||||
height: 498px;
|
||||
overflow-y:hidden;
|
||||
border-left:1px solid #ebebeb; ">
|
||||
|
||||
<div id="scroller1"
|
||||
style="width:695px; position:relative;overflow-x:auto; ">
|
||||
<span id ="putheaderhere"></span>
|
||||
</div>
|
||||
<div style=" height: 445px; width:695px; position:relative;overflow-x:auto"
|
||||
id= 'scroller2'>
|
||||
<span id="puttablehere2"></span>
|
||||
<div id="todayLineM"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div> <!-- mensenpagina -->
|
||||
@@ -0,0 +1,10 @@
|
||||
<div class='MainPagina' id="hoofdpag<?php echo $pagnr ?>">
|
||||
|
||||
<?php if ($submenu !== null): ?>
|
||||
<?php foreach($submenu as $submenuitem): ?>
|
||||
<?php $this->load->view('pages/'.$submenuitem->naam."_view", array('pagnr'=> $submenuitem->id )); ?>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?> <!-- einde van if submenu -->
|
||||
|
||||
</div> <!-- einde class MainPagina -->
|
||||
|
||||
@@ -0,0 +1,225 @@
|
||||
<style>
|
||||
table.ui-draggable{
|
||||
opacity:0.8;
|
||||
}
|
||||
|
||||
table.ui-draggable-dragging{
|
||||
opacity:0.5;
|
||||
}
|
||||
button.gewijzigd{
|
||||
background:#ff7c75;
|
||||
}
|
||||
button.gewijzigd:hover{
|
||||
background:#ff4d44;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<div id="pijler-pagina">
|
||||
<?php $this->load->view("ijkpartituur/popups/popNewPartituur"); ?>
|
||||
<div class="halfpag" style="width:396px; padding-left: 3px;">
|
||||
<div id = "pijlerset" ondrop="drop(event)" ondragover="allowDropEvent(event)" >
|
||||
<table class="tmetborders profielset" style="width:270px; margin-left:2px;margin-top:2px" >
|
||||
<col style="width:190px">
|
||||
<col style="width:20px">
|
||||
<col style="width:20px">
|
||||
<col style="width:20px">
|
||||
<col style="width:20px">
|
||||
|
||||
<thead>
|
||||
<tr>
|
||||
<td colspan=5 style="text-align:right"><?=$this->lang->line("lbl-huidig") ?> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="cTitel col1" > <?=$this->lang->line("lbl-Pijlers") ?></td>
|
||||
<td class="cTekstcenter" data-bind="style:{backgroundColor: kleurcodes() ? kleurcodes().kleur1 : '#ebebeb'}">1</td>
|
||||
<td class="cTekstcenter" data-bind="style:{backgroundColor: kleurcodes() ? kleurcodes().kleur2 : '#ebebeb'}">2</td>
|
||||
<td class="cTekstcenter" data-bind="style:{backgroundColor: kleurcodes() ? kleurcodes().kleur3 : '#ebebeb'}">3</td>
|
||||
<td class="cTekstcenter" data-bind="style:{backgroundColor: kleurcodes() ? kleurcodes().kleur4 : '#ebebeb'}">4</td>
|
||||
<!-- <td class="cTekstcenter" style='background-color:#0d7bfb'>5</td> -->
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: pijlers" >
|
||||
<tr class="lijn17" >
|
||||
<td class='rborder' data-bind="text: naam, attr:{id: 'pijler' +id, title:omschrijving}"></td>
|
||||
<td > <div style="width: 15px; height:15px; border-radius: 15px;border:1px solid #dbdbdb"
|
||||
data-bind="style:{backgroundColor: ( huidig() ==1) ? $parent.kleurcodes().kleur1 : '#ffffff'}">
|
||||
</div>
|
||||
</td>
|
||||
<td ><div style="width: 15px; height:15px; border-radius: 15px;border:1px solid #dbdbdb"
|
||||
data-bind="style:{backgroundColor: ( huidig() ==2) ? $parent.kleurcodes().kleur2 : '#ffffff'}">
|
||||
</div>
|
||||
</td>
|
||||
<td><div style="width: 15px; height:15px; border-radius: 15px;border:1px solid #dbdbdb"
|
||||
data-bind="style:{backgroundColor: ( huidig() ==3) ? $parent.kleurcodes().kleur3 : '#ffffff'}">
|
||||
</div>
|
||||
</td>
|
||||
<td ><div style="width: 15px; height:15px; border-radius: 15px;border:1px solid #dbdbdb"
|
||||
data-bind="style:{backgroundColor: ( huidig() ==4) ? $parent.kleurcodes().kleur4 : '#ffffff'}">
|
||||
</div>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
</tbody>
|
||||
<!-- <tr style="font-weight: bold">
|
||||
<td> <b><?=ucfirst($this->lang->line('lbl-totaalscoreenbeeld'))?></b></td>
|
||||
<td colspan= 2 data-bind="text: somHuidig"> </td>
|
||||
<td colspan = 3 data-bind="text: profielHuidig"> </td>
|
||||
</tr> -->
|
||||
</table>
|
||||
|
||||
<table class="tmetborders profielset"
|
||||
style="width:80px; margin-left:10px; margin-top:2px" id="DragTable">
|
||||
<col style="width:20px">
|
||||
<col style="width:20px">
|
||||
<col style="width:20px">
|
||||
<col style="width:20px">
|
||||
<col style="width:20px">
|
||||
<thead>
|
||||
<tr>
|
||||
<td colspan=4 class="cTekstcenter"> <?=$this->lang->line("lbl-gewenst") ?> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="cTekstcenter" data-bind="style:{backgroundColor: kleurcodes() ? kleurcodes().kleur1 : '#ebebeb'}">1</td>
|
||||
<td class="cTekstcenter" data-bind="style:{backgroundColor: kleurcodes() ? kleurcodes().kleur2 : '#ebebeb'}">2</td>
|
||||
<td class="cTekstcenter" data-bind="style:{backgroundColor: kleurcodes() ? kleurcodes().kleur3 : '#ebebeb'}">3</td>
|
||||
<td class="cTekstcenter" data-bind="style:{backgroundColor: kleurcodes() ? kleurcodes().kleur4 : '#ebebeb'}">4</td>
|
||||
<!-- <td class="cTekstcenter" style='background-color:#0d7bfb'>5</td> -->
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: pijlers">
|
||||
<tr class="lijn17" >
|
||||
<td class='lborder' >
|
||||
<div style="width: 15px; height:15px; border-radius: 15px;border:1px solid #dbdbdb"
|
||||
data-bind="style:{backgroundColor: ( gewenst() ==1) ? $parent.kleurcodes().kleur1 : '#ffffff'},
|
||||
enable:$parent.hasWrite() ,
|
||||
click: $parent.SetGewenst.bind($data,1)">
|
||||
</div>
|
||||
</td>
|
||||
|
||||
|
||||
<td>
|
||||
<div style="width: 15px; height:15px; border-radius: 15px;border:1px solid #dbdbdb"
|
||||
data-bind="style:{backgroundColor: ( gewenst() ==2) ? $parent.kleurcodes().kleur2 : '#ffffff'},
|
||||
enable:$parent.hasWrite() ,
|
||||
click: $parent.SetGewenst.bind($data,2)">
|
||||
</div>
|
||||
</td>
|
||||
<td >
|
||||
<div style="width: 15px; height:15px; border-radius: 15px;border:1px solid #dbdbdb"
|
||||
data-bind="style:{backgroundColor: ( gewenst() ==3) ? $parent.kleurcodes().kleur3 : '#ffffff'},
|
||||
enable:$parent.hasWrite() ,
|
||||
click: $parent.SetGewenst.bind($data,3)">
|
||||
</div>
|
||||
</td>
|
||||
<td >
|
||||
<div style="width: 15px; height:15px; border-radius: 15px;border:1px solid #dbdbdb"
|
||||
data-bind="style:{backgroundColor: ( gewenst() ==4) ? $parent.kleurcodes().kleur4 : '#ffffff'},
|
||||
enable:$parent.hasWrite() ,
|
||||
click: $parent.SetGewenst.bind($data,4)">
|
||||
</div>
|
||||
</td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> <!-- id = pijlerset -->
|
||||
<div class="clearfix"> </div>
|
||||
|
||||
<button class="onwhite "
|
||||
style="margin: 10px 0px 0px 15px; float:right"
|
||||
data-bind="click:resetPijlerprofiel"><?=$this->lang->line("lbl-reset").' '.$this->lang->line("lbl-gewenst")?></button>
|
||||
<button class="onwhite "
|
||||
style="margin: 10px 0px 0px 120px;float:right "
|
||||
data-bind="click:profielOpslaan,
|
||||
visible:(hasWrite() && allowChange() ),
|
||||
css: WijzigStatus"> <?=$this->lang->line("lbl-opslaan").' '.$this->lang->line("lbl-gewenst")?></button>
|
||||
</div> <!-- halfpag -->
|
||||
|
||||
<div class="halfpag bgDarkgrey" id="PPlanpag" style="width: 545px; margin-top:2px">
|
||||
<div class="bgGrey" id="partheader" style="color:#f99443; margin:10px 10px 5px 5px; text-align:center; ">
|
||||
<?=ucfirst($this->lang->line("lbl-partituurcolofon"))?>
|
||||
</div>
|
||||
<div class="bgWhite" style="width: 200px; margin-left: 5px; padding-left:10px; margin-top:5px; height:450px; float:left">
|
||||
<p class="bgGrey" style="margin-left: -10px; margin-top:-2px;text-align:center">
|
||||
<?=ucfirst($this->lang->line("lbl-advies"))?></p>
|
||||
<select style='width:100%; border:0px;min-height:250px'
|
||||
multiple="false" height="14" disabled="disabled"
|
||||
data-bind="options: selectedpijlers,
|
||||
optionsText:'naam',
|
||||
optionsValue:'id'" >
|
||||
</select>
|
||||
|
||||
</div> <!-- tabel houder div -->
|
||||
<div class="bgWhite" style="width: 300px; padding-left:10px; margin-top:5px; margin-left: 10px;height:450px; float:left">
|
||||
<p style="margin-top:15px; "><label> <?=ucfirst($this->lang->line("lbl-partituurnaam"))?></label> </p>
|
||||
<p >
|
||||
<select autofocus
|
||||
id = "partituurnaamTest"
|
||||
style="width: 198px"
|
||||
data-bind=" options: partituren,
|
||||
optionsText:'naam',
|
||||
optionsValue:'id',
|
||||
value:selectedPartituurID,
|
||||
optionsCaption: '<?=$this->lang->line("selecteerpartituur")?>',
|
||||
event:{change: reInit} " >
|
||||
</select>
|
||||
<button class='onwhite'
|
||||
style="margin-top:5px; "
|
||||
data-bind="click: fWijzigNaam,
|
||||
enable: hasWrite()">
|
||||
<?=$this->lang->line("lbl-wijzignaam")?>
|
||||
</button>
|
||||
</p>
|
||||
<p style="margin-top:20px"> <label> <?=ucfirst($this->lang->line("lbl-periode"))?> </label>
|
||||
<label style="margin-left:15px"> <?=$this->lang->line("lbl-van")?></label>
|
||||
<input class="datveld"
|
||||
readonly="readonly"
|
||||
data-bind="datepicker{},value:vandatum,
|
||||
enable:(hasWrite() && isActievePart() ),
|
||||
event:{change:saveDates}"/>
|
||||
</p>
|
||||
<p style='margin-left:77px'> <label><?=$this->lang->line("lbl-tm")?></label>
|
||||
<input class="datveld "
|
||||
readonly="readonly"
|
||||
data-bind=" datepicker{}, value:tmdatum,
|
||||
enable:hasWrite() && isActievePart(),
|
||||
event:{change:saveDates}" />
|
||||
</p>
|
||||
<p style="margin-top:20px"><label><?=ucfirst($this->lang->line("lbl-projectleider"))?></label></p>
|
||||
<p >
|
||||
<select id="DropPleider"
|
||||
style="width:99%"
|
||||
data-bind="options: medewerkers,
|
||||
optionsText:'fullname',
|
||||
optionsValue: 'id',
|
||||
value: pleiderID,
|
||||
optionsCaption:'<?=ucfirst($this->lang->line("lbl-selecteerprojectleider"))?>',
|
||||
event:{change: opslaanPleider},
|
||||
enable:hasWrite()" >
|
||||
</select>
|
||||
</p>
|
||||
<p style="margin-top:20px"><label><?=ucfirst($this->lang->line("lbl-stuuremailsnaar"))?></label></p>
|
||||
<p >
|
||||
<input id="pleiderEmail"
|
||||
style="width: 96%"
|
||||
data-bind=" value:email,
|
||||
event:{change:opslaanEmail},enable:hasWrite()" />
|
||||
</p>
|
||||
<p style="margin-top:20px">
|
||||
<label><?=ucfirst($this->lang->line("lbl-gemiddeldgereed"))?></label>
|
||||
<input style="width:40px; border:none; background-color:#fff; text-align:right"
|
||||
data-bind="value: gemgereed"
|
||||
disabled="disabled" />% </p>
|
||||
<p style="margin-top:20px">
|
||||
<label><?=ucfirst($this->lang->line("lbl-totalekosten"))?></label>
|
||||
€ <input style="width:80px; border:none; background-color:#fff"
|
||||
data-bind="value:totkost"
|
||||
disabled="disabled" /> </p>
|
||||
|
||||
</div> <!-- einde colofon detail houder -->
|
||||
<button class='ondark' style="margin-left:225px; margin-top:10px" data-bind="click:DeletePartituur,enable:hasWrite() && allowChange() && allowDelete()"><?=$this->lang->line("lbl-verwijder")?></button>
|
||||
<button class="ondark" style="margin-left:100px" data-bind="click:Nieuw,enable:(magNieuw()&&hasWrite())"><?=$this->lang->line("lbl-nieuwepartituur")?></button>
|
||||
</div> <!-- einde van de halfpag rechts -->
|
||||
<div class="clearfix" ></div>
|
||||
</div> <!-- einde subpaginashow -->
|
||||
@@ -0,0 +1,109 @@
|
||||
<style>
|
||||
td.PijlerClose{
|
||||
background:url("/css/images/arrowright.png") 50% 50% no-repeat;
|
||||
}
|
||||
td.PijlerOpen{
|
||||
background:url("/css/images/ArrowDown.png") 50% 50% no-repeat;
|
||||
}
|
||||
</style>
|
||||
<?php $this->load->view("ijkpartituur/popups/popAgenda"); ?>
|
||||
|
||||
<div id="planning-pagina">
|
||||
<?php $this->load->view("ijkpartituur/popups/popTaakEditor"); ?>
|
||||
<?php $this->load->view("ijkpartituur/popups/popTaakSelector"); ?>
|
||||
<?php $this->load->view("ijkpartituur/popups/popToevoegenDoelgroep"); ?>
|
||||
<?php $this->load->view("ijkpartituur/popups/popwijzigpijler"); ?>
|
||||
<?php $this->load->view("ijkpartituur/popups/popUploadANote"); ?>
|
||||
|
||||
<div style="padding-left:20px">
|
||||
<button data-bind='click: addAboveCurrentTask' class="gantt addabove" title="activiteit invoegen boven"></button>
|
||||
<button data-bind='click: addBelowCurrentTask' class="gantt addbelow" title="activiteit invoegen onder"></button>
|
||||
<span class="ganttButtonSeparator"></span>
|
||||
<button data-bind='click:moveUp' class="gantt ganttUp" title="naar boven"></button>
|
||||
<button data-bind='click:moveDown' class="gantt ganttDown" title="naar benedenn"></button>
|
||||
<span class="ganttButtonSeparator"></span>
|
||||
<button data-bind='click:deleteCurrent' class="gantt delete" title="verwijderen"></button>
|
||||
|
||||
<span class="ganttButtonSeparator"></span>
|
||||
<span style='margin-left: 55px'> ga naar </span>
|
||||
<input style="position:relative; z-index:200"
|
||||
readonly="readonly"
|
||||
data-bind="datepicker:{},
|
||||
value: targetDate,
|
||||
event: {change: gottoDate}"
|
||||
class="datveld" />
|
||||
<button data-bind="value: zoomlevel, click:zoomMinus" class="gantt minknop" title="uitzoomen"></button>
|
||||
<button data-bind="value: zoomlevel, click:zoomPlus" class="gantt plusknop" title="inzoomen"></button>
|
||||
<span class="ganttButtonSeparator"></span>
|
||||
<!-- <button onclick='openResourceEditor()' class='gantttext'>mensen</button> -->
|
||||
<button data-bind='click: fGetAgenda' class='gantttext'>agenda</button>
|
||||
|
||||
</div> <!-- EINDE CLASS = BUTTONS -->
|
||||
|
||||
<div class="takenlijst">
|
||||
<table class="gTable" id="TabelTakenLijst" cell-spacing=0px>
|
||||
<thead>
|
||||
<tr >
|
||||
<th class='gColHeader' style="width:30px"></th>
|
||||
<th class="gColHeader" style="width:25px;">%</th>
|
||||
<th class="gColHeader" style="width:265px;">activiteit</th>
|
||||
<th class="gColHeader" style="width:15px"> </th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach:GanttTaken">
|
||||
<tr data-bind=" attr:{id:'pijl' + id}" class="gSelectable pijlhead" >
|
||||
<td data-bind="click:$parent.fToonPijler" class="gCell">
|
||||
<img data-bind=" attr:{id: 'taak' +id} "
|
||||
height=19px
|
||||
src="css/images/pencil.png" alt='edit'>
|
||||
</td>
|
||||
<td colspan =2
|
||||
class="gCell pijlhead gClickable"
|
||||
data-bind="text: naam,
|
||||
attr:{id: 'plr' + id,
|
||||
title:omschrijving}">
|
||||
</td>
|
||||
<td class="PijlerOpen" data-bind="click: $parent.fOpenClose, attr:{id: 'OC' + id}">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr data-bind="visible: status()=='o' ">
|
||||
<td colspan =4>
|
||||
<table class="gTable actis" cell-spacing=0px >
|
||||
<tbody data-bind="foreach:taakLijst">
|
||||
<tr class=" gSelectable gClickable" data-bind="attr:{id: 'act' + id, 'pijlid':$parent.id, 'seq' : sequence}">
|
||||
<td class="gCell editTaak gClickable"
|
||||
data-bind="attr:{id:'tdk' + id},
|
||||
click: $root.fToonTaakEditor">
|
||||
<img data-bind=" attr:{id: 'taak' +id} "
|
||||
src="css/images/pencil.png" height=19px alt='edit'>
|
||||
</td>
|
||||
<td class="gCell gClickable " data-bind='attr:{id: id}'>
|
||||
<input class="intveld"
|
||||
style='width:25px; max-height:19px' type="text" name="perc"
|
||||
data-bind='value: perc,
|
||||
enterkey: $root.fSavePercent,
|
||||
event: {change: $root.fSavePercent}'>
|
||||
</td>
|
||||
<td class="gCell gClickable"
|
||||
style="width:280px"
|
||||
data-bind="text: naam,
|
||||
attr:{id: id },
|
||||
css:{'padding-left':(1*10) + 'px'}">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> <!-- einde div takenlijst -->
|
||||
|
||||
<div class="dagenlijst">
|
||||
<div id="puttablehere" style="position:relative">
|
||||
<div id="todayLine"></div>
|
||||
</div>
|
||||
<!-- de "achtergrond" wordt gemaakt in gantt.js -->
|
||||
</div> <!-- einde div dagenlijst -->
|
||||
</div>
|
||||
@@ -0,0 +1,271 @@
|
||||
<style>
|
||||
|
||||
p.pheader{
|
||||
background-color:#bababa;
|
||||
color:#fff;
|
||||
padding-left: 10px;
|
||||
margin-top:2px;
|
||||
}
|
||||
|
||||
table.acttable{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#activiteiten-page i{
|
||||
margin-top:5px;
|
||||
}
|
||||
.LSselected {
|
||||
background-color:#975796;
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
<?php $this->load->view("ijkpartituur/popups/popNewBeheerActiviteit"); ?>
|
||||
<?php $this->load->view("ijkpartituur/popups/popNewDoelgroep"); ?>
|
||||
<?php $this->load->view("ijkpartituur/popups/popNewKostenregel"); ?>
|
||||
|
||||
|
||||
<div id="activiteiten-page" style = 'float:left;width: 300px; padding-left:5px; height:545px;'>
|
||||
<div style=" width:100%;
|
||||
padding-left:5px; paddding-top:10px;height:537px;
|
||||
margin-top:5px;
|
||||
background-color:#F2F2F2; overflow-y:scroll;overflow-x:scroll">
|
||||
<select style="width: 100%"
|
||||
data-bind="options: pijlers,
|
||||
optionsText:'naam',
|
||||
optionsValue:'id',
|
||||
value: selectedPijler,
|
||||
enable:wijzigbaar(), event:{change:fGetActiviteitenlijst}" >
|
||||
</select>
|
||||
<br>
|
||||
<span style="font-size:0.8em"> Zoek op naam </span>
|
||||
<input style="width: 189px"
|
||||
data-bind="value: filterNaam,
|
||||
enterkey: fGetActiviteitenlijst,
|
||||
event:{change: fGetActiviteitenlijst} "/>
|
||||
<br>
|
||||
<button class="onwhite"
|
||||
style='margin-top:5px;'
|
||||
data-bind="click: NewActiviteit"> nieuwe activiteit </button>
|
||||
<hr />
|
||||
<table id="tbAL" style="border-collapse:collapse; cellspacing:0">
|
||||
<tbody data-bind="foreach: alijst">
|
||||
<tr data-bind="attr:{id:'trAL' + id}">
|
||||
<td style="width:21px;padding-left:5px; vertical-align:top; text-align: right"
|
||||
data-bind="click: $root.DeleteActiviteit"
|
||||
class="delete">
|
||||
</td>
|
||||
<td data-bind ="text: naam,
|
||||
click: $root.toonActiviteit,attr:{id: 'selAct' + id}"
|
||||
style ="min-width: 200px;font-size:0.9em; padding-left:5px; cursor:pointer;" >
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div> <!-- float left -->
|
||||
<div style="float:right; width:645px; margin-right:5px; height:535px;padding-left: 5px; padding-top:5px;margin-top:3px;
|
||||
background-color:#f2f2f2; overflow-y:scroll;">
|
||||
|
||||
<p class="pheader"> Activiteitomschrijving <!-- <input style="width:0px;height:0px;border:none" id="fakeact" /> --></p>
|
||||
<table data-bind="with: activiteit" class="acttable">
|
||||
<tr>
|
||||
<td style="width: 30%"> Activiteit</td>
|
||||
<td style="width: 65%">
|
||||
<input id="focushierA"
|
||||
style="width: 99%"
|
||||
data-bind="value: naam,
|
||||
enable:$parent.wijzigbaar(),
|
||||
event:{change:$parent.OpslaanAct}" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Omschrijving</td>
|
||||
<td> <textarea
|
||||
style= "width: 99%"
|
||||
data-bind="value: omschrijving,
|
||||
enable: $parent.wijzigbaar(),
|
||||
event:{change:$parent.OpslaanAct}" >
|
||||
</textarea> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Bron</td>
|
||||
<td data-bind="text: bron">
|
||||
</td>
|
||||
</tr>
|
||||
<!-- <tr data-bind="visible: $parent.isAdmin()">
|
||||
<td> Niveau</td>
|
||||
<td>
|
||||
<select data-bind="options: $parent.niveaus,
|
||||
optionsText:'omschrijving',
|
||||
optionsValue:'id',
|
||||
selectedOptions: $parent.selectedNiveau,
|
||||
optionsCaption: 'kies het niveau',
|
||||
enable:$parent.wijzigbaar(), event:{change:$parent.OpslaanAct}" >
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
--> <tr data-bind="visible: $parent.isAdmin()">
|
||||
<td> Fase</td>
|
||||
<td>
|
||||
<select data-bind="options: $parent.fases,
|
||||
optionsText:'naam',
|
||||
optionsValue:'id',
|
||||
value: $parent.selectedFase,
|
||||
optionsCaption: 'kies de fase',
|
||||
enable:$parent.wijzigbaar(), event:{change:$parent.OpslaanAct}" >
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> Duur</td>
|
||||
<td> <input class= "intveld" data-bind="value: duur, event:{change:$parent.OpslaanAct}" /> dagen</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
<p class="pheader" >Verwachte opbrengsten </p>
|
||||
<p data-bind="with: activiteit">
|
||||
<textarea style="width:99%"
|
||||
data-bind="value:resultaatomschrijving,
|
||||
enable: $root.wijzigbaar(),
|
||||
event:{blur:$parent.OpslaanAct},
|
||||
visible:$parent.show()>0">
|
||||
</textarea>
|
||||
</p>
|
||||
<p class="pheader">Inhouden </p>
|
||||
<div style="width:45%; float:left;" data-bind='visible: show()> 0' >
|
||||
<span style="font-size:0.8em"> Inhouden bij deze activiteit</span>
|
||||
<div style="width: 100%; height:120px;overflow-y:scroll; background-color:#f2f2f2;border:1px solid #975796; ">
|
||||
<table id="hulpIn" class="acttable">
|
||||
<tbody data-bind="foreach: hulpmiddelen" >
|
||||
<tr class="lsdraggable">
|
||||
<td valign="top" style="width:70px">
|
||||
<!-- <span class="icon-info-sign" data-bind="click: $parent.fToonHulp"></span>
|
||||
<span class="icon-file" data-bind="click:$parent.showUploads"></span > -->
|
||||
<i class="icon-info-sign"
|
||||
style="margin-right:0px"
|
||||
data-bind="click: $parent.fToonHulp"></i>
|
||||
<i class="icon-file"
|
||||
style="margin-right:0px"
|
||||
data-bind="click:$parent.showUploads"></i>
|
||||
</td>
|
||||
<td data-bind="text:omschrijving,
|
||||
click: $parent.fSelectMiddel,attr:{id:'lsHulp' + id}"
|
||||
style='width:300px'> </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div style="float:left; padding-left:12px; width:7%" data-bind='visible: show()> 0' >
|
||||
<button class="onwhite "
|
||||
style="margin-top:30px"
|
||||
data-bind="click: NaarActiviteit"><< </button>
|
||||
|
||||
<button class="onwhite "
|
||||
style="margin-top:10px"
|
||||
data-bind="click: NaarOther"> >> </button>
|
||||
</div>
|
||||
<div style="width:46%; float:right; " data-bind='visible: show()> 0' >
|
||||
<span style="font-size:0.8em">Overige Inhouden</span>
|
||||
<div style="height:120px; overflow-y:scroll ; background-color:#f2f2f2;border:1px solid #975796; margin-right:10px">
|
||||
<table id="hulpOut" class="acttable">
|
||||
<tbody data-bind="foreach:otherhulpmiddelen" >
|
||||
<tr data-bind="attr:{id:'lsTRtoDrop' + id}" class="lsdraggable">
|
||||
<td valign="top" width="80px">
|
||||
<i class="icon-info-sign" data-bind="click: $parent.fToonHulp" style="margin-right:2px;display:inline-block"></i>
|
||||
<i class="icon-file" data-bind="click:$parent.showUploads"></i>
|
||||
</td>
|
||||
<td data-bind="text:omschrijving, click: $parent.fSelectMiddel,attr:{id:'lsHulp' + id}" style='width:290px'></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class='clearfix'> </div>
|
||||
<p class="pheader" style="margin-top:10px;">Communicatie defaults </p>
|
||||
<table data-bind="with: activiteit" class="acttable">
|
||||
<tr>
|
||||
<td style='width:300px'> stuur e-mail</td>
|
||||
<td><input class="intveld" data-bind="value:email_dagen, event:{change:$parent.OpslaanAct}"/> dagen voor deadline </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style='width:300px'> stuur mail aan projectleider</td>
|
||||
<td> <input type="checkbox" data-bind="checked: email_pleider, click:$parent.OpslaanAct" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style='width:300px'>stuur mail aan verantwoordelijke</td>
|
||||
<td><input type="checkbox" data-bind="checked: email_verantwoordelijke, click:$parent.OpslaanAct" /> </td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<p class="pheader">Doelgroepen
|
||||
<span style="margin-left: 485px"
|
||||
data-bind="visible: isAdmin(),
|
||||
click: MaakNewDoelgroep"> + </span>
|
||||
</p>
|
||||
<div style="width:45%; float:left; " data-bind='visible: show()> 0' >
|
||||
<span style="font-size:0.8em"> Doelgroepen bij deze activiteit</span><br/>
|
||||
<div style ="width:100%; height:100px; overflow-y:scroll;border:1px solid #975796;">
|
||||
<table id="groepIn" class="acttable">
|
||||
<tbody data-bind="foreach: doelgroepen" >
|
||||
<tr class="lsdraggable">
|
||||
<td data-bind="text:omschrijving,
|
||||
click: $parent.fSelectGroep,
|
||||
attr:{id:'lsGroep' + id}"
|
||||
style='width:300px'>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div> <!-- float left -->
|
||||
<div style="float:left; padding-left:12px;width:7%" data-bind='visible: show()> 0' >
|
||||
<button class="onwhite "
|
||||
style="margin-top: 30px"
|
||||
data-bind="click: NaarDoelgroep"> <<</button>
|
||||
|
||||
<button class="onwhite "
|
||||
style="margin-top:10px"
|
||||
data-bind="click: UitDoelgroep"> >> </button>
|
||||
</div>
|
||||
<div style="width:46%; float:right" data-bind='visible: show()> 0' >
|
||||
<span style="font-size:0.8em">Overige doelgroepen</span> <br/>
|
||||
<div style="height:100px; overflow-y:scroll; border:1px solid #975796; margin-right:10px">
|
||||
<table id="groepOut" class="acttable">
|
||||
<tbody data-bind="foreach:otherdoelgroepen" >
|
||||
<tr class="lsdraggable">
|
||||
<td data-bind="text:omschrijving,click: $parent.fSelectGroep, attr:{id:'lsGroep' + id}" style='width:300px'></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div> <!-- float right -->
|
||||
|
||||
<div class='clearfix'> </div>
|
||||
<p class="pheader" style="margin-top:10px">Standaard kosten
|
||||
<span style="margin-left: 450px"
|
||||
data-bind="visible: wijzigbaar(), click: fMaakNewKostenregel"> + </span>
|
||||
</p>
|
||||
<table style="width: 100%" data-bind="visible: kosten().length>0">
|
||||
<thead>
|
||||
<tr style="background-color: #975796; color:#fff">
|
||||
<td style= "width:5%"> </td>
|
||||
<td style="width: 75%; padding-left:3px">omschrijving</td>
|
||||
<td style="width: 20%; text-align:right">bedrag</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: kosten">
|
||||
<tr>
|
||||
<td data-bind="click: $parent.fDeleteKostenregel"> - </td>
|
||||
<td> <input data-bind="value:omschrijving, event:{blur: $parent.fSaveKosten}"
|
||||
style="width:98%" /></td>
|
||||
<td> <input class="realveld"
|
||||
style="width:96%"
|
||||
data-bind="value: bedrag, event:{blur: $parent.fSaveKosten}" /></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div> <!-- grote float right -->
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,20 @@
|
||||
<div id="communicatie-page">
|
||||
|
||||
<ul class="email-notifies" data-bind="foreach:mailNotifies">
|
||||
<li class="email-notifies">
|
||||
<h4 data-bind="text:naam,
|
||||
attr:{title: uitleg}"></h4>
|
||||
<ul class="email-adresses" data-bind="foreach:adresses">
|
||||
<li>
|
||||
<input type="text"
|
||||
data-bind="value:adress, css:{'not-valid':!validEmail()},
|
||||
valueUpdate: 'afterkeydown',
|
||||
event:{keyup:$root.saveAdress}" />
|
||||
<i class="icon-trash" data-bind="click:$root.deleteAdress" title="verwijder e-mailadres"></i>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<p style="margin-left: 20px"><button class="plus" data-bind="click:$root.addAddress"></button>
|
||||
Voeg e-mailadres toe</p>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -0,0 +1,127 @@
|
||||
<div id="extrainfo-pagina">
|
||||
<?php $this->load->view("ijkpartituur/popups/popUploadADoc"); ?>
|
||||
|
||||
<div style="float:left;width: 370px">
|
||||
<input type=radio name='raSoort' value= 1
|
||||
data-bind="checked: welkeSoort,
|
||||
click: fgetRefs"
|
||||
checked: checked />
|
||||
<span style='font-family: Mooischrijf;font-size:0.9em' > Literatuur & websites </span><br />
|
||||
<input type=radio name='raSoort' value= 3
|
||||
data-bind="checked: welkeSoort,
|
||||
click:fgetRefs" />
|
||||
<span style='font-family: Mooischrijf;font-size:0.9em;' > Onderzoek & advies </span><br />
|
||||
</div>
|
||||
<div style="float:left; width: 400px; padding-top:5px">
|
||||
<span > Zoek op naam: <input data-bind="value:zoektekst, event:{change:fgetRefs}" /> </span>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<!-- ko if: isAdmin() -->
|
||||
<table class="lstable" style="width:905px">
|
||||
<thead>
|
||||
<tr>
|
||||
<td style="width: 25px; background-color:#975796; color:#fff;"></td>
|
||||
<td style ="width: 250px;background-color:#975796; color:#fff;;"> naam</td>
|
||||
<td style= "width: 20px;background-color:#975796; color:#fff;"></td>
|
||||
<td style="width: 240px; background-color:#975796; color:#fff;"> link/document</td>
|
||||
<td style="width: 250px;background-color:#975796; color:#fff;">opmerking</td>
|
||||
<td style="width: 60px;background-color:#975796; color:#fff;text-align:center"> srt.</td>
|
||||
<td style="width: 60px; background-color:#975796; color:#fff;"></td>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
<div style="height: 455px; overflow-y:scroll;">
|
||||
<table class="lstable" style="width:905px">
|
||||
<colgroup>
|
||||
<col span ="7" style="text-align:left; vertical-align:top; ">
|
||||
</colgroup>
|
||||
<tbody data-bind="foreach: litrefs" >
|
||||
<tr>
|
||||
<td style="width: 25px">
|
||||
<button
|
||||
class="delete"
|
||||
data-bind="click: $parent.fDelLitRef">
|
||||
</button>
|
||||
</td>
|
||||
<td style="width: 250px;">
|
||||
<textarea style="width:100%"
|
||||
data-bind=" value: naam,
|
||||
enable: $parent.isAdmin(),
|
||||
event: {change: $parent.fsaveRef} ">
|
||||
</textarea>
|
||||
</td>
|
||||
<td style="width: 20px; text-align:center">
|
||||
<a data-bind=" visible: srtlink() == 'url' ,
|
||||
attr:{href:link}" target = "_blank"><b>↓</b> </a>
|
||||
<b data-bind=" visible: srtlink() == 'file' ,
|
||||
click: $parent.fDownload" class="icon-arrow-down" >↓</b>
|
||||
</td>
|
||||
<td style="width:240px; padding-left:0px;">
|
||||
<textarea style="width:98%; margin-left:0px"
|
||||
data-bind=" value: link,
|
||||
enable: !(srtlink() =='file'),
|
||||
event: {change: $parent.fsaveRef} ">
|
||||
</textarea>
|
||||
</td>
|
||||
<td style="width:260px">
|
||||
<textarea style="width:99%"
|
||||
data-bind=" value: opmerking,
|
||||
event: {change: $parent.fsaveRef} ">
|
||||
</textarea>
|
||||
</td>
|
||||
<td style="width: 60px; text-align: center" data-bind="text: srtlink"> </td>
|
||||
<td style="width:60px;">
|
||||
<button class="onwhite"
|
||||
data-bind="click: $parent.fUpload,
|
||||
enable: (srtlink()=='file' || srtlink()=='ext.ref')">upload</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
<!-- ko if: (!isAdmin()) -->
|
||||
<table style="border-collapse:collapse; cellspacing:0px;margin-left: 20px">
|
||||
<thead>
|
||||
<tr>
|
||||
<td style="background-color:#975796; color:#fff; width:15px"></td>
|
||||
<td style ="background-color:#975796; color:#fff; width:345px">naam</td>
|
||||
<td style="background-color:#975796; color:#fff;width:550px">opmerking</td>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
<div style="height: 455px; overflow-y:scroll;">
|
||||
<table style="border-collapse:collapse; cellspacing:0px; margin-left: 20px">
|
||||
<tbody data-bind="foreach: litrefs" >
|
||||
<tr style="border-bottom: 1px solid #ebebeb">
|
||||
<td style="width:15px;"
|
||||
data-bind="click: $parent.fDownload ">
|
||||
<i class="icon-file" data-bind="visible:(srtlink() =='file' ) "></i>
|
||||
</td>
|
||||
|
||||
<td style="width:345px; vertical-align:top; ">
|
||||
<!-- ko if: (srtlink() == "url" ) -->
|
||||
<a data-bind=" text: show(),
|
||||
attr:{href:link}"
|
||||
target = "_blank">
|
||||
</a>
|
||||
<!-- /ko -->
|
||||
<!-- ko if: (srtlink() !="url" ) -->
|
||||
<span data-bind="text:show()"> </span>
|
||||
<!-- /ko -->
|
||||
</td>
|
||||
|
||||
<td style="width:550px ; vertical-align:top; "
|
||||
data-bind="text: opmerking ">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- /ko -->
|
||||
|
||||
<button style="margin-left:5px"
|
||||
class="onwhite "
|
||||
data-bind="visible: isAdmin(),
|
||||
click: fNewLitRef"> nieuw </button>
|
||||
</div>
|
||||
@@ -0,0 +1,156 @@
|
||||
<style>
|
||||
tr.lsSelected{
|
||||
background-color:#975796;
|
||||
color:white;
|
||||
}
|
||||
.imPijlerSelected{
|
||||
width:21px;
|
||||
background-image: url('/css/images/ArrowDown.png') ;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
.imNoSelected{
|
||||
width:21px;
|
||||
background-image: url('/css/images/ArrowRight.png') ;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
.myCellstyle{
|
||||
border-left: 1px solid #975796;
|
||||
border-bottom: 1px solid #975796;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
#inhouden-page i{
|
||||
margin-top:5px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<?php $this->load->view("ijkpartituur/popups/popNewHulpmiddel"); ?>
|
||||
|
||||
<div style = 'float:left;width: 345px; padding-left:10px; height:545px;' id="inhouden-page">
|
||||
<table>
|
||||
<tr>
|
||||
<td><?=$this->lang->line('lbl-Pijler')?></td>
|
||||
<td>
|
||||
<select data-bind=" options: pijlers,
|
||||
optionsText:'naam',
|
||||
optionsValue:'id',
|
||||
value: selectedPijler,
|
||||
enable:wijzigbaar(), event:{change:fGetMiddelen}" >
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Doelgroep</td>
|
||||
<td>
|
||||
<select data-bind="options: organisatieTypes,
|
||||
optionsText:'type',
|
||||
optionsValue:'id',
|
||||
value: filterType,
|
||||
event:{change:fGetMiddelen}" >
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Zoek op naam</td>
|
||||
<td><input id="focushierZI"
|
||||
data-bind="value: filterNaam,
|
||||
enterkey: fGetMiddelen,
|
||||
event:{change: fGetMiddelen} "/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>
|
||||
<button class="onwhite"
|
||||
style="width: 175px"
|
||||
data-bind="click: fGetNewMiddel"> voeg inhoud toe
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<hr />
|
||||
<div style="background-color:#f2f2f2; overflow-y:scroll; height:405px; padding-left:5px">
|
||||
<table id="tbHL" style="border-collapse:collapse; cellspacing:0">
|
||||
<tbody data-bind='foreach: hlijst'>
|
||||
<tr data-bind="attr:{id: 'trHL' + id}">
|
||||
<td style="width:21px;padding-left:5px;"
|
||||
valign="top">
|
||||
<span class="icon-minus-sign"
|
||||
style="width:100%"
|
||||
data-bind="visible:deletable, click: $root.fDeleteHulpmiddel" ></span>
|
||||
</td>
|
||||
<td style="width:200px" data-bind="attr:{id: 'tdHL' + id}, click:$root.fSelectMiddel">
|
||||
<p style="font-size:0.9em;cursor:pointer;" data-bind= "text: omschrijving" ></p>
|
||||
</td>
|
||||
<td style='width:15px'> </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div style="float:right; width:587px;height: 520px; margin-top:3px;padding-left:10px; padding-top:20px; background-color:#f2f2f2;overflow-y:scroll"
|
||||
id="hdiv2">
|
||||
<table data-bind="with: hulpmiddel" style='font-size:0.9em'>
|
||||
<tr>
|
||||
<td><?=$this->lang->line('lbl-Pijler')?></td>
|
||||
<td data-bind="text: pijlernaam"></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="vertical-align:top">Naam inhoud</td>
|
||||
<td><textarea id="focushierI"
|
||||
style="width: 225px"
|
||||
data-bind="value: omschrijving,event:{change:$parent.OpslaanHulpmiddel}" >
|
||||
</textarea></td>
|
||||
<td style="width:45px"> </td>
|
||||
<td>Bron</td>
|
||||
<td data-bind="text: bron"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="vertical-align:top">Opmerkingen</td>
|
||||
<td>
|
||||
<textarea style="min-height: 90px; width: 225px"
|
||||
data-bind="value: opmerkingen,event:{blur:$parent.OpslaanHulpmiddel}"></textarea></td>
|
||||
<td> </td>
|
||||
<td style="vertical-align:top">Bedoeld voor</td>
|
||||
|
||||
<td style="vertical-align:top">
|
||||
<select data-bind="options: $parent.organisatieTypes,
|
||||
optionsText:'type',
|
||||
optionsValue:'id',
|
||||
value: $parent.selectedType,
|
||||
optionsCaption: 'kies type organisatie',
|
||||
event:{change:$parent.OpslaanHulpmiddel}" >
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Document</td>
|
||||
<td> <button class="onwhite "
|
||||
data-bind="click: $parent.getDocuments"> documenten </button>
|
||||
</tr>
|
||||
</table>
|
||||
<p class="bgDarkgrey"
|
||||
style= "margin-top:20px; padding-left:5px; width: 97%"
|
||||
data-bind="visible: hulpmiddel()"> deze inhoud wordt gebruikt bij de volgende activiteit(en) </p>
|
||||
<table data-bind="visible:hulpmiddel()"
|
||||
style="cellspacing:0px; border-collapse:collapse; border:1px solid :#975796; width:98%; font-size:0.9em">
|
||||
<thead >
|
||||
<tr style="background-color:#975796;color:#fff">
|
||||
<td style="width: 30%;padding-left:10px"> activiteit</td>
|
||||
<td style="width: 23%;padding-left:10px"><?=$this->lang->line('lbl-pijler')?></td>
|
||||
<td style="width: 29%;padding-left:10px"> fase</td>
|
||||
<td style="width: 18%;padding-left:10px"> bron</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: activiteiten">
|
||||
<tr data-bind="click:$parent.fToonActiviteit">
|
||||
<td class="myCellstyle" data-bind="text:naam "> </td>
|
||||
<td class="myCellstyle" data-bind="text: pijler"> </td>
|
||||
<td class="myCellstyle" data-bind="text: fase"> </td>
|
||||
<td class="myCellstyle" style="border-right:1px solid #975796" data-bind="text: bron"> </td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -0,0 +1,533 @@
|
||||
<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> </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> </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"><
|
||||
</button>
|
||||
<br/>
|
||||
<button class="onwhite"
|
||||
style="margin-top:20px;margin-left:25px"
|
||||
data-bind="click:fMAUitInclude">>
|
||||
</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> </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"><
|
||||
</button>
|
||||
<br/>
|
||||
<button class="onwhite"
|
||||
style="margin-top:20px;margin-left:25px"
|
||||
data-bind="click:fMAUitInclude">>
|
||||
</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> </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"><
|
||||
</button>
|
||||
<br/>
|
||||
<button class="onwhite"
|
||||
style="margin-top:20px;margin-left:25px"
|
||||
data-bind="click:fPijlUitInclude">>
|
||||
</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"><
|
||||
</button>
|
||||
<br/>
|
||||
<button class="onwhite"
|
||||
style="margin-top:20px;margin-left:25px"
|
||||
data-bind="click:fOrgUitInclude">>
|
||||
</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> </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> </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> </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> </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"><
|
||||
</button>
|
||||
<br/>
|
||||
<button class="onwhite"
|
||||
style="margin-top:20px;margin-left:25px"
|
||||
data-bind="click:fUitInclude">>
|
||||
</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"><
|
||||
</button>
|
||||
<br/>
|
||||
<button class="onwhite"
|
||||
style="margin-top:20px;margin-left:25px"
|
||||
data-bind="click:fBGUitInclude">>
|
||||
</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"><
|
||||
</button>
|
||||
<br/>
|
||||
<button class="onwhite"
|
||||
style="margin-top:20px;margin-left:25px"
|
||||
data-bind="click:fPaUitInclude">>
|
||||
</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> </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> </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>
|
||||
@@ -0,0 +1 @@
|
||||
pagine voor overzichten
|
||||
@@ -0,0 +1 @@
|
||||
pagine voor overzichten
|
||||
@@ -0,0 +1,295 @@
|
||||
<style>
|
||||
table.ui-draggable{
|
||||
opacity:0.8;
|
||||
}
|
||||
|
||||
table.ui-draggable-dragging{
|
||||
opacity:0.5;
|
||||
}
|
||||
button.gewijzigd{
|
||||
background:#ff7c75;
|
||||
}
|
||||
button.gewijzigd:hover{
|
||||
background:#ff4d44;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<div id="pijler-pagina">
|
||||
<?php $this->load->view("ijkpartituur/popups/popNewPartituur"); ?>
|
||||
<div class="halfpag" style="width:396px; padding-left: 3px;">
|
||||
<div id = "pijlerset" ondrop="drop(event)" ondragover="allowDropEvent(event)" >
|
||||
<table class="tmetborders profielset" style="width:270px; margin-left:2px;margin-top:2px" >
|
||||
<col style="width:170px">
|
||||
<col style="width:20px">
|
||||
<col style="width:20px">
|
||||
<col style="width:20px">
|
||||
<col style="width:20px">
|
||||
<col style="width:20px">
|
||||
<thead>
|
||||
<tr>
|
||||
<td colspan=6 style="text-align:right"><?=$this->lang->line("lbl-huidig") ?> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="cTitel col1" > <?=$this->lang->line("lbl-Pijlers") ?></td>
|
||||
<td class="cTekstcenter" style='background-color:#f40d17;'>1</td>
|
||||
<td class="cTekstcenter" style='background-color:#f6f14e' >2</td>
|
||||
<td class="cTekstcenter" style='background-color:#f99443'>3</td>
|
||||
<td class="cTekstcenter" style='background-color:#53d744'>4</td>
|
||||
<td class="cTekstcenter" style='background-color:#0d7bfb'>5</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: pijlers" >
|
||||
<tr>
|
||||
<td class='rborder' data-bind="text: naam, attr:{id: 'pijler' +id, title:omschrijving}"></td>
|
||||
<td >
|
||||
<input type="radio"
|
||||
class="redradio"
|
||||
value="1"
|
||||
data-bind="attr:{name:'rpeiler' + id, id:'brad1' + id},
|
||||
enable: false,
|
||||
checked:huidig " />
|
||||
<label data-bind="attr:{'for':'brad1' + id} "></label>
|
||||
</td>
|
||||
<td >
|
||||
<input class="oranje1radio"
|
||||
type="radio"
|
||||
value="2"
|
||||
data-bind="attr:{name:'rpeiler' + id, id:'brad2' + id},
|
||||
enable:false,
|
||||
checked:huidig" />
|
||||
<label data-bind="attr:{'for':'brad2' + id} "></label>
|
||||
</td>
|
||||
<td>
|
||||
<input class="oranje2radio"
|
||||
type="radio"
|
||||
value="3"
|
||||
data-bind="attr:{name:'rpeiler' + id, id:'brad3' + id},
|
||||
enable:false ,
|
||||
checked:huidig" />
|
||||
<label data-bind="attr:{'for':'brad3' + id} "></label>
|
||||
</td>
|
||||
<td >
|
||||
<input class="green1radio"
|
||||
type="radio"
|
||||
value="4"
|
||||
data-bind="attr:{name:'rpeiler' + id, id:'brad4' + id},
|
||||
enable:false,
|
||||
checked:huidig" />
|
||||
<label data-bind="attr:{'for':'brad4' + id} "></label>
|
||||
</td>
|
||||
<td >
|
||||
<input class="green2radio"
|
||||
type="radio"
|
||||
value="5"
|
||||
data-bind="attr:{name:'rpeiler' + id, id:'brad5' + id},
|
||||
enable:false,
|
||||
checked:huidig" />
|
||||
<label data-bind="attr:{'for':'brad5' + id} "></label>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tr style="font-weight: bold">
|
||||
<td> <b><?=ucfirst($this->lang->line('lbl-totaalscoreenbeeld'))?></b></td>
|
||||
<td colspan= 2 data-bind="text: somHuidig"> </td>
|
||||
<td colspan = 3 data-bind="text: profielHuidig"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table class="tmetborders" style="width:100px; margin-left:10px; margin-top:2px" id="DragTable">
|
||||
<col style="width:20px">
|
||||
<col style="width:20px">
|
||||
<col style="width:20px">
|
||||
<col style="width:20px">
|
||||
<col style="width:20px">
|
||||
<thead>
|
||||
<tr>
|
||||
<td colspan=4 class="cTekstcenter"> <?=$this->lang->line("lbl-gewenst") ?> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="cTekstcenter" style='background-color:#f40d17'>1</td>
|
||||
<td class="cTekstcenter" style='background-color:#f6f14e'>2</td>
|
||||
<td class="cTekstcenter" style='background-color:#f99443'>3</td>
|
||||
<td class="cTekstcenter" style='background-color:#53d744'>4</td>
|
||||
<td class="cTekstcenter" style='background-color:#0d7bfb'>5</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: pijlers">
|
||||
<tr>
|
||||
<td class='lborder' >
|
||||
<!-- gebruiker mag hier wel wijzigen, maar de wijzigen alleen opslaan als allowChange
|
||||
dat laatste wordt echter afgevangen doordat de button niet zichtbaar is -->
|
||||
<input type="radio"
|
||||
value="1"
|
||||
class="redradio"
|
||||
data-bind="attr:{name:'rgpeiler' + id, id:'rad1' + id},
|
||||
enable:($parent.hasWrite() ),
|
||||
checked:gewenst ,
|
||||
click: $parent.SetSelectedPijlers"/>
|
||||
<label data-bind="attr:{'for':'rad1' + id} "></label>
|
||||
</td>
|
||||
<td>
|
||||
<input type="radio"
|
||||
value="2"
|
||||
class=" oranje1radio"
|
||||
data-bind="attr:{name:'rgpeiler' + id, id:'rad2' + id},
|
||||
enable:($parent.hasWrite() ),
|
||||
checked:gewenst,
|
||||
click: $parent.SetSelectedPijlers" />
|
||||
<label data-bind="attr:{'for':'rad2' + id}" ></label>
|
||||
|
||||
</td>
|
||||
<td >
|
||||
<input type="radio"
|
||||
value="3"
|
||||
class="oranje2radio"
|
||||
data-bind="attr:{name:'rgpeiler' + id, id:'rad3' + id},
|
||||
enable:($parent.hasWrite() ),
|
||||
checked:gewenst,
|
||||
click: $parent.SetSelectedPijlers" />
|
||||
<label data-bind="attr:{'for':'rad3' + id}" ></label>
|
||||
</td>
|
||||
<td >
|
||||
<input type="radio"
|
||||
value="4"
|
||||
class="green1radio"
|
||||
data-bind="attr:{name:'rgpeiler' + id, id:'rad4' + id},
|
||||
enable:($parent.hasWrite() ),
|
||||
checked:gewenst,
|
||||
click: $parent.SetSelectedPijlers" />
|
||||
<label data-bind="attr:{'for':'rad4' + id}" ></label>
|
||||
</td>
|
||||
<td class='rborder'>
|
||||
<input type="radio"
|
||||
value="5"
|
||||
class="green2radio"
|
||||
data-bind="attr:{name:'rgpeiler' + id, id:'rad5' + id},
|
||||
enable:($parent.hasWrite() ),
|
||||
checked:gewenst,
|
||||
click: $parent.SetSelectedPijlers" />
|
||||
<label data-bind="attr:{'for':'rad5' + id}" ></label>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tr style="font-weight: bold">
|
||||
<td colspan= 4 > <span data-bind="text: minSomGewenst " ></span>
|
||||
-
|
||||
<span data-bind="text: maxSomGewenst"></span>
|
||||
</td>
|
||||
<td> <span data-bind="text: profielGewenst" ></span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</div> <!-- id = pijlerset -->
|
||||
<div class="clearfix"> </div>
|
||||
|
||||
<!-- <button class='onwhite'
|
||||
data-bind="click: MaakPdf">pdf </button> -->
|
||||
<button class="onwhite "
|
||||
style="margin: 2px 0px 0px 15px"
|
||||
data-bind="click:resetPijlerprofiel"><?=$this->lang->line("lbl-reset")?></button>
|
||||
<button class="onwhite "
|
||||
style="margin: 2px 0px 0px 120px; "
|
||||
data-bind="click:profielOpslaan,
|
||||
visible:(hasWrite() && allowChange() ),
|
||||
css: WijzigStatus"> <?=$this->lang->line("lbl-save").' '.$this->lang->line("lbl-profiel")?></button>
|
||||
|
||||
<div id="standaardprofielen" style="margin-left:15px; margin-top:5px;font-size:.8em">
|
||||
<?=ucfirst($this->lang->line("lbl-schoolbeeldbereiken")).':'?>
|
||||
<div data-bind="foreach:profielnamen" style="margin-left: -5px">
|
||||
<input type ="radio" name="profielradioset" data-bind="value:id,
|
||||
checked:$parent.gekozenProfiel,
|
||||
event:{change:$parent.changeProfiel}">
|
||||
<label data-bind="text:omschrijving,attr:{title: tekst}"></label> <br/>
|
||||
</div> <!-- for each profielen -->
|
||||
</div> <!-- id = standaardprofielen -->
|
||||
</div> <!-- halfpag -->
|
||||
|
||||
<div class="halfpag bgDarkgrey" id="PPlanpag" style="width: 545px; margin-top:2px">
|
||||
<div class="bgGrey" id="partheader" style="color:#f99443; margin:10px 10px 5px 5px; text-align:center; ">
|
||||
<?=ucfirst($this->lang->line("lbl-partituurcolofon"))?>
|
||||
</div>
|
||||
<div class="bgWhite" style="width: 200px; margin-left: 5px; padding-left:10px; margin-top:5px; height:450px; float:left">
|
||||
<p class="bgGrey" style="margin-left: -10px; margin-top:-2px;text-align:center">
|
||||
<?=ucfirst($this->lang->line("lbl-advies"))?></p>
|
||||
<select style='width:100%; border:0px;min-height:250px'
|
||||
multiple="false" height="14" disabled="disabled"
|
||||
data-bind="options: selectedpijlers,
|
||||
optionsText:'naam',
|
||||
optionsValue:'id'" >
|
||||
</select>
|
||||
|
||||
</div> <!-- tabel houder div -->
|
||||
<div class="bgWhite" style="width: 300px; padding-left:10px; margin-top:5px; margin-left: 10px;height:450px; float:left">
|
||||
<p style="margin-top:15px; "><label> <?=ucfirst($this->lang->line("lbl-partituurnaam"))?></label> </p>
|
||||
<p >
|
||||
<select autofocus
|
||||
id = "partituurnaamTest"
|
||||
style="width: 198px"
|
||||
data-bind=" options: partituren,
|
||||
optionsText:'naam',
|
||||
optionsValue:'id',
|
||||
value:selectedPartituurID,
|
||||
optionsCaption: '<?=$this->lang->line("selecteerpartituur")?>',
|
||||
event:{change: reInit} " >
|
||||
</select>
|
||||
<button class='onwhite'
|
||||
style="margin-top:5px; "
|
||||
data-bind="click: fWijzigNaam,
|
||||
enable: hasWrite()">
|
||||
<?=$this->lang->line("lbl-wijzignaam")?>
|
||||
</button>
|
||||
</p>
|
||||
<p style="margin-top:20px"> <label> <?=ucfirst($this->lang->line("lbl-periode"))?> </label>
|
||||
<label style="margin-left:15px"> <?=$this->lang->line("lbl-van")?></label>
|
||||
<input class="datveld"
|
||||
readonly="readonly"
|
||||
data-bind="datepicker{},value:vandatum,
|
||||
enable:(hasWrite() && isActievePart() ),
|
||||
event:{change:saveDates}"/>
|
||||
</p>
|
||||
<p style='margin-left:77px'> <label><?=$this->lang->line("lbl-tm")?></label>
|
||||
<input class="datveld "
|
||||
readonly="readonly"
|
||||
data-bind=" datepicker{}, value:tmdatum,
|
||||
enable:hasWrite() && isActievePart(),
|
||||
event:{change:saveDates}" />
|
||||
</p>
|
||||
<p style="margin-top:20px"><label><?=ucfirst($this->lang->line("lbl-projectleider"))?></label></p>
|
||||
<p >
|
||||
<select id="DropPleider"
|
||||
style="width:99%"
|
||||
data-bind="options: medewerkers,
|
||||
optionsText:'fullname',
|
||||
optionsValue: 'id',
|
||||
value: pleiderID,
|
||||
optionsCaption:'<?=ucfirst($this->lang->line("lbl-selecteerprojectleider"))?>',
|
||||
event:{change: opslaanPleider},
|
||||
enable:hasWrite()" >
|
||||
</select>
|
||||
</p>
|
||||
<p style="margin-top:20px"><label><?=ucfirst($this->lang->line("lbl-stuuremailsnaar"))?></label></p>
|
||||
<p >
|
||||
<input id="pleiderEmail"
|
||||
style="width: 96%"
|
||||
data-bind=" value:email,
|
||||
event:{change:opslaanEmail},enable:hasWrite()" />
|
||||
</p>
|
||||
<p style="margin-top:20px">
|
||||
<label><?=ucfirst($this->lang->line("lbl-gemiddeldgereed"))?></label>
|
||||
<input style="width:40px; border:none; background-color:#fff; text-align:right"
|
||||
data-bind="value: gemgereed"
|
||||
disabled="disabled" />% </p>
|
||||
<p style="margin-top:20px">
|
||||
<label><?=ucfirst($this->lang->line("lbl-totalekosten"))?></label>
|
||||
€ <input style="width:80px; border:none; background-color:#fff"
|
||||
data-bind="value:totkost"
|
||||
disabled="disabled" /> </p>
|
||||
|
||||
</div> <!-- einde colofon detail houder -->
|
||||
<button class='ondark' style="margin-left:225px; margin-top:10px" data-bind="click:DeletePartituur,enable:hasWrite() && allowChange() && allowDelete()"><?=$this->lang->line("lbl-verwijder")?></button>
|
||||
<button class="ondark" style="margin-left:100px" data-bind="click:Nieuw,enable:(magNieuw()&&hasWrite())"><?=$this->lang->line("lbl-nieuwepartituur")?></button>
|
||||
</div> <!-- einde van de halfpag rechts -->
|
||||
<div class="clearfix" ></div>
|
||||
</div> <!-- einde subpaginashow -->
|
||||
@@ -0,0 +1,159 @@
|
||||
<style>
|
||||
tr.SelectedNiveau{
|
||||
background-color:#975796;
|
||||
}
|
||||
button.toonRed{
|
||||
background : #f99443;
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<div id="profiel-pagina">
|
||||
<?php $this->load->view("ijkpartituur/popups/popNewVersie"); ?>
|
||||
<?php $this->load->view("ijkpartituur/popups/popNewNiveau"); ?>
|
||||
<?php $this->load->view("ijkpartituur/popups/popMaakNewPijler"); ?>
|
||||
|
||||
<div style="float:left; width: 420px; height: 545px; background-color:#f2f2f2">
|
||||
<p style='background-color:#975796; color:#fff; text-align:center;margin-top: 0px'> Framework versies</p>
|
||||
<select style="width:280px; margin-left:45px; margin-top:15px"
|
||||
data-bind="options: versies,
|
||||
optionsText:'omschrijving',
|
||||
optionsValue: 'id',
|
||||
value:selectedVersieID,
|
||||
event:{change:setVersie}">
|
||||
</select>
|
||||
|
||||
<table style="margin-top:40px;margin-left:45px" data-bind="with: selectedVersie">
|
||||
<tr>
|
||||
<td style='font-size:0.8em'>Naam </td>
|
||||
<td> <input type='text'
|
||||
style="width: 180px"
|
||||
data-bind="value:omschrijving, event:{blur:$parent.fVersieOpslaan}" /> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style='font-size:0.8em'>Datum </td>
|
||||
<td><input type = 'text'
|
||||
style = "width:140px"
|
||||
data-bind="value:datum, event:{blur:$parent.fVersieOpslaan}"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style='font-size:0.8em'>Vastgelegd </td>
|
||||
<td> <input type='checkbox'
|
||||
id="cbVastgelegd"
|
||||
data-bind="checked:(vastgelegd==1),
|
||||
enable: (vastgelegd==0),
|
||||
click: $parent.fAskVast" /> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td> <button class="onwhite "
|
||||
data-bind="click: $parent.fDeleteVersie,
|
||||
enable: (vastgelegd==0 && false),
|
||||
css: {'nohover': vastgelegd == 1}"> verwijder </button>
|
||||
|
||||
<button class="onwhite "
|
||||
style="margin-left: 5px"
|
||||
disabled="disabled"
|
||||
data-bind="click:$parent.fNieuweVersie"> nieuw </button>
|
||||
<!-- button new is disabled omdat we voorlopig niet willen dat er een nieuwe versie gemaakt kan worden. Controle op versie wordt niet overal doorgevoerd! -->
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<p style='background-color:#975796; color:#fff; text-align:center;margin-top: 20px;margin-left:2px'> Ondersteuningsniveaus</p>
|
||||
<table style='margin-left:30px; margin-top:20px' id="tbDefineNiveaus">
|
||||
<thead data-bind="with:selectedVersie">
|
||||
<tr>
|
||||
<td style="width:20px" data-bind="visible:(vastgelegd==0)"> </td>
|
||||
<td style="width: 250px;background-color:#bababa"> Schoolbeeld</td>
|
||||
<td style="width: 50px; background-color:#bababa">Volgorde</td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody data-bind="foreach: niveaus">
|
||||
<tr data-bind="css:{'SelectedNiveau':id()==$parent.selectedRow()}">
|
||||
<td data-bind="click: $parent.fNiveauVerwijderen, visible:($parent.selectedVersie().vastgelegd==0)"> - </td>
|
||||
<td><input style="width: 250px" data-bind="value:omschrijving, event:{blur: $parent.fSaveNiveau}" /></td>
|
||||
<td><input class= "intveld" data-bind="value:nummer, event:{blur: $parent.fSaveNiveau}"/></td>
|
||||
<td data-bind="attr:{'id': 'tdNS' + id()}, click:$parent.fSelectNiveau">
|
||||
<img src='css/images/arrowright.png' width=15px; height=15px />
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<span data-bind="with: selectedVersie">
|
||||
<button class ="onwhite "
|
||||
style ="margin: 15px 0px 0px 30px"
|
||||
enabled ="enabled"
|
||||
data-bind =" click: $parent.fNieuwNiveau,
|
||||
enable: (vastgelegd==0 && false),
|
||||
css: {'nohover': vastgelegd == 1} "> nieuw</button>
|
||||
</span>
|
||||
|
||||
</div>
|
||||
|
||||
<div style="float:right; width: 535px;min-height:545px; background-color:#f2f2f2">
|
||||
<p style='background-color:#975796; color:#fff; text-align:center;margin-top: 0px;margin-left:2px'><?=$this->lang->line('lbl-Pijlers')?>en profielenwaarden</p>
|
||||
<div style="overflow-y: scroll; height:519px;">
|
||||
<table style='margin-left:30px;margin-top:20px'>
|
||||
<thead data-bind="with: selectedVersie">
|
||||
<tr>
|
||||
<td data-bind="visible:(vastgelegd ==0)"> </td>
|
||||
<td style="width: 50px; background-color:#bababa">Nr</td>
|
||||
<td style="width: 250px; background-color:#bababa">Naam</td>
|
||||
<td style="width:20px; text-align:center; color:#ffffff" data-bind="style:{backgroundColor: $parent.kleurcodes() ? $parent.kleurcodes().kleur1 : '#ebebeb'}"> 1</td>
|
||||
<td style="width:20px; text-align:center; color:#ffffff" data-bind="style:{backgroundColor: $parent.kleurcodes() ? $parent.kleurcodes().kleur2 : '#ebebeb'}"> 2</td>
|
||||
<td style="width:20px; text-align:center; color:#ffffff" data-bind="style:{backgroundColor: $parent.kleurcodes() ? $parent.kleurcodes().kleur3 : '#ebebeb'}"> 3</td>
|
||||
<td style="width:20px; text-align:center; color:#ffffff" data-bind="style:{backgroundColor: $parent.kleurcodes() ? $parent.kleurcodes().kleur4 : '#ebebeb'}"> 4</td>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: pijlers()">
|
||||
<tr>
|
||||
<td data-bind="visible:($parent.selectedVersie().vastgelegd ==0), click: $parent.fDeletePijler"> - </td>
|
||||
<td> <input class= "intveld" data-bind="value:volgorde, event:{blur: $parent.fSavePijler}"/> </td>
|
||||
<td><input style="width: 250px" data-bind="value:pijlernaam, event:{blur: $parent.fSavePijler}" /></td>
|
||||
<td><input class="redradio"
|
||||
type='radio'
|
||||
value="1"
|
||||
data-bind="checked:waarde, event:{change:$parent.fSaveProfiel}" />
|
||||
<label data-bind="attr:{'for':'rad1' + id}" ></label>
|
||||
</td>
|
||||
<td><input class="oranje2radio"
|
||||
type='radio'
|
||||
value="2"
|
||||
data-bind="checked:waarde, event:{change:$parent.fSaveProfiel}" />
|
||||
<label data-bind="attr:{'for':'rad2' + id}" ></label>
|
||||
</td>
|
||||
<td><input class="green1radio"
|
||||
type='radio'
|
||||
value="3"
|
||||
data-bind="checked:waarde, event:{change:$parent.fSaveProfiel}" />
|
||||
<label data-bind="attr:{'for':'rad3' + id}" ></label>
|
||||
</td>
|
||||
<td><input class="green2radio"
|
||||
type='radio'
|
||||
value="4"
|
||||
data-bind="checked:waarde, event:{change:$parent.fSaveProfiel}" />
|
||||
<label data-bind="attr:{'for':'rad4' + id}" ></label>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<span data-bind="with: selectedVersie">
|
||||
<button class ="onwhite "
|
||||
style ="margin: 15px 0px 0px 30px"
|
||||
data-bind ="click: $parent.fNieuwPijler,
|
||||
enable:(vastgelegd ==0 && false),
|
||||
css: {'nohover': vastgelegd == 1} "> nieuw <?=$this->lang->line('lbl-pijler')?></button>
|
||||
</span>
|
||||
<button class ="onwhite "
|
||||
style ="margin: 15px 0px 0px 30px"
|
||||
data-bind ="click: fProfielOpslaan,
|
||||
css: {'toonRed': newProfiel()}"> profiel opslaan</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user