225 lines
9.8 KiB
PHP
225 lines
9.8 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: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 -->
|