tussenopslag
This commit is contained in:
Monique
@@ -0,0 +1,248 @@
|
|||||||
|
<div class="col-sm-12 mainpagina submenupage" id ="pagVersies">
|
||||||
|
<div class='row'>
|
||||||
|
|
||||||
|
<div class="col-sm-12 col-md-3" style="border:1px solid #f2f2f2">
|
||||||
|
<h3>Instrument</h3>
|
||||||
|
<select style="font-size:1em; max-width: 250px;"
|
||||||
|
data-bind=" options : modules,
|
||||||
|
optionsText : 'naam',
|
||||||
|
value : selectedModule,
|
||||||
|
event : {change: fChangeModule}">
|
||||||
|
</select>
|
||||||
|
<button data-bind="click: fMaakNieuweVersie" style="margin-left: 0px; margin-top:20px">nieuwe versie </button>
|
||||||
|
|
||||||
|
<div data-bind= "visible: versies().length > 0">
|
||||||
|
<p> of </p>
|
||||||
|
<p>Selecteer een versie </p>
|
||||||
|
<select data-bind=" options : versies,
|
||||||
|
optionsText : 'naam',
|
||||||
|
value : selectedVersie,
|
||||||
|
event : {change: fChangeVersie}">
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<hr />
|
||||||
|
<div data-bind="with: selectedVersie">
|
||||||
|
<h4>Versie-kenmerken</h4>
|
||||||
|
<table>
|
||||||
|
<tr> <td>naam</td></tr>
|
||||||
|
<tr>
|
||||||
|
<td><input data-bind="textInput: naam, event: {input: $parent.fUpdateVersie}" style="width:80%"/>
|
||||||
|
<button class="delete klikbaar"
|
||||||
|
data-bind="click: $parent.fDeleteVersie, visible: deleteok()"></button> </td>
|
||||||
|
</tr>
|
||||||
|
<tr> <td>ingangsdatum</td> </tr>
|
||||||
|
<tr>
|
||||||
|
<td> <input class="datum"
|
||||||
|
data-bind="datepicker{}, value: ingang, event: {change: $parent.fUpdateVersie}"/> </td>
|
||||||
|
</tr>
|
||||||
|
<tr> <td>streefwaarde</td> </tr>
|
||||||
|
<tr>
|
||||||
|
<td><input class="decimal" data-bind="textInput: systemnorm, event: {input: $parent.fUpdateVersie}"/>%</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div> <!-- column left -->
|
||||||
|
|
||||||
|
<div class="col-sm-12 col-md-9">
|
||||||
|
<button data-bind="click: fNieuwIJkpunt" style="float:right ; margin-top:10px;margin-bottom: 10px">nieuw ijkpunt </button>
|
||||||
|
<table style="width: 100%">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th style="width:5%;padding-left:3px">i</th>
|
||||||
|
<th style="width:5%"> nr </th>
|
||||||
|
<th style="width:25%"> omschrijving</th>
|
||||||
|
<th style="width: 35%">toelichting</th>
|
||||||
|
<th style="width: 4%"> del</th>
|
||||||
|
<th style="width: 6%"> disable</th>
|
||||||
|
<th style="width: 5%"> add</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody data-bind="foreach: ijkpunten">
|
||||||
|
<tr>
|
||||||
|
<td style="vertical-align: top">
|
||||||
|
<button class= " noshow"
|
||||||
|
data-bind="click: $parent.fToggleIndicatoren, css:{ 'closebutton' : toonindics(), 'openbutton': !toonindics()}"></button>
|
||||||
|
</td>
|
||||||
|
<td style="vertical-align: top">
|
||||||
|
<input class= 'integer' data-bind="textInput:nummer,
|
||||||
|
event:{input:$parent.fUpdateIJkpunt},
|
||||||
|
style: {color: disabled()? '#d9d9d9' : '#262626' }"/>
|
||||||
|
</td>
|
||||||
|
<td><textarea style="width:99%" data-bind="textInput: omschrijving,
|
||||||
|
event:{input: $parent.fUpdateIJkpunt},
|
||||||
|
style: {color: disabled()? '#d9d9d9' : '#262626' }" ></textarea>
|
||||||
|
</td>
|
||||||
|
<td><textarea style="width:99%" data-bind="textInput:toelichting,
|
||||||
|
event:{input: $parent.fUpdateIJkpunt},
|
||||||
|
style: {color: disabled()? '#d9d9d9' : '#262626' }" ></textarea>
|
||||||
|
</td>
|
||||||
|
<td style="vertical-align: top">
|
||||||
|
<button class="delete noshow" data-bind="click: $parent.fDeleteIJkpunt, visible: indicatoren().length == 0"></button>
|
||||||
|
</td>
|
||||||
|
<td style="vertical-align: top" data-bind="click: $parent.fDisableIJkpunt">
|
||||||
|
<button class="fa fa-ban noshow" data-bind="style: {color: disabled() ? 'red' : 'black' }"></button>
|
||||||
|
</td>
|
||||||
|
<td style="vertical-align: top" data-bind="click: $parent.fNieuweIndicator ">
|
||||||
|
<button class=" noshow fa fa-plus " data-bind=" style: {color: disabled()? '#d9d9d9' : '#262626' }" ></button>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr data-bind="visible: toonindics() && indicatoren().length > 0">
|
||||||
|
<td></td>
|
||||||
|
<td colspan=5>
|
||||||
|
<table style="width: 100%">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class="header2" style="width4%;padding-left: 2px;text-align:center"> nr </th>
|
||||||
|
<!-- <th class="header2" style="width:7%;padding-left: 2px;text-align:center">insp.</th>-->
|
||||||
|
<th class="header2" style="width:6%;padding-left: 2px;text-align:center">w.</th>
|
||||||
|
<th class="header2" style="width:40%;padding-left: 2px"> schoolvorm</th>
|
||||||
|
<th class="header2" style="width:40%;padding-left: 2px"> ik-vorm</th>
|
||||||
|
<th class="header2" style="width: 3%;padding-left: 2px;text-align:center"> del</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody data-bind="foreach: indicatoren">
|
||||||
|
<tr>
|
||||||
|
<td style="vertical-align: top">
|
||||||
|
<input class= 'integer'
|
||||||
|
style="width: 100%"
|
||||||
|
data-bind="textInput: nummer,
|
||||||
|
event:{input: $root.fUpdateIndicator},
|
||||||
|
style: {color: $parent.disabled()? '#d9d9d9' : '#262626' }" /></td>
|
||||||
|
<!-- <td style="vertical-align: top">-->
|
||||||
|
<!-- <input style="width: 100%"-->
|
||||||
|
<!-- data-bind="textInput: inspectie, event:{input: $root.fUpdateIndicator}" /></td>-->
|
||||||
|
<td style="vertical-align: top">
|
||||||
|
<input class= 'decimal'
|
||||||
|
style="width: 100%"
|
||||||
|
data-bind="textInput : gewicht,
|
||||||
|
event :{input: $root.fUpdateIndicator},
|
||||||
|
style : {color: $parent.disabled()? '#d9d9d9' : '#262626' }" /></td>
|
||||||
|
<td><textarea data-bind="textInput: omschrijving1,
|
||||||
|
event : {input: $root.fUpdateIndicator},
|
||||||
|
style : {color: $parent.disabled()? '#d9d9d9' : '#262626' }"
|
||||||
|
style="width:99%">
|
||||||
|
</textarea>
|
||||||
|
</td>
|
||||||
|
<td><textarea data-bind="textInput : omschrijving2,
|
||||||
|
event :{input: $root.fUpdateIndicator},
|
||||||
|
style : {color: $parent.disabled()? '#d9d9d9' : '#262626' }"
|
||||||
|
style="width: 99% ">
|
||||||
|
</textarea>
|
||||||
|
</td>
|
||||||
|
<td style="vertical-align: top">
|
||||||
|
<button class="delete" data-bind="click: $root.fDeleteIndicator.bind($data,$parents[0]), visible: deleteok== true "></button></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
<tr>
|
||||||
|
<td colspan=6> <hr></td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td> <!-- td voor de tabel met indicatoren -->
|
||||||
|
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div> <!-- column right -->
|
||||||
|
|
||||||
|
</div><!-- row -->
|
||||||
|
<!-- ******************** popups ************************** -->
|
||||||
|
<div class="modal fade" id="modNieuweVersie" role="dialog" >
|
||||||
|
<div class="modal-dialog ">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h4 data-bind="with: selectedModule()">Nieuwe versie <span data-bind="text: naam"></span></h4>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<table class="lstable" style="width: 100%" >
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td style="width:20%"> naam </td>
|
||||||
|
<td > <input style="width: 100%" data-bind="textInput: newVersieNaam"></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button style="width: 80px;" data-dismiss="modal" data-bind="click: fSaveVersie, visible: newVersieNaam().length > 3">opslaan</button>
|
||||||
|
<button style="width: 80px;" data-dismiss="modal" >annuleren</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div> <!-- popup-->
|
||||||
|
|
||||||
|
<!-- ******************** popup nieuw ijkpunt ************************** -->
|
||||||
|
<div class="modal fade" id="modNieuwIJkpunt" role="dialog" >
|
||||||
|
<div class="modal-dialog ">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h4>Nieuw ijkpunt</h4>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<table class="lstable" style="width: 100%" >
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td style="width:20%"> nummer</td>
|
||||||
|
<td > <input class="integer" data-bind="textInput: newIJkpunt().nummer"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td style="width:20%"> omschrijving </td>
|
||||||
|
<td > <textarea style="width: 99%; height:50px;" data-bind="textInput: newIJkpunt().naam"></textarea></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td style="width:20%"> toelichting </td>
|
||||||
|
<td > <textarea style="width: 99%; height:50px;" data-bind="textInput: newIJkpunt().toelichting"></textarea></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button style="width: 80px;" data-dismiss="modal" data-bind="click: fSaveIJkpunt, visible: newIJkpunt().naam().length > 3">opslaan</button>
|
||||||
|
<button style="width: 80px;" data-dismiss="modal" >annuleren</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- ************ pop nieuw indicator -->
|
||||||
|
<div class="modal fade" id="modNieuwIndicator" role="dialog" >
|
||||||
|
<div class="modal-dialog modal-lg ">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h4>Nieuwe indicator</h4>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<table class="lstable" style="width: 100%" >
|
||||||
|
<tbody data-bind="with: newIndicator">
|
||||||
|
<tr >
|
||||||
|
<td style="width:20%"> volgnummer </td>
|
||||||
|
<td > <input class="integer" data-bind="textInput: nummer" /></td>
|
||||||
|
</tr>
|
||||||
|
<tr >
|
||||||
|
<td style="width:20%"> gewicht</td>
|
||||||
|
<td > <input class="decimal" data-bind="textInput: gewicht" /></td>
|
||||||
|
</tr>
|
||||||
|
<!-- <tr >-->
|
||||||
|
<!-- <td style="width:20%">inspectie indicator (nummer)</td>-->
|
||||||
|
<!-- <td > <input data-bind="textInput: inspectie" /></td>-->
|
||||||
|
<!-- </tr>-->
|
||||||
|
<tr>
|
||||||
|
<td style="width:20%">school omschrijving </td>
|
||||||
|
<td > <textarea style="width: 100%" data-bind="textInput: omschrijving1"></textarea></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td style="width:20%">ik-vorm omschrijving </td>
|
||||||
|
<td > <textarea style="width: 100%" data-bind="textInput: omschrijving2"></textarea></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button style="width: 80px;" data-dismiss="modal" data-bind="click: fSaveIndicator">opslaan</button>
|
||||||
|
<button style="width: 80px;" data-dismiss="modal" >annuleren</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
@@ -0,0 +1,46 @@
|
|||||||
|
$(function(){
|
||||||
|
|
||||||
|
mh.initInstrumentenCPModel = function(){
|
||||||
|
var timeout;
|
||||||
|
|
||||||
|
function fAddModule(p){
|
||||||
|
this.sysnr = p.sysnr;
|
||||||
|
this.naam = p.naam;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (mh.InstrumentenCPModel !== undefined){
|
||||||
|
mh.InstrumentenCPModel.initModel();
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
ls.InstrumentenCPModel = {
|
||||||
|
modules : ko.observableArray([]),
|
||||||
|
selectedModule : ko.observable(''),
|
||||||
|
|
||||||
|
initBindings :function(){
|
||||||
|
var self = ls.VersiesModel;
|
||||||
|
|
||||||
|
if (!ko.dataFor(document.getElementById('pagInstrumentenCompactSop')) ) {
|
||||||
|
ko.applyBindings(ls.VersiesModel, document.getElementById("pagInstrumentenCompactSop"));
|
||||||
|
}
|
||||||
|
|
||||||
|
$.post("index.php/monpas/beheer/getmodules", function(result){
|
||||||
|
self.modules.removeAll();
|
||||||
|
|
||||||
|
if (result){
|
||||||
|
$.each(result, function(i,p){
|
||||||
|
self.modules.push(new fAddModule(p));
|
||||||
|
});
|
||||||
|
self.selectedModule(self.modules[0]);
|
||||||
|
}; // if rsult
|
||||||
|
self.initModel();
|
||||||
|
},'json');
|
||||||
|
},
|
||||||
|
initModel: function(){
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
} ; // definition van model
|
||||||
|
mh.initInstrumentenCPModel().initBindings();
|
||||||
|
}; // else
|
||||||
|
}// function initVersiesModel
|
||||||
|
});
|
||||||
Reference in New Issue
Block a user