sopBobRopSwop en divmeter voor po2203 in compact sop

This commit is contained in:
Monique
2021-09-07 10:28:28 +02:00
parent 29b45411b4
commit 4c9eb6a4fd
49 changed files with 397 additions and 450 deletions
@@ -3,6 +3,7 @@
data-bind=" css{randinactief: geenLicentie(), geenrand: selected} ">
<!-- class="naamvak"-->
<div class="panel-heading"
style="height: 60px;"
data-bind="css: {inactiefsop: geenLicentie(),
lichtsop: geenGegevens() && !geenLicentie(),
witsop: selected() }">
@@ -12,6 +13,7 @@
</div>
<!-- class ="versievak"-->
<div class="panel-body"
style="height: 75px;"
data-bind =" text: infotekst,
visible: infotekst() && ! selected()> '',
style: {color: (geenGegevens() || geenLicentie()) ? '#949494' : '#333333'} ">
@@ -10,7 +10,8 @@
<div class="col-xs-4" >
<div class="panel-group" data-bind="foreach: onderdelen ">
<!-- ko if: nummer <= 4 -->
<!-- ko if: (toonnummer <= 4 && $parent.orgsoortnummer() == 4) ||
(toonnummer <= 3 && $parent.orgsoortnummer() != 4) -->
<?php $this->load->view("monpas/compactsop/maaksoponderdelen/blokvorm"); ?>
<!-- /ko -->
</div>
@@ -19,7 +20,8 @@
<div class="col-xs-4"
style="border-right: 1px solid lightgrey">
<div class="panel-group" data-bind="foreach: onderdelen ">
<!-- ko if: nummer > 4 -->
<!-- ko if: (toonnummer > 4 && $parent.orgsoortnummer() == 4) ||
(toonnummer > 3 && $parent.orgsoortnummer() != 4) -->
<?php $this->load->view("monpas/compactsop/maaksoponderdelen/blokvorm"); ?>
<!-- /ko -->
</div>
@@ -0,0 +1,36 @@
<table style="border: 1px solid #A28A29; margin-top: 30px;"
data-bind="with: $root.selectedOrg()">
<thead>
<tr style="border-bottom:1px solid #A28A29; ">
<th style="padding: 5px; color: white; background-color:#A28A29">Download</th>
<th style="padding: 5px; color: white; background-color:#A28A29 ">Soort</th>
<th style="padding: 5px; color: white; background-color:#A28A29 ">Organisatie</th>
</tr>
<tr style="border-bottom:1px solid #A28A29; ">
<td style="background-color: #f5f0f2;">
<button data-bind="visible: erIsEenSop(), click: $root.fOpenPDF"
class="buttonCompact glyphicon glyphicon-open"
style="background-color:#8cff1a; height: 30px; width: 30px;">
</button>
</td>
<td style="padding: 5px; background-color: #f5f0f2;">BOP</td>
<td style="padding: 5px; background-color: #f5f0f2;" data-bind="text: brin + ' ' + naam">
</td>
</tr>
</thead>
<tbody data-bind="foreach: scholen">
<tr style="border-bottom:1px solid #A28A29; ">
<td >
<button data-bind="visible: erIsEenSop(), click: $root.fOpenPDF"
class="buttonCompact glyphicon glyphicon-open"
style="background-color:#1aa3ff; height: 30px; width: 30px; border-radius: 50%; box-shadow: none; border: none">
</button>
</td>
<td style="padding: 5px">SOP</td>
<td style="padding: 5px" data-bind="text: brin + ' ' + naam">
</td>
</tr>
</tbody>
</table>
@@ -0,0 +1,61 @@
<table style="border: 1px solid #A28A29; margin-top: 30px;"
data-bind="with: $root.selectedOrg()">
<thead>
<tr>
<th style="padding: 5px; color: white; background-color:#A28A29">Download</th>
<th style="padding: 5px; color: white; background-color:#A28A29 ">Soort</th>
<th style="padding: 5px; color: white; background-color:#A28A29 ">Organisatie</th>
</tr>
<tr style="border-bottom:1px solid #A28A29; ">
<th style="background-color: #ded0d7">
<button data-bind="visible: erIsEenSop(), click: $root.fOpenPDF"
class=" buttonCompact glyphicon glyphicon-open"
style="background-color:#ff8c1a; height: 30px; width: 30px; float: left; border-radius: 50%;
color: white; border: none; box-shadow: none; ">
</button>
</th>
<th style="padding: 5px; background-color: #ded0d7 ">ROP</th>
<th style="padding: 5px; background-color: #ded0d7" data-bind="text: naam">
</th>
</tr>
</thead>
<tbody >
<!-- ko foreach: bgs -->
<tr style="border-bottom: 1px solid #A28A29;">
<td style="background-color: #f5f0f2;">
<button data-bind="visible: erIsEenSop(), click: $root.fOpenPDF"
class="buttonCompact glyphicon glyphicon-open"
style=" height: 30px; width: 30px; background-color: #8cff1a;">
</button>
</td>
<td style="padding: 5px; background-color: #f5f0f2;">ROP</td>
<td style="padding: 5px; background-color: #f5f0f2;" data-bind="text: brin + ' ' + naam">
</td>
</tr>
<!--ko foreach: scholen -->
<tr style="border-bottom: 1px solid #A28A29;">
<td >
<button data-bind="visible: erIsEenSop(), click: $root.fOpenPDF"
class="buttonCompact glyphicon glyphicon-open"
style="background-color:#1aa3ff; height: 30px; width: 30px; float: left">
</button>
</td>
<td style="padding: 5px">SOP</td>
<td style="padding: 5px" data-bind="text: brin + ' ' + naam">
</td>
</tr>
<!-- /ko -->
<!--/ko-->
</tbody>
</table>
@@ -0,0 +1,14 @@
<table style="width: 500px;" data-bind="with: $root.selectedOrg()">
<tr>
<td style="padding: 5px">SOP</td>
<td style="padding: 5px" data-bind="text: brin + ' ' + naam">
</td>
<td >
<button data-bind="visible: erIsEenSop()== true, click: $root.fOpenPDF"
class="buttonCompact glyphicon glyphicon-open"
style="background-color:#1aa3ff; height: 30px; width: 30px; ">
</button>
</td>
</tr>
</table>
@@ -0,0 +1,74 @@
<table style="border: 1px solid #A28A29; margin-top: 30px;"
data-bind="with: $root.selectedOrg()">
<thead>
<tr style="border-bottom: 1px solid white;">
<th style="padding: 5px; color: white; background-color:#A28A29">Download</th>
<th style="padding: 5px; color: white; background-color:#A28A29 ">Soort</th>
<th style="padding: 5px; color: white; background-color:#A28A29 ">Organisatie</th>
</tr>
<tr style="border-bottom:1px solid #A28A29; ">
<th style="background-color: #a07b8e;">
<button data-bind="visible: erIsEenSop(), click: $root.fOpenPDF"
class=" buttonCompact glyphicon glyphicon-open"
style="background-color:white; height: 30px; width: 30px; float: left; border-radius: 50%;
color: white; border: none; box-shadow: none; ">
</button>
</th>
<th style="padding: 5px; color: white; background-color: #a07b8e; ">SWOP</th>
<th style="padding: 5px; color: white; background-color: #a07b8e;" data-bind="text: naam">
</th>
</tr>
</thead>
<tbody >
<!-- ko forach: kamers -->
<tr style="border-bottom: 1px solid #A28A29;">
<td style="background-color: #ded0d7">
<button data-bind="visible: erIsEenSop(), click: $root.fOpenPDF"
class="buttonCompact glyphicon glyphicon-open"
style="background-color:#ff8c1a; height: 30px; width: 30px; float: left">
</button>
</td>
<td style="padding: 5px; background-color: #ded0d7">ROP</td>
<td style="padding: 5px; background-color: #ded0d7" data-bind="text: naam">
</td>
</tr>
<!--ko foreach: bgs -->
<tr style="border-bottom: 1px solid #A28A29;">
<td style="background-color: #f5f0f2;">
<button data-bind="visible: erIsEenSop(), click: $root.fOpenPDF"
class="buttonCompact glyphicon glyphicon-open"
style="background-color:#8cff1a; height: 30px; width: 30px; float: left">
</button>
</td>
<td style="padding: 5px; background-color: #f5f0f2;">BOP</td>
<td style="padding: 5px; background-color: #f5f0f2;" data-bind="text: brin + ' ' + naam">
</td>
</tr>
<!--ko foreach: scholen -->
<tr style="border-bottom: 1px solid #A28A29;">
<td >
<button data-bind="visible: erIsEenSop(), click: $root.fOpenPDF"
class="buttonCompact glyphicon glyphicon-open"
style="background-color:#1aa3ff; height: 30px; width: 30px; float: left">
</button>
</td>
<td style="padding: 5px">SOP</td>
<td style="padding: 5px" data-bind="text: brin + ' ' + naam">
</td>
</tr>
<!-- /ko -->
<!-- /ko -->
<!-- /ko -->
</tbody>
</table>
+41 -324
View File
@@ -1,339 +1,56 @@
<div class="col-sm-12 mainpagina" id ="pagsopoverzicht">
<div class="row">
<div class="col-sm-12 col-md-3" >
<div style = "max-height: 300px; overflow-y:auto">
<div class="col-xs-3"></div>
<!-- ko if : orgsoort() ==4 -->
<div data-bind="visible: orgsoort()== 4, with: toporg">
<p data-bind="text: brin + ' - ' + naam"></p>
</div>
<!-- /ko -->
<!-- ko if : orgsoort() ==3 -->
<div data-bind="visible: orgsoort() == 3">
<table style="width: 100%;">
<tbody data-bind="with: toporg">
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
<td class="orgtd brin" data-bind="text: brin"></td>
<td class='orgtd' data-bind="text: naam"></td>
</tr>
</tbody>
</table>
</div>
<!-- /ko -->
<!-- ko if: orgsoort() ==2 -->
<table style="width: 100%">
<tbody data-bind="with: toporg">
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
<button class="noshowklein openbutton"
data-bind="css: {'closebutton': geopend() }">
</button>
</td>
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
</tr>
<tr data-bind="visible: geopend">
<td colspan = 2 style="padding-left: 20px;">
<table style="width: 100%">
<tbody data-bind="foreach: bgs">
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
<!-- <button class="noshowklein openbutton"-->
<!-- data-bind="css: {'closebutton': geopend() }">-->
<!-- </button>-->
</td>
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
</tr>
<tr data-bind="visible: geopend">
<!-- <td colspan = 2 style="padding-left: 20px;">-->
<!-- <table>-->
<!-- <tbody data-bind="foreach: scholen">-->
<!-- <tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">-->
<!-- <td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>-->
<!-- </tr>-->
<!-- </tbody>-->
<!-- </table>-->
<!-- </td>-->
</tr>
<tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- /ko -->
<!-- ko if: orgsoort() ==1 -->
<table style="width: 100%;">
<tbody data-bind="with: toporg">
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
<button class="noshowklein openbutton"
data-bind="css: {'closebutton': geopend() }">
</button>
</td>
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
</tr>
<tr data-bind="visible: geopend()">
<td></td>
<td >
<table style="width: 100%;">
<tbody data-bind="foreach: kamers">
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
<td data-bind="click: $root.fToggleGeopend" style="width:16px;">
<button class="noshowklein openbutton"
data-bind="css: {'closebutton': geopend() }">
</button>
</td>
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
</tr>
<tr data-bind="visible: geopend()">
<td></td>
<td >
<table style="width: 100%;">
<tbody data-bind="foreach: bgs">
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- /ko -->
</div >
</div>
<div class="col-sm-12 col-md-5" >
<div class="col-xs-6 " >
<h3>Compacte Ontwikkelingsplannen</h3>
<div class="col-sm-7" >
<p>Selecteer een schooljaar:</p>
<select data-bind=" options: schooljaren,
optionsText: 'naam',
value: $root.selectedSchooljaar,
event: {change: fChangeSchooljaar}">
</select>
</div>
<div class="col-sm-5" >
<!-- ko if: keuzesoort() == 1 || keuzesoort() == 2 -->
<p style="margin-top: 8px;">Ordening</p>
<div data-bind="visible: alfabetisch() == false">
<p>
<i class="fa fa-check-square"
style="color: #A28A29;"
data-bind="click: $root.fToggleOrdening"></i>
<span data-bind="click: $root.fToggleOrdening">per bestuur
</span>
</p>
<p>
<i class="fa fa-square"
style="color: #A28A29;"
data-bind="click: $root.fToggleOrdening"
></i>
<span data-bind="click: $root.fToggleOrdening">alfabetisch
</span>
</p>
</div>
<div data-bind="visible: alfabetisch() == true">
<p>
<i class="fa fa-square"
style="color: #A28A29;"
data-bind="click: $root.fToggleOrdening"></i>
<span data-bind="click: $root.fToggleOrdening">per bestuur
</span>
</p>
<p>
<i class="fa fa-check-square"
style="color: #A28A29;"
data-bind="click: $root.fToggleOrdening"></i>
<span data-bind="click: $root.fToggleOrdening">alfabetisch
</span>
</p>
</div>
<!-- /ko -->
</div>
<p>Selecteer een schooljaar:</p>
<select data-bind=" options: schooljaren,
optionsText: 'naam',
value: $root.selectedSchooljaar,
event: {change: fChangeSchooljaar}">
</select>
<!-- <div class="col-sm-5" >-->
<!-- <div style="margin-top: 80px;">-->
<!-- <table style="width: 375px; ">-->
<!-- <tr style="vertical-align: top;font-weight: bold; background-color:#A28A29; color: white">-->
<!-- <td style="width: 50px;">Sop-->
<!-- </td>-->
<!-- <td style="width: 325px;">Naam-->
<!-- </td>-->
<!-- </tr>-->
<!-- </table>-->
<!-- <p style="margin-top: 8px;">Ordening</p>-->
<!--if orgsoort = 1 of 2-->
<!-- <p>-->
<!-- <i class="fa fa-check-square"-->
<!-- style="color: #A28A29;"-->
<!-- data-bind="click: $root.fToggleOrdening"></i>-->
<!-- <span data-bind="click: $root.fToggleOrdening">per bestuur-->
<!-- </span>-->
<!-- </p>-->
<!-- <p>-->
<!-- <i class="fa fa-square"-->
<!-- style="color: #A28A29;"-->
<!-- data-bind="click: $root.fToggleOrdening"-->
<!-- ></i>-->
<!-- <span data-bind="click: $root.fToggleOrdening">alfabetisch-->
<!-- </span>-->
<!-- </p>-->
<!---->
<!-- </div>-->
<!-- ko if: keuzesoort() == 4 -->
<table style="width: 375px;" data-bind="with: $root.selectedOrg()">
<tr>
<td style="width: 50px;"><button data-bind="visible: erIsEenSop()== true, click: $root.fOpenPDF"
class="buttonCompact glyphicon glyphicon-open"
style="background-color:#1aa3ff; height: 30px; width: 30px;">
</button>
</td>
<td style="width: 324px;"
data-bind="text: brin + ' ' + naam">
</td>
</tr>
</table>
<!-- /ko -->
<div class="row" data-bind="visible: orgsoort()== 4 ">
<?php $this->load->view("monpas/compactsop/overzicht/_school"); ?>
</div>
<!-- ko if: keuzesoort() == 3 -->
<!-- ko if: orgsoort() == 3 -->
<div class="row" ">
<?php $this->load->view("monpas/compactsop/overzicht/_bestuur"); ?>
</div>
<!--/ko -->
<div class="row" data-bind="visible: orgsoort()== 2 ">
<?php $this->load->view("monpas/compactsop/overzicht/_regio"); ?>
</div>
<div class="row" data-bind="visible: orgsoort()== 1 ">
<?php $this->load->view("monpas/compactsop/overzicht/_swv"); ?>
</div>
<table style="width: 375px; border: 1px solid #A28A29;"
data-bind="with: $root.selectedOrg()">
<tbody data-bind="foreach: scholen">
<tr >
<td style="width: 50px;">
<button data-bind="visible: erIsEenSop(), click: $root.fOpenPDF"
class="buttonCompact glyphicon glyphicon-open"
style="background-color:#1aa3ff; height: 30px; width: 30px;">
</button>
</td>
<td style="width: 324px;"
data-bind="text: brin + ' ' + naam">
</td>
</tr>
</tbody>
</table>
<!-- /ko -->
<!-- ko if: keuzesoort() == 2 && alfabetisch() == false -->
<table style="width: 375px;" data-bind="with: $root.selectedOrg()">
<tbody data-bind="foreach: bgs">
<tr>
<td style="vertical-align: top; background-color: #930f50; font-weight: bold; color: white"
data-bind="text: naam"></td>
</tr>
<tr>
<td>
<table data-bind="foreach: scholen"
style="border: 1px solid #930f50;margin-left: -3px; margin-right: -3px;" >
<tr style="height: 35px;">
<td style="width: 50px;">
<button data-bind="visible: erIsEenSop(),
click: $root.fOpenPDF"
class="buttonCompact glyphicon glyphicon-open"
style="background-color:#1aa3ff; height: 30px; width: 30px;">
</button>
</td>
<td style="width: 325px;"
data-bind="text: brin + ' ' + naam">
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<!-- /ko -->
<!-- ko if: alfabetisch() == false-->
<table data-bind="with: $root.selectedOrg()">
<thead>
<tr>
<!-- ko if: keuzesoort()== 1 -->
<th>SWOP</th>
<!-- /ko -->
<!-- ko if: keuzesoort() < 3 -->
<th>ROP</th>
<!-- /ko -->
<!-- ko if: keuzesoort() < 4 -->
<th>BOB</th>
<!-- /ko -->
<th>SOP</th>
<th>Organisatienaam</th>
</tr>
<tr>
<!-- ko if: keuzesoort()== 1 -->
<th style="width: 50px;">
<button data-bind="visible: erIsEenSop(), click: $root.fOpenPDF"
class="buttonCompact glyphicon glyphicon-open"
style="background-color:#1aa3ff; height: 30px; width: 30px;">
</button>
</th>
<!-- /ko -->
<!-- ko if: keuzesoort() < 3 -->
<th></th>
<!-- /ko -->
<!-- ko if: keuzesoort() < 4 -->
<th></th>
<!-- /ko -->
<th></th>
<th></th>
</tr>
</thead>
<tbody data-bind="foreach: kamers">
<tr>
<td style="vertical-align: top; background-color: #930f50; font-weight: bold; color: white"
data-bind="text: naam"></td>
</tr>
<tr>
<td>
<table data-bind="foreach: bgs"
style="border: 1px solid #930f50; margin-left: -3px; margin-right: -3px;">
<tr>
<td style=" vertical-align: top; background-color: #930f50; color: white"
data-bind="text: brin + ' ' + naam"></td>
</tr>
<tr>
<td >
<table data-bind="foreach: scholen" style="width:100%">
<tr style="height: 35px;">
<td style="width: 50px;">
<button data-bind="visible: erIsEenSop(),
click: $root.fOpenPDF"
class="buttonCompact glyphicon glyphicon-open"
style="background-color:#1aa3ff; height: 30px; width: 30px;">
</button>
</td>
<td style="width: 315px;"
data-bind="text: brin + ' ' + naam">
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<!-- /ko -->
<!-- ko if: (keuzesoort() == 1 || keuzesoort() == 2) && alfabetisch() == true -->
<table style="width: 375px; border: 1px solid #A28A29;"
data-bind="with: $root.selectedOrg()">
<tbody data-bind="foreach: scholen">
<tr style="height: 35px;">
<td style="width: 50px;">
<button data-bind="visible: erIsEenSop(), click: $root.fOpenPDF"
class="buttonCompact glyphicon glyphicon-open"
style="background-color:#1aa3ff; height: 30px; width: 30px;">
</button>
</td>
<td style="width: 324px;"
data-bind="text: brin + ' ' + naam">
</td>
</tr>
</tbody>
</table>
<!-- /ko -->
</div>