63 lines
3.1 KiB
PHP
63 lines
3.1 KiB
PHP
<div class="modal fade" id="popupBericht" role="dialog">
|
|
<div class="modal-dialog">
|
|
|
|
<!-- Modal content-->
|
|
<div class="modal-content" style="background: rgba(0,0,0,0);border-radius:50%">
|
|
<div class="cluster1"
|
|
style="width: 600px; height: 620px; border-radius: 700px; text-align: center; padding-top:3.4em;">
|
|
|
|
<!-- ko if: mededelingen() && mededelingen().length == 1 -->
|
|
<h3 style="color: #de167b;margin-top:5px;margin-left: 3px;text-align: center;">Nieuw bericht</h3>
|
|
<!-- /ko -->
|
|
|
|
<!-- ko if: mededelingen() && mededelingen().length > 1 -->
|
|
<h3 style="color: #de167b;margin-top:5px;margin-left: 3px;text-align: center;">Nieuwe berichten</h3>
|
|
<!-- /ko -->
|
|
<div style="width:400px; height:420px; margin-left: 110px; margin-top: 5px; overflow: hidden">
|
|
<table style="width:100%; max-height: 100%; overflow: hidden">
|
|
<!-- ko if: mededelingen() && mededelingen().length == 1 -->
|
|
<tbody data-bind="foreach: mededelingen">
|
|
<tr>
|
|
<td>
|
|
<p style="text-align: left; max-height: 385px; overflow: hidden; text-overflow: ellipsis"
|
|
data-bind="html: startdatum() + ' ' + langPopUp()">
|
|
</p>
|
|
<button
|
|
class="glyphicon glyphicon-menu-right openBerichtButton"
|
|
data-bind="click: $root.fOpenBericht ">
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<!-- /ko -->
|
|
<!-- ko if: mededelingen() && mededelingen().length > 1 -->
|
|
<tbody data-bind="foreach: mededelingen">
|
|
<tr>
|
|
<td>
|
|
<p style="text-align: left">
|
|
<span data-bind="text: startdatum() + ' ' + kort()">
|
|
</span>
|
|
<button
|
|
class="glyphicon glyphicon-menu-right openBerichtButton"
|
|
data-bind="click: $root.fOpenBericht ">
|
|
</button>
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<!-- /ko -->
|
|
</table>
|
|
|
|
|
|
</div>
|
|
<label style="margin-top:15px; border:1px solid #de177c; border-radius:2px;padding:0 5px;cursor:pointer"
|
|
data-dismiss="modal">Sluiten</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|