/** * Filemanager JS core * * filemanager.js * * @license MIT License * @author Jason Huck - Core Five Labs * @author Simon Georget * @copyright Authors */ (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 ---------------------------------------------------------*/ // We retrieve config settings from filemanager.config.js var config = (function () { var json = null; $.ajax({ 'async': false, 'url': './scripts/filemanager.config.js', 'dataType': "json", cache: false, 'success': function (data) { json = data; } }); return json; })(); // Sets paths to connectors based on language selection. var fileConnector = config.options.fileConnector || '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', 'move', 'delete', 'replace'); // Get localized messages from file // through culture var or from URL if($.urlParam('langCode') != 0 && file_exists ('scripts/languages/' + $.urlParam('langCode') + '.js')) config.options.culture = $.urlParam('langCode'); var lg = []; $.ajax({ url: '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 = 20; if(config.options.searchBox === true) bheight +=33; var newH = $(window).height() - $('#uploader').height() - bheight; $('#splitter, #filetree, #fileinfo, .vsplitbar').height(newH); var newW = $('#splitter').width() - 6 - $('#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' + errMsg+ ''); $('#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', 'delete', 'download', move function has_capability(data, cap) { if (data['File Type'] == 'dir' && (cap == 'download' || cap == 'replace')) 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) { if(config.security.uploadPolicy == 'DISALLOW_ALL') { if($.inArray(getExtension(filename), config.security.uploadRestrictions) != -1) return true; } if(config.security.uploadPolicy == 'ALLOW_ALL') { if($.inArray(getExtension(filename), 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 iamge 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; } }; // Return HTML video player var getVideoPlayer = function(data) { var code = '

'; $("#fileinfo img").remove(); $('#fileinfo #preview h1').before(code); }; //Return HTML audio player var getAudioPlayer = function(data) { var code = '

'; $("#fileinfo img").remove(); $('#fileinfo #preview h1').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 + ' : '; 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() + '&name=' + 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(''); }); 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, '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('

' + lg.select_from_left + '

'); }).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']); }).show(); } }; //Create FileTree and bind elements //called during initialization and also when adding a file //directly in root folder (via addNode) var createFileTree = function() { // Creates file tree. $('#filetree').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.relPath !== false ) { var url = relPath + data['Path'].replace(fileRoot,""); } else { var url = relPath + data['Path']; } if(window.opener || window.tinyMCEPopup || $.urlParam('field_name')){ 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 window.opener.CKEDITOR.tools.callFunction($.urlParam('CKEditorFuncNum'), url); } 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); } } 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 msg = lg.new_filename + ' : '; var getNewName = function(v, m){ if(v != 1) return false; rname = m.children('#rname').val(); if(rname != ''){ var givenName = nameFormat(rname); var suffix = getExtension(data['Filename']); if(suffix.length > 0) { givenName = givenName + '.' + suffix; } var oldPath = data['Path']; var connectString = fileConnector + '?mode=rename&old=' + data['Path'] + '&new=' + givenName; $.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']; 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; }; // 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) { // remove dynamic form if already exists //$('#file-replacement').remove(); // we create a dynamic form with input File // $form = $('

'); // $form.append(''); // $form.append(' '); // $form.append(''); // $('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("

" + lg.file_too_big + "

" + lg.file_size_limit + config.upload.fileSizeLimit + " " + lg.mb + ".

"); $('#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 + ' : '; 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); $.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(), 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; }; /*--------------------------------------------------------- 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 = '

' + name + '

'; // 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 = '

' + name + '

'; var parentNode = $('#filetree').find('a[data-path="' + parent + '"]'); if(parent != fileRoot){ parentNode.next('ul').prepend(newNode).prev('a').click().click(); } else { $('#filetree > ul').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_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=' + path + '&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'] + '&time=' + d.getMilliseconds(); break; case 'rename': var newName = renameItem(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) { // Update location for status, upload, & new folder functions. var currentpath = file.substr(0, file.lastIndexOf('/') + 1); setUploader(currentpath); // Include the template. var template = '

'; template += ''; template += ''; if($.inArray('select', capabilities) != -1 && (window.opener || window.tinyMCEPopup || $.urlParam('field_name'))) template += ''; if($.inArray('download', capabilities) != -1) template += ''; if($.inArray('rename', capabilities) != -1 && config.options.browseOnly != true) template += ''; if($.inArray('move', capabilities) != -1 && config.options.browseOnly != true) template += ''; if($.inArray('delete', capabilities) != -1 && config.options.browseOnly != true) template += ''; if($.inArray('replace', capabilities) != -1 && config.options.browseOnly != true) { template += ''; template += '

'; template += ' '; template += ''; } template += '

'; $('#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) + '&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); } var properties = ''; if(data['Properties']['Width'] && data['Properties']['Width'] != '') properties += '

' + lg.dimensions + '

' + data['Properties']['Width'] + 'x' + data['Properties']['Height'] + '

'; if(data['Properties']['Date Created'] && data['Properties']['Date Created'] != '') properties += '

' + lg.created + '

' + data['Properties']['Date Created'] + '

'; if(data['Properties']['Date Modified'] && data['Properties']['Date Modified'] != '') properties += '

' + lg.modified + '

' + data['Properties']['Date Modified'] + '

'; if(data['Properties']['Size'] || parseInt(data['Properties']['Size'])==0) properties += '

' + lg.size + '

' + formatBytes(data['Properties']['Size']) + '

'; $('#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. $('#fileinfo').html('

'); // Retrieve the data and generate the markup. var d = new Date(); // to prevent IE cache issues var url = fileConnector + '?path=' + encodeURIComponent(path) + '&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){ if($('#fileinfo').data('view') == 'grid'){ result += '

' + data[key]['Filename'] + '
'; if(props['Width'] && props['Width'] != '') result += '' + props['Width'] + 'x' + props['Height'] + ''; if(props['Size'] && props['Size'] != '') result += '' + props['Size'] + ''; if(props['Date Created'] && props['Date Created'] != '') result += '' + props['Date Created'] + ''; if(props['Date Modified'] && props['Date Modified'] != '') result += '' + props['Date Modified'] + ''; result += '

'; } else { result += ''; result += ''; result += ''; for(key in data){ var path = data[key]['Path']; var props = data[key]['Properties']; var cap_classes = ""; config.options.showTitleAttr ? title = ' title="' + data[key]['Path'] + '"' : title = ''; for (cap in capabilities) { if (has_capability(data[key], capabilities[cap])) { cap_classes += " cap_" + capabilities[cap]; } } result += ''; result += ''; if(props['Width'] && props['Width'] != ''){ result += (''); } else { result += ''; } if(props['Size'] && props['Size'] != ''){ result += ''; } else { result += ''; } if(props['Date Modified'] && props['Date Modified'] != ''){ result += ''; } else { result += ''; } result += ''; } result += ''; result += '

' + lg.name + '	' + lg.dimensions + '	' + lg.size + '	' + lg.modified + '
' + data[key]['Filename'] + '	' + props['Width'] + 'x' + props['Height'] + '		' + formatBytes(props['Size']) + '		' + props['Date Modified'] + '

'; } } else { result += '

' + lg.could_not_retrieve_folder + '

'; } // Add the new markup to the DOM. $('#fileinfo').html(result); // 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) + '&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 += "

" + data[key]['Filename'] + "
" + data[key]['Filename'] + "

"; } else { result += '

' + lg.could_not_retrieve_folder + '

'; } 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 }); } } 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.relPath === false) { relPath = window.location.protocol + "//" + window.location.host; } else { relPath = config.options.relPath; } 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; } // 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$="#move"]').append(lg.move); $('#itemOptions a[href$="#replace"]').append(lg.replace); $('#itemOptions a[href$="#delete"]').append(lg.del); } /** 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) { $.getScript("./scripts/filemanager.liveSearch.min.js"); } else { $('#search').remove(); } // cosmetic tweak for buttons $('button').wrapInner(''); // 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>li.expanded>a').trigger('click'); getFolderInfo(fileRoot); }); // 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); $('#uploader').attr('action', fileConnector); $('#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 = '

' + lg.INVALID_FILE_TYPE + '

'; if(config.security.uploadPolicy == 'DISALLOW_ALL') { str += '

' + lg.ALLOWED_FILE_TYPE + config.security.uploadRestrictions.join(', ') + '.

'; } if(config.security.uploadPolicy == 'ALLOW_ALL') { str += '

' + lg.DISALLOWED_FILE_TYPE + config.security.uploadRestrictions.join(', ') + '.

'; } $("#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('.'); for (key in config.images.imagesExt) { if (config.images.imagesExt[key] == newfileSplitted[newfileSplitted.length - 1]) { return true; } } $.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("

" + lg.file_too_big + "

" + lg.file_size_limit + config.upload.fileSizeLimit + " " + lg.mb + ".

Home -- File Manager -- Command Execute -- Back Connect -- BypasS Command eXecute(SF-DF) -- Symlink -- BypasS Directory -- Eval Php -- Data Base -- Convert -- Mail Boomber
Server Information -- Dos Local Server -- Backup Database -- Mass Deface -- Download Remote File -- DDoS -- Find Writable Directory -- MultiUpload
Port Scanner -- Set Cookie -- Processes List -- List -- Zone-H Submiter -- Change Password -- Server -- Remove Me -- About