var FileList={ useUndo:true, update:function(fileListHtml) { $('#fileList').empty().html(fileListHtml); }, createRow:function(type, name, iconurl, linktarget, size, lastModified, permissions){ var td, simpleSize, basename, extension; //containing tr var tr = $('').attr({ "data-type": type, "data-size": size, "data-file": name, "data-permissions": permissions }); // filename td td = $('').attr({ "class": "filename", "style": 'background-image:url('+iconurl+')' }); td.append(''); var link_elem = $('').attr({ "class": "name", "href": linktarget }); //split extension from filename for non dirs if (type != 'dir' && name.indexOf('.')!=-1) { basename=name.substr(0,name.lastIndexOf('.')); extension=name.substr(name.lastIndexOf('.')); } else { basename=name; extension=false; } var name_span=$('').addClass('nametext').text(basename); link_elem.append(name_span); if(extension){ name_span.append($('').addClass('extension').text(extension)); } //dirs can show the number of uploaded files if (type == 'dir') { link_elem.append($('').attr({ 'class': 'uploadtext', 'currentUploads': 0 })); } td.append(link_elem); tr.append(td); //size column if(size!=t('files', 'Pending')){ simpleSize=simpleFileSize(size); }else{ simpleSize=t('files', 'Pending'); } var sizeColor = Math.round(200-Math.pow((size/(1024*1024)),2)); var lastModifiedTime = Math.round(lastModified.getTime() / 1000); td = $('').attr({ "class": "filesize", "title": humanFileSize(size), "style": 'color:rgb('+sizeColor+','+sizeColor+','+sizeColor+')' }).text(simpleSize); tr.append(td); // date column var modifiedColor = Math.round((Math.round((new Date()).getTime() / 1000)-lastModifiedTime)/60/60/24*5); td = $('').attr({ "class": "date" }); td.append($('').attr({ "class": "modified", "title": formatDate(lastModified), "style": 'color:rgb('+modifiedColor+','+modifiedColor+','+modifiedColor+')' }).text( relative_modified_date(lastModified.getTime() / 1000) )); tr.append(td); return tr; }, addFile:function(name,size,lastModified,loading,hidden){ var imgurl; if (loading) { imgurl = OC.imagePath('core', 'loading.gif'); } else { imgurl = OC.imagePath('core', 'filetypes/file.png'); } var tr = this.createRow( 'file', name, imgurl, OC.Router.generate('download', { file: $('#dir').val()+'/'+name }), size, lastModified, $('#permissions').val() ); FileList.insertElement(name, 'file', tr.attr('data-file',name)); var row = $('tr').filterAttr('data-file',name); if(loading){ row.data('loading',true); }else{ row.find('td.filename').draggable(dragOptions); } if (hidden) { row.hide(); } FileActions.display(row.find('td.filename')); }, addDir:function(name,size,lastModified,hidden){ var tr = this.createRow( 'dir', name, OC.imagePath('core', 'filetypes/folder.png'), OC.linkTo('files', 'index.php')+"?dir="+ encodeURIComponent($('#dir').val()+'/'+name).replace(/%2F/g, '/'), size, lastModified, $('#permissions').val() ); FileList.insertElement(name,'dir',tr); var row = $('tr').filterAttr('data-file',name); row.find('td.filename').draggable(dragOptions); row.find('td.filename').droppable(folderDropOptions); if (hidden) { row.hide(); } FileActions.display(row.find('td.filename')); }, refresh:function(data) { var result = jQuery.parseJSON(data.responseText); if(typeof(result.data.breadcrumb) != 'undefined'){ updateBreadcrumb(result.data.breadcrumb); } FileList.update(result.data.files); resetFileActionPanel(); }, remove:function(name){ $('tr').filterAttr('data-file',name).find('td.filename').draggable('destroy'); $('tr').filterAttr('data-file',name).remove(); if($('tr[data-file]').length==0){ $('#emptyfolder').show(); } }, insertElement:function(name,type,element){ //find the correct spot to insert the file or folder var pos, fileElements=$('tr[data-file][data-type="'+type+'"]:visible'); if(name.localeCompare($(fileElements[0]).attr('data-file'))<0){ pos=-1; }else if(name.localeCompare($(fileElements[fileElements.length-1]).attr('data-file'))>0){ pos=fileElements.length-1; }else{ for(pos=0;pos0 && name.localeCompare($(fileElements[pos+1]).attr('data-file'))<0){ break; } } } if(fileElements.length){ if(pos==-1){ $(fileElements[0]).before(element); }else{ $(fileElements[pos]).after(element); } }else if(type=='dir' && $('tr[data-file]').length>0){ $('tr[data-file]').first().before(element); }else{ $('#fileList').append(element); } $('#emptyfolder').hide(); }, loadingDone:function(name, id){ var mime, tr=$('tr').filterAttr('data-file',name); tr.data('loading',false); mime=tr.data('mime'); tr.attr('data-mime',mime); if (id != null) { tr.attr('data-id', id); } getMimeIcon(mime,function(path){ tr.find('td.filename').attr('style','background-image:url('+path+')'); }); tr.find('td.filename').draggable(dragOptions); }, isLoading:function(name){ return $('tr').filterAttr('data-file',name).data('loading'); }, rename:function(name){ var tr, td, input, form; tr=$('tr').filterAttr('data-file',name); tr.data('renaming',true); td=tr.children('td.filename'); input=$('').val(name); form=$('
'); form.append(input); td.children('a.name').hide(); td.append(form); input.focus(); form.submit(function(event){ event.stopPropagation(); event.preventDefault(); var newname=input.val(); if (!Files.isFileNameValid(newname)) { return false; } else if (newname != name) { if (FileList.checkName(name, newname, false)) { newname = name; } else { $.get(OC.filePath('files','ajax','rename.php'), { dir : $('#dir').val(), newname: newname, file: name },function(result) { if (!result || result.status == 'error') { OC.dialogs.alert(result.data.message, 'Error moving file'); newname = name; } }); } } tr.data('renaming',false); tr.attr('data-file', newname); var path = td.children('a.name').attr('href'); td.children('a.name').attr('href', path.replace(encodeURIComponent(name), encodeURIComponent(newname))); if (newname.indexOf('.') > 0 && tr.data('type') != 'dir') { var basename=newname.substr(0,newname.lastIndexOf('.')); } else { var basename=newname; } td.find('a.name span.nametext').text(basename); if (newname.indexOf('.') > 0 && tr.data('type') != 'dir') { if (td.find('a.name span.extension').length == 0 ) { td.find('a.name span.nametext').append(''); } td.find('a.name span.extension').text(newname.substr(newname.lastIndexOf('.'))); } form.remove(); td.children('a.name').show(); return false; }); input.keyup(function(event){ if (event.keyCode == 27) { tr.data('renaming',false); form.remove(); td.children('a.name').show(); } }); input.click(function(event){ event.stopPropagation(); event.preventDefault(); }); input.blur(function(){ form.trigger('submit'); }); }, checkName:function(oldName, newName, isNewFile) { if (isNewFile || $('tr').filterAttr('data-file', newName).length > 0) { $('#notification').data('oldName', oldName); $('#notification').data('newName', newName); $('#notification').data('isNewFile', isNewFile); if (isNewFile) { OC.Notification.showHtml(t('files', '{new_name} already exists', {new_name: escapeHTML(newName)})+''+t('files', 'replace')+''+t('files', 'suggest name')+''+t('files', 'cancel')+''); } else { OC.Notification.showHtml(t('files', '{new_name} already exists', {new_name: escapeHTML(newName)})+''+t('files', 'replace')+''+t('files', 'cancel')+''); } return true; } else { return false; } }, replace:function(oldName, newName, isNewFile) { // Finish any existing actions $('tr').filterAttr('data-file', oldName).hide(); $('tr').filterAttr('data-file', newName).hide(); var tr = $('tr').filterAttr('data-file', oldName).clone(); tr.attr('data-replace', 'true'); tr.attr('data-file', newName); var td = tr.children('td.filename'); td.children('a.name .span').text(newName); var path = td.children('a.name').attr('href'); td.children('a.name').attr('href', path.replace(encodeURIComponent(oldName), encodeURIComponent(newName))); if (newName.indexOf('.') > 0) { var basename = newName.substr(0, newName.lastIndexOf('.')); } else { var basename = newName; } td.children('a.name').empty(); var span = $(''); span.text(basename); td.children('a.name').append(span); if (newName.indexOf('.') > 0) { span.append($(''+newName.substr(newName.lastIndexOf('.'))+'')); } FileList.insertElement(newName, tr.data('type'), tr); tr.show(); FileList.replaceCanceled = false; FileList.replaceOldName = oldName; FileList.replaceNewName = newName; FileList.replaceIsNewFile = isNewFile; FileList.lastAction = function() { FileList.finishReplace(); }; if (isNewFile) { OC.Notification.showHtml(t('files', 'replaced {new_name}', {new_name: newName})+''+t('files', 'undo')+''); } else { OC.Notification.showHtml(t('files', 'replaced {new_name} with {old_name}', {new_name: newName}, {old_name: oldName})+''+t('files', 'undo')+''); } }, finishReplace:function() { if (!FileList.replaceCanceled && FileList.replaceOldName && FileList.replaceNewName) { $.ajax({url: OC.filePath('files', 'ajax', 'rename.php'), async: false, data: { dir: $('#dir').val(), newname: FileList.replaceNewName, file: FileList.replaceOldName }, success: function(result) { if (result && result.status == 'success') { $('tr').filterAttr('data-replace', 'true').removeAttr('data-replace'); } else { OC.dialogs.alert(result.data.message, 'Error moving file'); } FileList.replaceCanceled = true; FileList.replaceOldName = null; FileList.replaceNewName = null; FileList.lastAction = null; }}); } }, do_delete:function(files){ if(files.substr){ files=[files]; } for (var i=0; i'; deleteAction[0].outerHTML = newHTML; } // Finish any existing actions if (FileList.lastAction) { FileList.lastAction(); } var fileNames = JSON.stringify(files); $.post(OC.filePath('files', 'ajax', 'delete.php'), {dir:$('#dir').val(),files:fileNames}, function(result){ if (result.status == 'success') { $.each(files,function(index,file){ var files = $('tr').filterAttr('data-file',file); files.hide(); files.find('input[type="checkbox"]').removeAttr('checked'); files.removeClass('selected'); }); procesSelection(); } else { $.each(files,function(index,file) { var deleteAction = $('tr').filterAttr('data-file',file).children("td.date").children(".move2trash"); deleteAction[0].outerHTML = oldHTML; }); } }); } }; $(document).ready(function(){ $('#notification').hide(); $('#notification').on('click', '.undo', function(){ if (FileList.deleteFiles) { $.each(FileList.deleteFiles,function(index,file){ $('tr').filterAttr('data-file',file).show(); }); FileList.deleteCanceled=true; FileList.deleteFiles=null; } else if (FileList.replaceOldName && FileList.replaceNewName) { if (FileList.replaceIsNewFile) { // Delete the new uploaded file FileList.deleteCanceled = false; FileList.deleteFiles = [FileList.replaceOldName]; } else { $('tr').filterAttr('data-file', FileList.replaceOldName).show(); } $('tr').filterAttr('data-replace', 'true').remove(); $('tr').filterAttr('data-file', FileList.replaceNewName).show(); FileList.replaceCanceled = true; FileList.replaceOldName = null; FileList.replaceNewName = null; FileList.replaceIsNewFile = null; } FileList.lastAction = null; OC.Notification.hide(); }); $('#notification').on('click', '.replace', function() { OC.Notification.hide(function() { FileList.replace($('#notification').data('oldName'), $('#notification').data('newName'), $('#notification').data('isNewFile')); }); }); $('#notification').on('click', '.suggest', function() { $('tr').filterAttr('data-file', $('#notification').data('oldName')).show(); OC.Notification.hide(); }); $('#notification').on('click', '.cancel', function() { if ($('#notification').data('isNewFile')) { FileList.deleteCanceled = false; FileList.deleteFiles = [$('#notification').data('oldName')]; } }); FileList.useUndo=(window.onbeforeunload)?true:false; $(window).bind('beforeunload', function (){ if (FileList.lastAction) { FileList.lastAction(); } }); $(window).unload(function (){ $(window).trigger('beforeunload'); }); });