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
+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
});