160 lines
6.6 KiB
PHP
160 lines
6.6 KiB
PHP
<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>
|