71 lines
2.6 KiB
PHP
71 lines
2.6 KiB
PHP
<div class="modal fade" id="modUploader" role="dialog" >
|
|
<div class="modal-dialog">
|
|
<div id="spinner-holder">
|
|
<div id="spin-container">
|
|
<div id="spinner">
|
|
</div>
|
|
<h3>even geduld aub</h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button"
|
|
class="close dropzone-remove-files"
|
|
data-dismiss="modal" aria-hidden="true">x</button>
|
|
<h4 class="modal-title">Upload bestand</h4>
|
|
<h5>max.filesize: <span data-bind="text: parseInt(maxsize()/1000000) + 'MB' "></span></h5>
|
|
</div>
|
|
<div class="modal-body">
|
|
<!-- ko if: toondropzone() -->
|
|
<form id ='fileform'>
|
|
<label for="fileselect">Bestand(en):</label>
|
|
<input type="file"
|
|
id="fileselecter"
|
|
multiple="multiple"
|
|
data-bind="event: {change: fSetFileList}"/>
|
|
<div data-bind="visible: bestanden() && ! bestanden().length >0 " >
|
|
OF
|
|
<div style="width: 100%; min-height:2em; border:1px solid #ebebeb"
|
|
data-bind="dropzone , event:{drop: fSetFileList}">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<!-- /ko -->
|
|
<div id="uploadinfoholder">
|
|
<!-- ko if :showfiles() -->
|
|
<ul data-bind="foreach: bestanden" style="list-style:none;padding-left:0px;" id="file-list">
|
|
<li><span class="glyphicon glyphicon-trash"
|
|
style="display:inline-block; width: 30px"
|
|
data-bind="click: $root.fRemoveBestand"></span>
|
|
<span data-bind="text: name "> </span>
|
|
<span data-bind="visible: parseInt(size) > parseInt($root.maxsize())"> bestand is te groot!</span>
|
|
</li>
|
|
</ul>
|
|
<!--/ko -->
|
|
<!-- ko if : ! showfiles() -->
|
|
<div style="max-height:200px; overflow-y: auto">
|
|
<ul data-bind="foreach:responses"
|
|
style="list-style:none;padding-left:0px;" >
|
|
<li data-bind="text: $data"></li>
|
|
</ul>
|
|
</div>
|
|
<button style="width: 80px;"
|
|
class="dropzone-remove-files"
|
|
data-dismiss="modal" data-bind="click:fCloseAndCallback" >sluiten</button>
|
|
<!-- /ko -->
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<!-- ko if: showfiles() -->
|
|
<button style="float:left;"
|
|
data-bind="click:fDoUpload, visible:bestanden().length> 0">start upload </button>
|
|
|
|
<button class="dropzone-remove-files"
|
|
data-dismiss="modal" data-bind="click:fCloseUploader" >annuleren</button>
|
|
<!-- /ko-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|