namespace('kivi.File', function(ns) {
+ ns.list_div_id = undefined;
ns.rename = function(id,type,file_type,checkbox_class,is_global) {
var $dlg = $('#rename_dialog_'+file_type);
}
ns.upload = function(id,type,filetype,upload_title,gl) {
+ $('#upload_status_dialog').remove();
+
kivi.popup_dialog({ url: 'controller.pl',
data: { action: 'File/ajax_upload',
file_type: filetype,
}
ns.allow_upload_submit = function() {
- $('#upload_selected_button').prop('disabled',$('#upload_files').val() === '');
+ const disable = $('#upload_files').val() === '';
+ $('#upload_selected_button').prop('disabled', disable)
+ .toggleClass('disabled', disable);
}
+ ns.upload_status_dialog = function() {
+ $('#files_upload').remove();
+ $('#upload_status_dialog').remove();
+
+ var html = '<div id="upload_status_dialog"><p><div id="upload_result"></div></p>';
+ html = html + '<p><input type="button" value="' + kivi.t8('close') + '" size="30" onclick="$(\'#upload_status_dialog\').dialog(\'close\');">';
+ html = html + '</p></div>';
+ $(html).hide().appendTo('#' + ns.list_div_id);
+
+ kivi.popup_dialog({id: 'upload_status_dialog',
+ dialog: {title: kivi.t8('Upload Status'),
+ height: 200,
+ width: 650 }});
+ };
+
ns.upload_selected_files = function(id,type,filetype,maxsize,is_global) {
var myform = document.getElementById("upload_form");
- var filesize = 0;
var myfiles = document.getElementById("upload_files").files;
+
+ ns.upload_files(id, type, filetype, maxsize,is_global, myfiles, myform);
+ }
+
+ ns.upload_files = function(id, type, filetype, maxsize, is_global, myfiles, myform) {
+ var filesize = 0;
for ( i=0; i < myfiles.length; i++ ) {
var fname ='';
try {
return;
}
- myform.action ="controller.pl?action=File/ajax_files_uploaded&json=1&object_type="+
- type+'&object_id='+id+'&file_type='+filetype+'&is_global='+is_global;
+ var fd = new FormData(myform);
+ if (!myform) {
+ $(myfiles).each(function(idx, elt) {
+ fd.append('uploadfiles[+]', elt);
+ });
+ }
+ fd.append('action', 'File/ajax_files_uploaded');
+ fd.append('json', 1);
+ fd.append('object_type', type);
+ fd.append('object_id', id);
+ fd.append('file_type', filetype);
+ fd.append('is_global', is_global);
+
var oReq = new XMLHttpRequest();
oReq.onload = ns.attSuccess;
oReq.upload.onprogress = ns.attProgress;
oReq.upload.onerror = ns.attFailed;
oReq.upload.onabort = ns.attCanceled;
- oReq.open("post",myform.action, true);
+ oReq.open("post", 'controller.pl', true);
$("#upload_result").html(kivi.t8("start upload"));
- oReq.send(new FormData(myform));
+ oReq.send(fd);
}
ns.attProgress = function(oEvent) {
}
ns.attSuccess = function() {
+ $('#upload_status_dialog').dialog('close');
$('#files_upload').dialog('close');
kivi.eval_json_result(jQuery.parseJSON(this.response));
}
$.download("controller.pl", data);
return false;
}
+
+ ns.add_enlarged_thumbnail = function(e) {
+ var file_id = $(e.target).data('file-id');
+ var file_version = $(e.target).data('file-version');
+ var overlay_img_id = 'enlarged_thumb_' + file_id;
+ if (file_version) { overlay_img_id = overlay_img_id + '_' + file_version };
+ var overlay_img = $('#' + overlay_img_id);
+
+ if (overlay_img.data('is-overlay-shown') == 1) return;
+
+ $('.thumbnail').off('mouseover');
+ overlay_img.data('is-overlay-shown', 1);
+ overlay_img.show();
+
+ if (overlay_img.data('is-overlay-loaded') == 1) return;
+
+ var data = {
+ action: 'File/ajax_get_thumbnail',
+ file_id: file_id,
+ file_version: file_version,
+ size: 512
+ };
+
+ $.post("controller.pl", data, kivi.eval_json_result);
+ };
+
+ ns.remove_enlarged_thumbnail = function(e) {
+ $(e.target).hide();
+ $(e.target).data('is-overlay-shown', 0);
+ $('.thumbnail').on('mouseover', ns.add_enlarged_thumbnail);
+ };
+
+ ns.download = function(e) {
+ var file_id = $(e.target).data('file-id');
+ var file_version = $(e.target).data('file-version');
+
+ var data = {
+ action: 'File/download',
+ id: file_id,
+ version: file_version,
+ };
+
+ $.post("controller.pl", data, kivi.eval_json_result);
+
+ };
+
+ ns.init = function() {
+ // Preventing page from redirecting
+ $("#" + ns.list_div_id).on("dragover", function(e) {
+ e.preventDefault();
+ e.stopPropagation();
+ });
+
+ $("#" + ns.list_div_id).on("drop", function(e) {
+ e.preventDefault();
+ e.stopPropagation();
+ });
+
+ // Drag enter
+ $('.upload_drop_zone').on('dragenter', function (e) {
+ e.stopPropagation();
+ e.preventDefault();
+ });
+
+ // Drag over
+ $('.upload_drop_zone').on('dragover', function (e) {
+ e.stopPropagation();
+ e.preventDefault();
+ });
+
+ // Drop
+ $('.upload_drop_zone').on('drop', function (e) {
+ e.stopPropagation();
+ e.preventDefault();
+
+ ns.upload_status_dialog();
+
+ var object_type = $(e.target).data('object-type');
+ var object_id = $(e.target).data('object-id');
+ var file_type = $(e.target).data('file-type');
+ var is_global = $(e.target).data('is-global');
+ var maxsize = $(e.target).data('maxsize');
+ var files = e.originalEvent.dataTransfer.files;
+ ns.upload_files(object_id, object_type, file_type, maxsize, is_global, files);
+ });
+
+ $('.thumbnail').on('mouseover', ns.add_enlarged_thumbnail);
+ $('.overlay_img').on('mouseout', ns.remove_enlarged_thumbnail);
+ $('.overlay_div img').on('click', ns.download);
+ };
+
+ ns.doc_tab_init = function(tabs_id, doc_tab_id, id, object_type) {
+ var url = 'controller.pl?action=File/list&file_type=document&object_type=' + object_type + '&object_id=' + $('#id').val();
+
+ $('#' + tabs_id).on('tabsbeforeactivate', function(e, ui) {
+ if (ui.newPanel.attr('id') !== doc_tab_id) return;
+ $('#' + doc_tab_id).html(kivi.t8('Loading...'));
+ $('#' + doc_tab_id).load(url);
+ });
+
+ $('#' + tabs_id).on('tabscreate', function(e, ui) {
+ if (ui.panel.attr('id') !== doc_tab_id) return;
+ $('#' + doc_tab_id).html(kivi.t8('Loading...'));
+ $('#' + doc_tab_id).load(url);
+ });
+ };
+
});