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,16 +20,16 @@
       <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>
 
       <br>
       <br>
-      <h4>Compact SOP</h4>
+      <h4 >Compact SOP</h4>
       <span>In het Compact SOP kunt u voor een aantal instrumenten een overzicht en een grafiek opnemen zonder
             verdere toelichting, hiervoor gebruikt u het Standaard of Flexibel SOP. U maakt een Compact SOP per schooljaar.
           Dit SOP is te gebruiken als een soort <span style="font-style: italic">quick scan</span>. Het Compact SOP is
@@ -63,7 +63,7 @@
           <br>
           <br>
 
-          <h4>Standaard SOP</h4>
+          <h4 >Standaard SOP</h4>
           <span>Het Standaard SOP kent een vaste hoofdstuk indeling.</span>
           <br>
           <span>De hoofdstukken zijn gekoppeld aan instrumenten.</span>
@@ -104,7 +104,7 @@
               </span>
           <br>
           <br>
-          <h4>Flexibel SOP</h4>
+          <h4 >Flexibel SOP</h4>
           <span>In het Flexibel SOP kunt u zelf de hoofdstukindeling maken. U kunt hoofstukken toevoegen voor alle
               instrumenten waarvoor uw organisatie een licentie heeft. Er kunnen toelichtingen worden ingevoerd op de
               resultaten van de meting van de instrumenten. Alle tabellen en grafieken van het instrument worden getoond.
@@ -113,7 +113,7 @@
           </span>
           <br>
           <br>
-          <h4> Overzicht SOP</h4>
+          <h4 > Overzicht SOP</h4>
           <span>Hier worden de Compact SOP’s van alle scholen verzameld. Dit is vooral bedoeld voor besturen en
           samenwerkingsverbanden. Scholen kunnen er gemakkelijk hun Compact Sops van de verschillende schooljaren
           terugvinden.

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(){