friendica-addons/js_upload/templates/js_upload.tpl

56 lines
2 KiB
Smarty

<div id="js_upload">
<noscript>
<p>Please enable JavaScript to use file uploader.</p>
<!-- or put a simple form for upload here -->
</noscript>
</div>
<script type="text/javascript">
var uploader = null;
function createUploader() {
uploader = new qq.FileUploader({
element: document.getElementById('js_upload'),
action: '{{$post_url}}',
template: '<div class="qq-uploader">' +
'<div class="qq-upload-drop-area"><span>{{$drop_msg}}</span></div>' +
'<div class="qq-upload-button">{{$upload_msg}}</div>' +
'<ul class="qq-upload-list"></ul>' +
'</div>',
// template for one item in file list
fileTemplate: '<li>' +
'<span class="qq-upload-file"></span>' +
'<span class="qq-upload-spinner"></span>' +
'<span class="qq-upload-size"></span>' +
'<a class="qq-upload-cancel" href="#">{{$cancel}}</a>' +
'<span class="qq-upload-failed-text">{{$failed}}</span>' +
'</li>',
debug: true,
sizeLimit: {{$maximagesize}},
onSubmit: function(id, filename) {
let newalbumElm = document.getElementById('photos-upload-newalbum');
let albumElm = document.getElementById('photos-upload-album-select');
let contact_allow = document.querySelector('[name="contact_allow"]:not(:disabled)');
let group_allow = document.querySelector('[name="group_allow"]:not(:disabled)');
let contact_deny = document.querySelector('[name="contact_deny"]:not(:disabled)');
let group_deny = document.querySelector('[name="group_deny"]:not(:disabled)');
uploader.setParams({
newalbum : newalbumElm ? newalbumElm.value : '',
album : albumElm ? albumElm.value : '',
not_visible : document.getElementById('photos-upload-noshare').checked,
contact_allow : contact_allow ? contact_allow.value : '',
group_allow : group_allow ? group_allow.value : '',
contact_deny : contact_deny ? contact_deny.value : '',
group_deny : group_deny ? group_deny.value : '',
});
}
});
}
window.addEventListener('load', createUploader);
</script>