sopBobRopSwop en divmeter voor po2203 in compact sop
This commit is contained in:
Monique
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user