90 lines
3.6 KiB
PHP
90 lines
3.6 KiB
PHP
<div class="container-fluid mainpagina cirkelgradient" id="pagportal">
|
|
|
|
<div class="col-sm-12 keuzeholder" data-bind="visible: !gekozen() && !bezig()">
|
|
<!-- ko foreach: licenties -->
|
|
<div class="col-sm-2" style="height: 220px;">
|
|
<div class="col-sm-12 keuzecirkel"
|
|
style="z-index:20"
|
|
data-bind="style:{background: k1 }">
|
|
<!-- als je op ongeclusterde instrumenten klikt, ga je direct naar dat instrument-->
|
|
<!-- ko if: ! isCluster() -->
|
|
<div data-bind="click:$parent.fNaarModule" class="fnaarmodule-button"> </div>
|
|
<!-- /ko -->
|
|
<span data-bind="text: naam"></span>
|
|
<button class="glyphicon glyphicon-menu-right openSluitButton"
|
|
data-bind="visible: isCluster(),
|
|
click: $parent.fNaarModule">
|
|
</button>
|
|
</div>
|
|
|
|
<!-- instrumenten bij een cluster-->
|
|
<!-- ko foreach: bolletjes -->
|
|
<div class="col-sm-12 keuzecirkel"
|
|
style="position:relative;"
|
|
data-bind="style: {zIndex: zindex, top: marge(), background: k1 }">
|
|
</div>
|
|
<!-- /ko -->
|
|
</div>
|
|
<!-- /ko -->
|
|
</div>
|
|
|
|
|
|
<!-- nadat er op een cluster is geklikt-->
|
|
<div class="col-sm-12 keuzeholder"
|
|
data-bind="visible: gekozen()">
|
|
<!-- ko foreach: licenties -->
|
|
<div class="col-sm-2" style="height: 220px;">
|
|
<!-- clusters waar niet op is geklikt-->
|
|
|
|
<div class="col-sm-12 keuzecirkel "
|
|
style="position:relative; z-index:20; "
|
|
data-bind=" visible: !selectie()">
|
|
|
|
<div style="position:absolute; top: 0px; left:0px;
|
|
width:100%; height:100%; opacity:0.5;
|
|
border-radius: 180px"
|
|
data-bind="style:{background: k2 }">
|
|
<span data-bind="text: naam"
|
|
style="color:#646766;margin-top: 65px"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- gekozen cluster heeft grijze rand om cirkel-->
|
|
<div class="col-sm-12 keuzecirkel2"
|
|
style="position:relative; z-index:20;"
|
|
data-bind="visible: selectie(),
|
|
click: ! isCluster() ? $root.fNaarModule : '' ,
|
|
style: {background: k2}">
|
|
|
|
<span data-bind="text: naam"></span>
|
|
<!-- knop om cluster weer te sluiten(en alles opnieuw op te halen)-->
|
|
<button class="glyphicon glyphicon-menu-left openSluitButton"
|
|
data-bind="visible: isCluster(),
|
|
click: $root.fSluitCluster ">
|
|
</button>
|
|
</div>
|
|
<!-- grijze balk achter de bolletjes-->
|
|
<div class="col-sm-12 verbinding"
|
|
style="postion:relative; top: -125px;"
|
|
data-bind="visible: selectie() ">
|
|
</div>
|
|
<!-- ko foreach: bolletjes -->
|
|
<div class="col-sm-12 keuzecirkel"
|
|
style="postion:relative;"
|
|
data-bind="style: {zIndex: zindex, top: marge(),background:k1}">
|
|
</div>
|
|
<!-- /ko -->
|
|
</div>
|
|
<!-- /ko -->
|
|
</div>
|
|
|
|
<div style="float:left; color:#ffffff; min-height: 50px; width: 100%; padding: 20px;
|
|
margin-bottom:20px;margin-top:10px">
|
|
<p style="text-align:center">U kunt de handleidingen en andere informatie downloaden door op het vraagteken
|
|
rechtsboven te klikken.</p>
|
|
</div>
|
|
|
|
<?php $this->load->view( "monpas/popups/popupbericht" ); ?>
|
|
|
|
</div>
|