/**
* Filemanager JS core
* filemanager.js
* @license MIT License
* @author Jason Huck - Core Five Labs
* @author Simon Georget <simon (at) linea21 (dot) com>
* @copyright Authors
* @Improved by Ioannis Sannos for Elxis CMS (on-the-fly config, resize image, and more)
*/
(function($) {
// function to retrieve GET params
$.urlParam = function(name){
var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);
if (results)
return results[1];
else
return 0;
};
/*---------------------------------------------------------
Setup, Layout, and Status Functions
---------------------------------------------------------*/
var userconfig = '';
// We retrieve config settings from filemanager.config.js
var loadConfigFile = function (type) {
var json = null;
type = (typeof type === "undefined") ? "user" : type;
if(type == 'user') {
if (typeof elxisfmcfg != "undefined") {//elxis custom config already loaded in JSON format
var userconfig = 'elxis';
return elxisfmcfg;
} else if($.urlParam('config') != 0) {
var url = '/components/com_emedia/scripts/' + $.urlParam('config');
var userconfig = $.urlParam('config');
} else {
var url = '/components/com_emedia/scripts/filemanager.config.js';
var userconfig = 'filemanager.config.js';
}
} else {
var url = '/components/com_emedia/scripts/filemanager.config.js.default';
var userconfig = '';
}
$.ajax({
'async': false,
'url': url,
'dataType': "json",
cache: false,
'success': function (data) {
json = data;
}
});
return json;
};
// loading default configuration file
var configd = loadConfigFile('default');
// loading user configuration file
var config = loadConfigFile();
// we remove version from user config file
if (config !== null) delete config.version;
// we merge default config and user config file
var config = $.extend({}, configd, config);
if(config.options.logger) var start = new Date().getTime();
// <head> included files collector
HEAD_included_files = new Array();
/**
* function to load a given css file into header
* if not already included
*/
loadCSS = function(href) {
// we check if already included
if($.inArray(href, HEAD_included_files) == -1) {
var cssLink = $('<link rel="stylesheet" type="text/css" href="' + href + '">');
$("head").append(cssLink);
HEAD_included_files.push(href);
}
};
/**
* function to load a given js file into header
* if not already included
*/
loadJS = function(src) {
// we check if already included
if($.inArray(src, HEAD_included_files) == -1) {
var jsLink = $('<script type="text/javascript" src="' + src + '">');
$("head").append(jsLink);
HEAD_included_files.push(src);
}
};
/**
* determine path when using baseUrl and
* setFileRoot connector function to give back
* a valid path on selectItem calls
*
*/
smartPath = function(url, path) {
var a = url.split('/');
var separator = '/' + a[a.length-2] + '/';
var pos = path.indexOf(separator);
// separator is not found
// this can happen when not set dynamically with setFileRoot function - see : https://github.com/simogeo/Filemanager/issues/354
if(pos == -1) {
rvalue = url + path;
} else {
rvalue = url + path.substring(pos + separator.length);
}
if(config.options.logger) console.log("url : " + url + " - path : " + path + " - separator : " + separator + " - pos : " + pos + " - returned value : " +rvalue);
return rvalue;
};
// Sets paths to connectors based on language selection.
var fileConnector = config.options.fileConnector || config.options.elxisurl+'/components/com_emedia/connectors/' + config.options.lang + '/filemanager.' + config.options.lang;
// Read capabilities from config files if exists
// else apply default settings
var capabilities = config.options.capabilities || new Array('select', 'download', 'rename', 'resize', 'move', 'delete', 'replace');
// Get localized messages from file
// through culture var or from URL
if($.urlParam('langCode') != 0) {
if(file_exists ('/components/com_emedia/scripts/languages/' + $.urlParam('langCode') + '.js')) {
config.options.culture = $.urlParam('langCode');
} else {
var urlLang = $.urlParam('langCode').substring(0, 2);
if(file_exists ('/components/com_emedia/scripts/languages/' + urlLang + '.js')) config.options.culture = urlLang;
}
}
var lg = [];
$.ajax({
url: config.options.elxisurl+'/components/com_emedia/scripts/languages/' + config.options.culture + '.js',
async: false,
dataType: 'json',
success: function (json) {
lg = json;
}
});
// Options for alert, prompt, and confirm dialogues.
$.prompt.setDefaults({
overlayspeed: 'fast',
show: 'fadeIn',
opacity: 0.4,
persistent: false
});
// Forces columns to fill the layout vertically.
// Called on initial page load and on resize.
var setDimensions = function(){
var bheight = 53,
$uploader = $('#uploader');
if($.urlParam('CKEditorCleanUpFuncNum')) bheight +=60;
var newH = $(window).height() - $uploader.height() - $uploader.offset().top - bheight;
$('#splitter, #filetree, #fileinfo, .vsplitbar').height(newH);
var newW = $('#splitter').width() - $('div.vsplitbar').width() - $('#filetree').width();
$('#fileinfo').width(newW);
};
// Display Min Path
var displayPath = function(path, reduce) {
reduce = (typeof reduce === "undefined") ? true : false;
if(config.options.showFullPath == false) {
// if a "displayPathDecorator" function is defined, use it to decorate path
if('function' === typeof displayPathDecorator) {
return displayPathDecorator(path.replace(fileRoot, "/"));
} else {
path = path.replace(fileRoot, "/");
if(path.length > 50 && reduce === true) {
var n = path.split("/");
path = '/' + n[1] + '/' + n[2] + '/(...)/' + n[n.length-2] + '/';
}
return path;
}
} else {
return path;
}
};
// Set the view buttons state
var setViewButtonsFor = function(viewMode) {
if (viewMode == 'grid') {
$('#grid').addClass('ON');
$('#list').removeClass('ON');
}
else {
$('#list').addClass('ON');
$('#grid').removeClass('ON');
}
};
// Test if a given url exists
function file_exists (url) {
// http://kevin.vanzonneveld.net
// + original by: Enrique Gonzalez
// + input by: Jani Hartikainen
// + improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
// % note 1: This function uses XmlHttpRequest and cannot retrieve resource from different domain.
// % note 1: Synchronous so may lock up browser, mainly here for study purposes.
// * example 1: file_exists('http://kevin.vanzonneveld.net/pj_test_supportfile_1.htm');
// * returns 1: '123'
var req = this.window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
if (!req) {
throw new Error('XMLHttpRequest not supported');
}
// HEAD Results are usually shorter (faster) than GET
req.open('HEAD', url, false);
req.send(null);
if (req.status == 200) {
return true;
}
return false;
}
// preg_replace
// Code from : http://xuxu.fr/2006/05/20/preg-replace-javascript/
var preg_replace = function(array_pattern, array_pattern_replace, str) {
var new_str = String (str);
for (i=0; i<array_pattern.length; i++) {
var reg_exp= RegExp(array_pattern[i], "g");
var val_to_replace = array_pattern_replace[i];
new_str = new_str.replace (reg_exp, val_to_replace);
}
return new_str;
};
// cleanString (), on the same model as server side (connector)
// cleanString
var cleanString = function(str) {
var cleaned = "";
var p_search = new Array("Š", "š", "Đ", "đ", "Ž", "ž", "Č", "č", "Ć", "ć", "À",
"Á", "Â", "Ã", "Ä", "Å", "Æ", "Ç", "È", "É", "Ê", "Ë", "Ì", "Í", "Î", "Ï",
"Ñ", "Ò", "Ó", "Ô", "Õ", "Ö", "Ő", "Ø", "Ù", "Ú", "Û", "Ü", "Ý", "Þ", "ß",
"à", "á", "â", "ã", "ä", "å", "æ", "ç", "è", "é", "ê", "ë", "ì", "í",
"î", "ï", "ð", "ñ", "ò", "ó", "ô", "õ", "ö", "ő", "ø", "ù", "ú", "û", "ü",
"ý", "ý", "þ", "ÿ", "Ŕ", "ŕ", " ", "'", "/"
);
var p_replace = new Array("S", "s", "Dj", "dj", "Z", "z", "C", "c", "C", "c", "A",
"A", "A", "A", "A", "A", "A", "C", "E", "E", "E", "E", "I", "I", "I", "I",
"N", "O", "O", "O", "O", "O", "O", "O", "U", "U", "U", "U", "Y", "B", "Ss",
"a", "a", "a", "a", "a", "a", "a", "c", "e", "e", "e", "e", "i", "i",
"i", "i", "o", "n", "o", "o", "o", "o", "o", "o", "o", "u", "u", "u", "u",
"y", "y", "b", "y", "R", "r", "_", "_", ""
);
cleaned = preg_replace(p_search, p_replace, str);
// allow only latin alphabet
if(config.options.chars_only_latin) {
cleaned = cleaned.replace(/[^_a-zA-Z0-9]/g, "");
}
cleaned = cleaned.replace(/[_]+/g, "_");
return cleaned;
};
// nameFormat (), separate filename from extension before calling cleanString()
// nameFormat
var nameFormat = function(input) {
filename = '';
if(input.lastIndexOf('.') != -1) {
filename = cleanString(input.substr(0, input.lastIndexOf('.')));
filename += '.' + input.split('.').pop();
} else {
filename = cleanString(input);
}
return filename;
};
//Converts bytes to kb, mb, or gb as needed for display.
var formatBytes = function(bytes) {
var n = parseFloat(bytes);
var d = parseFloat(1024);
var c = 0;
var u = [lg.bytes,lg.kb,lg.mb,lg.gb];
while(true){
if(n < d){
n = Math.round(n * 100) / 100;
return n + u[c];
} else {
n /= d;
c += 1;
}
}
};
// Handle Error. Freeze interactive buttons and display
// error message. Also called when auth() function return false (Code == "-1")
var handleError = function(errMsg) {
$('#fileinfo').html('<h1>' + errMsg+ '</h1>');
$('#newfile').attr("disabled", "disabled");
$('#upload').attr("disabled", "disabled");
$('#newfolder').attr("disabled", "disabled");
};
// Test if Data structure has the 'cap' capability
// 'cap' is one of 'select', 'rename', 'resize', delete', 'download', move
function has_capability(data, cap) {
if (data['File_Type'] == 'dir' && cap == 'resize') return false; //isannos
if (data['File_Type'] == 'dir' && cap == 'move') return false; //isannos: removed move capability from folders
if (data['File_Type'] == 'dir' && cap == 'replace') return false;
if (data['File_Type'] == 'dir' && cap == 'download') {
if(config.security.allowFolderDownload == true) return true;
else return false;
}
if (cap == 'resize') {
if (data['File_Type'].toLowerCase() == 'jpg') { return true; }
if (data['File_Type'].toLowerCase() == 'jpeg') { return true; }
if (data['File_Type'].toLowerCase() == 'jpe') { return true; }
if (data['File_Type'].toLowerCase() == 'png') { return true; }
if (data['File_Type'].toLowerCase() == 'gif') { return true; }
return false;
}
if (typeof(data['Capabilities']) == "undefined") return true;
else return $.inArray(cap, data['Capabilities']) > -1;
}
// Test if file is authorized
var isAuthorizedFile = function(filename) {
var ext = getExtension(filename);
// no extension is allowed
if(ext == '' && config.security.allowNoExtension == true) return true;
if(config.security.uploadPolicy == 'DISALLOW_ALL') {
if($.inArray(ext, config.security.uploadRestrictions) != -1) return true;
}
if(config.security.uploadPolicy == 'ALLOW_ALL') {
if($.inArray(ext, config.security.uploadRestrictions) == -1) return true;
}
return false;
};
// from http://phpjs.org/functions/basename:360
var basename = function(path, suffix) {
var b = path.replace(/^.*[\/\\]/g, '');
if (typeof(suffix) == 'string' && b.substr(b.length-suffix.length) == suffix) {
b = b.substr(0, b.length-suffix.length);
}
return b;
};
// return filename extension
var getExtension = function(filename) {
if(filename.split('.').length == 1) {
return "";
}
return filename.split('.').pop().toLowerCase();
};
// return filename without extension {
var getFilename = function(filename) {
if(filename.lastIndexOf('.') != -1) {
return filename.substring(0, filename.lastIndexOf('.'));
} else {
return filename;
}
};
//Test if is editable file
var isEditableFile = function(filename) {
if($.inArray(getExtension(filename), config.edit.editExt) != -1) {
return true;
} else {
return false;
}
};
// Test if is image file
var isImageFile = function(filename) {
if($.inArray(getExtension(filename), config.images.imagesExt) != -1) {
return true;
} else {
return false;
}
};
// Test if file is supported web video file
var isVideoFile = function(filename) {
if($.inArray(getExtension(filename), config.videos.videosExt) != -1) {
return true;
} else {
return false;
}
};
// Test if file is supported web audio file
var isAudioFile = function(filename) {
if($.inArray(getExtension(filename), config.audios.audiosExt) != -1) {
return true;
} else {
return false;
}
};
// Test if file is pdf file
var isPdfFile = function(filename) {
if($.inArray(getExtension(filename), config.pdfs.pdfsExt) != -1) {
return true;
} else {
return false;
}
};
// Return HTML video player
var getVideoPlayer = function(data) {
var code = '<video width=' + config.videos.videosPlayerWidth + ' height=' + config.videos.videosPlayerHeight + ' src="'+config.options.elxisurl+'/'+config.options.elxisrelpath+''+ data['Path'] + '" controls="controls">';
code += '<img src="' + data['Preview'] + '" />';
code += '</video>';
$("#fileinfo img").remove();
$('#fileinfo #preview #main-title').before(code);
};
//Return HTML audio player
var getAudioPlayer = function(data) {
var code = '<audio src="'+config.options.elxisurl+'/'+config.options.elxisrelpath+''+data['Path'] + '" controls="controls">';
code += '<img src="' + data['Preview'] + '" />';
code += '</audio>';
$("#fileinfo img").remove();
$('#fileinfo #preview #main-title').before(code);
};
//Return PDF Reader
var getPdfReader = function(data) {
var code = '<iframe id="fm-pdf-viewer" src = "'+config.options.elxisurl+'/components/com_emedia/scripts/ViewerJS/index.html#'+config.options.elxisurl+'/'+config.options.elxisrelpath+''+ data['Path'] + '" width="' + config.pdfs.pdfsReaderWidth + '" height="' + config.pdfs.pdfsReaderHeight + '" allowfullscreen webkitallowfullscreen></iframe>';
$("#fileinfo img").remove();
$('#fileinfo #preview #main-title').before(code);
};
// Display icons on list view
// retrieving them from filetree
// Called using SetInterval
var display_icons = function(timer) {
$('#fileinfo').find('td:first-child').each(function(){
var path = $(this).attr('data-path');
var treenode = $('#filetree').find('a[data-path="' + path + '"]').parent();
if (typeof treenode.css('background-image') !== "undefined") {
$(this).css('background-image', treenode.css('background-image'));
window.clearInterval(timer);
}
});
};
// Sets the folder status, upload, and new folder functions
// to the path specified. Called on initial page load and
// whenever a new directory is selected.
var setUploader = function(path) {
$('#currentpath').val(path);
$('#uploader h1').text(lg.current_folder + displayPath(path)).attr('title', displayPath(path, false)).attr('data-path', path);
$('#newfolder').unbind().click(function(){
var foldername = lg.default_foldername;
var msg = lg.prompt_foldername + ' : <input id="fname" name="fname" type="text" value="' + foldername + '" />';
var getFolderName = function(v, m){
if(v != 1) return false;
var fname = m.children('#fname').val();
if(fname != ''){
foldername = cleanString(fname);
var d = new Date(); // to prevent IE cache issues
$.getJSON(fileConnector + '?mode=addfolder&path=' + $('#currentpath').val() + '&config=' + userconfig + '&name=' + encodeURIComponent(foldername) + '&time=' + d.getMilliseconds(), function(result){
if(result['Code'] == 0){
addFolder(result['Parent'], result['Name']);
getFolderInfo(result['Parent']);
// seems to be necessary when dealing w/ files located on s3 (need to look into a cleaner solution going forward)
$('#filetree').find('a[data-path="' + result['Parent'] +'/"]').click().click();
} else {
$.prompt(result['Error']);
}
});
} else {
$.prompt(lg.no_foldername);
}
};
var btns = {};
btns[lg.create_folder] = true;
btns[lg.cancel] = false;
$.prompt(msg, {
callback: getFolderName,
buttons: btns
});
});
};
// Binds specific actions to the toolbar in detail views.
// Called when detail views are loaded.
var bindToolbar = function(data) {
// this little bit is purely cosmetic
$( "#fileinfo button" ).each(function( index ) {
// check if span doesn't exist yet, when bindToolbar called from renameItem for example
if($(this).find('span').length == 0)
$(this).wrapInner('<span></span>');
});
if (!has_capability(data, 'select')) {
$('#fileinfo').find('button#select').hide();
} else {
$('#fileinfo').find('button#select').click(function () { selectItem(data); }).show();
if(window.opener || window.tinyMCEPopup) {
$('#preview img').attr('title', lg.select);
$('#preview img').click(function () { selectItem(data); }).css("cursor", "pointer");
}
}
if (!has_capability(data, 'rename')) {
$('#fileinfo').find('button#rename').hide();
} else {
$('#fileinfo').find('button#rename').click(function(){
var newName = renameItem(data);
if(newName.length) $('#fileinfo > h1').text(newName);
}).show();
}
if (!has_capability(data, 'resize')) {
$('#fileinfo').find('button#resize').hide();
} else {
$('#fileinfo').find('button#resize').click(function(){
resizeItem(data);
}).show();
}
if (!has_capability(data, 'move')) {
$('#fileinfo').find('button#move').hide();
} else {
$('#fileinfo').find('button#move').click(function(){
var newName = moveItem(data);
if(newName.length) $('#fileinfo > h1').text(newName);
}).show();
}
// @todo
if (!has_capability(data, 'replace')) {
$('#fileinfo').find('button#replace').hide();
} else {
$('#fileinfo').find('button#replace').click(function(){
replaceItem(data);
}).show();
}
if (!has_capability(data, 'delete')) {
$('#fileinfo').find('button#delete').hide();
} else {
$('#fileinfo').find('button#delete').click(function(){
if(deleteItem(data)) $('#fileinfo').html('<h1>' + lg.select_from_left + '</h1>');
}).show();
}
if (!has_capability(data, 'download')) {
$('#fileinfo').find('button#download').hide();
} else {
$('#fileinfo').find('button#download').click(function(){
window.location = fileConnector + '?mode=download&path=' + encodeURIComponent(data['Path']) + '&config=' + userconfig;
}).show();
}
};
//Create FileTree and bind elements
//called during initialization and also when adding a file
//directly in root folder (via addNode)
var createFileTree = function() {
if ($('#filetree .mCSB_container').length > 0) {
var el = '#filetree .mCSB_container';
} else {
var el = '#filetree';
}
// Creates file tree.
$(el).fileTree({
root: fileRoot,
datafunc: populateFileTree,
multiFolder: false,
folderCallback: function(path){ getFolderInfo(path); },
expandedFolder: fullexpandedFolder,
after: function(data){
$('#filetree').find('li a').each(function() {
$(this).contextMenu(
{ menu: getContextMenuOptions($(this)) },
function(action, el, pos){
var path = $(el).attr('data-path');
setMenus(action, path);
}
);
});
//Search function
if(config.options.searchBox == true) {
$('#q').liveUpdate('#filetree ul').blur();
$('#search span.q-inactive').html(lg.search);
$('#search a.q-reset').attr('title', lg.search_reset);
}
}
}, function(file){
getFileInfo(file);
});
};
/*---------------------------------------------------------
Item Actions
---------------------------------------------------------*/
// Calls the SetUrl function for FCKEditor compatibility,
// passes file path, dimensions, and alt text back to the
// opening window. Triggered by clicking the "Select"
// button in detail views or choosing the "Select"
// contextual menu option in list views.
// NOTE: closes the window when finished.
var selectItem = function(data) {
if(config.options.baseUrl !== false ) {
//var url = smartPath(config.options.baseUrl, data['Path'].replace(fileRoot,""));//i. sannos
var url = config.options.baseUrl+''+data['Path']; //i.sannos
} else {
var url = data['Path'];
}
if(window.opener || window.tinyMCEPopup || $.urlParam('field_name') || $.urlParam('CKEditorCleanUpFuncNum') || $.urlParam('CKEditor')) {
if(window.tinyMCEPopup){
// use TinyMCE > 3.0 integration method
var win = tinyMCEPopup.getWindowArg("window");
win.document.getElementById(tinyMCEPopup.getWindowArg("input")).value = url;
if (typeof(win.ImageDialog) != "undefined") {
// Update image dimensions
if (win.ImageDialog.getImageData)
win.ImageDialog.getImageData();
// Preview if necessary
if (win.ImageDialog.showPreviewImage)
win.ImageDialog.showPreviewImage(url);
}
tinyMCEPopup.close();
return;
}
// tinymce 4 and colorbox
if($.urlParam('field_name')){
parent.document.getElementById($.urlParam('field_name')).value = url;
if(typeof parent.tinyMCE !== "undefined") {
parent.tinyMCE.activeEditor.windowManager.close();
}
if(typeof parent.$.fn.colorbox !== "undefined") {
parent.$.fn.colorbox.close();
}
}
else if($.urlParam('CKEditor')){
// use CKEditor 3.0 + integration method
if (window.opener) {
// Popup
window.opener.CKEDITOR.tools.callFunction($.urlParam('CKEditorFuncNum'), url);
} else {
// Modal (in iframe)
parent.CKEDITOR.tools.callFunction($.urlParam('CKEditorFuncNum'), url);
parent.CKEDITOR.tools.callFunction($.urlParam('CKEditorCleanUpFuncNum'));
}
} else {
// use FCKEditor 2.0 integration method
if(data['Properties']['Width'] != ''){
var p = url;
var w = data['Properties']['Width'];
var h = data['Properties']['Height'];
window.opener.SetUrl(p,w,h);
} else {
window.opener.SetUrl(url);
}
}
if (window.opener) {
window.close();
}
} else {
$.prompt(lg.fck_select_integration);
}
};
// Renames the current item and returns the new name.
// Called by clicking the "Rename" button in detail views
// or choosing the "Rename" contextual menu option in
// list views.
var renameItem = function(data) {
var finalName = '';
var fileName = config.security.allowChangeExtensions ? data['Filename'] : getFilename(data['Filename']);
var msg = lg.new_filename + ' : <input id="rname" name="rname" type="text" value="' + fileName + '" />';
var getNewName = function(v, m){
if(v != 1) return false;
rname = m.children('#rname').val();
if(rname != ''){
var givenName = rname;
if (! config.security.allowChangeExtensions) {
givenName = nameFormat(rname);
var suffix = getExtension(data['Filename']);
if(suffix.length > 0) {
givenName = givenName + '.' + suffix;
}
}
// File only - Check if file extension is allowed
if (data['Path'].charAt(data['Path'].length-1) != '/' && !isAuthorizedFile(givenName)) {
var str = '<p>' + lg.INVALID_FILE_TYPE + '</p>';
if(config.security.uploadPolicy == 'DISALLOW_ALL') {
str += '<p>' + lg.ALLOWED_FILE_TYPE + config.security.uploadRestrictions.join(', ') + '.</p>';
}
if(config.security.uploadPolicy == 'ALLOW_ALL') {
str += '<p>' + lg.DISALLOWED_FILE_TYPE + config.security.uploadRestrictions.join(', ') + '.</p>';
}
$("#filepath").val('');
$.prompt(str);
return false;
}
var oldPath = data['Path'];
var connectString = fileConnector + '?mode=rename&old=' + encodeURIComponent(data['Path']) + '&new=' + encodeURIComponent(givenName) + '&config=' + userconfig;
$.ajax({
type: 'GET',
url: connectString,
dataType: 'json',
async: false,
success: function(result){
if(result['Code'] == 0){
var newPath = result['New_Path'];
var newName = result['New_Name'];
var oldPath = result['Old_Path'];
updateNode(oldPath, newPath, newName);
var title = $("#preview h1").attr("title");
if (typeof title !="undefined" && title == oldPath) {
$('#preview h1').text(newName);
}
if($('#fileinfo').data('view') == 'grid'){
$('#fileinfo img[data-path="' + oldPath + '"]').parent().next('p').text(newName);
$('#fileinfo img[data-path="' + oldPath + '"]').attr('data-path', newPath);
} else {
$('#fileinfo td[data-path="' + oldPath + '"]').text(newName);
$('#fileinfo td[data-path="' + oldPath + '"]').attr('data-path', newPath);
}
$("#preview h1").html(newName);
// actualized data for binding
data['Path']=newPath;
data['Filename']=newName;
// Bind toolbar functions.
$('#fileinfo').find('button#rename, button#delete, button#download').unbind();
bindToolbar(data);
if(config.options.showConfirmation) $.prompt(lg.successful_rename);
} else {
$.prompt(result['Error']);
}
finalName = result['New_Name'];
}
});
}
};
var btns = {};
btns[lg.rename] = true;
btns[lg.cancel] = false;
$.prompt(msg, {
callback: getNewName,
buttons: btns
});
return finalName;
};
// Resizes the current item (image only) and returns the new name.
// Called by clicking the "Resize" button in detail views
// or choosing the "Resize" contextual menu option in
// list views. Written by Ioannis Sannos (elxis.org)
var resizeItem = function(data) {
var isResized = false;
var curWidth = 0;
if (data['Properties']['Width'] && (data['Properties']['Width'] != '')) { curWidth = data['Properties']['Width']; }
var curHeight = 0;
if (data['Properties']['Height'] && (data['Properties']['Height'] != '')) { curHeight = data['Properties']['Height']; }
var msg = lg.width+': <input id="rwidth" name="rwidth" type="text" value="'+curWidth+'" /><br />';
msg += lg.height+' : <input id="rheight" name="rheight" type="text" value="'+curHeight+'" /><br />';
msg += 'Tip: Set Width or Height to 0 to resize keeping aspect ratio.'
var getNewSize = function(v, m){
if(v != 1) return false;
var rwidth = m.children('#rwidth').val();
rwidth = parseInt(rwidth, 10);
if (rwidth < 0) { rwidth = 0; }
var rheight = m.children('#rheight').val();
rheight = parseInt(rheight, 10);
if (rheight < 0) { rheight = 0; }
if ((rwidth > 0) || (rheight > 0)) {
var connectString = fileConnector + '?mode=resize&path='+encodeURIComponent(data['Path'])+'&rwidth='+rwidth+'&rheight='+rheight+'&config=' + userconfig;
//parent = data['Path'].split('/').reverse().slice(1).reverse().join('/') + '/';
$.ajax({
type: 'GET',
url: connectString,
dataType: 'json',
async: false,
error: function (jqXHR, textStatus, errorThrown) {
$.prompt('Error resizing image');
},
success: function(result){
if (result['Code'] == 0) {
isResized = true;
data['Properties']['Width'] = result['New_Width'];
data['Properties']['Height'] = result['New_Height'];
$('#fileinfo').find('button#rename, button#resize, button#delete, button#download').unbind();
bindToolbar(data);
if(config.options.showConfirmation) $.prompt('Successfull resize');
$('#filetree').find('a[data-path="' + result['Dirname'] +'/"]').click().click();
} else {
$.prompt(result['Error']);
}
}
});
}
};
var btns = {};
btns[lg.resize] = true;
btns[lg.cancel] = false;
$.prompt(msg, {
callback: getNewSize,
buttons: btns
});
return isResized;
};
// Replace the current file and keep the same name.
// Called by clicking the "Replace" button in detail views
// or choosing the "Replace" contextual menu option in
// list views.
var replaceItem = function(data) {
// @todo remove all this
// remove dynamic form if already exists
//$('#file-replacement').remove();
// we create a dynamic form with input File
// $form = $('<form id="file-replacement" method="post">');
// $form.append('<input id="fileR" name="fileR" type="file" />');
// $form.append('<input id="mode" name="mode" type="hidden" value="replace" /> ');
// $form.append('<input id="newfilepath" name="newfilepath" type="hidden" value="' + data["Path"] + '" />');
// $('body').prepend($form);
// we auto-submit form when user filled it up
$('#fileR').bind('change', function () {
$(this).closest("form#toolbar").submit();
});
// we set the connector to send data to
$('#toolbar').attr('action', fileConnector);
$('#toolbar').attr('method', 'post');
// submission script
$('#toolbar').ajaxForm({
target: '#uploadresponse',
beforeSubmit: function (arr, form, options) {
var newFile = $('#fileR', form).val();
// Test if a value is given
if (newFile == '') {
return false;
}
// Check if file extension is matching with the original
if (getExtension(newFile) != data["File_Type"]) {
$.prompt(lg.ERROR_REPLACING_FILE + " ." + getExtension(data["Filename"]));
return false;
}
$('#replace').attr('disabled', true);
$('#upload span').addClass('loading').text(lg.loading_data);
// if config.upload.fileSizeLimit == auto we delegate size test to connector
if (typeof FileReader !== "undefined" && typeof config.upload.fileSizeLimit != "auto") {
// Check file size using html5 FileReader API
var size = $('#fileR', form).get(0).files[0].size;
if (size > config.upload.fileSizeLimit * 1024 * 1024) {
$.prompt("<p>" + lg.file_too_big + "</p><p>" + lg.file_size_limit + config.upload.fileSizeLimit + " " + lg.mb + ".</p>");
$('#upload').removeAttr('disabled').find("span").removeClass('loading').text(lg.upload);
return false;
}
}
},
error: function (jqXHR, textStatus, errorThrown) {
$('#upload').removeAttr('disabled').find("span").removeClass('loading').text(lg.upload);
$.prompt(lg.ERROR_UPLOADING_FILE);
},
success: function (result) {
var data = jQuery.parseJSON($('#uploadresponse').find('textarea').text());
if (data['Code'] == 0) {
var fullpath = data["Path"] + '/' + data["Name"];
// Reloading file info
getFileInfo(fullpath);
// Visual effects for user to see action is successful
$('#preview').find('img').hide().fadeIn('slow'); // on right panel
$('ul.jqueryFileTree').find('li a[data-path="' + fullpath + '"]').parent().hide().fadeIn('slow'); // on fileTree
if (config.options.showConfirmation) $.prompt(lg.successful_replace);
} else {
$.prompt(data['Error']);
}
$('#replace').removeAttr('disabled');
$('#upload span').removeClass('loading').text(lg.upload);
}
});
// we pass data path value - original file
$('#newfilepath').val(data["Path"]);
// we open the input file dialog window
$('#fileR').click();
};
// Move the current item to specified dir and returns the new name.
// Called by clicking the "Move" button in detail views
// or choosing the "Move" contextual menu option in
// list views.
var moveItem = function(data) {
var finalName = '';
var msg = lg.move + ' : <input id="rname" name="rname" type="text" value="" />';
msg += '<div class="prompt-info">' + lg.help_move + '</div>';
var doMove = function(v, m){
if(v != 1) return false;
rname = m.children('#rname').val();
if(rname != ''){
var givenName = rname;
var oldPath = data['Path'];
var connectString = fileConnector + '?mode=move&old=' + encodeURIComponent(data['Path']) + '&new=' + encodeURIComponent(givenName) + '&root=' + encodeURIComponent(fileRoot) + '&config=' + userconfig;
$.ajax({
type: 'GET',
url: connectString,
dataType: 'json',
async: false,
success: function(result){
if(result['Code'] == 0){
var newPath = result['New_Path'];
var newName = result['New_Name'];
// we set fullexpandedFolder value to automatically open file in
// filetree when calling createFileTree() function
fullexpandedFolder = newPath;
createFileTree();
getFolderInfo(newPath); // update list in main window
if(config.options.showConfirmation) $.prompt(lg.successful_moved);
} else {
$.prompt(result['Error']);
}
finalName = newPath + newName;
}
});
}
};
var btns = {};
btns[lg.move] = true;
btns[lg.cancel] = false;
$.prompt(msg, {
callback: doMove,
buttons: btns
});
return finalName;
};
// Prompts for confirmation, then deletes the current item.
// Called by clicking the "Delete" button in detail views
// or choosing the "Delete contextual menu item in list views.
var deleteItem = function(data) {
var isDeleted = false;
var msg = lg.confirmation_delete;
var doDelete = function(v, m){
if(v != 1) return false;
var d = new Date(); // to prevent IE cache issues
var connectString = fileConnector + '?mode=delete&path=' + encodeURIComponent(data['Path']) + '&time=' + d.getMilliseconds() + '&config=' + userconfig,
parent = data['Path'].split('/').reverse().slice(1).reverse().join('/') + '/';
$.ajax({
type: 'GET',
url: connectString,
dataType: 'json',
async: false,
success: function(result){
if(result['Code'] == 0){
removeNode(result['Path']);
var rootpath = result['Path'].substring(0, result['Path'].length-1); //removing the last slash
rootpath = rootpath.substr(0, rootpath.lastIndexOf('/') + 1);
$('#uploader h1').text(lg.current_folder + displayPath(rootpath)).attr("title", displayPath(rootpath, false)).attr('data-path', rootpath);
isDeleted = true;
if(config.options.showConfirmation) $.prompt(lg.successful_delete);
// seems to be necessary when dealing w/ files located on s3 (need to look into a cleaner solution going forward)
$('#filetree').find('a[data-path="' + parent +'/"]').click().click();
} else {
isDeleted = false;
$.prompt(result['Error']);
}
}
});
};
var btns = {};
btns[lg.yes] = true;
btns[lg.no] = false;
$.prompt(msg, {
callback: doDelete,
buttons: btns
});
return isDeleted;
};
// Display an 'edit' link for editable files
// Then let user change the content of the file
// Save action is handled by the method using ajax
var editItem = function(data) {
isEdited = false;
$('#fileinfo').find('div#tools').append(' <a id="edit-file" href="#" title="' + lg.edit + '"><span>' + lg.edit + '</span></a>');
$('#edit-file').click(function() {
$(this).hide(); // hiding Edit link
var d = new Date(); // to prevent IE cache issues
var connectString = fileConnector + '?mode=editfile&path=' + encodeURIComponent(data['Path']) + '&config=' + userconfig + '&time=' + d.getMilliseconds();
$.ajax({
type : 'GET',
url : connectString,
dataType : 'json',
async : false,
success : function(result) {
if (result['Code'] == 0) {
var content = '<form id="edit-form">';
content += '<textarea id="edit-content" name="content">' + result['Content'] + '</textarea>';
content += '<input type="hidden" name="mode" value="savefile" />';
content += '<input type="hidden" name="path" value="' + data['Path'] + '" />';
content += '<button id="edit-cancel" class="edition" type="button">' + lg.quit_editor + '</button>';
content += '<button id="edit-save" class="edition" type="button">' + lg.save + '</button>';
content += '</form>';
$('#preview').find('img').hide();
$('#preview').prepend(content).hide().fadeIn();
// Cancel Button Behavior
$('#edit-cancel').click(function() {
$('#preview').find('form#edit-form').hide();
$('#preview').find('img').fadeIn();
$('#edit-file').show();
});
// Save Button Behavior
$('#edit-save').click(function() {
// we get new textarea content
var newcontent = codeMirrorEditor.getValue();
$("textarea#edit-content").val(newcontent);
var postData = $('#edit-form').serializeArray();
$.ajax({
type: 'POST',
url: fileConnector + '?config=' + userconfig,
dataType: 'json',
data : postData,
async: false,
success: function(result){
if(result['Code'] == 0){
isEdited = true;
// if (config.options.showConfirmation) $.prompt(lg.successful_edit);
$.prompt(lg.successful_edit);
} else {
isEdited = false;
$.prompt(result['Error']);
}
}
});
});
// we instantiate codeMirror according to config options
codeMirrorEditor = instantiateCodeMirror(getExtension(data['Path']), config);
} else {
isEdited = false;
$.prompt(result['Error']);
$(this).show(); // hiding Edit link
}
}
});
});
return isEdited;
};
/*---------------------------------------------------------
Functions to Update the File Tree
---------------------------------------------------------*/
// Adds a new node as the first item beneath the specified
// parent node. Called after a successful file upload.
var addNode = function(path, name) {
var ext = getExtension(name);
var thisNode = $('#filetree').find('a[data-path="' + path + '"]');
var parentNode = thisNode.parent();
var newNode = '<li class="file ext_' + ext + '"><a data-path="' + path + name + '" href="#" class="">' + name + '</a></li>';
// if is root folder
// TODO optimize
if(!parentNode.find('ul').size()) {
parentNode = $('#filetree').find('ul.jqueryFileTree');
parentNode.prepend(newNode);
createFileTree();
} else {
parentNode.find('ul').prepend(newNode);
thisNode.click().click();
}
getFolderInfo(path); // update list in main window
if(config.options.showConfirmation) $.prompt(lg.successful_added_file);
};
// Updates the specified node with a new name. Called after
// a successful rename operation.
var updateNode = function(oldPath, newPath, newName){
var thisNode = $('#filetree').find('a[data-path="' + oldPath + '"]');
var parentNode = thisNode.parent().parent().prev('a');
thisNode.attr('data-path', newPath).text(newName);
// we work directly on root folder
// TODO optimize by binding only the renamed element
if(parentNode.length == 0) {
createFileTree();
} else {
parentNode.click().click();
}
};
// Removes the specified node. Called after a successful
// delete operation.
var removeNode = function(path) {
$('#filetree')
.find('a[data-path="' + path + '"]')
.parent()
.fadeOut('slow', function(){
$(this).remove();
});
// if the actual view is the deleted folder, we display parent folder
if($('#uploader h1').attr('data-path') == path) {
var a = path.split('/');
var parent = a.slice(0, length - 2).join('/') + '/';
getFolderInfo(parent);
}
// grid case
if($('#fileinfo').data('view') == 'grid'){
$('#contents img[data-path="' + path + '"]').parent().parent()
.fadeOut('slow', function(){
$(this).remove();
});
}
// list case
else {
$('table#contents')
.find('td[data-path="' + path + '"]')
.parent()
.fadeOut('slow', function(){
$(this).remove();
});
}
// remove fileinfo when item to remove is currently selected
if ($('#preview').length) {
getFolderInfo(path.substr(0, path.lastIndexOf('/') + 1));
}
};
// Adds a new folder as the first item beneath the
// specified parent node. Called after a new folder is
// successfully created.
var addFolder = function(parent, name) {
var newNode = '<li class="directory collapsed"><a data-path="' + parent + name + '/" href="#">' + name + '</a><ul class="jqueryFileTree" style="display: block;"></ul></li>';
var parentNode = $('#filetree').find('a[data-path="' + parent + '"]');
if(parent != fileRoot){
parentNode.next('ul').prepend(newNode).prev('a').click().click();
} else {
$('#filetree ul.jqueryFileTree').prepend(newNode);
$('#filetree').find('li a[data-path="' + parent + name + '/"]').attr('class', 'cap_rename cap_delete').click(function(){
getFolderInfo(parent + name + '/');
}).each(function() {
$(this).contextMenu(
{ menu: getContextMenuOptions($(this)) },
function(action, el, pos){
var path = $(el).attr('data-path');
setMenus(action, path);
});
}
);
}
if(config.options.showConfirmation) $.prompt(lg.successful_added_folder);
};
/*---------------------------------------------------------
Functions to Retrieve File and Folder Details
---------------------------------------------------------*/
// Decides whether to retrieve file or folder info based on
// the path provided.
var getDetailView = function(path) {
if(path.lastIndexOf('/') == path.length - 1){
getFolderInfo(path);
$('#filetree').find('a[data-path="' + path + '"]').click();
} else {
getFileInfo(path);
}
};
function getContextMenuOptions(elem) {
var optionsID = elem.attr('class').replace(/ /g, '_');
if (optionsID == "") return 'itemOptions';
if (!($('#' + optionsID).length)) {
// Create a clone to itemOptions with menus specific to this element
var newOptions = $('#itemOptions').clone().attr('id', optionsID);
if (!elem.hasClass('cap_select')) $('.select', newOptions).remove();
if (!elem.hasClass('cap_download')) $('.download', newOptions).remove();
if (!elem.hasClass('cap_rename')) $('.rename', newOptions).remove();
if (!elem.hasClass('cap_resize')) $('.resize', newOptions).remove();
if (!elem.hasClass('cap_move')) $('.move', newOptions).remove();
$('.replace', newOptions).remove(); // we remove replace since it is not implemented on Opera + Chrome and works only if #preview panel is on on FF
if (!elem.hasClass('cap_delete')) $('.delete', newOptions).remove();
$('#itemOptions').after(newOptions);
}
return optionsID;
}
// Binds contextual menus to items in list and grid views.
var setMenus = function(action, path) {
var d = new Date(); // to prevent IE cache issues
$.getJSON(fileConnector + '?mode=getinfo&path=' + encodeURIComponent(path) + '&config=' + userconfig + '&time=' + d.getMilliseconds(), function(data){
if($('#fileinfo').data('view') == 'grid'){
var item = $('#fileinfo').find('img[data-path="' + data['Path'] + '"]').parent();
} else {
var item = $('#fileinfo').find('td[data-path="' + data['Path'] + '"]').parent();
}
switch(action){
case 'select':
selectItem(data);
break;
case 'download': // todo implement javascript method to test if exstension is correct
window.location = fileConnector + '?mode=download&path=' + data['Path'] + '&config=' + userconfig + '&time=' + d.getMilliseconds();
break;
case 'rename':
var newName = renameItem(data);
break;
case 'resize':
resizeItem(data);
break;
case 'replace':
replaceItem(data);
break;
case 'move':
var newName = moveItem(data);
break;
case 'delete':
deleteItem(data);
break;
}
});
};
// Retrieves information about the specified file as a JSON
// object and uses that data to populate a template for
// detail views. Binds the toolbar for that detail view to
// enable specific actions. Called whenever an item is
// clicked in the file tree or list views.
var getFileInfo = function(file) {
//Hide context menu
$('.contextMenu').hide();
// Update location for status, upload, & new folder functions.
var currentpath = file.substr(0, file.lastIndexOf('/') + 1);
setUploader(currentpath);
// Include the template.
//var template = '<div id="preview"><img /><div id="main-title"><h1></h1><div id="tools"></div></div><dl></dl></div>';
var template = '<div id="preview">';
template += '<form id="toolbar">';
template += '<button id="parentfolder">' + lg.parentfolder + '</button>';
if($.inArray('select', capabilities) != -1 && ($.urlParam('CKEditor') || window.opener || window.tinyMCEPopup || $.urlParam('field_name'))) template += '<button id="select" name="select" type="button" value="Select">' + lg.select + '</button>';
if($.inArray('download', capabilities) != -1) template += '<button id="download" name="download" type="button" value="Download">' + lg.download + '</button>';
if($.inArray('rename', capabilities) != -1 && config.options.browseOnly != true) template += '<button id="rename" name="rename" type="button" value="Rename">' + lg.rename + '</button>';
if($.inArray('resize', capabilities) != -1 && config.options.browseOnly != true) template += '<button id="resize" name="resize" type="button" value="Resize">' + lg.resize + '</button>';
if($.inArray('move', capabilities) != -1 && config.options.browseOnly != true) template += '<button id="move" name="move" type="button" value="Move">' + lg.move + '</button>';
if($.inArray('delete', capabilities) != -1 && config.options.browseOnly != true) template += '<button id="delete" name="delete" type="button" value="Delete">' + lg.del + '</button>';
if($.inArray('replace', capabilities) != -1 && config.options.browseOnly != true) {
template += '<button id="replace" name="replace" type="button" value="Replace">' + lg.replace + '</button>';
template += '<div class="hidden-file-input"><input id="fileR" name="fileR" type="file" /></div>';
template += '<input id="mode" name="mode" type="hidden" value="replace" /> ';
template += '<input id="newfilepath" name="newfilepath" type="hidden" />';
}
template += '</form>';
template += '<img /><div id="main-title"><h1></h1><div id="tools"></div></div><dl></dl></div>';
// test if scrollbar plugin is enabled
if ($('#fileinfo .mCSB_container').length > 0) {
$('#fileinfo .mCSB_container').html(template);
} else {
$('#fileinfo').html(template);
}
$('#parentfolder').click(function() {getFolderInfo(currentpath);});
// Retrieve the data & populate the template.
var d = new Date(); // to prevent IE cache issues
$.getJSON(fileConnector + '?mode=getinfo&path=' + encodeURIComponent(file) + '&config=' + userconfig + '&time=' + d.getMilliseconds(), function(data){
if(data['Code'] == 0){
$('#fileinfo').find('h1').text(data['Filename']).attr('title', file);
$('#fileinfo').find('img').attr('src',data['Preview']);
if(isVideoFile(data['Filename']) && config.videos.showVideoPlayer == true) {
getVideoPlayer(data);
}
if(isAudioFile(data['Filename']) && config.audios.showAudioPlayer == true) {
getAudioPlayer(data);
}
//Pdf
if(isPdfFile(data['Filename']) && config.pdfs.showPdfReader == true) {
getPdfReader(data);
}
if(isEditableFile(data['Filename']) && config.edit.enabled == true && data['Protected']==0) {
editItem(data);
}
// copy URL instructions - zeroclipboard
var d = new Date(); // to prevent IE cache issues
if(config.options.baseUrl !== false ) {
//var url = smartPath(config.options.baseUrl, data['Path'].replace(fileRoot,""));//i. sannos
var url = config.options.baseUrl+''+data['Path']; //i.sannos
} else {
var url = data['Path'];
}
/*
i.sannos
if(data['Protected']==0) {
$('#fileinfo').find('div#tools').append(' <a id="copy-button" data-clipboard-text="'+ url + '" title="' + lg.copy_to_clipboard + '" href="#"><span>' + lg.copy_to_clipboard + '</span></a>');
// loading zeroClipboard code
loadJS(config.options.elxisurl+'/components/com_emedia/scripts/zeroclipboard/copy.js?d' + d.getMilliseconds());
$('#copy-button').click(function () {
$('#fileinfo').find('div#tools').append('<span id="copied">' + lg.copied + '</span>');
$('#copied').delay(500).fadeOut(1000, function() { $(this).remove(); });
});
}
*/
var properties = '';
if(data['Properties']['Width'] && data['Properties']['Width'] != '') properties += '<dt>' + lg.dimensions + '</dt><dd>' + data['Properties']['Width'] + 'x' + data['Properties']['Height'] + '</dd>';
if(data['Properties']['Date_Created'] && data['Properties']['Date_Created'] != '') properties += '<dt>' + lg.created + '</dt><dd>' + data['Properties']['Date_Created'] + '</dd>';
if(data['Properties']['Date_Modified'] && data['Properties']['Date_Modified'] != '') properties += '<dt>' + lg.modified + '</dt><dd>' + data['Properties']['Date_Modified'] + '</dd>';
if(data['Properties']['Size'] || parseInt(data['Properties']['Size'])==0) properties += '<dt>' + lg.size + '</dt><dd>' + formatBytes(data['Properties']['Size']) + '</dd>';
$('#fileinfo').find('dl').html(properties);
// Bind toolbar functions.
bindToolbar(data);
} else {
$.prompt(data['Error']);
}
});
};
// Retrieves data for all items within the given folder and
// creates a list view. Binds contextual menu options.
// TODO: consider stylesheet switching to switch between grid
// and list views with sorting options.
var getFolderInfo = function(path) {
// Update location for status, upload, & new folder functions.
setUploader(path);
// Display an activity indicator.
var loading = '<img id="activity" src="'+config.options.elxisurl+'/components/com_emedia/themes/' + config.options.theme + '/images/wait30trans.gif" width="30" height="30" />';
// test if scrollbar plugin is enabled
if ($('#fileinfo .mCSB_container').length > 0) {
$('#fileinfo .mCSB_container').html(loading);
} else {
$('#fileinfo').html(loading);
}
$('#loading-wrap').fadeOut(800); // we remove loading screen div
// Retrieve the data and generate the markup.
var d = new Date(); // to prevent IE cache issues
var url = fileConnector + '?path=' + encodeURIComponent(path) + '&config=' + userconfig + '&mode=getfolder&showThumbs=' + config.options.showThumbs + '&time=' + d.getMilliseconds();
if ($.urlParam('type')) url += '&type=' + $.urlParam('type');
$.getJSON(url, function(data){
var result = '';
// Is there any error or user is unauthorized?
if(data.Code=='-1') {
handleError(data.Error);
return;
};
setDimensions(); //fix dimensions before all images load
if(data){
var counter = 0;
var totalSize = 0;
if($('#fileinfo').data('view') == 'grid'){
result += '<ul id="contents" class="grid">';
for(key in data){
counter++;
var props = data[key]['Properties'];
var cap_classes = "";
for (cap in capabilities) {
if (has_capability(data[key], capabilities[cap])) {
cap_classes += " cap_" + capabilities[cap];
}
}
var scaledWidth = 64;
var actualWidth = props['Width'];
if(actualWidth > 1 && actualWidth < scaledWidth) scaledWidth = actualWidth;
config.options.showTitleAttr ? title = ' title="' + data[key]['Path'] + '"' : title = '';
result += '<li class="' + cap_classes + '"' + title + '"><div class="clip"><img src="' + data[key]['Preview'] + '" width="' + scaledWidth + '" alt="' + data[key]['Path'] + '" data-path="' + data[key]['Path'] + '" /></div><p>' + data[key]['Filename'] + '</p>';
if(props['Width'] && props['Width'] != '') result += '<span class="meta dimensions">' + props['Width'] + 'x' + props['Height'] + '</span>';
if(props['Size'] && props['Size'] != '') result += '<span class="meta size">' + props['Size'] + '</span>';
if(props['Size'] && props['Size'] != '') totalSize += props['Size'];
if(props['Date_Created'] && props['Date_Created'] != '') result += '<span class="meta created">' + props['Date_Created'] + '</span>';
if(props['Date_Modified'] && props['Date_Modified'] != '') result += '<span class="meta modified">' + props['Date_Modified'] + '</span>';
result += '</li>';
}
result += '</ul>';
} else {
result += '<table id="contents" class="list">';
result += '<thead><tr><th class="headerSortDown"><span>' + lg.name + '</span></th><th><span>' + lg.dimensions + '</span></th><th><span>' + lg.size + '</span></th><th><span>' + lg.modified + '</span></th></tr></thead>';
result += '<tbody>';
for(key in data){
counter++;
var path = data[key]['Path'];
var props = data[key]['Properties'];
var cap_classes = "";
var title = config.options.showTitleAttr ? ' title="'+data[key]['Path']+'"' : '';
for (cap in capabilities) {
if (has_capability(data[key], capabilities[cap])) {
cap_classes += " cap_" + capabilities[cap];
}
}
result += '<tr class="' + cap_classes + '">';
result += '<td data-path="' + data[key]['Path'] + '"'+title+'>' + data[key]['Filename'] + '</td>';
if(props['Width'] && props['Width'] != ''){
result += ('<td>' + props['Width'] + 'x' + props['Height'] + '</td>');
} else {
result += '<td></td>';
}
if(props['Size'] && props['Size'] != ''){
result += '<td><abbr title="' + props['Size'] + '">' + formatBytes(props['Size']) + '</abbr></td>';
totalSize += props['Size'];
} else {
result += '<td></td>';
}
if(props['Date_Modified'] && props['Date_Modified'] != ''){
result += '<td>' + props['Date_Modified'] + '</td>';
} else {
result += '<td></td>';
}
result += '</tr>';
}
result += '</tbody>';
result += '</table>';
}
} else {
result += '<h1>' + lg.could_not_retrieve_folder + '</h1>';
}
// Add the new markup to the DOM.
// test if scrollbar plugin is enabled
if ($('#fileinfo .mCSB_container').length > 0) {
$('#fileinfo .mCSB_container').html(result);
} else {
$('#fileinfo').html(result);
}
// update #folder-info
$('#items-counter').text(counter);
$('#items-size').text(Math.round(totalSize / 1024 /1024 * 100) / 100);
// Bind click events to create detail views and add
// contextual menu options.
if($('#fileinfo').data('view') == 'grid') {
$('#fileinfo').find('#contents li').click(function(){
var path = $(this).find('img').attr('data-path');
getDetailView(path);
}).each(function() {
$(this).contextMenu(
{ menu: getContextMenuOptions($(this)) },
function(action, el, pos){
var path = $(el).find('img').attr('data-path');
setMenus(action, path);
}
);
});
} else {
$('#fileinfo tbody tr').click(function(){
var path = $('td:first-child', this).attr('data-path');
getDetailView(path);
}).each(function() {
$(this).contextMenu(
{ menu: getContextMenuOptions($(this)) },
function(action, el, pos){
var path = $('td:first-child', el).attr('data-path');
setMenus(action, path);
}
);
});
$('#fileinfo').find('table').tablesorter({
textExtraction: function(node){
if($(node).find('abbr').size()){
return $(node).find('abbr').attr('title');
} else {
return node.innerHTML;
}
}
});
// Calling display_icons() function
// to get icons from filteree
// Necessary to fix bug #170
// https://github.com/simogeo/Filemanager/issues/170
var timer = setInterval(function() {display_icons(timer)}, 300);
}
});
};
// Retrieve data (file/folder listing) for jqueryFileTree and pass the data back
// to the callback function in jqueryFileTree
var populateFileTree = function(path, callback) {
var d = new Date(); // to prevent IE cache issues
var url = fileConnector + '?path=' + encodeURIComponent(path) + '&config=' + userconfig + '&mode=getfolder&showThumbs=' + config.options.showThumbs + '&time=' + d.getMilliseconds();
if ($.urlParam('type')) url += '&type=' + $.urlParam('type');
$.getJSON(url, function(data) {
var result = '';
// Is there any error or user is unauthorized?
if(data.Code=='-1') {
handleError(data.Error);
return;
};
if(data) {
result += "<ul class=\"jqueryFileTree\" style=\"display: none;\">";
for(key in data) {
var cap_classes = "";
for (cap in capabilities) {
if (has_capability(data[key], capabilities[cap])) {
cap_classes += " cap_" + capabilities[cap];
}
}
if (data[key]['File_Type'] == 'dir') {
var extraclass = data[key]['Protected'] == 0 ? '' : ' directory-locked';
result += "<li class=\"directory collapsed" + extraclass + "\"><a href=\"#\" class=\"" + cap_classes + "\" data-path=\"" + data[key]['Path'] + "\">" + data[key]['Filename'] + "</a></li>";
} else {
if(config.options.listFiles) {
var extraclass = data[key]['Protected'] == 0 ? '' : ' file-locked';
result += "<li class=\"file ext_" + data[key]['File_Type'].toLowerCase() + extraclass + "\"><a href=\"#\" class=\"" + cap_classes + "\" data-path=\"" + data[key]['Path'] + "\">" + data[key]['Filename'] + "</a></li>";
}
}
}
result += "</ul>";
} else {
result += '<h1>' + lg.could_not_retrieve_folder + '</h1>';
}
callback(result);
});
};
/*---------------------------------------------------------
Initialization
---------------------------------------------------------*/
$(function(){
if(config.extras.extra_js) {
for(var i=0; i< config.extras.extra_js.length; i++) {
$.ajax({
url: config.extras.extra_js[i],
dataType: "script",
async: config.extras.extra_js_async
});
}
}
$('#link-to-project').attr('href', config.url).attr('target', '_blank').attr('title', lg.support_fm + ' [' + lg.version + ' : ' + config.version + ']');
$('div.version').html(config.version);
// Loading theme
loadCSS(config.options.elxisurl+'/components/com_emedia/themes/' + config.options.theme + '/styles/filemanager.css');
$.ajax({
url: config.options.elxisurl+'/components/com_emedia/themes/' + config.options.theme + '/styles/ie.css',
async: false,
success: function(data)
{
$('head').append(data);
}
});
// loading zeroClipboard
//loadJS(config.options.elxisurl+'/components/com_emedia/scripts/zeroclipboard/dist/ZeroClipboard.js');//i.sannos
// Loading CodeMirror if enabled for online edition
if(config.edit.enabled) {
loadCSS(config.options.elxisurl+'/components/com_emedia/scripts/CodeMirror/lib/codemirror.css');
loadCSS(config.options.elxisurl+'/components/com_emedia/scripts/CodeMirror/theme/' + config.edit.theme + '.css');
loadJS(config.options.elxisurl+'/components/com_emedia/scripts/CodeMirror/lib/codemirror.js');
loadJS(config.options.elxisurl+'/components/com_emedia/scripts/CodeMirror/addon/selection/active-line.js');
loadCSS(config.options.elxisurl+'/components/com_emedia/scripts/CodeMirror/addon/display/fullscreen.css');
loadJS(config.options.elxisurl+'/components/com_emedia/scripts/CodeMirror/addon/display/fullscreen.js');
loadJS(config.options.elxisurl+'/components/com_emedia/scripts/CodeMirror/dynamic-mode.js');
}
if(!config.options.fileRoot) {
fileRoot = '/' + document.location.pathname.substring(1, document.location.pathname.lastIndexOf('/') + 1) + 'userfiles/';
} else {
if(!config.options.serverRoot) {
fileRoot = config.options.fileRoot;
} else {
fileRoot = '/' + config.options.fileRoot;
}
// we remove double slashes - can happen when using PHP SetFileRoot() function with fileRoot = '/' value
fileRoot = fileRoot.replace(/\/\//g, '\/');
}
if(config.options.baseUrl === false) {
baseUrl = window.location.protocol + "//" + window.location.host;
} else {
baseUrl = config.options.baseUrl;
}
if($.urlParam('exclusiveFolder') != 0) {
fileRoot += $.urlParam('exclusiveFolder');
if(fileRoot.charAt(fileRoot.length-1) != '/' ) fileRoot += '/'; // add last '/' if needed
fileRoot = fileRoot.replace(/\/\//g, '\/');
}
if($.urlParam('expandedFolder') != 0) {
expandedFolder = $.urlParam('expandedFolder');
fullexpandedFolder = fileRoot + expandedFolder;
} else {
expandedFolder = '';
fullexpandedFolder = null;
}
$('#folder-info').html('<span id="items-counter"></span> ' + lg.items + ' - ' + lg.size + ' : <span id="items-size"></span> ' + lg.mb);
// we finalize the FileManager UI initialization
// with localized text if necessary
if(config.options.autoload == true) {
$('#upload').append(lg.upload);
$('#newfolder').append(lg.new_folder);
$('#grid').attr('title', lg.grid_view);
$('#list').attr('title', lg.list_view);
$('#fileinfo h1').append(lg.select_from_left);
$('#itemOptions a[href$="#select"]').append(lg.select);
$('#itemOptions a[href$="#download"]').append(lg.download);
$('#itemOptions a[href$="#rename"]').append(lg.rename);
$('#itemOptions a[href$="#resize"]').append(lg.resize);
$('#itemOptions a[href$="#move"]').append(lg.move);
$('#itemOptions a[href$="#replace"]').append(lg.replace);
$('#itemOptions a[href$="#delete"]').append(lg.del);
}
/** Adding a close button triggering callback function if CKEditorCleanUpFuncNum passed */
if($.urlParam('CKEditorCleanUpFuncNum')) {
$("body").append('<button id="close-btn" type="button">' + lg.close + '</button>');
$('#close-btn').click(function () {
parent.CKEDITOR.tools.callFunction($.urlParam('CKEditorCleanUpFuncNum'));
});
}
/** Input file Replacement */
$('#browse').append('+');
$('#browse').attr('title', lg.browse);
$("#newfile").change(function() {
$("#filepath").val($(this).val().replace(/.+[\\\/]/, ""));
});
/** load searchbox */
if(config.options.searchBox === true) {
loadJS(config.options.elxisurl+'/components/com_emedia/scripts/filemanager.liveSearch.min.js');
} else {
$('#search').remove();
}
// cosmetic tweak for buttons
$('button').wrapInner('<span></span>');
// Set initial view state.
$('#fileinfo').data('view', config.options.defaultViewMode);
setViewButtonsFor(config.options.defaultViewMode);
$('#home').click(function() {
var currentViewMode = $('#fileinfo').data('view');
$('#fileinfo').data('view', currentViewMode);
$('#filetree ul.jqueryFileTree > li.expanded > a').trigger('click');
getFolderInfo(fileRoot);
});
$('#level-up').click(function() {
var cpath = $('#uploader h1').attr('data-path'); // get path
// console.log(' cpath : ' + cpath + ' - fileRoot : ' + fileRoot ); // @todo remove
if(cpath != fileRoot) {
// we get the parent folder - cpath.slice(0, - 1) removes last slash
parent = cpath.substring(0, cpath.slice(0, - 1).lastIndexOf("/")) + '/';
// console.log(' parent : ' + parent); // @todo remove
var currentViewMode = $('#fileinfo').data('view');
$('#fileinfo').data('view', currentViewMode);
$('#filetree').find('a[data-path="' + cpath + '"]').click(); // we close the previous folder
getFolderInfo(parent);
}
});
// Set buttons to switch between grid and list views.
$('#grid').click(function() {
setViewButtonsFor('grid');
$('#fileinfo').data('view', 'grid');
getFolderInfo($('#currentpath').val());
});
$('#list').click(function() {
setViewButtonsFor('list');
$('#fileinfo').data('view', 'list');
getFolderInfo($('#currentpath').val());
});
// Provide initial values for upload form, status, etc.
setUploader(fileRoot);
// Handling File upload
// Multiple Uploads
if(config.upload.multiple) {
// we load dropzone library
loadCSS(config.options.elxisurl+'/components/com_emedia/scripts/dropzone/downloads/css/dropzone.css');
loadJS(config.options.elxisurl+'/components/com_emedia/scripts/dropzone/downloads/dropzone.min.js');
Dropzone.autoDiscover = false;
// we remove simple file upload element
$('#file-input-container').remove();
// we add multiple-files upload button using upload button
// $('#upload').prop('type', 'button');
// replaced by code below because og Chrome 18 bug https://github.com/simogeo/Filemanager/issues/304
// and it may also be safer for IE (see http://stackoverflow.com/questions/1544317/change-type-of-input-field-with-jquery
$('#upload').remove();
$( "#newfolder" ).before( '<button value="Upload" type="button" name="upload" id="upload" class="em"><span>' + lg.upload + '</span></button> ' );
$('#upload').unbind().click(function() {
// we create prompt
var msg = '<div id="dropzone-container"><h2>' + lg.current_folder + $('#uploader h1').attr('title') + '</h2><div id="multiple-uploads" class="dropzone"></div>';
msg += '<div id="total-progress"><div data-dz-uploadprogress="" style="width:0%;" class="progress-bar"></div></div>';
msg += '<div class="prompt-info">' + lg.dz_dictMaxFilesExceeded.replace('%s', config.upload.number) + lg.file_size_limit + config.upload.fileSizeLimit + ' ' + lg.mb + '.</div>';
msg += '<button id="process-upload">' + lg.upload + '</button></div>';
error_flag = false;
var path = $('#currentpath').val();
var fileSize = (config.upload.fileSizeLimit != 'auto') ? config.upload.fileSizeLimit : 256; // default dropzone value
if(config.security.uploadPolicy == 'DISALLOW_ALL') {
var allowedFiles = '.' + config.security.uploadRestrictions.join(',.');
} else {
// we allow any extension since we have no easy way to handle the the built-in `acceptedFiles` params
// Would be handled later by the connector
var allowedFiles = null;
}
if ($.urlParam('type').toString().toLowerCase() == 'images' || config.upload.imagesOnly) {
var allowedFiles = '.' + config.images.imagesExt.join(',.');
}
var btns = {};
btns[lg.close] = false;
$.prompt(msg, {
buttons: btns
});
$("div#multiple-uploads").dropzone({
paramName: "newfile",
url: fileConnector + '?config=' + userconfig,
maxFilesize: fileSize,
maxFiles: config.upload.number,
addRemoveLinks: true,
parallelUploads: config.upload.number,
dictCancelUpload: lg.cancel,
dictRemoveFile: lg.del,
dictMaxFilesExceeded: lg.dz_dictMaxFilesExceeded.replace("%s", config.upload.number),
dictDefaultMessage: lg.dz_dictDefaultMessage,
dictInvalidFileType: lg.dz_dictInvalidFileType,
dictFileTooBig: lg.file_too_big + ' ' + lg.file_size_limit + config.upload.fileSizeLimit + ' ' + lg.mb,
acceptedFiles: allowedFiles,
autoProcessQueue:false,
init: function() {
// for accessing dropzone : https://github.com/enyo/dropzone/issues/180
var dropzone = this;
$("#process-upload").click(function() {
// to proceed full queue parallelUploads ust be equal or > to maxFileSize
// https://github.com/enyo/dropzone/issues/462
dropzone.processQueue();
});
},
totaluploadprogress: function(progress) {
$("#total-progress .progress-bar").css('width', progress + "%");
},
sending: function(file, xhr, formData) {
formData.append("mode", "add");
formData.append("currentpath", path);
},
success: function(file, response) {
$('#uploadresponse').empty().html(response);
var data = jQuery.parseJSON($('#uploadresponse').find('textarea').text());
if (data['Code'] == 0) {
this.removeFile(file);
} else {
// this.removeAllFiles();
getFolderInfo(path);
$('#filetree').find('a[data-path="' + path + '"]').click();
$.prompt(data['Error']);
error_flag = true;
}
},
complete: function(file) {
if (this.getUploadingFiles().length === 0 && this.getQueuedFiles().length === 0) {
$("#total-progress .progress-bar").css('width', '0%');
if(this.getRejectedFiles().length === 0 && error_flag === false) {
setTimeout(function() { $.prompt.close();}, 800);
}
getFolderInfo(path);
if(path == fileRoot) createFileTree();
$('#filetree').find('a[data-path="' + path + '"]').click().click();
if(config.options.showConfirmation) {
$.prompt(lg.successful_added_file);
}
}
}
});
});
// Simple Upload
} else {
$('#uploader').attr('action', fileConnector + '?config=' + userconfig);
$('#uploader').ajaxForm({
target: '#uploadresponse',
beforeSubmit: function (arr, form, options) {
// Test if a value is given
if($('#newfile', form).val()=='') {
return false;
}
// Check if file extension is allowed
if (!isAuthorizedFile($('#newfile', form).val())) {
var str = '<p>' + lg.INVALID_FILE_TYPE + '</p>';
if(config.security.uploadPolicy == 'DISALLOW_ALL') {
str += '<p>' + lg.ALLOWED_FILE_TYPE + config.security.uploadRestrictions.join(', ') + '.</p>';
}
if(config.security.uploadPolicy == 'ALLOW_ALL') {
str += '<p>' + lg.DISALLOWED_FILE_TYPE + config.security.uploadRestrictions.join(', ') + '.</p>';
}
$("#filepath").val('');
$.prompt(str);
return false;
}
$('#upload').attr('disabled', true);
$('#upload span').addClass('loading').text(lg.loading_data);
if ($.urlParam('type').toString().toLowerCase() == 'images') {
// Test if uploaded file extension is in valid image extensions
var newfileSplitted = $('#newfile', form).val().toLowerCase().split('.');
var found = false;
for (key in config.images.imagesExt) {
if (config.images.imagesExt[key] == newfileSplitted[newfileSplitted.length - 1]) {
found = true;
}
}
if (found === false) {
$.prompt(lg.UPLOAD_IMAGES_ONLY);
$('#upload').removeAttr('disabled').find("span").removeClass('loading').text(lg.upload);
return false;
}
}
// if config.upload.fileSizeLimit == auto we delegate size test to connector
if (typeof FileReader !== "undefined" && typeof config.upload.fileSizeLimit != "auto") {
// Check file size using html5 FileReader API
var size = $('#newfile', form).get(0).files[0].size;
if (size > config.upload.fileSizeLimit * 1024 * 1024) {
$.prompt("<p>" + lg.file_too_big + "</p><p>" + lg.file_size_limit + config.upload.fileSizeLimit + " " + lg.mb + ".</p>");
$('#upload').removeAttr('disabled').find("span").removeClass('loading').text(lg.upload);
return false;
}
}
},
error: function (jqXHR, textStatus, errorThrown) {
$('#upload').removeAttr('disabled').find("span").removeClass('loading').text(lg.upload);
$.prompt(lg.ERROR_UPLOADING_FILE);
},
success: function (result) {
var data = jQuery.parseJSON($('#uploadresponse').find('textarea').text());
if (data['Code'] == 0) {
addNode(data['Path'], data['Name']);
$("#filepath, #newfile").val('');
// IE can not empty input='file'. A fix consist to replace the element (see github issue #215)
if($.browser.msie) $("#newfile").replaceWith($("#newfile").clone(true));
// seems to be necessary when dealing w/ files located on s3 (need to look into a cleaner solution going forward)
$('#filetree').find('a[data-path="' + data['Path'] + '/"]').click().click();
} else {
$.prompt(data['Error']);
}
$('#upload').removeAttr('disabled');
$('#upload span').removeClass('loading').text(lg.upload);
$("#filepath").val('');
}
});
}
// Loading CustomScrollbar if enabled
// Important, the script should be called after calling createFileTree() to prevent bug
if(config.customScrollbar.enabled) {
loadCSS(config.options.elxisurl+'/components/com_emedia/scripts/custom-scrollbar-plugin/jquery.mCustomScrollbar.min.css');
loadJS(config.options.elxisurl+'/components/com_emedia/scripts/custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js');
var csTheme = config.customScrollbar.theme != undefined ? config.customScrollbar.theme : 'inset-2-dark';
var csButton = config.customScrollbar.button != undefined ? config.customScrollbar.button : true;
$(window).load(function(){
$("#filetree").append('<div style="height:3000px"></div>'); // because if #filetree has height equal to 0, mCustomScrollbar is not applied
$("#filetree").mCustomScrollbar({
theme:csTheme,
scrollButtons:{enable:csButton},
advanced:{ autoExpandHorizontalScroll:true, updateOnContentResize: true },
callbacks:{
onInit:function(){ createFileTree(); }
},
axis: "yx"
});
$("#fileinfo").mCustomScrollbar({
theme:csTheme,
scrollButtons:{enable:csButton},
advanced:{ autoExpandHorizontalScroll:true, updateOnContentResize: true },
axis: "y",
alwaysShowScrollbar: 1
});
});
} else {
createFileTree();
}
// Disable select function if no window.opener
if(! (window.opener || window.tinyMCEPopup || $.urlParam('field_name')) ) $('#itemOptions a[href$="#select"]').remove();
// Keep only browseOnly features if needed
if(config.options.browseOnly == true) {
$('#file-input-container').remove();
$('#upload').remove();
$('#newfolder').remove();
$('#toolbar').remove('#rename');
$('#toolbar').remove('#resize');
$('.contextMenu .rename').remove();
$('.contextMenu .resize').remove();
$('.contextMenu .move').remove();
$('.contextMenu .replace').remove();
$('.contextMenu .delete').remove();
}
// Adjust layout.
setDimensions();
$(window).resize(setDimensions);
// Provides support for adjustible columns.
$('#splitter').splitter({
sizeLeft: config.options.splitterMinWidth,
minLeft: config.options.splitterMinWidth,
minRight: 200
});
getDetailView(fileRoot + expandedFolder);
});
// add useragent string to html element for IE 10/11 detection
var doc = document.documentElement;
doc.setAttribute('data-useragent', navigator.userAgent);
if(config.options.logger) {
var end = new Date().getTime();
var time = end - start;
console.log('Total execution time : ' + time + ' ms');
}
$(window).load(function() {
setDimensions();
});
})(jQuery);
$(window).load(function() {
$('#fileinfo').css({'left':$('#splitter .vsplitbar').width()+$('#filetree').width()});
});