460 lines
28 KiB
PHP
460 lines
28 KiB
PHP
|
|
|
|
|
|
|
|
<div class="col-sm-12 mainpagina" id ="pagomvangextra">
|
|
|
|
<div class="row">
|
|
<div class="col-sm-12 col-md-4" >
|
|
<div style = "max-height: 300px; overflow-y:auto">
|
|
|
|
<!-- 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 data-bind="click: $root.fToggleGeopend" style="width:16px;">
|
|
<button class="noshowklein openbutton"
|
|
data-bind="css: {'closebutton': geopend() }">
|
|
</button>
|
|
</td>
|
|
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
|
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
|
</tr>
|
|
<tr data-bind="visible: geopend">
|
|
<td></td>
|
|
<td colspan = 2>
|
|
<table style="width: 100%;">
|
|
<tbody data-bind="foreach: scholen">
|
|
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
|
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
|
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!-- /ko -->
|
|
|
|
<!-- ko if: orgsoort() ==2 -->
|
|
|
|
<table style="width: 100%">
|
|
<tbody data-bind="foreach: 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 brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
|
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
|
</tr>
|
|
<tr data-bind="visible: geopend">
|
|
<td></td>
|
|
<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 brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
|
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
|
</tr>
|
|
<tr data-bind="visible: geopend">
|
|
<td></td>
|
|
<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 brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
|
<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="foreach: 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 brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
|
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
|
</tr>
|
|
<tr data-bind="visible: geopend()">
|
|
<td></td>
|
|
<td colspan = 2>
|
|
<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 brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
|
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
|
</tr>
|
|
|
|
<tr data-bind="visible: geopend()">
|
|
<td></td>
|
|
<td colspan = 2>
|
|
<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 brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
|
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
|
</tr>
|
|
<tr data-bind="visible:geopend()">
|
|
<td></td>
|
|
<td colspan = 2>
|
|
<table style="width: 100%;">
|
|
<tbody data-bind="foreach: scholen">
|
|
<tr class="selectable" data-bind="css: {'selected': $root.selectedOrg().id == id}">
|
|
<td class="orgtd brin" data-bind="text: brin, click: $root.fSwitchOrg"></td>
|
|
<td class='orgtd' data-bind="text: naam, click: $root.fSwitchOrg"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<!-- /ko -->
|
|
</div >
|
|
|
|
</div> <!-- col-md-4 -->
|
|
|
|
<div class="col-xs 12 col-md-8" >
|
|
<div data-bind="visible: toonkeuze() == true && geenschooljaren() == false" style="border: 1px solid; #A28A29; width: 290px; padding: 10px;">
|
|
<table style="width: 270px;">
|
|
<thead>
|
|
<tr>
|
|
<th style="width 20px;background-color: #A28A29; color: white; "> </th>
|
|
<th style="width: 250px; background-color: #A28A29; color: white; padding-right: 20px; padding-bottom: 5px; padding-top: 5px;">
|
|
Selecteer één of meer ingevulde versies (max 3).
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody data-bind="foreach: gevuldeschooljaren ">
|
|
<tr>
|
|
<td>
|
|
<input type= "checkbox"
|
|
data-bind="attr: {'value': nummer}, checked: $parent.selectedSchooljaren"/>
|
|
</td>
|
|
<td data-bind="text: schooljaar" > </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<button style="background-color: #A28A29; color: white; box-shadow: 1px 1px 2px #faf7eb; font-weight: bold; " data-bind= "click: fSelecteerSchooljaar" >Toon Omvang</button>
|
|
</div>
|
|
<div data-bind="visible: toonkeuze()== false && geenschooljaren()== false ">
|
|
<button style="background-color: #A28A29; color: white; box-shadow: 1px 1px 2px #faf7eb; font-weight: bold;" data-bind="click: fKeuze">Kies schooljaar</button>
|
|
|
|
</div>
|
|
<div data-bind="visible: geenschooljaren() == true">
|
|
<h4>Het instrument is nog niet ingevuld of het vinkje 'meetellen' is niet aangezet.</h4>
|
|
|
|
</div>
|
|
|
|
<div style="margin-top: 20px;" data-bind="visible: toonresult() == true " >
|
|
<button class="printer" style=" float: right; display: inline; margin-right: 10px;"
|
|
data-bind="click: fPrint">
|
|
</button>
|
|
|
|
<div id="omvangchart" style="min-width: 350px; height: 400px; margin: 0 auto" >
|
|
</div>
|
|
|
|
|
|
<table id="omvangTable" class="omvangborder" style="border: 1px solid #a07b8e !important; ">
|
|
<thead class="omvanghead ">
|
|
<tr>
|
|
<th style="width: 120px"></th>
|
|
<!-- ko foreach : omvangschooljaren -->
|
|
<th style="width: 70px"></th>
|
|
<!-- ko if: $parent.selectedOrg().soort != 1 -->
|
|
<th style="width: 70px"></th>
|
|
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
</tr>
|
|
<tr >
|
|
<th class="omvangright omvangtop" style="border-right: 1px solid #a07b8e !important;"></th>
|
|
<!-- ko foreach : omvangschooljaren -->
|
|
<th class=" omvangtop" style=" border-right: 1px solid #a07b8e !important; width: 140px; padding: 3px; text-align: center"
|
|
data-bind= "text: schooljaar, attr: {'colspan': $parent.selectedOrg().soort == 1 ? 1 : 2 }"></th>
|
|
<!-- /ko -->
|
|
</tr>
|
|
<tr >
|
|
<th class="omvangright omvangtop" style="border-right: 1px solid #a07b8e !important;"></th>
|
|
<!-- ko foreach : omvangschooljaren -->
|
|
<th class=" omvangright omvangkop omvangtop" style=" height: 150px;border-right: 1px solid #a07b8e !important;vertical-align: top; " >
|
|
<div class="omvangkoptekst " style="padding: 3px; writing-mode: vertical-rl; float: right; text-align: left;"
|
|
data-bind="text: $root.toporg().brin ? $parent.selectedOrg().brin + ' ' + $root.selectedOrg().naam : $parent.selectedOrg().naam " >
|
|
</div>
|
|
</th>
|
|
<!-- ko if: $parent.selectedOrg().soort != 1 -->
|
|
<th class=" omvangtop omvangkop" style=" height: 150px;border-right: 1px solid #a07b8e !important; vertical-align: top;" >
|
|
<div class="omvangkoptekst "style="padding: 3px; writing-mode: vertical-rl; float: right; text-align: left;"
|
|
data-bind="text: brinboven ? brinboven + ' ' + naamboven : naamboven ">
|
|
</div>
|
|
</th>
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr >
|
|
<td class="omvangright omvangtop" style="padding: 3px; border-right: 1px solid #a07b8e !important;" >aantal leerlingen 1 okt</td>
|
|
<!-- ko foreach : omvangschooljaren -->
|
|
<td class="omvangright omvangtop" style="padding: 3px; text-align: right; border-right: 1px solid #a07b8e !important;"
|
|
data-bind= "text: aantalleerlingen"></td>
|
|
<!-- ko if: $parent.selectedOrg().soort != 1 -->
|
|
<!-- Een SWV kan niet met iets anders vergeleken worden-->
|
|
<td class=" omvangtop" style="padding: 3px; text-align: right; border-right: 1px solid #a07b8e !important;"
|
|
data-bind="text: aantalboven"></td>
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
</tr>
|
|
|
|
<tr style="border-top: 1px solid #a07b8e !important;">
|
|
<td class="omvangright omvangtop" style="padding: 3px; border-right: 1px solid #a07b8e !important;" >tlvs sbo</td>
|
|
<!-- ko foreach : omvangschooljaren -->
|
|
<td class="omvangright omvangtop" style="padding: 3px; text-align: right; border-right: 1px solid #a07b8e !important;"
|
|
data-bind= "text: tlvsSBO">
|
|
</td>
|
|
<!-- ko if: $parent.selectedOrg().soort != 1 -->
|
|
<td class=" omvangtop" style="padding: 3px; text-align: right; border-right: 1px solid #a07b8e !important;"
|
|
data-bind="text: tlvsSBOB">
|
|
</td>
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
</tr>
|
|
<tr style="border-top: 1px solid #a07b8e !important;">
|
|
<td class="omvangright omvangtop" style="padding: 3px; padding-right: 5px; font-style: italic; border-right: 1px solid #a07b8e !important; text-align: right">licht
|
|
</td>
|
|
<!-- ko foreach : omvangschooljaren -->
|
|
<td class="omvangright omvangtop" style="text-align: right; border-right: 1px solid #a07b8e !important; font-style: italic; padding: 3px; padding-right: 40px;"
|
|
data-bind= " text: licht() ">
|
|
</td>
|
|
<!-- ko if: $parent.selectedOrg().soort != 1 -->
|
|
<td class="omvangtop" style="text-align: right; border-right: 1px solid #a07b8e !important; font-style: italic; padding: 3px; padding-right: 40px;"
|
|
data-bind= "text: lichtB()">
|
|
</td>
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
</tr>
|
|
<tr style="border-top: 1px solid #a07b8e !important;">
|
|
<td class="omvangright omvangtop"style="padding: 3px; padding-right: 5px; font-style: italic; border-right: 1px solid #a07b8e !important; text-align: right" >zwaar</td>
|
|
<!-- ko foreach : omvangschooljaren -->
|
|
<td class="omvangright omvangtop" style="text-align: right; border-right: 1px solid #a07b8e !important; ">
|
|
<span style=" font-style:italic; padding: 3px; padding-right: 40px;text-align: right;"
|
|
data-bind= " text: zwaar() ">
|
|
</span>
|
|
</td>
|
|
<!-- ko if: $parent.selectedOrg().soort != 1 -->
|
|
<td class=" omvangtop" style="text-align: right; border-right: 1px solid #a07b8e !important; ;">
|
|
<span style=" font-style:italic; padding: 3px; padding-right: 40px;text-align: right; "
|
|
data-bind= " text: zwaarB() ">
|
|
</span>
|
|
</td>
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
</tr>
|
|
|
|
<tr style="border-top: 1px solid #a07b8e;">
|
|
<td class="omvangright omvangtop" style="padding: 3px; border-right: 1px solid #a07b8e !important; ;">tlvs so
|
|
</td>
|
|
<!-- ko foreach : omvangschooljaren -->
|
|
<td class="omvangright omvangtop" style="padding: 3px; text-align: right; border-right: 1px solid #a07b8e !important;"
|
|
data-bind= "text: tlvsSO ">
|
|
</td>
|
|
<!-- ko if: $parent.selectedOrg().soort != 1 -->
|
|
<td class=" omvangtop" style="padding: 3px; text-align: right; border-right: 1px solid #a07b8e !important;"
|
|
data-bind="text: tlvsSOB ">
|
|
</td>
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
</tr >
|
|
<tr style="border-top: 1px solid #a07b8e !important; ;">
|
|
<td class="omvangright omvangtop" style="padding: 3px; padding-right: 5px; font-style: italic; border-right: 1px solid #a07b8e !important; ; text-align: right">laag
|
|
</td>
|
|
<!-- ko foreach : omvangschooljaren -->
|
|
<td class="omvangright omvangtop" style="text-align: right; border-right: 1px solid #a07b8e !important; font-style: italic; padding: 3px; padding-right: 40px;"
|
|
data-bind= " text: laag() ">
|
|
</td>
|
|
<!-- ko if: $parent.selectedOrg().soort != 1 -->
|
|
<td class="omvangtop" style="text-align: right; border-right: 1px solid #a07b8e !important; font-style: italic; padding: 3px; padding-right: 40px;"
|
|
data-bind= " text: laagB() ">
|
|
</td>
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
</tr>
|
|
<tr style="border-top: 1px solid #a07b8e !important; ;">
|
|
<td class="omvangright omvangtop "style="padding: 3px; padding-right: 5px; font-style: italic; border-right: 1px solid #a07b8e !important; text-align: right">midden
|
|
</td>
|
|
<!-- ko foreach : omvangschooljaren -->
|
|
<td class="omvangright omvangtop " style="text-align: right; border-right: 1px solid #a07b8e !important; font-style: italic; padding: 3px; padding-right: 40px;"
|
|
data-bind= " text: midden() ">
|
|
</td>
|
|
<!-- ko if: $parent.selectedOrg().soort != 1 -->
|
|
<td class="omvangtop" style="text-align: right; border-right: 1px solid #a07b8e !important; font-style: italic; padding: 3px; padding-right: 40px;"
|
|
data-bind= " text: middenB() ">
|
|
</td>
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
</tr>
|
|
<tr style="border-top: 1px solid #a07b8e !important;">
|
|
<td class="omvangright omvangtop" style="padding: 3px; padding-right: 5px; font-style: italic; border-right: 1px solid #a07b8e !important; text-align: right">hoog
|
|
</td>
|
|
<!-- ko foreach : omvangschooljaren -->
|
|
<td class="omvangright omvangtop" style="text-align: right; border-right: 1px solid #a07b8e !important; font-style: italic; padding: 3px; padding-right: 40px;"
|
|
data-bind= " text: hoog() ">
|
|
</td>
|
|
<!-- ko if: $parent.selectedOrg().soort != 1 -->
|
|
<td class="omvangtop" style="text-align: right; border-right: 1px solid #a07b8e !important;font-style: italic; padding: 3px; padding-right: 40px;"
|
|
data-bind= " text: hoogB() ">
|
|
</td>
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
</tr>
|
|
<tr style= "border-top: 1px solid #a07b8e !important;">
|
|
<td class="omvangright omvangtop" style="padding: 3px; border-right: 1px solid #a07b8e !important;">aantal leerlingen met arrangement
|
|
</td>
|
|
<!-- ko foreach : omvangschooljaren -->
|
|
<td class="omvangright omvangtop" style="padding: 3px; text-align: right; border-right: 1px solid #a07b8e !important;"
|
|
data-bind= "text: aantalllnarr">
|
|
</td>
|
|
<!-- ko if: $parent.selectedOrg().soort != 1 -->
|
|
<td class="omvangtop" style="padding: 3px; text-align: right; border-right: 1px solid #a07b8e !important;"
|
|
data-bind="text: aantalllnarrB">
|
|
</td>
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
</tr>
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div style="margin-top: 20px; " data-bind="visible: toonresult() == true " >
|
|
<h3 data-bind="visible: lengteTLV() > 0 " style="padding: 3px; margin-left: 50px;margin-bottom: 20px;"> TLVS per zorgzwaarte
|
|
</h3>
|
|
<div class="row">
|
|
<div class="col-lg-4 hidden-md hidden-sm hidden-xs" data-bind="visible: omvangschooljaren().length == 1 && lengteTLV() == 1">
|
|
<div style="height: 360px;" >
|
|
</div>
|
|
</div>
|
|
|
|
<!--ko foreach: omvangschooljaren -->
|
|
<div class=" col-lg-4 col-xs-6" >
|
|
<div data-bind="attr: {id: tlvpie() } " style=" height: 360px; margin: 0 auto" >
|
|
</div>
|
|
</div>
|
|
<!--/ko -->
|
|
</div>
|
|
<div style="margin-top: 20px;" data-bind="visible: selectedOrg().soort == 4" >
|
|
<h3 style="padding: 3px; margin-left: 50px; margin-bottom: 20px; "> Leerlingen per arrangement
|
|
</h3>
|
|
<div class="row">
|
|
<div class="col-lg-4 hidden-md hidden-sm hidden-xs" data-bind="visible: omvangschooljaren().length == 1">
|
|
<div style="height: 400px;" >
|
|
</div>
|
|
</div>
|
|
<!--ko foreach: omvangschooljaren -->
|
|
<div class=" col-lg-4 col-xs-6" >
|
|
<div data-bind="visible: aantalllnarr > 0">
|
|
<div data-bind="attr: {id: pienaam() }" style=" height: 500px; margin: 0 auto" >
|
|
</div>
|
|
</div>
|
|
<table data-bind="attr: {id: arrtable() }, visible: aantalllnarr > 0" style="border: 1px solid #a07b8e; width: 100%">
|
|
<thead class="omvanghead">
|
|
<tr style="border-bottom: 1px solid #a07b8e;" >
|
|
<th class="omvangright omvangbottom" style="width: 40%"></th>
|
|
<th class="omvangbottom" colspan = "2" style="padding: 3px;width: 44% " data-bind="text: schooljaar"></th>
|
|
<th class="omvangbottom" style="width: 16% " ></th>
|
|
</tr>
|
|
<tr style="border-bottom: 1px solid #a07b8e; ">
|
|
<th class="omvangright omvangbottom" style=" padding:3px; border-right: 1px solid #a07b8e;">arrangement</th>
|
|
<th class="omvangright omvangbottom" style=" padding:3px; border-right: 1px solid #a07b8e; ">leerjaren</th>
|
|
<th class="omvangright omvangtop" style=" padding:3px; border-right: 1px solid #a07b8e; ">looptijd</th>
|
|
<th class="omvangbottom" style="padding:3px; border-right: 1px solid #a07b8e; "> aantal</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody >
|
|
<!--ko foreach: arrangementen -->
|
|
<tr style="border-bottom: 1px solid #a07b8e; ">
|
|
<td class="omvangright omvangbottom" style="padding:3px; border-right: 1px solid #a07b8e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis" data-bind="text: arrnaam"></td>
|
|
<td class="omvangright omvangbottom" style="padding:3px; border-right: 1px solid #a07b8e; " data-bind="text: leeftijd"></td>
|
|
<td class="omvangright omvangbottom" style="padding:3px; border-right: 1px solid #a07b8e; " data-bind="text: looptijd"></td>
|
|
<td class="omvangbottom" style="padding:3px; border-right: 1px solid #a07b8e; text-align: right" data-bind="text: aantal"></td>
|
|
|
|
</tr>
|
|
<!-- /ko -->
|
|
<tr style="background-color:#ded0d7; " >
|
|
<td class="omvangright" style="padding: 3px;">Totaal</td>
|
|
<td class="omvangright" ></td>
|
|
<td class="omvangright" ></td>
|
|
<td class="omvangright" style="padding: 3px; text-align: right" data-bind="text: aantalllnarr"></td>
|
|
</tr>
|
|
</tbody>
|
|
|
|
</table>
|
|
</div>
|
|
<!-- <div class="col-lg-4 col-xs-6">-->
|
|
<!-- <div id="leegcol4" style="min-width: 310px; height: 400px; margin: 0 auto" >-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!--/ko -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|