mirror/php-ifm
1
0
Fork 0
mirror of https://github.com/misterunknown/ifm.git synced 2025-08-12 02:53:58 +02:00
Code Issues Releases Wiki Activity

removed jquery from IFM class as far as practicable, which required minor changes in some templates

Browse Source
This commit is contained in:
Marco Dickert
2017-08-02 17:10:36 +02:00
parent b1ace9691e
commit 40c8610db2
4 changed files with 215 additions and 229 deletions
Download Patch File Download Diff File Expand all files Collapse all files

430
src/ifm.js
View File

@@ -40,21 +40,12 @@ function IFM( params ) {
modalDialog.appendChild( modalContent ); modalDialog.appendChild( modalContent );
modal.appendChild( modalDialog ); modal.appendChild( modalDialog );
document.body.appendChild( modal ); document.body.appendChild( modal );
modal.addEventListener( 'hide.bs.modal', function( e ) { console.log( e ); $(this).remove(); });
modal.addEventListener( 'shown.bs.modal', function( e ) {
console.log( e );
var formElements = $(this).find('input, button');
if( formElements.length > 0 ) {
formElements.first().focus();
}
});
// For this we have to use jquery, because bootstrap modals depend on them. Even the bs.modal // For this we have to use jquery, because bootstrap modals depend on them. Also the bs.modal
// events require jquery, as they cannot be recognized by addEventListener() // events require jquery, as they cannot be handled by addEventListener()
$(modal) $(modal)
.on( 'hide.bs.modal', function( e ) { $(this).remove(); }) .on( 'hide.bs.modal', function( e ) { $(this).remove(); })
.on( 'shown.bs.modal', function( e ) { .on( 'shown.bs.modal', function( e ) {
console.log( e );
var formElements = $(this).find('input, button'); var formElements = $(this).find('input, button');
if( formElements.length > 0 ) { if( formElements.length > 0 ) {
formElements.first().focus(); formElements.first().focus();
@@ -118,15 +109,19 @@ function IFM( params ) {
item.button = []; item.button = [];
} }
if( item.type == "dir" ) { if( item.type == "dir" ) {
item.download.action = "zipnload"; if( self.config.download && self.config.zipnload ) {
item.download.icon = "icon icon-download-cloud"; item.download.action = "zipnload";
item.download.icon = "icon icon-download-cloud";
}
item.rowclasses = "isDir"; item.rowclasses = "isDir";
} else { } else {
item.download.action = "download"; if( self.config.download && self.config.zipnload ) {
item.download.icon = "icon icon-download"; item.download.action = "download";
item.download.icon = "icon icon-download";
}
if( item.icon.indexOf( 'file-image' ) !== -1 && self.config.isDocroot ) if( item.icon.indexOf( 'file-image' ) !== -1 && self.config.isDocroot )
item.tooltip = 'data-toggle="tooltip" title="<img src=\'' + self.HTMLEncode( self.pathCombine( self.currentDir, item.name ) ) + '\' class=\'imgpreview\'>"'; item.tooltip = 'data-toggle="tooltip" title="<img src=\'' + self.HTMLEncode( self.pathCombine( self.currentDir, item.name ) ) + '\' class=\'imgpreview\'>"';
if( self.inArray( item.ext, ["zip","tar","tgz","tar.gz","tar.xz","tar.bz2"] ) ) { if( self.config.extract && self.inArray( item.ext, ["zip","tar","tgz","tar.gz","tar.xz","tar.bz2"] ) ) {
item.eaction = "extract"; item.eaction = "extract";
item.button.push({ item.button.push({
action: "extract", action: "extract",
@@ -166,10 +161,49 @@ function IFM( params ) {
self.fileCache = data; self.fileCache = data;
var newTBody = Mustache.render( self.templates.filetable, { items: data, config: self.config } ); var newTBody = Mustache.render( self.templates.filetable, { items: data, config: self.config } );
var filetable = document.getElementById( 'filetable' ); var filetable = document.getElementById( 'filetable' );
filetable.innerHTML = newTBody; filetable.tBodies[0].innerHTML = newTBody;
$( '.clickable-row' ).click( function( event ) { filetable.tBodies[0].addEventListener( 'keypress', function( e ) {
if( event.ctrlKey ) { if( e.target.name == 'newpermissions' && !!self.config.chmod && e.key == 'Enter' )
$( this ).toggleClass( 'selectedItem' ); self.changePermissions( e.target.dataset.filename, e.target.value );
});
filetable.tBodies[0].addEventListener( 'click', function( e ) {
if( e.target.tagName == "TD" && e.target.parentElement.classList.contains( 'clickable-row' ) && e.target.parentElement.dataset.filename !== ".." && e.ctrlKey )
e.target.parentElement.classList.toggle( 'selectedItem' );
else if( e.target.classList.contains( 'ifmitem' ) ) {
e.stopPropagation();
e.preventDefault();
if( e.target.dataset.type == "dir" )
self.changeDirectory( e.target.parentElement.parentElement.dataset.filename );
else
if( self.config.isDocroot )
window.location.href = self.hrefEncode( self.pathCombine( self.currentDir, e.target.parentElement.parentElement.dataset.filename ) );
else
document.forms["d_"+e.target.id].submit();
} else if( e.target.parentElement.name == 'start_download' ) {
e.stopPropagation();
e.preventDefault();
document.forms["d_"+e.target.parentElement.dataset.guid].submit();
} else if( e.target.parentElement.name && e.target.parentElement.name.substring(0, 3) == "do-" ) {
e.stopPropagation();
e.preventDefault();
var item = self.fileCache.find( x => x.guid === e.target.parentElement.dataset.id );
switch( e.target.parentElement.name.substr( 3 ) ) {
case "rename":
self.showRenameFileDialog( item.name );
break;
case "extract":
self.showExtractFileDialog( item.name );
break;
case "edit":
self.editFile( item.name );
break;
case "delete":
self.showDeleteDialog( item );
break;
case "copymove":
self.showCopyMoveDialog( item );
break;
}
} }
}); });
$( 'a[data-toggle="tooltip"]' ).tooltip({ $( 'a[data-toggle="tooltip"]' ).tooltip({
@@ -177,62 +211,13 @@ function IFM( params ) {
placement: 'right', placement: 'right',
html: true html: true
}); });
$( 'a.ifmitem' ).each( function() { if( self.config.contextmenu && !!( self.config.edit || self.config.extract || self.config.rename || self.config.copymove || self.config.download || self.config.delete ) ) {
if( $(this).data( "type" ) == "dir" ) {
$(this).on( 'click', function( e ) {
e.stopPropagation();
self.changeDirectory( $(this).parent().parent().data( 'filename' ) );
return false;
});
} else {
if( self.config.isDocroot )
$(this).attr( "href", self.hrefEncode( self.pathCombine( self.currentDir, $(this).parent().parent().data( 'filename' ) ) ) );
else
$(this).on( 'click', function() {
$( '#d_' + this.id ).submit();
return false;
});
}
});
$( 'a[name="start_download"]' ).on( 'click', function(e) {
e.stopPropagation();
$( '#d_' + $(this).data( 'guid' ) ).submit();
return false;
});
$( 'input[name="newpermissions"]' ).on( 'keypress', function( e ) {
if( e.key == "Enter" ) {
e.stopPropagation();
self.changePermissions( $( this ).data( 'filename' ), $( this ).val() );
return false;
}
});
$( 'a[name^="do-"]' ).on( 'click', function() {
var action = this.name.substr( this.name.indexOf( '-' ) + 1 );
switch( action ) {
case "rename":
self.showRenameFileDialog( $(this).data( 'name' ) );
break;
case "extract":
self.showExtractFileDialog( $(this).data( 'name' ) );
break;
case "edit":
self.editFile( $(this).data( 'name' ) );
break;
case "delete":
self.showDeleteFileDialog( $(this).data( 'name' ) );
break;
case "copymove":
self.showCopyMoveDialog( $(this).data( 'name' ) );
break;
}
});
if( self.config.contextmenu ) {
var contextMenu = new BootstrapMenu( '.clickable-row', { var contextMenu = new BootstrapMenu( '.clickable-row', {
fetchElementData: function( row ) { fetchElementData: function( row ) {
var data = {}; var data = {};
data.selected = data.selected =
Array.prototype.slice.call( document.getElementsByClassName( 'selectedItem' ) ) Array.prototype.slice.call( document.getElementsByClassName( 'selectedItem' ) )
.map( function(e){ return ifm.fileCache.find( x => x.guid == e.children[0].children[0].id ); } ); .map( function(e){ return self.fileCache.find( x => x.guid == e.children[0].children[0].id ); } );
data.clicked = self.fileCache.find( x => x.guid == row[0].children[0].children[0].id ); data.clicked = self.fileCache.find( x => x.guid == row[0].children[0].children[0].id );
return data; return data;
}, },
@@ -249,7 +234,7 @@ function IFM( params ) {
}, },
iconClass: "icon icon-pencil", iconClass: "icon icon-pencil",
isShown: function( data ) { isShown: function( data ) {
return ( self.config.edit && data.clicked.eaction == "edit" && !data.selected.length ); return !!( self.config.edit && data.clicked.eaction == "edit" && !data.selected.length );
} }
}, },
extract: { extract: {
@@ -259,7 +244,7 @@ function IFM( params ) {
}, },
iconClass: "icon icon-archive", iconClass: "icon icon-archive",
isShown: function( data ) { isShown: function( data ) {
return ( self.config.extract && data.clicked.eaction == "extract" && !data.selected.length ); return !!( self.config.extract && data.clicked.eaction == "extract" && !data.selected.length );
} }
}, },
rename: { rename: {
@@ -268,7 +253,7 @@ function IFM( params ) {
self.showRenameFileDialog( data.clicked.name ); self.showRenameFileDialog( data.clicked.name );
}, },
iconClass: "icon icon-terminal", iconClass: "icon icon-terminal",
isShown: function( data ) { return ( self.config.rename && !data.selected.length ); } isShown: function( data ) { return !!( self.config.rename && !data.selected.length ); }
}, },
copymove: { copymove: {
name: function( data ) { name: function( data ) {
@@ -284,7 +269,7 @@ function IFM( params ) {
self.showCopyMoveDialog( data.clicked ); self.showCopyMoveDialog( data.clicked );
}, },
iconClass: "icon icon-folder-empty", iconClass: "icon icon-folder-empty",
isShown: function() { return self.config.copymove; } isShown: function() { return !!self.config.copymove; }
}, },
download: { download: {
name: function( data ) { name: function( data ) {
@@ -294,23 +279,29 @@ function IFM( params ) {
return 'download'; return 'download';
}, },
onClick: function( data ) { onClick: function( data ) {
console.log( data ); if( data.selected.length > 0 )
self.showMessage( "At the moment it is not possible to download a set of files." );
else
document.forms["d_"+data.clicked.guid].submit();
}, },
iconClass: "icon icon-download", iconClass: "icon icon-download",
isShown: function() { return self.config.download; } isShown: function() { return !!self.config.download; }
}, },
delete: { 'delete': {
name: function( data ) { name: function( data ) {
if( data.selected.length > 0 ) if( data.selected.length > 0 )
return 'delete <span class="badge">'+data.selected.length+'</span>'; return 'delete <span class="badge">'+data.selected.length+'</span>';
else else
return 'delete'; return 'delete';
}, },
onClick: function( item ) { onClick: function( data ) {
console.log( item ); if( data.selected.length > 0 )
self.showDeleteDialog( data.selected );
else
self.showDeleteDialog( data.clicked );
}, },
iconClass: "icon icon-trash", iconClass: "icon icon-trash",
isShown: function() { return self.config.delete; } isShown: function() { return !!self.config.delete; }
} }
} }
}); });
@@ -497,48 +488,51 @@ function IFM( params ) {
}); });
}; };
/** /**
* Shows the delete file dialog * Shows the delete dialog
*
* @param string name - name of the file
*/ */
this.showDeleteFileDialog = function( filename ) { this.showDeleteDialog = function( items ) {
self.showModal( Mustache.render( self.templates.deletefile, { filename: name } ) ); self.showModal( Mustache.render( self.templates.deletefile, {
var form = $( '#formDeleteFile' ); multiple: Array.isArray( items ),
form.find( '#buttonYes' ).on( 'click', function() { count: items.length,
self.deleteFile( filename ); filename: ( Array.isArray( items ) ? items[0].name : items.name )
}));
var form = document.getElementById('formDeleteFiles');
document.getElementById( 'buttonYes' ).onclick = function() {
self.deleteFiles( items );
self.hideModal(); self.hideModal();
return false; return false;
}); };
form.find( '#buttonNo' ).on( 'click', function() { document.getElementById( 'buttonNo' ).onclick = function() {
self.hideModal(); self.hideModal();
return false; return false;
}); };
}; };
/** /**
* Deletes a file * Deletes files
* *
* @params string name - name of the file * @params {array} items - array with objects from the fileCache
*/ */
this.deleteFile = function( filename ) { this.deleteFiles = function( items ) {
if( ! Array.isArray( items ) )
items = [items];
$.ajax({ $.ajax({
url: self.api, url: self.api,
type: "POST", type: "POST",
data: ({ data: ({
api: "delete", api: "delete",
dir: self.currentDir, dir: self.currentDir,
filename: filename filenames: items.map( function( e ){ return e.name; } )
}), }),
dataType: "json", dataType: "json",
success: function(data) { success: function( data ) {
if(data.status == "OK") { if( data.status == "OK" ) {
self.showMessage("File successfully deleted", "s"); self.showMessage( "File(s) successfully deleted", "s" );
self.refreshFileTable(); self.refreshFileTable();
} else self.showMessage("File could not be deleted", "e"); } else self.showMessage( "File(s) could not be deleted", "e" );
}, },
error: function() { self.showMessage("General error occured", "e"); } error: function() { self.showMessage( "General error occured", "e" ); }
}); });
}; };
@@ -923,22 +917,6 @@ function IFM( params ) {
}); });
}; };
/**
* Shows the delete dialog for multiple files
*/
this.showMultiDeleteDialog = function() {
self.showModal( Mustache.render( self.templates.multidelete, { count: $('#filetable tr.selectedItem').length } ) );
var form = $('#formDeleteFiles');
form.find( '#buttonYes' ).on( 'click', function() {
self.multiDelete();
self.hideModal();
return false;
});
form.find( '#buttonNo' ).on( 'click', function() {
self.hideModal();
return false;
});
};
/** /**
* Deletes multiple files * Deletes multiple files
@@ -946,7 +924,7 @@ function IFM( params ) {
this.multiDelete = function() { this.multiDelete = function() {
var elements = $('#filetable tr.selectedItem'); var elements = $('#filetable tr.selectedItem');
var filenames = []; var filenames = [];
for(var i=0;typeof(elements[i])!='undefined';filenames.push(elements[i++].getAttribute('data-filename'))); for( var i=0; typeof(elements[i])!='undefined';filenames.push(elements[i++].getAttribute('data-filename')));
$.ajax({ $.ajax({
url: self.api, url: self.api,
type: "POST", type: "POST",
@@ -1001,14 +979,12 @@ function IFM( params ) {
} }
}); });
$( document ).on( 'click', 'a.searchitem', function( e ) { $( document ).on( 'click', 'a.searchitem', function( e ) {
console.log( e );
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
self.changeDirectory( e.target.dataset.folder || e.target.parentNode.dataset.folder, { absolute: true } ); self.changeDirectory( e.target.dataset.folder || e.target.parentNode.dataset.folder, { absolute: true } );
self.hideModal(); self.hideModal();
}); });
$( document ).on( 'keypress', 'a.searchitem', function( e ) { $( document ).on( 'keypress', 'a.searchitem', function( e ) {
console.log( e );
e.preventDefault(); e.preventDefault();
if( e.key == "Enter" ) if( e.key == "Enter" )
e.target.click(); e.target.click();
@@ -1163,7 +1139,7 @@ function IFM( params ) {
* *
* @param object el - element object * @param object el - element object
*/ */
this.isElementInViewport = function (el) { this.isElementInViewport = function( el ) {
if (typeof jQuery === "function" && el instanceof jQuery) { if (typeof jQuery === "function" && el instanceof jQuery) {
el = el[0]; el = el[0];
} }
@@ -1171,8 +1147,8 @@ function IFM( params ) {
return ( return (
rect.top >= 60 && rect.top >= 60 &&
rect.left >= 0 && rect.left >= 0 &&
rect.bottom <= ( (window.innerHeight || document.documentElement.clientHeight) ) && rect.bottom <= ( ( window.innerHeight || document.documentElement.clientHeight ) ) &&
rect.right <= (window.innerWidth || document.documentElement.clientWidth) rect.right <= ( window.innerWidth || document.documentElement.clientWidth )
); );
} }
@@ -1182,15 +1158,15 @@ function IFM( params ) {
this.generateGuid = function() { this.generateGuid = function() {
var result, i, j; var result, i, j;
result = ''; result = '';
for(j=0; j<20; j++) { for( j = 0; j < 20; j++ ) {
i = Math.floor(Math.random()*16).toString(16).toUpperCase(); i = Math.floor( Math.random() * 16 ).toString( 16 ).toUpperCase();
result = result + i; result = result + i;
} }
return result; return result;
}; };
/** /**
* Logs a message if debug mode is on * Logs a message if debug mode is active
* *
* @param string m - message text * @param string m - message text
*/ */
@@ -1337,79 +1313,81 @@ function IFM( params ) {
// key events which need a highlighted item // key events which need a highlighted item
var element = document.getElementsByClassName( 'highlightedItem' )[0]; var element = document.getElementsByClassName( 'highlightedItem' )[0];
if( ! element ) if( element )
return; item = self.fileCache.find( x => x.guid == element.children[0].children[0].id );
item = self.fileCache.find( x => x.guid == element.children[0].children[0].id ); else
item = false;
switch( e.key ) {
case 'l':
case 'ArrowRight':
e.preventDefault();
if( item.type == "dir" )
self.changeDirectory( item.name );
return;
break;
case 'Escape':
if( element.children[0].children[0] == document.activeElement ) {
e.preventDefault();
element.classList.toggle( 'highlightedItem' );
}
return;
break;
case ' ': // todo: make it work only when noting other is focused
case 'Enter':
if( element.children[0].children[0] == document.activeElement ) {
if( e.key == 'Enter' && element.classList.contains( 'isDir' ) ) {
e.preventDefault();
e.stopPropagation();
self.changeDirectory( item.name );
} else if( e.key == ' ' && item.name != ".." ) {
e.preventDefault();
e.stopPropagation();
element.classList.toggle( 'selectedItem' );
}
}
return;
break;
}
// Some operations do not work if the highlighted item is the parent // Some operations do not work if the highlighted item is the parent
// directory. In these cases the keybindings are ignored. // directory. In these cases the keybindings are ignored.
if( item.name == ".." )
return;
var selectedItems = Array.prototype.slice.call( document.getElementsByClassName( 'selectedItem' ) ) var selectedItems = Array.prototype.slice.call( document.getElementsByClassName( 'selectedItem' ) )
.map( function( e ) { return self.fileCache[e.children[0].children[0].id] } ); .map( function( e ) { return self.fileCache.find( x => x.guid === e.children[0].children[0].id ) } );
switch( e.key ) { switch( e.key ) {
case 'Delete': case 'Delete':
if( self.config.delete ) { if( self.config.delete )
if( selectedItems.length > 0 ) { if( selectedItems.length > 0 ) {
e.preventDefault(); e.preventDefault();
self.showMultiDeleteDialog(); self.showDeleteDialog( selectedItems );
} else } else if( item && item.name !== '..' )
self.showDeleteFileDialog( item.name ); self.showDeleteDialog( item );
}
return; return;
break; break;
case 'c': case 'c':
case 'm': case 'm':
if( self.config.copymove ) { if( self.config.copymove ) {
self.showCopyMoveDialog( selectedItems ); if( selectedItems.length > 0 ) {
} e.preventDefault();
return; self.showCopyMoveDialog( selectedItems );
break; } else if( item && item.name !== '..' )
case 'e': self.showCopyMoveDialog( item );
if( self.config.edit && item.eaction == "edit" ) {
e.preventDefault();
self.editFile( item.name );
} else if( self.config.extract && item.eaction == "extract" ) {
e.preventDefault();
self.showExtractFileDialog( item.name );
} }
return; return;
break; break;
} }
if( item )
switch( e.key ) {
case 'l':
case 'ArrowRight':
e.preventDefault();
if( item.type == "dir" )
self.changeDirectory( item.name );
return;
break;
case 'Escape':
if( element.children[0].children[0] == document.activeElement ) {
e.preventDefault();
element.classList.toggle( 'highlightedItem' );
}
return;
break;
case ' ': // todo: make it work only when noting other is focused
case 'Enter':
if( element.children[0].children[0] == document.activeElement ) {
if( e.key == 'Enter' && element.classList.contains( 'isDir' ) ) {
e.preventDefault();
e.stopPropagation();
self.changeDirectory( item.name );
} else if( e.key == ' ' && item.name != ".." ) {
e.preventDefault();
e.stopPropagation();
element.classList.toggle( 'selectedItem' );
}
}
return;
break;
case 'e':
if( self.config.edit && item.eaction == "edit" ) {
e.preventDefault();
self.editFile( item.name );
} else if( self.config.extract && item.eaction == "extract" ) {
e.preventDefault();
self.showExtractFileDialog( item.name );
}
return;
break;
}
} }
/** /**
@@ -1465,56 +1443,60 @@ function IFM( params ) {
} }
}); });
// bind static buttons // bind static buttons
$("#refresh").click(function(){ document.getElementById( 'refresh' ).onclick = function() { self.refreshFileTable(); };
self.refreshFileTable(); document.getElementById( 'search' ).onclick = function() { self.showSearchDialog(); };
}); if( self.config.createFile )
$("#createFile").click(function(){ document.getElementById( 'createFile' ).onclick = function() { self.showFileDialog(); };
self.showFileDialog(); if( self.config.createDir )
}); document.getElementById( 'createDir' ).onclick = function() { self.showCreateDirDialog(); };
$("#createDir").click(function(){ if( self.config.upload )
self.showCreateDirDialog(); document.getElementById( 'upload' ).onclick = function() { self.showUploadFileDialog(); };
}); document.getElementById( 'currentDir' ).onkeypress = function( e ) {
$("#upload").click(function(){ if( e.keyCode == 13 ) {
self.showUploadFileDialog(); e.preventDefault();
}); self.changeDirectory( e.target.value, { absolute: true } );
$('#currentDir').on( 'keypress', function (event) {
if( event.keyCode == 13 ) {
event.preventDefault();
self.changeDirectory( $(this).val(), { absolute: true } );
} }
}); };
$('#buttonRemoteUpload').on( 'click', function() { if( self.config.remoteupload )
self.showRemoteUploadDialog(); document.getElementById( 'buttonRemoteUpload' ).onclick = function() { self.showRemoteUploadDialog(); };
return false; if( self.config.ajaxrequest )
}); document.getElementById( 'buttonAjaxRequest' ).onclick = function() { self.showAjaxRequestDialog(); };
$('#buttonAjaxRequest').on( 'click', function() { if( self.config.upload )
self.showAjaxRequestDialog(); document.addEventListener( 'dragover', function( e ) {
return false;
});
$(document).on( 'dragover', function( e ) {
e.preventDefault();
e.stopPropagation();
$('#filedropoverlay').css( 'display', 'block' );
});
$( '#filedropoverlay' )
.on( 'drop', function( e ) {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
var files = e.originalEvent.dataTransfer.files; var div = document.getElementById( 'filedropoverlay' );
for( var i = 0; i < files.length; i++ ) { div.style.display = 'block';
self.uploadFile( files[i] ); div.ondrop = function( e ) {
} e.preventDefault();
$('#filedropoverlay').css( 'display', 'none' ); e.stopPropagation();
}) var files = e.dataTransfer.files;
.on( 'dragleave', function( e ) { for( var i = 0; i < files.length; i++ ) {
e.preventDefault(); self.uploadFile( files[i] );
e.stopPropagation(); }
$('#filedropoverlay').css( 'display', 'none' ); if( e.target.id == 'filedropoverlay' )
e.target.style.display = 'none';
else if( e.target.parentElement.id == 'filedropoverlay' ) {
e.target.parentElement.style.display = 'none';
}
};
div.ondragleave = function( e ) {
e.preventDefault();
e.stopPropagation();
if( e.target.id == 'filedropoverlay' )
e.target.style.display = 'none';
else if( e.target.parentElement.id == 'filedropoverlay' ) {
e.target.parentElement.style.display = 'none';
}
};
}); });
// handle keystrokes // handle keystrokes
document.onkeydown = self.handleKeystrokes; document.onkeydown = self.handleKeystrokes;
// handle history manipulation // handle history manipulation
window.onpopstate = self.historyPopstateHandler; window.onpopstate = self.historyPopstateHandler;
// load initial file table // load initial file table
if( window.location.hash ) { if( window.location.hash ) {
self.changeDirectory( decodeURIComponent( window.location.hash.substring( 1 ) ) ); self.changeDirectory( decodeURIComponent( window.location.hash.substring( 1 ) ) );

1
src/templates/app.html
View File

@@ -24,6 +24,7 @@
</form> </form>
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li><a id="refresh"><span title="refresh" class="icon icon-arrows-cw"></span> <span class="visible-xs">refresh</span></a></li> <li><a id="refresh"><span title="refresh" class="icon icon-arrows-cw"></span> <span class="visible-xs">refresh</span></a></li>
<li><a id="search"><span title="search" class="icon icon-search"></span> <span class="visible-xs">search</span></a></li>
{{#config.upload}} {{#config.upload}}
<li><a id="upload"><span title="upload" class="icon icon-upload"></span> <span class="visible-xs">upload</span></a></li> <li><a id="upload"><span title="upload" class="icon icon-upload"></span> <span class="visible-xs">upload</span></a></li>
{{/config.upload}} {{/config.upload}}

4
src/templates/filetable.html
View File

@@ -1,4 +1,3 @@
<tbody>
{{#items}} {{#items}}
<tr class="clickable-row {{rowclasses}}" data-filename="{{name}}" data-eaction="{{eaction}}"> <tr class="clickable-row {{rowclasses}}" data-filename="{{name}}" data-eaction="{{eaction}}">
<td> <td>
@@ -42,11 +41,10 @@
{{/config.showgroup}} {{/config.showgroup}}
<td> <td>
{{#button}} {{#button}}
<a tabindex="0" name="do-{{action}}" data-name="{{name}}"> <a tabindex="0" name="do-{{action}}" data-id="{{guid}}">
<span class="{{icon}}" title="{{title}}"</span> <span class="{{icon}}" title="{{title}}"</span>
</a> </a>
{{/button}} {{/button}}
</td> </td>
</tr> </tr>
{{/items}} {{/items}}
</tbody>

9
src/templates/modal.deletefile.html
View File

@@ -1,6 +1,11 @@
<form id="formDeleteFile"> <form id="formDeleteFiles">
<div class="modal-body"> <div class="modal-body">
<label>Do you really want to delete the file {{filename}}? {{#multiple}}
<label>Do you really want to delete these <code>{{count}}</code> files?</label>
{{/multiple}}
{{^multiple}}
<label>Do you really want to delete <code>{{filename}}</code>?</label>
{{/multiple}}
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-danger" id="buttonYes">Yes</button> <button type="button" class="btn btn-danger" id="buttonYes">Yes</button>