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

added first keystrokes

Browse Source
This commit is contained in:
Marco Dickert
2017-02-17 17:44:58 +01:00
parent 113c428660
commit 39657649fc
2 changed files with 102 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
ifm.php
View File

@@ -437,7 +437,6 @@ function IFM() {
this.editor = null; // global ace editor this.editor = null; // global ace editor
this.fileChanged = false; // flag for check if file was changed already this.fileChanged = false; // flag for check if file was changed already
this.currentDir = ""; // this is the global variable for the current directory; it is used for AJAX requests this.currentDir = ""; // this is the global variable for the current directory; it is used for AJAX requests
this.loadingAnim = '<div id="loadingAnim"><div class="blockG" id="rotateG_01"></div><div class="blockG" id="rotateG_02"></div><div class="blockG" id="rotateG_03"></div><div class="blockG" id="rotateG_04"></div><div class="blockG" id="rotateG_05"></div><div class="blockG" id="rotateG_06"></div><div class="blockG" id="rotateG_07"></div><div class="blockG" id="rotateG_08"></div></div>';
// modal functions // modal functions
this.showModal = function( content, options = {} ) { this.showModal = function( content, options = {} ) {
@@ -709,7 +708,8 @@ function IFM() {
<div class="modal-body">\ <div class="modal-body">\
<label>Do you really want to delete the file '+name+'?\ <label>Do you really want to delete the file '+name+'?\
</div><div class="modal-footer">\ </div><div class="modal-footer">\
<button type="button" class="btn btn-danger" onclick="ifm.deleteFile(\''+ifm.JSEncode(name)+'\');ifm.hideModal();return false;">Yes</button><button type="button" class="btn btn-default" onclick="ifm.hideModal();return false;">No</button>\ <button type="button" class="btn btn-danger" onclick="ifm.deleteFile(\''+ifm.JSEncode(name)+'\');ifm.hideModal();return false;">Yes</button>\
<button type="button" class="btn btn-default" onclick="ifm.hideModal();return false;">No</button>\
</div>\ </div>\
</form>' ); </form>' );
}; };
@@ -1072,11 +1072,54 @@ function IFM() {
if( event.state && event.state.dir ) dir = event.state.dir; if( event.state && event.state.dir ) dir = event.state.dir;
self.changeDirectory( dir, { pushState: false, absolute: true } ); self.changeDirectory( dir, { pushState: false, absolute: true } );
}; };
this.handleKeystrokes = function( event ) { this.handleKeystrokes = function( e ) {
// bind 'del' key // bind 'del' key
if( event.keyCode == 127 && $('#filetable tr.active').length > 0 ) { if( $(e.target).closest('input')[0] || $(e.target).closest('textarea')[0] ) {
self.multiDeleteDialog(); return;
} }
switch( e.key ) {
case 'Delete':
if( $('#filetable tr.active').length > 0 ) {
e.preventDefault();
self.multiDeleteDialog();
}
break;
case 'g':
e.preventDefault();
$('#currentDir').focus();
break;
case 'r':
e.preventDefault();
self.refreshFileTable();
break;
case 'u':
e.preventDefault();
self.uploadFileDialog();
break;
case 'o':
e.preventDefault();
self.remoteUploadDialog();
break;
case 'a':
e.preventDefault();
self.ajaxRequestDialog();
break;
case 'F':
e.preventDefault();
self.showFileForm();
break;
case 'D':
e.preventDefault();
self.createDirForm();
break;
case 'ArrowLeft':
e.preventDefault();
self.changeDirectory( '..' );
break;
}
console.log( "key: "+e.key );
} }
// static button bindings and filetable initial filling // static button bindings and filetable initial filling
this.init = function() { this.init = function() {
@@ -1099,7 +1142,9 @@ function IFM() {
self.changeDirectory( $(this).val(), { absolute: true } ); self.changeDirectory( $(this).val(), { absolute: true } );
} }
}); });
$(document).on( 'keypress', self.handleKeystrokes );
// handle keystrokes
$(document).on( 'keydown', self.handleKeystrokes );
// handle history manipulation // handle history manipulation
window.onpopstate = self.historyPopstateHandler; window.onpopstate = self.historyPopstateHandler;

57
src/ifm.js
View File

@@ -8,7 +8,6 @@ function IFM() {
this.editor = null; // global ace editor this.editor = null; // global ace editor
this.fileChanged = false; // flag for check if file was changed already this.fileChanged = false; // flag for check if file was changed already
this.currentDir = ""; // this is the global variable for the current directory; it is used for AJAX requests this.currentDir = ""; // this is the global variable for the current directory; it is used for AJAX requests
this.loadingAnim = '<div id="loadingAnim"><div class="blockG" id="rotateG_01"></div><div class="blockG" id="rotateG_02"></div><div class="blockG" id="rotateG_03"></div><div class="blockG" id="rotateG_04"></div><div class="blockG" id="rotateG_05"></div><div class="blockG" id="rotateG_06"></div><div class="blockG" id="rotateG_07"></div><div class="blockG" id="rotateG_08"></div></div>';
// modal functions // modal functions
this.showModal = function( content, options = {} ) { this.showModal = function( content, options = {} ) {
@@ -280,7 +279,8 @@ function IFM() {
<div class="modal-body">\ <div class="modal-body">\
<label>Do you really want to delete the file '+name+'?\ <label>Do you really want to delete the file '+name+'?\
</div><div class="modal-footer">\ </div><div class="modal-footer">\
<button type="button" class="btn btn-danger" onclick="ifm.deleteFile(\''+ifm.JSEncode(name)+'\');ifm.hideModal();return false;">Yes</button><button type="button" class="btn btn-default" onclick="ifm.hideModal();return false;">No</button>\ <button type="button" class="btn btn-danger" onclick="ifm.deleteFile(\''+ifm.JSEncode(name)+'\');ifm.hideModal();return false;">Yes</button>\
<button type="button" class="btn btn-default" onclick="ifm.hideModal();return false;">No</button>\
</div>\ </div>\
</form>' ); </form>' );
}; };
@@ -643,11 +643,54 @@ function IFM() {
if( event.state && event.state.dir ) dir = event.state.dir; if( event.state && event.state.dir ) dir = event.state.dir;
self.changeDirectory( dir, { pushState: false, absolute: true } ); self.changeDirectory( dir, { pushState: false, absolute: true } );
}; };
this.handleKeystrokes = function( event ) { this.handleKeystrokes = function( e ) {
// bind 'del' key // bind 'del' key
if( event.keyCode == 127 && $('#filetable tr.active').length > 0 ) { if( $(e.target).closest('input')[0] || $(e.target).closest('textarea')[0] ) {
self.multiDeleteDialog(); return;
} }
switch( e.key ) {
case 'Delete':
if( $('#filetable tr.active').length > 0 ) {
e.preventDefault();
self.multiDeleteDialog();
}
break;
case 'g':
e.preventDefault();
$('#currentDir').focus();
break;
case 'r':
e.preventDefault();
self.refreshFileTable();
break;
case 'u':
e.preventDefault();
self.uploadFileDialog();
break;
case 'o':
e.preventDefault();
self.remoteUploadDialog();
break;
case 'a':
e.preventDefault();
self.ajaxRequestDialog();
break;
case 'F':
e.preventDefault();
self.showFileForm();
break;
case 'D':
e.preventDefault();
self.createDirForm();
break;
case 'ArrowLeft':
e.preventDefault();
self.changeDirectory( '..' );
break;
}
console.log( "key: "+e.key );
} }
// static button bindings and filetable initial filling // static button bindings and filetable initial filling
this.init = function() { this.init = function() {
@@ -670,7 +713,9 @@ function IFM() {
self.changeDirectory( $(this).val(), { absolute: true } ); self.changeDirectory( $(this).val(), { absolute: true } );
} }
}); });
$(document).on( 'keypress', self.handleKeystrokes );
// handle keystrokes
$(document).on( 'keydown', self.handleKeystrokes );
// handle history manipulation // handle history manipulation
window.onpopstate = self.historyPopstateHandler; window.onpopstate = self.historyPopstateHandler;