linkjes naar soponderdelen

application/core/MY_Controller.php

@@ -58,7 +58,7 @@ class MY_Controller extends CI_Controller{
 //    public $version = '1.17.75'; // mogelijkheid tot uitzetten extra ondersteuning in divmeters
 //    public $version = '1.17.76'; // cluster scans passend onderwijs
 //    public $version = '1.17.79'; // fout matrixfunctie
-    public $version = '1.17.82'; // sophomepage
+    public $version = '1.17.83'; // sophomepage
 
     public $partituurid;
 	public $globProfielVersieID = 1;

application/views/monpas/pages/sophome.php

@@ -20,10 +20,10 @@
       <br>
       <span>Het SOP kan op verschillende manieren worden gepresenteerd, in de vorm van een:</span>
           <ol>
-              <li>Compact SOP</li>
-              <li>Standaard SOP</li>
-              <li>Flexibel SOP</li>
-              <li>SOP Overzicht</li>
+              <li style="text-decoration: underline" data-bind="click: fSwitchMenu.bind($data, 'compactsop')">Compact SOP</li>
+              <li style="text-decoration: underline" data-bind="click: fSwitchMenu.bind($data, 'standaardsop')">Standaard SOP</li>
+              <li style="text-decoration: underline" data-bind="click: fSwitchMenu.bind($data, 'flexibelsop')">Flexibel SOP</li>
+              <li style="text-decoration: underline" data-bind="click: fSwitchMenu.bind($data, 'sopoverzicht')">SOP Overzicht</li>
           </ol>
       <span>Deze worden hier nu nader toegelicht.</span>
 

public/js/monpas/models/menumodel.js

@@ -247,6 +247,7 @@ ls.initMenuModel = function(){
             fSetSubmenu: function(){
                 var self=ls.MenuModel;
                 var that = this;
+                console.log(this, "this")
 
                 self.toonScholen(true);
                $.each(self.menuitems(), function (i, m){

public/js/monpas/models/sophomemodel.js

@@ -2,7 +2,6 @@ $(function(){
 
 mh.initSopHomeModel = function(){
 
-
 	if (mh.SopHomeModel !== undefined){
         mh.SopHomeModel.initModel();
 	}
@@ -12,8 +11,6 @@ mh.initSopHomeModel = function(){
             compactOpen             : ko.observable(false),
             standaardOpen           : ko.observable(false),
 
-
-
         initBindings :function(){
 				var self = mh.SopHomeModel;
 				if (!ko.dataFor(document.getElementById('pagsophome')) ) {
@@ -28,7 +25,6 @@ mh.initSopHomeModel = function(){
 
             },
 
-
             fGetPagina: function(){
                 var self = mh.SopHomeModel;
 
@@ -46,16 +42,31 @@ mh.initSopHomeModel = function(){
 
             fToggleTekst: function(soort){
                 var self =mh.SopHomeModel;
-                console.log(soort)
                 switch(soort){
                     case 'compact': self.compactOpen(! self.compactOpen());
                     break;
                     case 'standaard': self.standaardOpen(! self.standaardOpen());
                         break;
                 }
-                console.log(self.compactOpen(), "toggle tekst")
-
+            },
 
+            fSwitchMenu(menunaam){
+                var self =mh.SopHomeModel;
+                $('#pagsophome').fadeOut();
+                switch(menunaam){
+                    case "compactsop"       :   mh.initCompactSopModel();
+                                                $('#pagcompactsop').fadeIn(500);
+                        break;
+                    case "standaardsop"		:   ls.initStandaardSopModel();
+                                                $('#pagstandaardsop').fadeIn(500);
+                        break;
+                    case "flexibelsop"		:	ls.initFlexibelSopModel();
+                                                $('#pagflexibelsop').fadeIn(500);
+                        break;
+                    case "sopoverzicht"		:   mh.initSopOverzichtModel();
+                                                $('#pagsopoverzicht').fadeIn(500);
+                        break;
+                }
             },
 
             fOpenPDF: function(){