monpas/application/views/monpas/compactsop/maaksoponderdelen/blokvorm.php

<!--class="soponderdeel"-->
<div class="panel panel-default"
      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() }">
            <h4 data-bind="text: toonnummer + '. '+ naam,
                           click: $root.fSelecteerOnderdeel">
            </h4>
    </div>
    <!--        class       ="versievak"-->
    <div class="panel-body"
         style="height: 75px;"
         data-bind   =" text: infotekst() && ! selected() ? infotekst: '',
                        style: {color: (geenGegevens() || geenLicentie()) ? '#949494'  : '#333333'} ">
    </div>
   
    <!-- ko if : nummer == 3 -->

    <div  data-bind="visible: omvangschooljaren() && omvangschooljaren().length > 1 && !selected()" >

        <div data-bind="visible: versies() == true">
            <div style="height: 80px;">
                <button class="buttonCompact"
                        data-bind=" click: $root.fSelecteerVersieOnderdeel">sla op
                </button>
                <button class="buttonCompact"
                        style="background-color: lightgrey"
                        data-bind="click: $root.fSluitVersieOnderdeel">sluit
                </button>
            </div>

            <table class="lstable" style="width: 100%">
                <thead>
                <tr>
                    <th style="width: 5%;"></th>
                    <th style="width: 30%"></th>
                    <th style="width: 65%"></th>
                </tr>
                <tr>
                    <th  colspan="3" style="border: 1px solid #930f50;"><span>selecteer max 2 schooljaren:</span></th>
                </tr>
                </thead>
                <tbody  data-bind="foreach: omvangschooljaren">
                <tr >
                    <td style=" vertical-align: top; padding-left: 10px;">
                        <input  type="checkbox"
                                data-bind="attr: {'value': schooljaarnr}, checked:$root.selectedOmvangJaren"/>
                    </td >
                    <td style=" vertical-align: text-top; padding-left: 10px;">
                                <span class="versievak"
                                      data-bind="text: schooljaarnaam">
                                </span>
                    </td>
                    <td style="vertical-align: top">
                        <ul>
                            <li style="vertical-align: text-top; padding-top: 0; margin-top: 0" data-bind="text: erZijnTLVs ? 'tlvs' : 'geen tlvs' ">
                            </li>
                            <li data-bind="text: erZijnArrangementen ? 'arrangementen' : 'geen arrangementen' " >
                            </li>
                        </ul>

                    </td>
                </tr>
                </tbody>
            </table>

        </div>
    </div> <!-- if omvangschoolljaren > 1-->



    <!--        <div data-bind="visible: !selected()">-->

<!--            <button style=" height: 30px; width: 30px; margin-top: -50px;"-->
<!--                    data-bind="click: $root.fOpenOmvang"-->
<!--                    class="versievak noshow glyphicon glyphicon-pencil buttonCompact" >-->
<!--            </button>-->
<!--        </div>-->

<!--        <p class="versievak"-->
<!--            data-bind="visible: !erZijnTLVs() ,-->
<!--                        style: {color: selected()? 'white' : 'black'}">geen tlvs ingevoerd-->
<!--        </p>-->
<!--        <p  class="versievak"  -->
<!--            style="width: 400px"-->
<!--            data-bind="visible: !erZijnArrangementen(),-->
<!--                        style: {color: selected()? 'white' : 'black'}">geen arrangementen ingevoerd-->
<!--        </p>-->
    <!-- /ko --> <!-- if nummer == 3 -->
    
    <div  data-bind="visible: orgversies() && orgversies().length > 1 && !selected()" >
        <div data-bind="visible: versies()">
            <div style="height: 80px;">
                <button class="buttonCompact"
                        data-bind=" click: $root.fSelecteerVersieOnderdeel">sla op
                </button>
                <button class="buttonCompact"
                        style="background-color: lightgrey"
                        data-bind="click: $root.fSluitVersieOnderdeel">sluit
                </button>
            </div>

            <table class="lstable" style="width: 100%">
                <thead>
                <tr>
                    <th style="width: 50%; border: 1px solid #930f50;padding-left: 30px;"><span>selecteer een lijst:</span></th>
                    <th style="width: 50%; border: 1px solid #930f50;padding-left: 30px">vergelijk met:</th>
                </tr>
                </thead>
            </table>

            <table>
                <tbody  data-bind="foreach: orgversies">
                        <tr>
                            <td style="vertical-align: top; width: 25px; padding-left: 10px;">
                                <input  type="radio"
                                        name="kolom1"
                                        data-bind="checkedValue:  orgversieid(),
                                                    checked:  $root.ls_selectedLijstId(),
                                                    click: $root.fSelecteerOrgversie.bind($data, $parent)"/>
                            </td >
                            <td style="width: 150px;vertical-align: text-top">
                                <span class="versievak"
                                        data-bind="text: naam">
                                </span>
                            </td>
                            <td  data-bind="visible: referentieVersies() &&
                                                    referentieVersies().length > 0 &&
                                                    orgversieid() == $root.selectedOrgVersie().orgversieid()" >

                                <table data-bind="foreach: referentieVersies" >
                                        <tr >
                                            <td style=" width: 25px;
                                                        padding-left: 10px;

                                                        ">
                                                <input  type="checkbox"
                                                        data-bind="  value   : orgversieid(),
                                                                        checked : $parents[1].gekozenVergelijking() ==orgversieid(),
                                                                    click   : $root.fSelecteerVergelijking.bind($data, $parents[1]) "/>

                                            </td>
                                            <td >
                                                <span class="versievak"
                                                        data-bind="text: naamkort">
                                                </span>
                                            </td>
                                        </tr>
                                </table>
                            </td>
                        </tr>
                </tbody>
            </table>
        </div>  <!-- if versies -->
    </div> <!-- if orgversies > 1-->

    
    <div  data-bind="visible: budgetversies() && budgetversies().length > 1  && !selected()" >
        <div data-bind="visible: versies()">
            <div style="height: 80px;">
                <button class="buttonCompact"
                        data-bind=" click: $root.fSelecteerVersieOnderdeel">sla op
                </button>
                <button class="buttonCompact"
                        style="background-color: lightgrey"
                        data-bind="click: $root.fSluitVersieOnderdeel">sluit
                </button>
            </div>

            <table>
                <thead>
                <tr>
                    <th style="width: 175px; border: 1px solid #930f50;padding-left: 30px;"><span>selecteer een lijst:</span></th>
                </tr>
                </thead>
            </table>

            <table>
                <tbody  data-bind="foreach: budgetversies">
                <tr>
                    <td style="width: 25px; padding-left: 10px; vertical-align: top;">
                        <input  type="radio"
                                name="jaren"
                                data-bind="value: budgetid(),
                                            checked: $root.ls_selectedLijstId(),
                                            click: $root.fSelecteerBudgetVersie.bind($data, $parent)"/>
                    </td >
                    <td style="width: 175px;vertical-align: text-top">
                                            <span class="versievak"
                                                    data-bind="text: 'Kalenderjaar: '+ kalenderjaar()">
                                            </span>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div> <!-- BudgetVersies > 1 -->
</div>