Files
2021-07-10 16:25:16 +02:00

91 lines
3.6 KiB
PHP

<div class="popup " id="upload-form" >
<div class="upload-overlay" id="upload-overlay">
<img src="css/images/uploader.gif" />
</div>
<div class="popheader" > Documenten
<img src="css/images/closebut.png"
class="popclose"
style='float:right;margin-top:3px' />
</div>
<form enctype ="multipart/form-data"
method ="post"
target ="upload-frame"
data-bind ="attr:{action:actionUrl}, visible:upload()"
id ="upload-form-form">
<div class="form-row">
<label>naam document</label>
<input type ="text"
name ="name-upload-document"
id ="name-upload-document"
data-bind ="value:docName"
placeholder ="naam van het document"
title ="naam van het document" />
</div>
<div class="clearfix"></div>
<label>type bestand</label>
<select data-bind="options:docTypes, optionsText:'name', optionsValue:'id', value:selectedDoctype">
</select>
<div class="form-row">
<label>selecteer bestand</label>
<input type="file"
name="userfile"
data-bind="value:selectedFile, event:{change:setName}"
placeholder="klik voor filebrowser"
title="klik voor filebrowser" />
</div>
<div class="clearfix"></div>
<i name="upload-document" class="onwhite upload-button right" id="upload-document" data-bind="click:saveDocument">upload document</i>
<i name="reset-form" class="onwhite upload-button" id="reset-form" data-bind="click:resetForm, visible:docID()!=0">nieuw document</i>
</form>
<form class="form-row" data-bind="visible:docID()">
<div class="switch-box">
<label class="switch-box"><strong>labels</strong></label>
<div class="clearfix"></div>
<select data-bind="options:nonTags, optionsText:'tagname', optionsValue:'id', selectedOptions:tagsToAdd"
multiple="true" size="8" class="switch-box">
</select>
<div class="clearfix"></div>
<button data-bind="click:removeTag">verwijder labels</button>
</div>
<div class="switch-box">
<button data-bind="click:addTags" class="switch-button">></button>
<button data-bind="click:removeTags" class="switch-button">&#60;</button>
</div>
<div class="switch-box">
<label class="switch-box"><strong>document labels</strong></label>
<div class="clearfix"></div>
<select data-bind="options:selectedTags, optionsText:'tagname', optionsValue:'id', selectedOptions:tagsToRemove"
multiple="true" size="8" class="switch-box">
</select>
<div class="clearfix"></div>
<input type="text" data-bind="value:newTagName, valueUpdate: 'afterkeydown', event:{keyup:addTag}"
placeholder="nieuw label <enter>" title="voer de label naam in en sluit af met enter"
class="switch-box" />
</div>
</form>
<div class="clearfix"></div>
<div class="div-table" id="documents-list">
<div class="div-table-head">
<span class="column-1">Documentnaam</span>
<span class="column-2">Type document</span>
<span class="column-3">&nbsp;</span>
</div>
<div class="div-table-body" data-bind="foreach:hulpDocuments">
<div class="div-table-row">
<div class="div-table-selectarea" data-bind="click:$parent.setDocument, css:{'selected-row':id==$parent.docID()}">
<span class="column-1" data-bind="text:name"></span>
<span class="column-2" data-bind="text:doctype.name"></span>
</div>
<span class="column-3">
<button class="delete" data-bind="click:$parent.deleteDocument, visible:$parent.upload()"></button>
<span data-bind="click:$parent.downloadDoc" style="cursor:pointer">&darr;</span>
</span>
</div>
</div>
</div>
<iframe name="upload-frame" id="upload-frame" style="width:0;height:0;border:0"></iframe>
</div>