295 lines
11 KiB
PHP
295 lines
11 KiB
PHP
<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 -->
|