Merge branch 'feature/sophome' into develop

# Conflicts:
#	application/core/MY_Controller.php

application/core/MY_Controller.php

@@ -58,10 +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.80'; // fout invullen bestemmingen zonder budget
+    public $version = '1.17.81'; // sophomepage
-
-    public $version = '1.17.81'; // grafiek divmeter andere schaal
-
 
     public $partituurid;
 	public $globProfielVersieID = 1;

application/views/monpas/mainheader.php

@@ -99,6 +99,8 @@
     </script>
     <script type="text/javascript" src="<?= base_url() ?>js/monpas/models/sopmodel.js?v=<?= $this->version ?>">
     </script>
+    <script type="text/javascript" src="<?= base_url() ?>js/monpas/models/sophomemodel.js?v=<?= $this->version ?>">
+    </script>
     <script type="text/javascript"
             src="<?= base_url() ?>js/monpas/models/compactsopmodel.js?v=<?= $this->version ?>">
     </script>

application/views/monpas/pages/sophome.php

@@ -0,0 +1,117 @@
+<div class="col-sm-12 mainpagina" id ="pagsophome">
+  <div class="row">
+      <div class="col-xs-1 col-md-1"></div>
+      <div class="col-xs-11 ">
+      <h3>Schoolondersteuningsprofiel (SOP)</h3>
+
+      </div>
+  </div>
+  <div class="row">
+      <div class="col-xs-1 col-md-1"></div>
+      <div class="col-xs-11  col-md-7" >
+      <p>In MonPas kunnen drie typen schoolondersteuningsprofielen worden gemaakt:</p>
+             <span data-bind=" click: fToggleTekst.bind($data, 'compact'), visible: compactOpen() == false "
+                   style="font-style: italic; text-decoration: underline "><i class="fa fa-chevron-right"></i> <span>Compact Sop</span>
+             </span>
+
+          <div data-bind="visible: compactOpen()">
+              <h4 data-bind=" click: fToggleTekst.bind($data, 'compact')"
+                    style="font-style: italic; text-decoration: underline "><i class="fa fa-chevron-down"></i><span> Compact Sop</span></h4>
+
+              <span>In het Compact SOP kunt u voor een aantal instrumenten een overzicht en een grafiek opnemen zonder
+            verdere toelichting. De hoofdstukken zijn:</span>
+              <ol>
+                  <li>Diversiteit van de leerlingpopulatie (bron: diversiteitsmeter PO, PO2203 of SBO en SO)</li>
+                  <li>De kwaliteit van de basisondersteuning (bron: Monitor basisondersteuning)</li>
+                  <li>De omvang van de extra ondersteuning (bron: Omvang van de extra ondersteuning)</li>
+                  <li>De kwaliteit van de extra ondersteuning (bron: Monitor extra ondersteuning)</li>
+                  <li>De expertise van het schoolteam (bron: Expertisescan PO of SBO en SO</li>
+                  <li>De tevredenheid school voor SWV(bron: Tevredenheidsmeter School voor SWV)</li>
+                  <li>Besteding middelen ondersteuning (bron: Monitor financiën)</li>
+                  <li>De kwaliteit van de inspectie-indicatoren (bron: Inspectiemeter basisonderwijs, Inspectie meter SBO of
+                      Inspectiemeter SO). </li>
+              </ol>
+              <p>Dit SOP is te gebruiken als een soort <span style="font-style: italic">quick scan.</span> Verschillende lijsten
+                  kunnen in een hoofdstuk met elkaar vergelijken worden. Het Compact SOP is ook geschikt voor de regiokaart van uw
+                  samenwerkingsverband. Voor een uitbreiding maakt u gebruik van het Standaard of Flexibel SOP.
+              </p>
+          </div>
+          <br>
+
+          <span data-bind=" click: fToggleTekst.bind($data, 'standaard'), visible: standaardOpen() == false "
+                style="font-style: italic; text-decoration: underline "><i class="fa fa-chevron-right"></i> <span>Standaard Sop</span></span>
+
+          <div data-bind="visible: standaardOpen()">
+              <h4 data-bind=" click: fToggleTekst.bind($data, 'standaard')"
+                  style="font-style: italic; text-decoration: underline "><i class="fa fa-chevron-down"></i> <span>Standaard Sop</span></h4>
+
+              <span>In het Standaard SOP wordt eveneens gebruik gemaakt van een vaste hoofdstuk indeling. Een aantal hoofdstukken
+            is gekoppeld aan één of twee instrumenten. Van deze instrumenten worden standaard meerdere overzichten en grafieken
+            opgenomen in het sop. De hoofdstukken zijn: </span>
+              <ul>
+                  <li>Inleiding</li>
+                  <li>Diversiteit (bron: Diversiteitsmeter PO)</li>
+                  <li>Extra Ondersteuning(bron: Monitor extra ondersteuning)</li>
+                  <li>Basisondersteuning</li>
+                  <li>Arrangementen</li>
+                  <li>Kwaliteit ondersteuning (bron: Monitor basisondersteuning)</li>
+                  <li>Expertise team (bron: Expertise scan)</li>
+                  <li>Tevredenheid team (bron: Tevredenheidsmeter School)</li>
+                  <li>Samenvatting</li>
+                  <li>Ontwikkelagenda Mon. basisondersteuning (bron: Monitor basisondersteuning)</li>
+                  <li>Ontwikkelagenda Schoolmeter (bron: Tevredenheidsmeter School).</li>
+              </ul>
+              <p>
+                  Er kunnen toelichtingen worden ingevoerd, bijvoorbeeld op de resultaten van de meting van de instrumenten.
+                  U maakt een Standaard Sop voor een periode die u zelf ingeeft.  U kunt tabellen en grafieken later updaten.
+              </p>
+              <br>
+          </div>
+          <br>
+          <span data-bind=" click: fToggleTekst.bind($data, 'flexibel'), visible: flexibelOpen() == false "
+                style="font-style: italic; text-decoration: underline "><i class="fa fa-chevron-right"></i> <span>Flexibel Sop</span>
+          </span>
+          <div data-bind="visible: flexibelOpen()">
+              <h4 data-bind=" click: fToggleTekst.bind($data, 'flexibel')"
+                  style="font-style: italic; text-decoration: underline ">
+                  <i class="fa fa-chevron-down"></i>
+                  <span>Flexibel Sop</span>
+              </h4>
+
+              <span>In het Flexibel SOP kunt u zelf de hoofdstukindeling maken. U kunt hoofstukken toeveogen 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 gafieken van het instrument worden getoond.
+              U maakt een Flexibel Sop voor een periode die u zelf ingeeft. U kunt tabellen en grafieken later updaten
+              ook is het mogelijk om lijsten met elkaar te vergelijken.
+              </span>
+
+          </div>
+          <br>
+
+          <p>Daarnaast is er een
+              <span data-bind=" click: fToggleTekst.bind($data, 'overzicht')"
+                                       style="font-style: italic; text-decoration: underline ">
+                  <i class="fa fa-chevron-right"></i>
+                  <span>overzicht</span>
+              </span> van de Compacte Sops van de verschillende schooljaren beschikbaar.
+         </p>
+         <p>U kunt een schoolondersteuningsprofiel (SOP) opstellen op basis van de gekozen thema’s van Passend Onderwijs
+            uitgewerkt in instrumenten. Over deze thema’s worden uitspraken gedaan (gerapporteerd) in de vorm van
+            beschrijvingen, grafieken en overzichten die u weergeeft in een SOP. U maakt een Compact Sop per schooljaar.
+         </p>
+         <br>
+         <div data-bind="visible: overzichtOpen() ">
+              <h4 data-bind=" click: fToggleTekst.bind($data, 'overzicht'),"
+                  style="font-style: italic; text-decoration: underline ">
+                  <i class="fa fa-chevron-down"></i>
+                  <span>Overzicht Sop</span>
+              </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.
+              </span>
+         </div>
+      </div>
+  </div>
+
+</div>

public/js/monpas/models/menumodel.js

@@ -277,6 +277,7 @@ ls.initMenuModel = function(){
 				$('.mainpagina').fadeOut();
 
 				switch (menunaam){
+
 					case "portal"			: 	if (self.module() != 0)
 												{
 												$.post("index.php/shared/portal/naarmodule/0" , function(){
@@ -336,6 +337,8 @@ ls.initMenuModel = function(){
 												break;
                     case "monitordiversiteitso": mh.initMonDivSOModel(module);
                         						break;
+					case "sophome"              : mh.initSopHomeModel();
+												break;
 					case "sophoofd"				: mh.initSopModel();
 												break;
 					case "compactsop"		:   mh.initCompactSopModel();

public/js/monpas/models/sophomemodel.js

@@ -0,0 +1,101 @@
+$(function(){
+
+mh.initSopHomeModel = function(){
+    console.log("in het model")
+
+	if (mh.SopHomeModel !== undefined){
+        mh.SopHomeModel.initModel();
+	}
+	else {
+        mh.SopHomeModel = {
+            orgsoort				: ko.observable(1),
+            compactOpen             : ko.observable(false),
+            standaardOpen           : ko.observable(false),
+            flexibelOpen            : ko.observable(false),
+            overzichtOpen           : ko.observable(false),
+
+
+
+
+        initBindings :function(){
+				var self = mh.SopHomeModel;
+				if (!ko.dataFor(document.getElementById('pagsophome')) ) {
+					ko.applyBindings(mh.SopHomeModel, document.getElementById("pagsophome"));
+				}
+				self.initModel();
+				},
+
+			initModel: function(){
+				var self =mh.SopHomeModel;
+				// self.fGetPagina();
+
+
+            },
+
+
+            fGetPagina: function(){
+                var self = mh.SopHomeModel;
+
+                $.post("index.php/monpas/overzichtsop/getoverzicht", submitData , function(data){
+                    self.toporg('');
+                    if (data.organisatie){
+                        self.orgsoort(data.soort);
+                        self.orgsoort(data.soort);
+                        switch (self.orgsoort()){
+
+                        } // switch
+                        }
+                },'json');
+            },
+
+            fToggleTekst: function(soort){
+                var self =mh.SopHomeModel;
+                switch(soort){
+                    case 'compact': self.compactOpen(! self.compactOpen());
+                    break;
+                    case 'standaard': self.standaardOpen(! self.standaardOpen());
+                        break;
+                    case 'flexibel': self.flexibelOpen(! self.flexibelOpen());
+                        break;
+                    case 'overzicht': self.overzichtOpen(! self.overzichtOpen());
+                        break;
+
+                }
+
+                console.log(self.compactOpen(), "open")
+
+            },
+
+            fToggleStandaard: function(){
+                var self =mh.SopHomeModel;
+                self.standaardOpen(!self.standaardOpen());
+            },
+
+
+            fToggleFlexibel: function(){
+                var self =mh.SopHomeModel;
+                self.flexibelOpen(!self.flexibelOpen());
+            },
+
+            fToggleOverzicht: function(){
+                var self =mh.SopHomeModel;
+                self.overzichtOpen(!self.overzichtOpen());
+            },
+
+
+
+            fOpenPDF: function(){
+                var self =mh.SopHomeModel;
+                var dit = this;
+                var submitData = {
+                    'orgsoort'       : self.orgsoort(),
+
+                };
+                window.open("index.php/monpas/sophome/download_pdf/", submitData  );
+            }
+
+		} ; // definition van model
+        mh.SopHomeModel.initBindings();
+	} // else
+}// function init mh.SopHomeModel
+});