1e array
This commit is contained in:
Monique
@@ -210,6 +210,176 @@ button.delete{
|
||||
cursor: pointer;
|
||||
box-shadow:none;
|
||||
}
|
||||
|
||||
|
||||
.school{
|
||||
background-image: url('/css/images/school-flag-solid.png');
|
||||
margin-right: 1px;
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 35px 35px;
|
||||
background-position:center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: medium none;
|
||||
cursor: pointer;
|
||||
box-shadow:none;
|
||||
}
|
||||
|
||||
.handschudden{
|
||||
background-image: url('/css/images/handshake-simple-solid.png');
|
||||
margin-right: 1px;
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 35px 35px;
|
||||
background-position:center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: medium none;
|
||||
cursor: pointer;
|
||||
box-shadow:none;
|
||||
}
|
||||
|
||||
.vasthouden{
|
||||
background-image: url('/css/images/hands-holding-child-solid.png');
|
||||
margin-right: 1px;
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 35px 35px;
|
||||
background-position:center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: medium none;
|
||||
cursor: pointer;
|
||||
box-shadow:none;
|
||||
}
|
||||
|
||||
.splitsing{
|
||||
background-image: url('/css/images/arrows-split-up-and-left-solid.png');
|
||||
margin-right: 1px;
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 35px 35px;
|
||||
background-position:center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: medium none;
|
||||
cursor: pointer;
|
||||
box-shadow:none;
|
||||
}
|
||||
|
||||
.ondersteuning{
|
||||
background-image: url('/css/images/person-chalkboard-solid.png');
|
||||
margin-right: 1px;
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 35px 35px;
|
||||
background-position:center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: medium none;
|
||||
cursor: pointer;
|
||||
box-shadow:none;
|
||||
}
|
||||
|
||||
.omgevingZwart{
|
||||
background-image: url('/css/images/omgevingZwart.png');
|
||||
margin-right: 1px;
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 35px 35px;
|
||||
background-position:center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: medium none;
|
||||
cursor: pointer;
|
||||
box-shadow:none;
|
||||
}
|
||||
|
||||
.omgevingGrijs{
|
||||
background-image: url('/css/images/omgevingGrijs.png');
|
||||
margin-right: 1px;
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 35px 35px;
|
||||
background-position:center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: medium none;
|
||||
cursor: pointer;
|
||||
box-shadow:none;
|
||||
}
|
||||
|
||||
.omgevingRood{
|
||||
background-image: url('/css/images/omgevingRood.png');
|
||||
margin-right: 1px;
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 35px 35px;
|
||||
background-position:center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: medium none;
|
||||
cursor: pointer;
|
||||
box-shadow:none;
|
||||
}
|
||||
|
||||
.omgevingOranje{
|
||||
background-image: url('/css/images/omgevingOranje.png');
|
||||
margin-right: 1px;
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 35px 35px;
|
||||
background-position:center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: medium none;
|
||||
cursor: pointer;
|
||||
box-shadow:none;
|
||||
}
|
||||
.omgevingGroen{
|
||||
background-image: url('/css/images/omgevingGroen.png');
|
||||
margin-right: 1px;
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 35px 35px;
|
||||
background-position:center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: medium none;
|
||||
cursor: pointer;
|
||||
box-shadow:none;
|
||||
}
|
||||
.omgevingBlauw{
|
||||
background-image: url('/css/images/omgevingBlauw.png');
|
||||
margin-right: 1px;
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 35px 35px;
|
||||
background-position:center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: medium none;
|
||||
cursor: pointer;
|
||||
box-shadow:none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.leeg{
|
||||
background-image: url('/css/images/leeg.png');
|
||||
margin-right: 1px;
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 35px 35px;
|
||||
background-position:center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: medium none;
|
||||
cursor: pointer;
|
||||
box-shadow:none;
|
||||
}
|
||||
|
||||
.mainpagina{
|
||||
display:none;
|
||||
}
|
||||
@@ -1278,3 +1448,25 @@ z-index: 50;
|
||||
box-shadow: none;
|
||||
|
||||
}
|
||||
|
||||
.draggable {
|
||||
display: inline-block;
|
||||
width: 160px;
|
||||
height: 40px;
|
||||
padding-left: 10px;
|
||||
|
||||
}
|
||||
.dragSource{
|
||||
opacity : .4;
|
||||
}
|
||||
.dragover{
|
||||
border-style: dashed;
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
|
||||
.trash{
|
||||
border:1px solid red;
|
||||
background-color: pink;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
|
||||
@@ -34,6 +34,7 @@ ls.initModulebalkModel = function(){
|
||||
selectedSchooljaar : ko.observableArray([]),
|
||||
|
||||
initBindings :function(){
|
||||
console.log(vandaag, "vandaag")
|
||||
|
||||
var self = ls.ModulebalkModel;
|
||||
if (!ko.dataFor(document.getElementById('modulebalk')) ) {
|
||||
@@ -74,6 +75,7 @@ ls.initModulebalkModel = function(){
|
||||
self.schooljaren.push(new fAddSchooljaar(p));
|
||||
}); // each
|
||||
$.each(self.schooljaren(), function (j, k) {
|
||||
|
||||
if (vandaag >= new Date(k.start + "T00:00:00") &&
|
||||
vandaag <= new Date(k.eind + "T00:00:00")) {
|
||||
self.selectedSchooljaar(k);
|
||||
|
||||
@@ -87,33 +87,74 @@ ls.initOntwikkelModel = function(){
|
||||
}
|
||||
,this)
|
||||
}
|
||||
function fAddResult(p){
|
||||
function fAddResult(p) {
|
||||
var dit = this;
|
||||
this.ijkpuntid = p.ijkpunt_id;
|
||||
this.wensid = 0;
|
||||
|
||||
this.ijkpuntid = p.ijkpunt_id;
|
||||
this.wensid = 0;
|
||||
|
||||
// if (p.gewenstid) { this.wensid = p.gewenstid; }
|
||||
this.scoretype = p.scoretype;
|
||||
this.disabled = p.disabled;
|
||||
this.disablentv = p.disablenvt;
|
||||
this.huidig = ko.observable( p.huidig);
|
||||
if(p.disabled == 'T' || p.disablenvt == 'T') this.huidig(5)
|
||||
|
||||
|
||||
this.scoretype = p.scoretype;
|
||||
this.disabled = p.disabled;
|
||||
this.disablentv = p.disablenvt;
|
||||
this.huidig = ko.observable(p.huidig);
|
||||
if (p.disabled == 'T' || p.disablenvt == 'T') this.huidig(5)
|
||||
|
||||
// observable is niet nodig maar dit was eerst een computed
|
||||
this.gewenst = ko.observable(3);
|
||||
if (p.gewenst) {this.gewenst(p.gewenst)};
|
||||
if(p.disabled == 'T' || p.disablenvt == 'T') this.gewenst(5)
|
||||
|
||||
this.nummer = p.nummer;
|
||||
this.omschrijving = p.omschrijving;
|
||||
this.toelichting = p.toelichting;
|
||||
this.aantalscholen = p.aantalscholen;
|
||||
this.gewenst = ko.observable(3);
|
||||
if (p.gewenst) {
|
||||
this.gewenst(p.gewenst)
|
||||
}
|
||||
;
|
||||
if (p.disabled == 'T' || p.disablenvt == 'T') this.gewenst(5)
|
||||
|
||||
this.nummer = p.nummer;
|
||||
this.omschrijving = p.omschrijving;
|
||||
this.toelichting = p.toelichting;
|
||||
this.aantalscholen = p.aantalscholen;
|
||||
|
||||
// this.gewenstIcons = ko.observable(0);
|
||||
// if (p.gewenst) {
|
||||
// this.gewenstIcons(p.gewenst)
|
||||
// }
|
||||
// if(dit.gewenstIcons() == 5) dit.gewenstIcons(0);
|
||||
//
|
||||
// this.omgevingen = ko.observableArray();
|
||||
// this.saveOmgevingen = ko.observableArray([]);
|
||||
// if (Number(this.nummer) == 5) {
|
||||
// for (var i = 0; i < 5; i++) {
|
||||
//
|
||||
// if (i == Number(dit.gewenstIcons())) {
|
||||
// dit.omgevingen.push('huisje')
|
||||
// switch(i){
|
||||
// case 0: dit.omgevingen.push('omgevingGrijs');
|
||||
// break;
|
||||
// case 1: dit.omgevingen.push('omgevingRood');
|
||||
// break;
|
||||
// case 2: dit.omgevingen.push('omgevingOranje');
|
||||
// break;
|
||||
// case 3: dit.omgevingen.push('omgevingGroen');
|
||||
// break;
|
||||
// case 4: dit.omgevingen.push('omgevingBlauw');
|
||||
// break;
|
||||
// }
|
||||
//
|
||||
// }else {
|
||||
// dit.omgevingen.push( 'leeg')
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
}
|
||||
|
||||
// function fAddIcoon(afbeelding){
|
||||
// this.afbeelding = ko.observable(afbeelding)
|
||||
// }
|
||||
|
||||
function fIcoon(afbeelding) {
|
||||
this.afbeelding = ko.observable(afbeelding);
|
||||
}
|
||||
|
||||
|
||||
|
||||
if (ls.OntwikkelModel !== undefined){
|
||||
ls.OntwikkelModel.initModel();
|
||||
}
|
||||
@@ -137,6 +178,27 @@ ls.initOntwikkelModel = function(){
|
||||
ingevuld : ko.observable(false),
|
||||
bezig : ko.observable(false),
|
||||
verberg : ko.observable(false),
|
||||
// drag_start_index5 : ko.observable(0),
|
||||
// drag_target_index5 : ko.observable(0),
|
||||
// omgevingen : ko.observableArray([new fAddIcoon("omgevingGrijs"), new fAddIcoon("leeg"),new fAddIcoon("leeg"),new fAddIcoon("leeg"),new fAddIcoon("leeg"), ]),
|
||||
//
|
||||
// dragging : ko.computed(function() {
|
||||
// if(ls.OntwikkelModel && ls.OntwikkelModel.drag_start_index5()) {
|
||||
// return ls.OntwikkelModel.drag_start_index5() >= 0;
|
||||
// }
|
||||
// }),
|
||||
drag_start_index : ko.observable(),
|
||||
drag_target_index : ko.observable(),
|
||||
dragging : ko.computed(function() {
|
||||
if(ls.OntwikkelModel) {
|
||||
return ls.OntwikkelModel.drag_start_index() >= 0;
|
||||
}
|
||||
}),
|
||||
omgevingen : ko.observableArray([new fIcoon("omgevingGrijs"), new fIcoon("leeg"), new fIcoon("leeg"), new fIcoon("leeg"), new fIcoon("leeg")]),
|
||||
basis : ko.observableArray([new fIcoon("omgevingGrijs"), new fIcoon("omgevingRood"), new fIcoon("omgevingOranje"), new fIcoon("omgevingGroen"), new fIcoon("omgevingBlauw")]),
|
||||
|
||||
|
||||
|
||||
|
||||
initBindings :function(){
|
||||
var self = ls.OntwikkelModel;
|
||||
@@ -148,6 +210,7 @@ ls.initOntwikkelModel = function(){
|
||||
initModel: function() {
|
||||
var self = ls.OntwikkelModel;
|
||||
|
||||
|
||||
$.post("index.php/monpas/rapijkpunten/checkLevel", function(data){
|
||||
if(data){
|
||||
if(data === 1)
|
||||
@@ -261,7 +324,7 @@ ls.initOntwikkelModel = function(){
|
||||
self.selectedOrgversion("")
|
||||
}
|
||||
|
||||
if(self.selectedOrgversion().soort == '4' && self.selectedOrgversion().vorm == '2' && self. usernivo() <= 1){
|
||||
if(self.orgsoort()== '4' && self.selectedOrgversion().vorm == '2' && self. usernivo() <= 1){
|
||||
self.verberg(false);
|
||||
}
|
||||
else{
|
||||
@@ -357,10 +420,45 @@ ls.initOntwikkelModel = function(){
|
||||
|
||||
self.results.removeAll();
|
||||
if (data){
|
||||
|
||||
|
||||
$.each(data.scores, function(i,p){
|
||||
self.results.push(new fAddResult(p));
|
||||
self.ingevuld(true);
|
||||
|
||||
})
|
||||
|
||||
|
||||
|
||||
// $.each(data.scores, function(i,p){
|
||||
// if(p.gewenst){
|
||||
// if (Number(p.gewenst) == 5) self.drag_start_index5(0);
|
||||
// else{
|
||||
// self.drag_start_index5(Number(p.gewenst))
|
||||
// }
|
||||
// for(var s = 0; s < 5; s++){
|
||||
// if(s== self.drag_start_index5()){
|
||||
// switch(s){
|
||||
// case 0: self.omgevingen.push('omgevingGrijs')
|
||||
// break;
|
||||
// case 1: self.omgevingen.push('omgevingRood')
|
||||
// break;
|
||||
// case 2: self.omgevingen.push('omgevingOranje');
|
||||
// break;
|
||||
// case 3: self.omgevingen.push('omgevingGroen');
|
||||
// break;
|
||||
// case 4: self.omgevingen.push('omgevingBlauw');
|
||||
// break;
|
||||
// }
|
||||
//
|
||||
// }else{ self.omgevingen.push('leeg')
|
||||
//
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// }
|
||||
//
|
||||
// })
|
||||
self.fGetWriteAutorisatie();
|
||||
}
|
||||
|
||||
@@ -456,6 +554,97 @@ ls.initOntwikkelModel = function(){
|
||||
};// If wensids
|
||||
},'json') ;
|
||||
},
|
||||
|
||||
// fDragstart: function(data, event, index){
|
||||
// var self= ls.OntwikkelModel;
|
||||
// console.log("in event", event)
|
||||
// console.log("in data", data)
|
||||
// console.log("index", index);
|
||||
// // $(event.target).addClass('dragSource')
|
||||
// self.drag_start_index5(index);
|
||||
// return $(event.target).hasClass('draggable');
|
||||
// },
|
||||
//
|
||||
// fDragend: function($data, event){
|
||||
// var self= ls.OntwikkelModel;
|
||||
//
|
||||
// self.drag_start_index5(-1);
|
||||
// $(event.target).removeClass('dragSource')
|
||||
// return true;
|
||||
// },
|
||||
// fDragover: function($data, event){
|
||||
// event.preventDefault();
|
||||
// },
|
||||
//
|
||||
// fDragenter: function($data, event, index){
|
||||
// var self= ls.OntwikkelModel;
|
||||
// self.drag_target_index5(index);
|
||||
//
|
||||
// var element = $(event.target)
|
||||
// if(element.hasClass('draggable'))
|
||||
// element.toggleClass('dragover');
|
||||
// event.preventDefault();
|
||||
// },
|
||||
//
|
||||
// fDragleave: function($data, event){
|
||||
// var element = $(event.target)
|
||||
//
|
||||
// if(element.hasClass('draggable'))
|
||||
// element.toggleClass('dragover');
|
||||
// event.preventDefault();
|
||||
// },
|
||||
//
|
||||
// fDrop: function($data, event){
|
||||
// var self= ls.OntwikkelModel;
|
||||
//
|
||||
// $(event.target).removeClass('dragover');
|
||||
// self.fDragAndDrop(self.drag_start_index5(), self.drag_target_index5())
|
||||
// },
|
||||
//
|
||||
// fDragAndDrop: function(from, to){
|
||||
//
|
||||
// var self=ls.OntwikkelModel;
|
||||
// console.log(from, "from")
|
||||
// console.log(to, "to")
|
||||
// if (to > self.omgevingen().length - 1 || to < 0) return;
|
||||
//
|
||||
// var fromObj = self.omgevingen()[from]
|
||||
// var toObj = self.omgevingen()[to]
|
||||
//
|
||||
// self.omgevingen()[to] = fromObj;
|
||||
// self.omgevingen()[from] = toObj;
|
||||
// console.log(fromObj, "toObj")
|
||||
// self.omgevingen.valueHasMutated();
|
||||
// },
|
||||
|
||||
|
||||
|
||||
|
||||
trash : function(index) {
|
||||
var self = ls.OntwikkelModel;
|
||||
self.people.splice(index, 1)
|
||||
},
|
||||
|
||||
fWissel : function(from, to) {
|
||||
var self = ls.OntwikkelModel;
|
||||
if (to > self.omgevingen().length - 1 || to < 0) return;
|
||||
|
||||
var fromObj = self.basis()[to];//grisd blokje op 0
|
||||
|
||||
var toObj = self.omgevingen()[to];// leeg blokje op 3
|
||||
self.omgevingen()[from] = toObj; //wordt leeg blokje op 0
|
||||
self.omgevingen()[to] = fromObj; //wordt grijsblokje op 3 moet worden groen blokje op s
|
||||
|
||||
self.omgevingen.valueHasMutated()
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
},
|
||||
|
||||
|
||||
|
||||
fPrintOntwikkelmatrix: function(){
|
||||
var self = ls.OntwikkelModel;
|
||||
var orgid = self.selectedOrg().id;
|
||||
|
||||
Reference in New Issue
Block a user