3d-grafieken

This commit is contained in:
Monique
2022-03-01 14:43:16 +01:00
parent 19e5ed3e04
commit 0aecc25074
39 changed files with 1944 additions and 1329 deletions
-3
View File
@@ -930,7 +930,6 @@ tr.selected, td.selected{
background-color: #c7b87e;
color: #ffffff;
}*/
.cirkelgradient{
background-color: #930f50;
@@ -1279,5 +1278,3 @@ z-index: 50;
box-shadow: none;
}
+6 -3
View File
@@ -576,9 +576,10 @@ mh.initCompactSopModel = function(){
var self = mh.CompactSopModel;
var onderdeel = data;
var dit = this;
if (dit.naam) {
self.selectedBudgetVersie(this);
if (dit.kalenderjaar()) {
self.selectedBudgetVersie(dit.kalenderjaar());
}
return true;
},
@@ -645,8 +646,9 @@ mh.initCompactSopModel = function(){
}
if(self.selectedBudgetVersie()){
self.selectedOnderdeel().gekozenVersie(self.selectedBudgetVersie().kalenderjaar());
self.selectedOnderdeel().gekozenVersie(self.selectedBudgetVersie());
}
self.fOnderdelenInArray();
return true;
},
@@ -881,6 +883,7 @@ mh.initCompactSopModel = function(){
};
$.post("index.php/monpas/compactsop/maakPDF/", submitData, function(result){
window.open('tmp/temp' + result + '.html');
+26 -10
View File
@@ -671,7 +671,7 @@ ls.initIJkpuntenModel = function(){
}
labels.push(g.nummer);
scores.push({ y : parseFloat(g.gem),
scores.push({ y : Number(g.gem) == 0 ? null: Number(g.gem) ,
color : g.kleur,
name : g.nummer });
@@ -683,10 +683,6 @@ ls.initIJkpuntenModel = function(){
y: ambitiewaarde,
color: '#000000',
name: '',
soort: 'ambitie',
versie: l.periodenummer,
vantm: l.vantm,
omschrijving: g.omschrijving
}
);
});
@@ -695,10 +691,6 @@ ls.initIJkpuntenModel = function(){
y : null,
color : 'transparent',
name : '0',
soort : 'extra',
versie : l.periodenummer,
vantm : l.vantm,
omschrijving: ''
};
@@ -721,7 +713,6 @@ ls.initIJkpuntenModel = function(){
var extralijn = {
y: ambitiewaarde,
name: '',
soort: 'extra'
};
ambities.unshift(extralijn);
ambities.push(extralijn);
@@ -741,6 +732,29 @@ ls.initIJkpuntenModel = function(){
self.ijkgrafiek = Highcharts.chart('hc-chart1', {
chart: {
type: 'column',
options3d: {
enabled: true,
alpha: 20,
beta: 20,
viewDistance: 40,
depth: 75,
frame: {
left: {
color:'#f8f8f8'
},
bottom: {
color:'#d9d9d9',
visible: 'auto'
},
back: {
color:'#f8f8f8'
},
}
}
},
title: {
text: ''
},
@@ -765,6 +779,7 @@ ls.initIJkpuntenModel = function(){
xAxis: {
type: 'category',
categories: xas,
skew3d: true,
title:{
text: xastitel
}
@@ -772,6 +787,7 @@ ls.initIJkpuntenModel = function(){
yAxis: {
min:0,
max: 100,
skew3d: true,
title: {
text: 'Scores'
}
+403 -407
View File
@@ -1,422 +1,418 @@
$(function(){
//instrument verwijderd feb '22
function fAddSWV(p) {
var dit = this;
this.id = p.id;
this.soort = p.soort
this.naam = p.naam
this.plaats = p.plaats
this.geopend = ko.observable(false);
dit.kamers = ko.observableArray([]);
if (p.kamers) {
$.each(p.kamers, function (j, k) {
dit.kamers.push(new fAddKamer(k));
})
}
}
// function fAddSWV(p) {
// var dit = this;
// this.id = p.id;
// this.soort = p.soort
// this.naam = p.naam
// this.plaats = p.plaats
// this.geopend = ko.observable(false);
// dit.kamers = ko.observableArray([]);
// if (p.kamers) {
// $.each(p.kamers, function (j, k) {
// dit.kamers.push(new fAddKamer(k));
// })
// }
// }
function fAddKamer(p) {
var dit = this;
this.id = p.id;
this.soort = p.soort
this.naam = p.naam
this.plaats = p.plaats
this.geopend = ko.observable(false);
this.bgs = ko.observableArray([]);
// function fAddKamer(p) {
// var dit = this;
// this.id = p.id;
// this.soort = p.soort
// this.naam = p.naam
// this.plaats = p.plaats
// this.geopend = ko.observable(false);
// this.bgs = ko.observableArray([]);
//
// if (p.bgs) {
// $.each(p.bgs, function (x, z) {
// dit.bgs.push(new fAddBG(z));
// })
// }
// }
if (p.bgs) {
$.each(p.bgs, function (x, z) {
dit.bgs.push(new fAddBG(z));
})
}
}
// function fAddBG(p) {
// var dit = this;
// this.id = p.id;
// this.soort = p.soort
// this.naam = p.naam
// this.plaats = p.plaats
// this.geopend = ko.observable(false);
// this.scholen = ko.observableArray([]);
// if (p.scholen) {
// $.each(p.scholen, function (a, b) {
// dit.scholen.push(new fAddSchool(b));
// })
// }
// }
function fAddBG(p) {
var dit = this;
this.id = p.id;
this.soort = p.soort
this.naam = p.naam
this.plaats = p.plaats
this.geopend = ko.observable(false);
this.scholen = ko.observableArray([]);
if (p.scholen) {
$.each(p.scholen, function (a, b) {
dit.scholen.push(new fAddSchool(b));
})
}
}
// function fAddSchool(p) {
// var dit = this;
// this.id = p.id;
// this.soort = p.soort
// this.naam = p.naam
// this.brin = p.brin
// this.plaats = p.plaats
// }
function fAddSchool(p) {
var dit = this;
this.id = p.id;
this.soort = p.soort
this.naam = p.naam
this.brin = p.brin
this.plaats = p.plaats
}
// function fAddOrgversion(p) {
// this.id = p.id; //orgversion id
// this.periodenummer = p.periodenummer
// this.versie_id = p.versie_id
// this.naam = p.naam
// this.geldigvanaf = p.geldigvanaf;
// this.geldigtm = p.geldigtm;
// this.invullentm = p.invullentm;
// this.info = ko.computed(function(){
// var versieInfostr=this.naam;
// versieInfostr += "- periode " + this.periodenummer +
// ", " + this.geldigvanaf + " t/m " + this.geldigtm;
// return versieInfostr;
// }
// ,this)
// }
function fAddOrgversion(p) {
this.id = p.id; //orgversion id
this.periodenummer = p.periodenummer
this.versie_id = p.versie_id
this.naam = p.naam
this.geldigvanaf = p.geldigvanaf;
this.geldigtm = p.geldigtm;
this.invullentm = p.invullentm;
this.info = ko.computed(function(){
var versieInfostr=this.naam;
versieInfostr += "- periode " + this.periodenummer +
", " + this.geldigvanaf + " t/m " + this.geldigtm;
return versieInfostr;
}
,this)
}
// function fAddIndeling(p) {
// var dit = this;
// this.id = p.waardeid;
// this.naam = p.naam
// this.volgorde = p.volgorde;
// this.organisaties = ko.observableArray([]);
// if (p.users) {
// $.each(p.users, function (j, k) {
// dit.organisaties.push(new fAddOrgIndeling(k));
// })
// }
// }
function fAddIndeling(p) {
var dit = this;
this.id = p.waardeid;
this.naam = p.naam
this.volgorde = p.volgorde;
this.organisaties = ko.observableArray([]);
if (p.users) {
$.each(p.users, function (j, k) {
dit.organisaties.push(new fAddOrgIndeling(k));
})
}
}
// function fAddOrgIndeling(k) {
// var dit = this;
// this.subject = k.fullname;
// this.naamkort = k.naamkort;
// this.brin = '';
// if (k.brin) this.brin = k.brin;
// this.fvid = k.filledversionid;
//
// this.results = ko.observableArray([]);
// if (k.oordelen) {
// $.each(k.oordelen, function (j, k) {
// dit.results.push(new fAddResult(k));
// })
// }
// }
function fAddOrgIndeling(k) {
var dit = this;
this.subject = k.fullname;
this.naamkort = k.naamkort;
this.brin = '';
if (k.brin) this.brin = k.brin;
this.fvid = k.filledversionid;
// function fAddIJkpunt(p) {
// this.nummer = p.nummer;
// this.omschrijving = p.omschrijving;
// this.toelichting = p.toelichting;
// }
this.results = ko.observableArray([]);
if (k.oordelen) {
$.each(k.oordelen, function (j, k) {
dit.results.push(new fAddResult(k));
})
}
}
function fAddIJkpunt(p) {
this.nummer = p.nummer;
this.omschrijving = p.omschrijving;
this.toelichting = p.toelichting;
}
function fAddResult(k) {
var dit = this;
this.num = k.nummer;
this.normId = k.normID;
this.kleur = k.kleur;
this.waarde = ko.observable("N");
switch(dit.normId){
case "1" : dit.waarde("Z"); break;
case "2" : dit.waarde("O"); break;
case "3" : dit.waarde("V"); break;
case "4" : dit.waarde ("G"); break;
}
}
function fAddCriteria(c) {
var dit = this;
this.criteriumid = ko.observable(c.id);
this.naam = ko.observable(c.naam);
}
// function fAddResult(k) {
//
// var dit = this;
// this.num = k.nummer;
// this.normId = k.normID;
// this.kleur = k.kleur;
// this.waarde = ko.observable("N");
// switch(dit.normId){
// case "1" : dit.waarde("Z"); break;
// case "2" : dit.waarde("O"); break;
// case "3" : dit.waarde("V"); break;
// case "4" : dit.waarde ("G"); break;
// }
// }
ls.initInspectiematrixModel = function(){
if (ls.InspectiematrixModel !== undefined){
ls.InspectiematrixModel.initModel();
}
else {
ls.InspectiematrixModel = {
bgs : ko.observableArray([]),
ijkpunten : ko.observableArray([]),
toporg : ko.observableArray([]),
kleuren : ko.observableArray([]),
criteria : ko.observableArray([]),
indelingen : ko.observableArray([]),
selectedOrg : ko.observable(''),
orgsoort : ko.observable(1),
orgversions : ko.observableArray([]),
selectedOrgversion : ko.observable(),
selectedCriterium : ko.observable(0),
versievorm : ko.observable(),
inzage : ko.observable(),
kleurlegenda : ko.observable(''),
invulid : ko.observable(''),
bezig : ko.observable(false),
druk : ko.observable(false),
aantalY : ko.observable(0),
data : ko.observable(false),
kolombreedte : ko.pureComputed(function(){
var row = 708;
var orgbreedte = 250
var aantal = 15;
if(ls.InspectiematrixModel.aantalY()> 1) {
aantal = ls.InspectiematrixModel.aantalY();
}
var breedte = Math.floor((row - orgbreedte)/aantal);
return breedte;
}),
orgbreedtehead : ko.pureComputed(function(){
var aantal = 15;
if(ls.InspectiematrixModel.aantalY()> 1) {
aantal = ls.InspectiematrixModel.aantalY();
}
orgpassend = Math.floor(708 - (aantal * ls.InspectiematrixModel.kolombreedte()))
return orgpassend;
}),
orgbreedtebody : ko.pureComputed(function(){
var aantal = 15;
if(ls.InspectiematrixModel.aantalY()> 1) {
aantal = ls.InspectiematrixModel.aantalY();
}
var orgpassend = Math.floor(708- (aantal * ls.InspectiematrixModel.kolombreedte()))
return orgpassend;
}),
initBindings :function(){
var self = ls.InspectiematrixModel;
if (!ko.dataFor(document.getElementById('paginspectiematrix')) ) {
ko.applyBindings(ls.InspectiematrixModel, document.getElementById("paginspectiematrix"));
}
self.initModel();
},
initModel: function(){
var self = ls.InspectiematrixModel;
self.toporg('');
self.fCheckInzageRecht();
$.post("index.php/monpas/rapijkpunten/getorgs", function (data) {
if (data.organisatie) {
self.orgsoort(data.soort);
switch (self.orgsoort()) {
case 1:
self.toporg(new fAddSWV(data.organisatie));
break;
case 2:
self.toporg(new fAddKamer(data.organisatie));
break;
case 3:
self.toporg(new fAddBG(data.organisatie));
break;
case 4:
self.toporg(new fAddSchool(data.organisatie));
break;
}
self.selectedOrg(self.toporg());
self.fSwitchLevel();
}
}, 'json');
},
fToggleGeopend: function () {
this.geopend(!this.geopend());
},
fCheckInzageRecht: function () {
var self = ls.InspectiematrixModel;
$.post("index.php/monpas/rapmatrix/checkinzage/", function (data) {
if (data) {
self.inzage(data);
}
}, 'json');
},
fCheckOwner: function () {
var self = ls.InspectiematrixModel;
var submitData = {
"orgversieid": self.selectedOrgversion().id,
"orgid": self.selectedOrg().id,
}
$.post("index.php/monpas/rapmatrix/checkowner/", submitData, function (data) {
if (data) {
self.invulid(parseInt(data));
}
}, 'json');
},
fSwitchOrg: function () {
var self = ls.InspectiematrixModel;
if (self.selectedOrg() == undefined) return;
if (this.id == self.selectedOrg().id) return;
self.selectedOrg(this);
self.fSwitchLevel();
},
fSwitchLevel: function () {
var self = ls.InspectiematrixModel;
if (self.selectedOrg() == undefined) return;
var versieid = null;
if(self.selectedOrgversion() != undefined ) {
versieid = self.selectedOrgversion().id;
}
$.post("index.php/monpas/rapijkpunten/getperiodes3/" + self.selectedOrg().id, function (data) {
self.bezig(true);
self.orgversions.removeAll();
if (data) {
$.each(data, function (i, p) {
self.orgversions.push(new fAddOrgversion(p));
})
if(versieid != null ){
$.each(self.orgversions(), function (i, q) {
if (q.id == versieid) {
self.selectedOrgversion(q);
return false;
}
});
}
if(self.toporg().soort == 4) {
self.bezig(false);
self.fChangeVersion2();
}
else {
self.fGetCriteria();
}
}
}, 'json')
.always(self.bezig(false));
},
fChangeVersion2: function () {
var self = ls.InspectiematrixModel;
if (self.selectedOrgversion() == undefined) return;
if (self.bezig()) return;
self.fHaalScoresOp();
},
fHaalScoresOp: function(){
var self = ls.InspectiematrixModel;
if(self.druk()) return;
var sorteerid = 0;
if(self.selectedCriterium())
{
sorteerid = self.selectedCriterium().criteriumid();
}
var submitData = {
'orgid' : self.selectedOrg().id,
'orgsoort' : self.selectedOrg().soort,
'criteriumid' : sorteerid,
'orgversieid' : self.selectedOrgversion().id,
}
// showAjaxLoader();
$.post("index.php/monpas/rapmatrix/haalInspectieScoresOp", submitData, function (results) {
self.indelingen.removeAll();
self.ijkpunten.removeAll();
if (results) {
self.fCheckOwner();
self.aantalY(results.aantalY);
self.data(results.uitslagen);
self.kleurlegenda(results.kleurtabel);
$.each(results.ijkpunten, function (i, p){
self.ijkpunten.push(new fAddIJkpunt(p));
}); // each
$.each(results.labels, function (i, p) {
self.indelingen.push(new fAddIndeling(p));
}); // each
};
// if results
}, 'json');
// hideAjaxLoader();
},
fGetCriteria: function(){
var self = ls.InspectiematrixModel;
var submitData ={
'orgid' : self.selectedOrg().id,
'orgsoort' : self.selectedOrg().soort
}
$.post("index.php/monpas/rapmatrix/getCriteriaSWV", submitData, function(results) {
self.druk(true);
self.criteria.removeAll();
if (results) {
$.each(results, function (i, c) {
self.criteria.push(new fAddCriteria(c));
if (c.id == 1000) {
self.selectedCriterium(c.id);
return false;
}
}); // each
}
self.druk(false);
self.fChangeCriterium();
},'json')
.always(self.druk(false), self.bezig(false));
},
fChangeCriterium: function(){
var self = ls.InspectiematrixModel;
if (self.selectedOrgversion() == undefined) return;
if (self.druk() ) return;
self.fHaalScoresOp();
},
fToonToelichting: function () {
var self = ls.InspectiematrixModel;
var dit = this;
apprise("Toelichting bij ijkpunt " + dit.nummer + ":<br/><i>" + dit.omschrijving + "</i><br/><hr/> " + dit.toelichting);
},
fPrint:function(){
var self =ls.InspectiematrixModel;
// if (self.bezig()) return;
// self.bezig(true);
var criterium= null;
if(self.selectedCriterium()){
criterium = self.selectedCriterium().naam();
}
var indelingen = ko.toJSON(self.indelingen());
var ijkpunten = ko.toJSON(self.ijkpunten);
var data ={
'orgversie' : self.selectedOrgversion(),
'organisatie' : self.selectedOrg(),
'indelingen' : indelingen,
'ijkpunten' : ijkpunten,
'criterium' : criterium,
'kopbreedte' : self.orgbreedtehead()+"px",
'orgbreedte' : self.orgbreedtebody()+"px",
'kolombreedte' : self.kolombreedte()+"px",
'uitslagen' : self.data(),
'invulid' : self.invulid(),
'inzage' : self.inzage(),
'kleurlegenda' : self.kleurlegenda(),
}
data=JSON.stringify(data);
var $form = $("<form method='post' action='index.php/monpas/rapmatrix/printinspectie' target='_blank'>").append($('<input type = "hidden" name="data" id ="data">').val(data) );
$form.appendTo("body").submit();
}
} ; // definition van model
ls.InspectiematrixModel.initBindings();
}; // else
}// function initInspectieInspectiematrixModel
// ls.initInspectiematrixModel = function(){
// if (ls.InspectiematrixModel !== undefined){
// ls.InspectiematrixModel.initModel();
// }
// else {
// ls.InspectiematrixModel = {
// bgs : ko.observableArray([]),
// ijkpunten : ko.observableArray([]),
// toporg : ko.observableArray([]),
// kleuren : ko.observableArray([]),
// criteria : ko.observableArray([]),
// indelingen : ko.observableArray([]),
// selectedOrg : ko.observable(''),
// orgsoort : ko.observable(1),
// orgversions : ko.observableArray([]),
// selectedOrgversion : ko.observable(),
// selectedCriterium : ko.observable(0),
// versievorm : ko.observable(),
// inzage : ko.observable(),
// kleurlegenda : ko.observable(''),
// invulid : ko.observable(''),
// bezig : ko.observable(false),
// druk : ko.observable(false),
// aantalY : ko.observable(0),
// data : ko.observable(false),
// kolombreedte : ko.pureComputed(function(){
// var row = 708;
// var orgbreedte = 250
// var aantal = 15;
// if(ls.InspectiematrixModel.aantalY()> 1) {
// aantal = ls.InspectiematrixModel.aantalY();
// }
// var breedte = Math.floor((row - orgbreedte)/aantal);
// return breedte;
// }),
//
//
// orgbreedtehead : ko.pureComputed(function(){
// var aantal = 15;
// if(ls.InspectiematrixModel.aantalY()> 1) {
// aantal = ls.InspectiematrixModel.aantalY();
// }
// orgpassend = Math.floor(708 - (aantal * ls.InspectiematrixModel.kolombreedte()))
// return orgpassend;
// }),
//
// orgbreedtebody : ko.pureComputed(function(){
// var aantal = 15;
// if(ls.InspectiematrixModel.aantalY()> 1) {
// aantal = ls.InspectiematrixModel.aantalY();
// }
// var orgpassend = Math.floor(708- (aantal * ls.InspectiematrixModel.kolombreedte()))
// return orgpassend;
// }),
//
// initBindings :function(){
// var self = ls.InspectiematrixModel;
// if (!ko.dataFor(document.getElementById('paginspectiematrix')) ) {
// ko.applyBindings(ls.InspectiematrixModel, document.getElementById("paginspectiematrix"));
// }
// self.initModel();
// },
// initModel: function(){
// var self = ls.InspectiematrixModel;
// self.toporg('');
// self.fCheckInzageRecht();
// $.post("index.php/monpas/rapijkpunten/getorgs", function (data) {
// if (data.organisatie) {
// self.orgsoort(data.soort);
// switch (self.orgsoort()) {
// case 1:
// self.toporg(new fAddSWV(data.organisatie));
// break;
// case 2:
// self.toporg(new fAddKamer(data.organisatie));
// break;
// case 3:
// self.toporg(new fAddBG(data.organisatie));
// break;
// case 4:
// self.toporg(new fAddSchool(data.organisatie));
// break;
// }
// self.selectedOrg(self.toporg());
//
// self.fSwitchLevel();
// }
// }, 'json');
//
// },
// fToggleGeopend: function () {
// this.geopend(!this.geopend());
// },
//
// fCheckInzageRecht: function () {
// var self = ls.InspectiematrixModel;
// $.post("index.php/monpas/rapmatrix/checkinzage/", function (data) {
// if (data) {
// self.inzage(data);
// }
// }, 'json');
// },
//
// fCheckOwner: function () {
// var self = ls.InspectiematrixModel;
// var submitData = {
// "orgversieid": self.selectedOrgversion().id,
// "orgid": self.selectedOrg().id,
// }
//
// $.post("index.php/monpas/rapmatrix/checkowner/", submitData, function (data) {
// if (data) {
// self.invulid(parseInt(data));
// }
// }, 'json');
// },
//
// fSwitchOrg: function () {
// var self = ls.InspectiematrixModel;
// if (self.selectedOrg() == undefined) return;
// if (this.id == self.selectedOrg().id) return;
// self.selectedOrg(this);
// self.fSwitchLevel();
// },
// fSwitchLevel: function () {
// var self = ls.InspectiematrixModel;
// if (self.selectedOrg() == undefined) return;
//
// var versieid = null;
// if(self.selectedOrgversion() != undefined ) {
// versieid = self.selectedOrgversion().id;
// }
//
//
// $.post("index.php/monpas/rapijkpunten/getperiodes3/" + self.selectedOrg().id, function (data) {
// self.bezig(true);
// self.orgversions.removeAll();
// if (data) {
// $.each(data, function (i, p) {
// self.orgversions.push(new fAddOrgversion(p));
// })
// if(versieid != null ){
// $.each(self.orgversions(), function (i, q) {
// if (q.id == versieid) {
// self.selectedOrgversion(q);
// return false;
// }
// });
// }
// if(self.toporg().soort == 4) {
// self.bezig(false);
// self.fChangeVersion2();
// }
// else {
// self.fGetCriteria();
// }
//
//
// }
// }, 'json')
// .always(self.bezig(false));
// },
// fChangeVersion2: function () {
// var self = ls.InspectiematrixModel;
// if (self.selectedOrgversion() == undefined) return;
// if (self.bezig()) return;
//
// self.fHaalScoresOp();
// },
//
// fHaalScoresOp: function(){
// var self = ls.InspectiematrixModel;
// if(self.druk()) return;
// var sorteerid = 0;
// if(self.selectedCriterium())
// {
// sorteerid = self.selectedCriterium().criteriumid();
// }
//
//
//
// var submitData = {
// 'orgid' : self.selectedOrg().id,
// 'orgsoort' : self.selectedOrg().soort,
// 'criteriumid' : sorteerid,
// 'orgversieid' : self.selectedOrgversion().id,
// }
//
// // showAjaxLoader();
//
// $.post("index.php/monpas/rapmatrix/haalInspectieScoresOp", submitData, function (results) {
// self.indelingen.removeAll();
// self.ijkpunten.removeAll();
// if (results) {
// self.fCheckOwner();
// self.aantalY(results.aantalY);
// self.data(results.uitslagen);
// self.kleurlegenda(results.kleurtabel);
// $.each(results.ijkpunten, function (i, p){
// self.ijkpunten.push(new fAddIJkpunt(p));
// }); // each
//
// $.each(results.labels, function (i, p) {
// self.indelingen.push(new fAddIndeling(p));
// }); // each
//
//
// };
// // if results
//
// }, 'json');
// // hideAjaxLoader();
// },
//
// fGetCriteria: function(){
// var self = ls.InspectiematrixModel;
// var submitData ={
// 'orgid' : self.selectedOrg().id,
// 'orgsoort' : self.selectedOrg().soort
// }
//
// $.post("index.php/monpas/rapmatrix/getCriteriaSWV", submitData, function(results) {
// self.druk(true);
// self.criteria.removeAll();
// if (results) {
// $.each(results, function (i, c) {
// self.criteria.push(new fAddCriteria(c));
// if (c.id == 1000) {
// self.selectedCriterium(c.id);
// return false;
// }
// }); // each
// }
//
// self.druk(false);
// self.fChangeCriterium();
// },'json')
// .always(self.druk(false), self.bezig(false));
// },
//
// fChangeCriterium: function(){
// var self = ls.InspectiematrixModel;
// if (self.selectedOrgversion() == undefined) return;
// if (self.druk() ) return;
// self.fHaalScoresOp();
// },
//
// fToonToelichting: function () {
// var self = ls.InspectiematrixModel;
// var dit = this;
// apprise("Toelichting bij ijkpunt " + dit.nummer + ":<br/><i>" + dit.omschrijving + "</i><br/><hr/> " + dit.toelichting);
// },
//
// fPrint:function(){
// var self =ls.InspectiematrixModel;
// // if (self.bezig()) return;
// // self.bezig(true);
//
// var criterium= null;
// if(self.selectedCriterium()){
// criterium = self.selectedCriterium().naam();
// }
// var indelingen = ko.toJSON(self.indelingen());
// var ijkpunten = ko.toJSON(self.ijkpunten);
// var data ={
// 'orgversie' : self.selectedOrgversion(),
// 'organisatie' : self.selectedOrg(),
// 'indelingen' : indelingen,
// 'ijkpunten' : ijkpunten,
// 'criterium' : criterium,
// 'kopbreedte' : self.orgbreedtehead()+"px",
// 'orgbreedte' : self.orgbreedtebody()+"px",
// 'kolombreedte' : self.kolombreedte()+"px",
// 'uitslagen' : self.data(),
// 'invulid' : self.invulid(),
// 'inzage' : self.inzage(),
// 'kleurlegenda' : self.kleurlegenda(),
// }
//
// data=JSON.stringify(data);
// var $form = $("<form method='post' action='index.php/monpas/rapmatrix/printinspectie' target='_blank'>").append($('<input type = "hidden" name="data" id ="data">').val(data) );
// $form.appendTo("body").submit();
// }
//
// } ; // definition van model
// ls.InspectiematrixModel.initBindings();
//
// }; // else
// }// function initInspectieInspectiematrixModel
});
@@ -281,7 +281,7 @@ ls.initDiversiteitModel = function(module){
labels[counter]='school';
scores[counter]= self.schoolDQ() === 0? null: Number(self.schoolDQ());
Highcharts.chart('dqpergroep', {
Highcharts.chart('dqpergroepX', {
chart: {
type: 'column',
backgroundColor: '#ffffff',
@@ -414,11 +414,14 @@ ls.initDiversiteitModel = function(module){
fPrintDiversiteitBar :function(){
var self = ls.DiversiteitModel;
var base64 = self.BC6.toBase64Image();
var svgElem = document.querySelector( "#dqpergroepX" );
var svgData = null;
if ( svgElem ) svgData = new XMLSerializer().serializeToString( svgElem );
var data = { 'orgid' : self.schoolid(),
'schooljaarnr': ls.MenuModel.selectedSchooljaar().schooljaarnr,
'image' : base64};
var data = { 'orgid' : self.schoolid(),
'schooljaarnr': ls.MenuModel.selectedSchooljaar().schooljaarnr,
'graph' : svgData};
data=JSON.stringify(data);
var $form = $("<form method='post' action='index.php/monpas/diversiteit/pdfdiversiteitbar' target='_blank'>").append($('<input type = "hidden" name="data" id ="data">').val(data) );
$form.appendTo("body").submit();
@@ -279,7 +279,7 @@ mh.initDiversiteitSOModel = function(){
// var aantalgroepen = self.groepen().length + 1;
// var bartussenruimte = (580 - (80 * aantalgroepen))/aantalgroepen ;
// if (bartussenruimte <=0 ) bartussenruimte = 4;
bartussenruimte = 5;
// bartussenruimte = 5;
$.each(self.groepen(), function(i,p){
scores[i] = p.DQ;
@@ -289,78 +289,178 @@ mh.initDiversiteitSOModel = function(){
});
slabels[counter]='school';
scores[counter]=self.schoolDQ();
if (self.BC6 ) {self.BC6.destroy(); }
$("#cdiversiteitso").remove();
var canv = document.createElement('canvas');
canv.id = 'cdiversiteitso';
canv.width = 580;
canv.height = 400;
document.getElementById('diversiteitsocanvasholderso').appendChild(canv);
//var ctxDiversiteit
var ctxDiversiteit=$("#cdiversiteitso").get(0).getContext("2d");
Highcharts.chart('cdiversiteitsoXXX', {
chart: {
width: 580,
options3d: {
enabled: true,
alpha: 15,
beta: 15,
viewDistance: 25,
depth: 40
}
},
title: {
text: 'Diversiteitsquotiënt per groep',
},
credits: {
enabled: false
},
xAxis: {
categories: slabels,
labels: {
skew3d: true,
style: {
fontSize : '10px',
},
},
},
yAxis: {
allowDecimals: false,
tickInterval: 0.2,
min: 0,
title: {
text : 'quotiënt',
skew3d : true
},
},
plotOptions: {
column: {
stacking: 'normal',
depth: 40,
formatter:function(){
if(this.y > 0)
return this.y;
}
}
},
tooltip:{
useHTML: true,
formatter:function(){
if(this.y > 0)
return '<span> groep: '+ this.x + '</span><br><span>DQ: '+this.y+'</span></span>'
}
},
legend: {
enabled: false,
},
series: [{ type:'column',
name: 'DQ',
color: '#6F0B3D',
data: scores,
showInLegend: false}
]
},);
// if (self.BC6 ) {self.BC6.destroy(); }
//
// var canv = document.createElement('canvas');
// canv.id = 'cdiversiteitso';
// canv.width = 580;
// canv.height = 400;
// document.getElementById('diversiteitsocanvasholderso').appendChild(canv);
// //var ctxDiversiteit
// var ctxDiversiteit=$("#cdiversiteitso").get(0).getContext("2d");
var data7 = {labels :slabels,
datasets: [{fillColor: "rgba(147,15,80,0.9)",
strokeColor: "rgba(111,11,61,1)",
highlightStroke: "rgba(222,22,123,1)",
data: scores},
]}
// var data7 = {labels :slabels,
// datasets: [{fillColor: "rgba(147,15,80,0.9)",
// strokeColor: "rgba(111,11,61,1)",
// highlightStroke: "rgba(222,22,123,1)",
// data: scores},
// ]}
Chart.types.Bar.extend({
name: "LineAlt",
initialize: function () {
Chart.types.Bar.prototype.initialize.apply(this, arguments);
},
draw: function () {
Chart.types.Bar.prototype.draw.apply(this, arguments);
this.chart.ctx.beginPath();
// 137
// this.chart.ctx.moveTo(30, 137);
// this.chart.ctx.lineTo(580, 137);
this.chart.ctx.stroke();
this.chart.ctx.closePath();
}
});
// Chart.types.Bar.extend({
// name: "LineAlt",
// initialize: function () {
//
// Chart.types.Bar.prototype.initialize.apply(this, arguments);
// },
// draw: function () {
//
// Chart.types.Bar.prototype.draw.apply(this, arguments);
// this.chart.ctx.beginPath();
// // 137
// // this.chart.ctx.moveTo(30, 137);
// // this.chart.ctx.lineTo(580, 137);
// this.chart.ctx.stroke();
// this.chart.ctx.closePath();
// }
// });
self.BC6 = new Chart(ctxDiversiteit).LineAlt(data7,{
animation:false,
scaleFontFamily: "'lato','Arial'",
scaleColor:"rgba(0,0,0,1)",
scaleShowGridLines:true,
scaleLineColor:"rgba(0,0,0,1)",
scaleOverride: true,
scaleBeginAtZero :true,
scaleSteps: 6,
scaleStepWidth: 0.5,
scaleStartValue: 0,
barValueSpacing: bartussenruimte,
barStrokeWidth:1,
barDatasetSpacing:2,
toottipFontFamily:"'lato','Arial'",
showTooltips : true,
tooltipTemplate: "<%= label %> : <%= value %>"
});
ctxDiversiteit.stroke();
// self.BC6 = new Chart(ctxDiversiteit).LineAlt(data7,{
// animation:false,
// scaleFontFamily: "'lato','Arial'",
// scaleColor:"rgba(0,0,0,1)",
// scaleShowGridLines:true,
// scaleLineColor:"rgba(0,0,0,1)",
// scaleOverride: true,
// scaleBeginAtZero :true,
// scaleSteps: 6,
// scaleStepWidth: 0.5,
// scaleStartValue: 0,
// barValueSpacing: bartussenruimte,
// barStrokeWidth:1,
// barDatasetSpacing:2,
//
// toottipFontFamily:"'lato','Arial'",
// showTooltips : true,
// tooltipTemplate: "<%= label %> : <%= value %>"
// });
//
// ctxDiversiteit.stroke();
},
fPrintDiversiteitBar :function(){
var self = mh.DiversiteitSOModel;
var base64 = self.BC6.toBase64Image();
fPrintDiversiteitBar: function () {
var self = mh.DiversiteitSOModel;
var data = { 'orgid' : self.schoolid(),
'schooljaarnr': ls.MenuModel.selectedSchooljaar().schooljaarnr,
'image' : base64};
data=JSON.stringify(data);
var $form = $("<form method='post' action='index.php/monpas/diversiteit/pdfdiversiteitbar' target='_blank'>").append($('<input type = "hidden" name="data" id ="data">').val(data) );
$form.appendTo("body").submit();
},
var svgElem = document.querySelector( "#cdiversiteitsoXXX" );
var svgData = null;
if ( svgElem ) svgData = new XMLSerializer().serializeToString( svgElem );
var bestandsnaam = "Diversiteitsquotient_per_groep";
var sd = {
'graph' : svgData,
'orgid' : self.schoolid(),
'schooljaar' : ls.MenuModel.selectedSchooljaar().naam,
'filenaam' : bestandsnaam,
};
data = JSON.stringify( sd );
var $form = $( "<form method='post' action='index.php/monpas/diversiteit/pdfdiversiteitbar/' target='_blank'>" ).append( $( '<input type = "hidden" name="data" id ="sodiv">' ).val( data ) );
$form.appendTo( "body" ).submit();
},
// fPrintDiversiteitBar :function(){
// var self = mh.DiversiteitSOModel;
// var base64 = self.BC6.toBase64Image();
//
// var data = { 'orgid' : self.schoolid(),
// 'schooljaarnr': ls.MenuModel.selectedSchooljaar().schooljaarnr,
// 'image' : base64};
// data=JSON.stringify(data);
// var $form = $("<form method='post' action='index.php/monpas/diversiteit/pdfdiversiteitbar' target='_blank'>").append($('<input type = "hidden" name="data" id ="data">').val(data) );
// $form.appendTo("body").submit();
// },
fPrintLeerlingaantallen: function(){
var self =mh.DiversiteitSOModel;
@@ -227,44 +227,123 @@ ls.initMonDivModel = function(module){
var slabels =['B','B⁺','E','E⁺','gem'];
if (!self.grandtotals() || self.grandtotals().llng <=0) return;
scores[0]=Math.round((self.grandtotals().cat1 / self.grandtotals().llng) * 100)
scores[1]=Math.round((self.grandtotals().cat2 / self.grandtotals().llng) * 100)
scores[2]=Math.round((self.grandtotals().cat3 / self.grandtotals().llng) * 100)
scores[3]=Math.round((self.grandtotals().cat4 / self.grandtotals().llng) * 100)
scores[4] = Math.round((self.grandtotals().cat234 / self.grandtotals().llng) * 100);
if (Gr01 ) {Gr01.destroy(); }
$("#mondiv01").remove();
var canv = document.createElement('canvas');
canv.id = 'mondiv01';
canv.width = 280;
canv.height = 185;
document.getElementById('holdermondiv01').appendChild(canv);
var ctxMondiv01=$("#mondiv01").get(0).getContext("2d");
var data = {labels : slabels,
datasets:[{ label: '',
fillColor: "rgba(147,15,80,0.9)",
strokeColor: "rgba(111,11,61,1)",
highlightStroke: "rgba(222,22,123,1)",
data: scores}]
};
Gr01 = new Chart(ctxMondiv01).Bar(data,{
animation: true,
scaleShowGridLines:true,
scaleLineColor:"rgba(0,0,0,1)",
scaleOverride: true,
scaleBeginAtZero :true,
scaleSteps: 10,
scaleStepWidth: 10,
scaleStartValue: 0 ,
barValueSpacing: 10,
barStrokeWidth:1,
barDatasetSpacing:2,
toottipFontFamily:"'lato','Arial'",
tooltipTemplate: "<%= label %>: <%= datasetLabel[ (label -1)] %> <%= value %>%",
});
var scores1 = Number(Math.round((self.grandtotals().cat1 / self.grandtotals().llng) * 100));
var scores2 = Number(Math.round((self.grandtotals().cat2 / self.grandtotals().llng) * 100));
var scores3 = Number(Math.round((self.grandtotals().cat3 / self.grandtotals().llng) * 100));
var scores4 = Number(Math.round((self.grandtotals().cat4 / self.grandtotals().llng) * 100));
var scores5 = Number(Math.round((self.grandtotals().cat234 / self.grandtotals().llng) * 100));
scores1 === 0 ? scores.push(null): scores.push(scores1);
scores2 === 0 ? scores.push(null): scores.push(scores2)
scores3 === 0 ? scores.push(null): scores.push(scores3)
scores4 === 0 ? scores.push(null): scores.push(scores4)
scores5 === 0 ? scores.push(null): scores.push(scores5)
console.log(scores, "scores")
console.log(slabels, "labels")
Highcharts.chart('mondiv01X', {
chart: {
height: 250,
width: 350,
options3d: {
enabled: true,
alpha: 15,
beta: 15,
viewDistance: 25,
depth: 40
}
},
title: {
text: 'totaal percentages en richtlijn',
},
credits: {
enabled: false
},
xAxis: {
categories: slabels,
labels: {
skew3d: true,
style: {
fontSize : '10px',
},
},
},
yAxis: {
allowDecimals: false,
min: 0,
title: {
text : 'percentage',
skew3d : true
},
},
plotOptions: {
column: {
stacking: 'normal',
depth: 40,
formatter:function(){
if(this.y > 0)
return this.y;
}
}
},
legend: {
enabled: false,
},
series: [{ type:'column',
name: 'diversiteit',
color: '#6F0B3D',
data: scores,
showInLegend: false},
{ type: 'spline',
name: 'richtlijn',
color: '#A28A29',
data: [85, 10, 3, 2, 15]},
]
},
);
// if (Gr01 ) {Gr01.destroy(); }
// $("#mondiv01").remove();
//
// var canv = document.createElement('canvas');
// canv.id = 'mondiv01';
// canv.width = 280;
// canv.height = 185;
// document.getElementById('holdermondiv01').appendChild(canv);
// var ctxMondiv01=$("#mondiv01").get(0).getContext("2d");
// var data = {labels : slabels,
// datasets:[{ label: '',
// fillColor: "rgba(147,15,80,0.9)",
// strokeColor: "rgba(111,11,61,1)",
// highlightStroke: "rgba(222,22,123,1)",
// data: scores}]
// };
// Gr01 = new Chart(ctxMondiv01).Bar(data,{
// animation: true,
// scaleShowGridLines:true,
// scaleLineColor:"rgba(0,0,0,1)",
// scaleOverride: true,
// scaleBeginAtZero :true,
// scaleSteps: 10,
// scaleStepWidth: 10,
// scaleStartValue: 0 ,
// barValueSpacing: 10,
// barStrokeWidth:1,
// barDatasetSpacing:2,
// toottipFontFamily:"'lato','Arial'",
//
// tooltipTemplate: "<%= label %>: <%= datasetLabel[ (label -1)] %> <%= value %>%",
// });
},
fPrintDiversiteitMonitor :function(){
@@ -275,15 +354,19 @@ ls.initMonDivModel = function(module){
bg=ko.toJSON(p);
bgs[i]=bg;
})
var Gr01_64 = '';
if (Gr01 !==undefined) Gr01_64=Gr01.toBase64Image();
submitData = { 'bgs' : bgs,
'maxdq' : ko.toJSON(self.maxdq()),
'mindq' : ko.toJSON(self.mindq()),
'maxoov' : ko.toJSON(self.maxoov()),
"grandtotals" : ko.toJSON(self.grandtotals()),
'schooljaarnr' : self.schooljaarnr(),
"gr0164" : Gr01_64
var svgElem = document.querySelector( "#mondiv01X" );
var svgData = null;
if ( svgElem ) svgData = new XMLSerializer().serializeToString( svgElem );
submitData = { 'bgs' : bgs,
'maxdq' : ko.toJSON(self.maxdq()),
'mindq' : ko.toJSON(self.mindq()),
'maxoov' : ko.toJSON(self.maxoov()),
"grandtotals" : ko.toJSON(self.grandtotals()),
'schooljaarnr': self.schooljaarnr(),
"graph" : svgData
}
data=JSON.stringify(submitData);
@@ -93,41 +93,113 @@ mh.initMonDivSOModel = function(module){
scores[1]=Math.round((self.grandtotals().cat6 / self.grandtotals().llng) * 100)
scores[2]=Math.round((self.grandtotals().cat7 / self.grandtotals().llng) * 100)
scores[3]=Math.round((self.grandtotals().cat8 / self.grandtotals().llng) * 100)
if (Gr01 ) {Gr01.destroy(); }
// if (Gr01 ) {Gr01.destroy(); }
$("#mondivSO").remove();
var canv = document.createElement('canvas');
canv.id = 'mondivSO';
canv.width = 280;
canv.height = 185;
document.getElementById('holdermondivSO').appendChild(canv);
var ctxMondiv01=$("#mondivSO").get(0).getContext("2d");
var data = {labels : slabels,
datasets:[{ label: '',
fillColor: "rgba(147,15,80,0.9)",
strokeColor: "rgba(111,11,61,1)",
highlightStroke: "rgba(222,22,123,1)",
data: scores}]
};
Gr01 = new Chart(ctxMondiv01).Bar(data,{
animation: true,
scaleShowGridLines:true,
scaleLineColor:"rgba(0,0,0,1)",
scaleOverride: true,
scaleBeginAtZero :true,
scaleSteps: 10,
scaleStepWidth: 10,
scaleStartValue: 0 ,
barValueSpacing: 10,
barStrokeWidth:1,
barDatasetSpacing:2,
toottipFontFamily:"'lato','Arial'",
tooltipTemplate: "<%= label %>: <%= datasetLabel[ (label -1)] %> <%= value %>%",
});
// var canv = document.createElement('canvas');
// canv.id = 'mondivSO';
// canv.width = 280;
// canv.height = 185;
// document.getElementById('holdermondivSO').appendChild(canv);
// var ctxMondiv01=$("#mondivSO").get(0).getContext("2d");
// var data = {labels : slabels,
// datasets:[{ label: '',
// fillColor: "rgba(147,15,80,0.9)",
// strokeColor: "rgba(111,11,61,1)",
// highlightStroke: "rgba(222,22,123,1)",
// data: scores}]
// };
// Gr01 = new Chart(ctxMondiv01).Bar(data,{
// animation: true,
// scaleShowGridLines:true,
// scaleLineColor:"rgba(0,0,0,1)",
// scaleOverride: true,
// scaleBeginAtZero :true,
// scaleSteps: 10,
// scaleStepWidth: 10,
// scaleStartValue: 0 ,
// barValueSpacing: 10,
// barStrokeWidth:1,
// barDatasetSpacing:2,
// toottipFontFamily:"'lato','Arial'",
//
// tooltipTemplate: "<%= label %>: <%= datasetLabel[ (label -1)] %> <%= value %>%",
// });
Highcharts.chart('mondivSOXXX', {
chart: {
height: 250,
width: 350,
options3d: {
enabled: true,
alpha: 15,
beta: 15,
viewDistance: 25,
depth: 40
}
},
title: {
text: 'Percentages',
},
credits: {
enabled: false
},
xAxis: {
categories: slabels,
labels: {
skew3d: true,
style: {
fontSize : '10px',
},
},
},
yAxis: {
allowDecimals: false,
min: 0,
title: {
text : 'percentage',
skew3d : true
},
},
plotOptions: {
column: {
stacking: 'normal',
depth: 40,
formatter:function(){
if(this.y > 0)
return this.y;
}
}
},
legend: {
enabled: false,
},
series: [{ type:'column',
name: 'diversiteit',
color: '#6F0B3D',
data: scores,
showInLegend: false}
]
},);
},
fPrintDiversiteitMonitor :function(){
var self = mh.MonDivSOModel;
var bgs = {};
@@ -136,17 +208,21 @@ mh.initMonDivSOModel = function(module){
bg=ko.toJSON(p);
bgs[i]=bg;
})
var Gr01_64 = '';
if (Gr01 !==undefined) Gr01_64=Gr01.toBase64Image();
submitData = { 'bgs' : bgs,
'maxdq' : ko.toJSON(self.maxdq()),
'mindq' : ko.toJSON(self.mindq()),
"grandtotals" : ko.toJSON(self.grandtotals()),
'schooljaarnr' : self.schooljaarnr(),
"gr0164" : Gr01_64
var svgElem = document.querySelector( "#mondivSOXXX" );
var svgData = null;
if ( svgElem ) svgData = new XMLSerializer().serializeToString( svgElem );
submitData = { 'bgs' : bgs,
'maxdq' : ko.toJSON(self.maxdq()),
'mindq' : ko.toJSON(self.mindq()),
"grandtotals" : ko.toJSON(self.grandtotals()),
'schooljaarnr': self.schooljaarnr(),
"graph" : svgData
}
data=JSON.stringify(submitData);
var $form = $("<form method='post' action='index.php/monpas/diversiteitmonitor/maakpdfsboso' target='_blank'>").append($('<input type = "hidden" name="data" id ="data">').val(data) );
$form.appendTo("body").submit();
}
+42 -11
View File
@@ -374,13 +374,13 @@ mh.initOmvangModel = function(){
var aantalso = 0;
if(o.licht) aantalsbo = Number(o.licht);
if(o.zwaar) aantalsbo = aantalsbo + Number(o.zwaar);
datasbo.push(aantalsbo);
datasbo.push(Number(aantalsbo) > 0 ? Number(aantalsbo) : null);
if(o.laag()) aantalso = (Number(o.laag()));
if(o.midden()) aantalso = aantalso + Number(o.midden());
if(o.hoog()) aantalso = aantalso + Number(o.hoog());
dataso.push(aantalso);
dataso.push(Number(aantalso) > 0 ? Number(aantalso): null);
if(o.aantalllnarr) dataarr.push(Number(o.aantalllnarr));
if(Number(o.aantalllnarr) ) dataarr.push(Number(o.aantalllnarr) > 0?Number(o.aantalllnarr): null );
});
@@ -390,12 +390,12 @@ mh.initOmvangModel = function(){
aantal.push(aantallln);
schooljaren.unshift(' ');
schooljaren.push(' ' );
datasbo.unshift(0);
datasbo.push(0);
dataso.unshift(0);
dataso.push(0);
dataarr.unshift(0);
dataarr.push(0);
datasbo.unshift(null);
datasbo.push(null);
dataso.unshift(null);
dataso.push(null);
dataarr.unshift(null);
dataarr.push(null);
}
@@ -421,7 +421,7 @@ mh.initOmvangModel = function(){
name: 'arrangementen',
color: '#ffcc80',
data: dataarr,
stack: 'arrangementen'
stack: 'arrs'
})
@@ -436,29 +436,55 @@ mh.initOmvangModel = function(){
});
Highcharts.chart('omvangchart', {
chart: {
type: 'column',
options3d: {
enabled: true,
alpha: 20,
beta: 20,
viewDistance: 40,
depth: 75,
frame: {
left: {
color:'#f8f8f8'
},
bottom: {
color:'#d9d9d9',
visible: 'auto'
},
back: {
color:'#f8f8f8'
},
}
}
},
credits: {
enabled: false
},
title: {
text: 'Omvang extra ondersteuning',
style: {
fontSize: '24px'
}
},
xAxis: {
skew3d: true,
categories: schooljaren
},
yAxis: {
allowDecimals: false,
skew3d: true,
min: 0,
title: {
text: 'Aantal leerlingen'
},
stackLabels: {
enabled: true,
skew3d: true,
style:{
fontSize: '12px',
fontWeight: '200'
@@ -621,7 +647,11 @@ mh.initOmvangModel = function(){
height: 800,
plotShadow: false,
type: 'pie',
margin: [0, 0, 0, 0]
margin: [0, 0, 0, 0],
options3d: {
enabled: true,
alpha: 45,
},
},
title: {
text: titel
@@ -638,6 +668,7 @@ mh.initOmvangModel = function(){
plotOptions: {
pie: {
allowPointSelect: true,
depth: 45,
size: 250,
cursor: 'pointer',
dataLabels: {
+278 -277
View File
@@ -1,280 +1,281 @@
$(function(){
// instrument verwijderd feb '22
ls.initOntwikkelModel2 = function(){
function fAddSWV(p){
var dit = this;
this.id = p.id;
this.soort = p.soort
this.naam = p.naam
this.plaats = p.plaats
this.geopend = ko.observable(false);
dit.kamers = ko.observableArray([]);
if (p.kamers ){
$.each(p.kamers, function(j,k){
dit.kamers.push(new fAddKamer(k));
})
}
}
function fAddKamer(p){
var dit = this;
this.id = p.id;
this.soort = p.soort
this.naam = p.naam
this.plaats = p.plaats
this.geopend = ko.observable(false);
this.bgs = ko.observableArray([]);
if (p.bgs){
$.each(p.bgs, function(x,z){
dit.bgs.push(new fAddBG(z));
})
}
}
function fAddBG(p){
var dit = this;
this.id = p.id;
this.soort = p.soort
this.naam = p.naam
this.plaats = p.plaats
this.geopend = ko.observable(false);
this.scholen = ko.observableArray([]);
if (p.scholen){
$.each(p.scholen, function(a,b){
dit.scholen.push(new fAddSchool(b));
})
}
}
function fAddSchool(p){
var dit = this;
this.id = p.id;
this.soort = p.soort
this.naam = p.naam
this.plaats = p.plaats
}
function fAddOrgversion(p){
this.id = p.id; //orgversion id
this.periodenummer = p.periodenummer
this.versie_id = p.versie_id
this.vorm = p.vorm
this.scoretype = p.scoretype
this.naam = p.naam
this.geldigvanaf = p.geldigvanaf;
this.geldigtm = p.geldigtm;
this.invullentm = p.invullentm;
this.info = ko.computed(function(){
var infostr=this.naam + "- periode " + this.periodenummer ;
infostr += " van " + this.geldigvanaf + " t/m " + this.geldigtm;
return infostr;
},this)
}
function fAddResult(p){
this.oordeelid = p.oordeelid;
this.scoretype = p.scoretype;
this.huidig = ko.observable( p.normid);
this.gewenst = ko.observable(3);
if (p.wensid) {this.gewenst(p.wensid)};
this.omschrijving = p.omschrijving;
this.fvID = p.fvID,
this.ijkID = p.ijkpuntID
}
if (ls.OntwikkelModel2 !== undefined){
ls.OntwikkelModel2.initModel();
}
else {
ls.OntwikkelModel2 = {
toporg : ko.observableArray([]),
selectedOrg : ko.observable(''),
orgsoort : ko.observable(1),
orgversions : ko.observableArray([]),
selectedOrgversion : ko.observable(''),
standaarden : ko.observableArray([]),
versieid : ko.observable(), // moet waarschijnlijk orgversie id worden!!
writeOK : ko.observable(false),
level123 : ko.observable(false),
bezig : ko.observable(false),
ingevuld : ko.observable(false),
wijzigRecht : ko.pureComputed(function () {
if(!ls.OntwikkelModel2.ingevuld()) return false;
if(ls.OntwikkelModel2.level123() ) return false;
if(ls.OntwikkelModel2.writeOK()) return true;
return false;
}),
initBindings :function(){
var self = ls.OntwikkelModel2;
if (!ko.dataFor(document.getElementById('pagontwikkel2')) ) {
ko.applyBindings(ls.OntwikkelModel2, document.getElementById("pagontwikkel2"));
}
self.initModel();
},
initModel: function(){
var self = ls.OntwikkelModel2;
self.toporg('');
$.post("index.php/monpas/rapijkpunten/getorgs", function(data){
if (data.organisatie){
self.orgsoort(data.soort);
switch (self.orgsoort()){
case 1: self.toporg(new fAddSWV(data.organisatie));
break;
case 2: self.toporg(new fAddKamer(data.organisatie));
break;
case 3: self.toporg(new fAddBG(data.organisatie));
break;
case 4: self.toporg(new fAddSchool(data.organisatie));
break;
}; // switch
self.selectedOrg(self.toporg());
self.fGetWriteAutorisatie();
self.fGetLevel();
self.fSwitchLevel();
}; // if
},'json');
},
fGetLevel: function(){
var self = ls.OntwikkelModel2;
$.post("index.php/monpas/rapijkpunten/checkLevelInspectie/", function(result){
self.level123(result);
},'json');
},
fGetWriteAutorisatie: function(){
var self = ls.OntwikkelModel2;
$.post("index.php/shared/autorisatienivos/getwriteautorisatie/" + self.selectedOrg().id, function(result){
self.writeOK(result);
},'json');
},
fToggleGeopend: function(){
this.geopend(!this.geopend());
},
fUpdateGewenst: function(num){
var self=ls.OntwikkelModel2;
this.gewenst(num);
},
fSwitchOrg: function(){
var self = ls.OntwikkelModel2;
if (self.selectedOrg() == undefined) return;
if (this.id == self.selectedOrg().id) return;
self.selectedOrg(this);
self.standaarden.removeAll();
self.fGetWriteAutorisatie();
self.ingevuld(false);
if (self.selectedOrg().soort < 4) return;
self.fSwitchLevel();
},
fSwitchLevel: function(){
var self = ls.OntwikkelModel2;
if (self.selectedOrg() == undefined) return;
if (this.id == self.selectedOrg().id) return;
var versieid = null;
if(self.selectedOrgversion()){
versieid = self.selectedOrgversion().id;
}
$.post("index.php/monpas/rapijkpunten/getperiodes3/" + self.selectedOrg().id, function(data){
self.orgversions.removeAll();
if (data){
$.each(data,function(i,p){
self.orgversions.push(new fAddOrgversion(p));
})
if(versieid != null ){
$.each(self.orgversions(), function (i, q) {
if (q.id == versieid) {
self.selectedOrgversion(q);
return false;
}
});
}
}
},'json');
},
fChangeVersion2: function(){
var self = ls.OntwikkelModel2;
if (self.selectedOrgversion() == undefined) return;
var submitData = { orguserid : false,
orgversieid : self.selectedOrgversion().id,
orgid : self.selectedOrg().id}
self.ingevuld(false);
$.post("index.php/monpas/overzichtscores/getscores", submitData, function(results){
self.standaarden.removeAll();
if (results){
self.ingevuld(true);
$.each(results, function(i,p){
self.standaarden.push(new fAddResult(p));
})
}
},'json');
},
fToonToelichting: function(){
var self = ls.OntwikkelModel2;
var dit = this;
var toelichting = '';
if (dit.toelichting != undefined) toelichting = dit.toelichting;
apprise(dit.nummer + '. ' + dit.omschrijving + '<br/>Toelichting: ' + toelichting);
},
fSaveGewenst: function(){
var self=ls.OntwikkelModel2;
if (self.bezig()) return;
self.bezig(true);
var wensarray = [];
$.each(self.standaarden() , function(i,p){
wensarray[i]={ oordeelid : p.oordeelid,
ijkID : p.ijkID,
fvID : p.fvID,
gewenst : p.gewenst() };
});
var submitData= { wensarray : wensarray}
;
$.post("index.php/monpas/overzichtscores/savegewenst", submitData, function(wensids){
self.fChangeVersion2();
self.bezig(false);
},'json') ;
},
fPrintOntwikkelmatrix: function(){
var self = ls.OntwikkelModel2;
if (! self.selectedOrg() ) return;
if (! self.selectedOrg().soort == 4) return;
var versie = self.selectedOrgversion().naam+' - periode ' +
self.selectedOrgversion().periodenummer + ' van ' +
self.selectedOrgversion().geldigvanaf + ' t/m ' +
self.selectedOrgversion().geldigtm;
var resultaten= [];
if (self.standaarden){
$.each(self.standaarden(), function(i,p){
resultaten.push({'nummer' : (i + 1), 'omschrijving': p.omschrijving, 'huidig': p.huidig(), 'wens' : p.gewenst()});
})
}
var data={ 'school' : self.selectedOrg().naam,
"versie" : versie,
"resultaten" : resultaten }
var submitUrl = "index.php/monpas/overzichtscores/printontwikkelmatrix/?json=" + JSON.stringify(data);
window.open(submitUrl);
}
} ; // definition van model
ls.OntwikkelModel2.initBindings();
}; // else
}// function initOntwikkelModel2
// ls.initOntwikkelModel2 = function(){
//
// function fAddSWV(p){
// var dit = this;
// this.id = p.id;
// this.soort = p.soort
// this.naam = p.naam
// this.plaats = p.plaats
// this.geopend = ko.observable(false);
// dit.kamers = ko.observableArray([]);
// if (p.kamers ){
// $.each(p.kamers, function(j,k){
// dit.kamers.push(new fAddKamer(k));
// })
// }
// }
//
// function fAddKamer(p){
// var dit = this;
// this.id = p.id;
// this.soort = p.soort
// this.naam = p.naam
// this.plaats = p.plaats
// this.geopend = ko.observable(false);
// this.bgs = ko.observableArray([]);
//
// if (p.bgs){
// $.each(p.bgs, function(x,z){
// dit.bgs.push(new fAddBG(z));
// })
// }
// }
// function fAddBG(p){
// var dit = this;
// this.id = p.id;
// this.soort = p.soort
// this.naam = p.naam
// this.plaats = p.plaats
// this.geopend = ko.observable(false);
// this.scholen = ko.observableArray([]);
// if (p.scholen){
// $.each(p.scholen, function(a,b){
// dit.scholen.push(new fAddSchool(b));
// })
// }
// }
//
// function fAddSchool(p){
// var dit = this;
// this.id = p.id;
// this.soort = p.soort
// this.naam = p.naam
// this.plaats = p.plaats
// }
//
// function fAddOrgversion(p){
// this.id = p.id; //orgversion id
// this.periodenummer = p.periodenummer
// this.versie_id = p.versie_id
// this.vorm = p.vorm
// this.scoretype = p.scoretype
// this.naam = p.naam
// this.geldigvanaf = p.geldigvanaf;
// this.geldigtm = p.geldigtm;
// this.invullentm = p.invullentm;
// this.info = ko.computed(function(){
// var infostr=this.naam + "- periode " + this.periodenummer ;
// infostr += " van " + this.geldigvanaf + " t/m " + this.geldigtm;
// return infostr;
// },this)
// }
// function fAddResult(p){
// this.oordeelid = p.oordeelid;
// this.scoretype = p.scoretype;
//
// this.huidig = ko.observable( p.normid);
// this.gewenst = ko.observable(3);
// if (p.wensid) {this.gewenst(p.wensid)};
//
// this.omschrijving = p.omschrijving;
// this.fvID = p.fvID,
// this.ijkID = p.ijkpuntID
// }
//
// if (ls.OntwikkelModel2 !== undefined){
// ls.OntwikkelModel2.initModel();
// }
// else {
// ls.OntwikkelModel2 = {
// toporg : ko.observableArray([]),
// selectedOrg : ko.observable(''),
// orgsoort : ko.observable(1),
// orgversions : ko.observableArray([]),
// selectedOrgversion : ko.observable(''),
// standaarden : ko.observableArray([]),
// versieid : ko.observable(), // moet waarschijnlijk orgversie id worden!!
// writeOK : ko.observable(false),
// level123 : ko.observable(false),
// bezig : ko.observable(false),
// ingevuld : ko.observable(false),
// wijzigRecht : ko.pureComputed(function () {
// if(!ls.OntwikkelModel2.ingevuld()) return false;
// if(ls.OntwikkelModel2.level123() ) return false;
// if(ls.OntwikkelModel2.writeOK()) return true;
// return false;
//
// }),
// initBindings :function(){
// var self = ls.OntwikkelModel2;
//
// if (!ko.dataFor(document.getElementById('pagontwikkel2')) ) {
// ko.applyBindings(ls.OntwikkelModel2, document.getElementById("pagontwikkel2"));
// }
// self.initModel();
// },
//
// initModel: function(){
// var self = ls.OntwikkelModel2;
// self.toporg('');
//
// $.post("index.php/monpas/rapijkpunten/getorgs", function(data){
// if (data.organisatie){
//
// self.orgsoort(data.soort);
// switch (self.orgsoort()){
// case 1: self.toporg(new fAddSWV(data.organisatie));
// break;
// case 2: self.toporg(new fAddKamer(data.organisatie));
// break;
// case 3: self.toporg(new fAddBG(data.organisatie));
// break;
// case 4: self.toporg(new fAddSchool(data.organisatie));
// break;
// }; // switch
//
// self.selectedOrg(self.toporg());
// self.fGetWriteAutorisatie();
// self.fGetLevel();
// self.fSwitchLevel();
// }; // if
// },'json');
// },
//
// fGetLevel: function(){
// var self = ls.OntwikkelModel2;
// $.post("index.php/monpas/rapijkpunten/checkLevelInspectie/", function(result){
// self.level123(result);
// },'json');
// },
//
//
// fGetWriteAutorisatie: function(){
// var self = ls.OntwikkelModel2;
// $.post("index.php/shared/autorisatienivos/getwriteautorisatie/" + self.selectedOrg().id, function(result){
// self.writeOK(result);
// },'json');
// },
// fToggleGeopend: function(){
// this.geopend(!this.geopend());
// },
// fUpdateGewenst: function(num){
// var self=ls.OntwikkelModel2;
// this.gewenst(num);
// },
// fSwitchOrg: function(){
// var self = ls.OntwikkelModel2;
// if (self.selectedOrg() == undefined) return;
// if (this.id == self.selectedOrg().id) return;
// self.selectedOrg(this);
// self.standaarden.removeAll();
// self.fGetWriteAutorisatie();
// self.ingevuld(false);
// if (self.selectedOrg().soort < 4) return;
//
// self.fSwitchLevel();
// },
// fSwitchLevel: function(){
// var self = ls.OntwikkelModel2;
//
// if (self.selectedOrg() == undefined) return;
// if (this.id == self.selectedOrg().id) return;
// var versieid = null;
// if(self.selectedOrgversion()){
// versieid = self.selectedOrgversion().id;
// }
//
// $.post("index.php/monpas/rapijkpunten/getperiodes3/" + self.selectedOrg().id, function(data){
// self.orgversions.removeAll();
// if (data){
// $.each(data,function(i,p){
// self.orgversions.push(new fAddOrgversion(p));
// })
// if(versieid != null ){
// $.each(self.orgversions(), function (i, q) {
// if (q.id == versieid) {
// self.selectedOrgversion(q);
// return false;
// }
// });
// }
// }
// },'json');
// },
//
// fChangeVersion2: function(){
// var self = ls.OntwikkelModel2;
// if (self.selectedOrgversion() == undefined) return;
//
//
// var submitData = { orguserid : false,
// orgversieid : self.selectedOrgversion().id,
// orgid : self.selectedOrg().id}
//
// self.ingevuld(false);
// $.post("index.php/monpas/overzichtscores/getscores", submitData, function(results){
// self.standaarden.removeAll();
// if (results){
// self.ingevuld(true);
// $.each(results, function(i,p){
// self.standaarden.push(new fAddResult(p));
// })
// }
// },'json');
// },
// fToonToelichting: function(){
// var self = ls.OntwikkelModel2;
// var dit = this;
// var toelichting = '';
// if (dit.toelichting != undefined) toelichting = dit.toelichting;
// apprise(dit.nummer + '. ' + dit.omschrijving + '<br/>Toelichting: ' + toelichting);
// },
// fSaveGewenst: function(){
// var self=ls.OntwikkelModel2;
// if (self.bezig()) return;
// self.bezig(true);
// var wensarray = [];
// $.each(self.standaarden() , function(i,p){
// wensarray[i]={ oordeelid : p.oordeelid,
// ijkID : p.ijkID,
// fvID : p.fvID,
// gewenst : p.gewenst() };
// });
// var submitData= { wensarray : wensarray}
// ;
// $.post("index.php/monpas/overzichtscores/savegewenst", submitData, function(wensids){
// self.fChangeVersion2();
// self.bezig(false);
// },'json') ;
// },
// fPrintOntwikkelmatrix: function(){
// var self = ls.OntwikkelModel2;
//
// if (! self.selectedOrg() ) return;
// if (! self.selectedOrg().soort == 4) return;
//
// var versie = self.selectedOrgversion().naam+' - periode ' +
// self.selectedOrgversion().periodenummer + ' van ' +
// self.selectedOrgversion().geldigvanaf + ' t/m ' +
// self.selectedOrgversion().geldigtm;
// var resultaten= [];
//
// if (self.standaarden){
// $.each(self.standaarden(), function(i,p){
// resultaten.push({'nummer' : (i + 1), 'omschrijving': p.omschrijving, 'huidig': p.huidig(), 'wens' : p.gewenst()});
// })
// }
//
// var data={ 'school' : self.selectedOrg().naam,
// "versie" : versie,
// "resultaten" : resultaten }
// var submitUrl = "index.php/monpas/overzichtscores/printontwikkelmatrix/?json=" + JSON.stringify(data);
// window.open(submitUrl);
// }
// } ; // definition van model
// ls.OntwikkelModel2.initBindings();
// }; // else
// }// function initOntwikkelModel2
});