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 more keystrokes, cleaned some code

Browse Source
This commit is contained in:
Marco Dickert
2017-02-21 16:45:38 +01:00
parent 34dbe9e95d
commit 423093862f
5 changed files with 205 additions and 194 deletions
Download Patch File Download Diff File Expand all files Collapse all files

184
ifm.php
View File

@@ -35,7 +35,7 @@ class IFMConfig {
const showowner = 1; // show file owner? const showowner = 1; // show file owner?
const showgroup = 1; // show file group? const showgroup = 1; // show file group?
const showpath = 0; // show real path of directory (not only root)? const showpath = 0; // show real path of directory (not only root)?
const showrights = 2; // show permissions 0 -> not; 1 -> octal, 2 -> human readable const showpermissions = 2; // show permissions 0 -> not; 1 -> octal, 2 -> human readable
const showhtdocs = 1; // show .htaccess and .htpasswd const showhtdocs = 1; // show .htaccess and .htpasswd
const showhiddenfiles = 1; // show files beginning with a dot (e.g. ".bashrc") const showhiddenfiles = 1; // show files beginning with a dot (e.g. ".bashrc")
@@ -129,6 +129,9 @@ class IFMZip {
* main * main
*/ */
error_reporting( E_ALL );
ini_set( 'display_errors', ON );
class IFM { class IFM {
const VERSION = '2.3.1'; const VERSION = '2.3.1';
@@ -290,11 +293,10 @@ div#content { width: 100%; height: 350px; }
input[name=newperms] { width: 7em; } input[name=newperms] { width: 7em; }
#filetable tr th.buttons { min-width: 95px; } #filetable tr th.buttons { min-width: 95px; }
#filetable tr.clickable-row.active td { background-color: lightblue; } #filetable tbody tr.highlightedItem { box-shadow: 0px 0px 10px 2px #337ab7; }
#filetable tbody tr.highlightedItem td { border-top: 1px solid #555 !important; border-bottom: 1px solid #555 !important; }
#filetable tbody tr.highlightedItem td:first-child { border-left: 1px solid #555; }
#filetable tbody tr.highlightedItem td:last-child { border-right: 1px solid #555; }
#filetable tbody tr.highlightedItem td:first-child a { outline: none; } #filetable tbody tr.highlightedItem td:first-child a { outline: none; }
#filetable tbody tr.selectedItem { background-color: #337ab7; color: #FFF; }
#filetable tbody tr.selectedItem * a { color: #FFF; }
#navbar { max-width: 100%; } #navbar { max-width: 100%; }
@@ -389,7 +391,7 @@ div.footer div.panel-body { padding: 5px !important; }
if( IFMConfig::download == 1 ) print '<th><!-- column for download link --></th>'; if( IFMConfig::download == 1 ) print '<th><!-- column for download link --></th>';
if( IFMConfig::showlastmodified == 1 ) print '<th>last modified</th>'; if( IFMConfig::showlastmodified == 1 ) print '<th>last modified</th>';
if( IFMConfig::showfilesize == 1 ) print '<th>size</th>'; if( IFMConfig::showfilesize == 1 ) print '<th>size</th>';
if( IFMConfig::showrights > 0 ) print '<th class="hidden-xs">permissions</th>'; if( IFMConfig::showpermissions > 0 ) print '<th class="hidden-xs">permissions</th>';
if( IFMConfig::showowner == 1 && function_exists( "posix_getpwuid" ) ) print '<th class="hidden-xs hidden-sm">owner</th>'; if( IFMConfig::showowner == 1 && function_exists( "posix_getpwuid" ) ) print '<th class="hidden-xs hidden-sm">owner</th>';
if( IFMConfig::showgroup == 1 && function_exists( "posix_getgrgid" ) ) print '<th class="hidden-xs hidden-sm hidden-md">group</th>'; if( IFMConfig::showgroup == 1 && function_exists( "posix_getgrgid" ) ) print '<th class="hidden-xs hidden-sm hidden-md">group</th>';
if( in_array( 1, array( IFMConfig::edit, IFMConfig::rename, IFMConfig::delete, IFMConfig::zipnload, IFMConfig::extract ) ) ) print '<th class="buttons"><!-- column for buttons --></th>'; if( in_array( 1, array( IFMConfig::edit, IFMConfig::rename, IFMConfig::delete, IFMConfig::zipnload, IFMConfig::extract ) ) ) print '<th class="buttons"><!-- column for buttons --></th>';
@@ -473,12 +475,12 @@ function IFM() {
}; };
this.refreshFileTable = function () { this.refreshFileTable = function () {
var id=ifm.generateGuid(); var id=self.generateGuid();
ifm.task_add("Refresh", id); self.task_add("Refresh", id);
$.ajax({ $.ajax({
url: ifm.IFM_SCFN, url: self.IFM_SCFN,
type: "POST", type: "POST",
data: "api=getFiles&dir="+ifm.currentDir, data: "api=getFiles&dir=" + self.currentDir,
dataType: "json", dataType: "json",
success: self.rebuildFileTable, success: self.rebuildFileTable,
error: function(response) { ifm.showMessage("General error occured: No or broken response", "e"); }, error: function(response) { ifm.showMessage("General error occured: No or broken response", "e"); },
@@ -487,81 +489,83 @@ function IFM() {
}; };
this.rebuildFileTable = function( data ) { this.rebuildFileTable = function( data ) {
var newRows = $(document.createElement('tbody')); var newTBody = $(document.createElement('tbody'));
for(i=0;i<data.length;i++) {
var newrow = '<tr class="clickable-row ' + ( ( data[i].type=='dir' ) ? "isDir" : "" ) + '" data-filename="'+data[i].name+'">'; for( var i=0; i < data.length; i++ ) {
var newRow = '<tr class="clickable-row ' + ( ( data[i].type=='dir' ) ? "isDir" : "" ) + '" data-filename="'+data[i].name+'">';
newRow += '<td><a tabindex="0"';
if(data[i].type=="file") { if(data[i].type=="file") {
newrow += '<td><a tabindex="0" href="'+self.pathCombine(ifm.currentDir,data[i].name)+'" '; newRow += ' href="'+self.pathCombine(ifm.currentDir,data[i].name)+'"';
if( data[i].icon.indexOf( 'file-image' ) !== -1 ) newrow += 'data-toggle="tooltip" title="<img src=\''+self.pathCombine(self.currentDir,data[i].name)+'\' class=\'imgpreview\'>"'; if( data[i].icon.indexOf( 'file-image' ) !== -1 )
newrow += '><span class="'+data[i].icon+'"></span> '+data[i].name+'</a></td>'; newRow += ' data-toggle="tooltip" title="<img src=\''+self.pathCombine(self.currentDir,data[i].name)+'\' class=\'imgpreview\'>"';
} else { } else {
newrow += '<td><a tabindex="0" onclick="ifm.changeDirectory(\''+data[i].name+'\')"><span class="'+data[i].icon+'"></span> '; newRow += ' onclick="ifm.changeDirectory(\''+data[i].name+'\')"';
if( data[i].name == ".." ) newrow += "[ up ]";
else newrow += data[i].name;
newrow += '</a></td>';
} }
if( data[i].type != "dir" && self.config.download == 1) { newRow += '><span class="'+data[i].icon+'"></span> ' + ( data[i].name == '..' ? '[ up ]' : data[i].name ) + '</a></td>';
newrow += '<td class="download-link">\
<form style="display:none;" id="fdownload'+i+'" method="post">\ if( ( data[i].type != "dir" && self.config.download == 1 ) || ( data[i].type == "dir" && self.config.zipnload == 1 ) ) {
<fieldset>\
<input type="hidden" name="dir" value="'+ifm.currentDir+'">\
<input type="hidden" name="filename" value="'+data[i].name+'">\
<input type="hidden" name="api" value="downloadFile">\
</fieldset>\
</form>\
<a onclick="$(\'#fdownload'+i+'\').submit();"><span class="icon icon-download" title="download"></span></a>\
</td>';
}
else if( data[i].type == "dir" && self.config.zipnload == 1 ) {
var guid = self.generateGuid(); var guid = self.generateGuid();
if( data[i].name == ".." ) data[i].name = "."; newRow += '<td><form id="d_' + guid + '">';
newrow += '<td class="download-link"><form id="'+guid+'" method="post" style="display:inline-block;padding:0;margin:0;border:0;">\ newRow += '<input type="hidden" name="dir" value="' + self.currentDir + '">';
<fieldset style="display:inline-block;padding:0;margin:0;border:0;">\ newRow += '<input type="hidden" name="filename" value="' + ( data[i].name == '..' ? '.' : data[i].name ) + '">';
<input type="hidden" name="dir" value="'+ifm.currentDir+'">\ newRow += '<input type="hidden" name="api" value="' + ( data[i].type == 'file'?'downloadFile':'zipnload' ) + '">';
<input type="hidden" name="filename" value="'+data[i].name+'">\ newRow += '</form><a onclick="$(\'#d_'+i+'\').submit();"><span class="icon icon-download' + ( data[i].type == 'dir'?'-cloud':'' ) + '" title="download"></span></a></td>';
<input type="hidden" name="api" value="zipnload">'; } else {
newrow += '<a onclick="$(\'#'+guid+'\').submit();return false;">\ newRow += '<td></td>';
<span class="icon icon-download-cloud" title="zip &amp; download current directory">\
</a>\
</fieldset>\
</form></td>';
} }
else
newrow += '<td></td>'; // empty cell for download link // last-modified
if(data[i].lastmodified) newrow += '<td>'+data[i].lastmodified+'</td>'; if( self.config.showlastmodified > 0 )
if(data[i].filesize) newrow += '<td>'+data[i].filesize+'</td>'; newRow += '<td>' + data[i].lastmodified + '</td>';
if(data[i].fileperms) {
newrow += '<td class="hidden-xs"><input type="text" name="newperms" class="form-control" value="'+data[i].fileperms+'"'; // size
if(self.config.chmod == 1) if( self.config.showfilesize > 0 )
newrow += ' onkeypress="ifm.changePermissions(event, \''+data[i].name+'\');"'; newRow += '<td>' + data[i].filesize + '</td>';
else
newrow += " readonly"; // permissions
newrow += ( data[i].filepermmode.trim() != "" ) ? ' class="' + data[i].filepermmode + '"' : ''; if( self.config.showpermissions > 0 )
newrow += '></td>'; newRow += '<td class="hidden-xs"><input type="text" name="newperms" class="form-control" value="'+data[i].fileperms+'"' +
} (self.config.chmod==1?' onkeypress="ifm.changePermissions(event, \''+data[i].name+'\');"' : 'readonly' ) +
if(data[i].owner) newrow += '<td class="hidden-xs hidden-sm">'+data[i].owner+'</td>'; ( data[i].filepermmode.trim() != "" ? ' class="' + data[i].filepermmode + '"' : '' ) +
if(data[i].group) newrow += '<td class="hidden-xs hidden-sm hidden-md">'+data[i].group+'</td>'; '></td>';
if(ifm.inArray(1,[self.config.edit, self.config.rename, self.config.delete, self.config.extract])) {
newrow += '<td>'; // owner
if( self.config.showowner > 0 )
newRow += '<td class="hidden-xs hidden-sm">'+data[i].owner+'</td>';
// group
if( self.config.showgroup > 0 )
newRow += '<td class="hidden-xs hidden-sm hidden-md">' + data[i].group + '</td>';
// actions
if( self.inArray( 1, [self.config.edit, self.config.rename, self.config.delete, self.config.extract] ) ) {
newRow += '<td>';
if( data[i].name.toLowerCase().substr(-4) == ".zip" && self.config.extract == 1 ) { if( data[i].name.toLowerCase().substr(-4) == ".zip" && self.config.extract == 1 ) {
newrow += '<a tabindex="0" onclick="ifm.extractFileDialog(\''+ifm.JSEncode(data[i].name)+'\');return false;"><span class="icon icon-archive" title="extract"></span></a>'; newRow += '<a tabindex="0" onclick="ifm.extractFileDialog(\''+ifm.JSEncode(data[i].name)+'\');return false;"><span class="icon icon-archive" title="extract"></span></a>';
} else if( self.config.edit == 1 && data[i].type != "dir" ) { } else if( self.config.edit == 1 && data[i].type != "dir" ) {
newrow += '<a tabindex="0" onclick="ifm.editFile(\''+ifm.JSEncode(data[i].name)+'\');return false;"><span class="icon icon-pencil" title="edit"></span></a>'; newRow += '<a tabindex="0" onclick="ifm.editFile(\''+ifm.JSEncode(data[i].name)+'\');return false;"><span class="icon icon-pencil" title="edit"></span></a>';
} }
if( data[i].name != ".." && data[i].name != "." ) { if( data[i].name != ".." && data[i].name != "." ) {
if(self.config.rename == 1) newrow += '<a tabindex="0" onclick="ifm.renameFileDialog(\''+ifm.JSEncode(data[i].name)+'\');return false;"><span class="icon icon-terminal" title="rename"></span></a>'; if( self.config.rename == 1 )
if(self.config.delete == 1) newrow += '<a tabindex="0" onclick="ifm.deleteFileDialog(\''+ifm.JSEncode(data[i].name)+'\');return false;"><span class="icon icon-trash" title="delete"></span></a>'; newRow += '<a tabindex="0" onclick="ifm.renameFileDialog(\''+ifm.JSEncode(data[i].name)+'\');return false;"><span class="icon icon-terminal" title="rename"></span></a>';
if( self.config.delete == 1 )
newRow += '<a tabindex="0" onclick="ifm.deleteFileDialog(\''+ifm.JSEncode(data[i].name)+'\');return false;"><span class="icon icon-trash" title="delete"></span></a>';
} }
newrow += '</td></tr>'; newRow += '</td></tr>';
} else {
newRow += '<td></td>';
} }
newRows.append(newrow); newTBody.append( newRow );
} }
$("#filetable tbody").remove(); $("#filetable tbody").remove();
$("#filetable").append(newRows); $("#filetable").append( newTBody );
if( self.config.multiselect == 1 ) { if( self.config.multiselect == 1 ) {
$('.clickable-row').click(function(event) { $('.clickable-row').click(function(event) {
if( event.ctrlKey ) { if( event.ctrlKey ) {
$(this).toggleClass('active'); $(this).toggleClass( 'selectedItem' );
} else {
self.highlightItem( $(this) );
} }
}); });
} }
@@ -989,7 +993,7 @@ function IFM() {
$("#savequestion").remove(); $("#savequestion").remove();
}; };
this.handleMultiselect = function() { this.handleMultiselect = function() {
var amount = $("#filetable tr.active").length; var amount = $("#filetable tr.selectedItem").length;
if(amount > 0) { if(amount > 0) {
if(document.getElementById("multiseloptions")===null) { if(document.getElementById("multiseloptions")===null) {
$(document.body).prepend('<div id="multiseloptions">\ $(document.body).prepend('<div id="multiseloptions">\
@@ -1009,13 +1013,13 @@ function IFM() {
} }
}; };
this.multiDeleteDialog = function() { this.multiDeleteDialog = function() {
var form = '<form id="deleteFile"><div class="modal-body"><label>Do you really want to delete these '+$('#filetable tr.active').length+' files?</label>'; var form = '<form id="deleteFile"><div class="modal-body"><label>Do you really want to delete these '+$('#filetable tr.selectedItem').length+' files?</label>';
form += '</div><div class="modal-footer"><button type="button" class="btn btn-danger" onclick="ifm.multiDelete();ifm.hideModal();return false;">Yes</button>'; form += '</div><div class="modal-footer"><button type="button" class="btn btn-danger" onclick="ifm.multiDelete();ifm.hideModal();return false;">Yes</button>';
form += '<button type="button" class="btn btn-default" onclick="ifm.hideModal();return false;">No</button></div></form>'; form += '<button type="button" class="btn btn-default" onclick="ifm.hideModal();return false;">No</button></div></form>';
self.showModal( form ); self.showModal( form );
}; };
this.multiDelete = function() { this.multiDelete = function() {
var elements = $('#filetable tr.active'); 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({
@@ -1060,27 +1064,32 @@ function IFM() {
this.task_update = function(progress, id) { this.task_update = function(progress, id) {
$('#'+id+' .progress-bar').css('width', progress+'%').attr('aria-valuenow', progress); $('#'+id+' .progress-bar').css('width', progress+'%').attr('aria-valuenow', progress);
}; };
this.selectItem = function( direction ) { this.highlightItem = function( param ) {
if( param.jquery ) {
param.addClass( 'highlightedItem' ).siblings().removeClass( 'highlightedItem' );
} else {
var highlightedItem = $('.highlightedItem'); var highlightedItem = $('.highlightedItem');
if( ! highlightedItem.length ) { if( ! highlightedItem.length ) {
$('#filetable tbody tr:first-child').addClass( 'highlightedItem' ); $('#filetable tbody tr:first-child').addClass( 'highlightedItem' );
} else { } else {
var newItem = ( direction=="next" ? highlightedItem.next() : highlightedItem.prev() ); var newItem = ( param=="next" ? highlightedItem.next() : highlightedItem.prev() );
if( newItem.is( 'tr' ) ) { if( newItem.is( 'tr' ) ) {
highlightedItem.removeClass( 'highlightedItem' ); highlightedItem.removeClass( 'highlightedItem' );
newItem.addClass( 'highlightedItem' ); newItem.addClass( 'highlightedItem' );
newItem.find( 'a' ).first().focus(); newItem.find( 'a' ).first().focus();
if( ! this.isElementInViewport( newItem ) ) { if( ! this.isElementInViewport( newItem ) ) {
var scrollOffset = ( direction=="next" ? ( highlightedItem.offset().top - 15 ) : ( highlightedItem.offset().top - ( window.innerHeight || document.documentElement.clientHeight ) + highlightedItem.height() + 15 ) ); var scrollOffset = 0;
$('html, body').animate({ if( param=="next" )
scrollTop: scrollOffset scrollOffset = highlightedItem.offset().top - 15;
}, 500 else
); scrollOffset = highlightedItem.offset().top - ( window.innerHeight || document.documentElement.clientHeight ) + highlightedItem.height() + 15;
$('html, body').animate( { scrollTop: scrollOffset }, 500 );
} }
} }
} }
} }
};
this.isElementInViewport = function isElementInViewport (el) { this.isElementInViewport = function isElementInViewport (el) {
if (typeof jQuery === "function" && el instanceof jQuery) { if (typeof jQuery === "function" && el instanceof jQuery) {
el = el[0]; el = el[0];
@@ -1118,7 +1127,7 @@ function IFM() {
switch( e.key ) { switch( e.key ) {
case 'Delete': case 'Delete':
if( $('#filetable tr.active').length > 0 ) { if( $('#filetable tr.selectedItem').length > 0 ) {
e.preventDefault(); e.preventDefault();
self.multiDeleteDialog(); self.multiDeleteDialog();
} else { } else {
@@ -1167,11 +1176,11 @@ function IFM() {
break; break;
case 'ArrowDown': case 'ArrowDown':
e.preventDefault(); e.preventDefault();
self.selectItem('next'); self.highlightItem('next');
break; break;
case 'ArrowUp': case 'ArrowUp':
e.preventDefault(); e.preventDefault();
self.selectItem('prev'); self.highlightItem('prev');
break; break;
case 'Escape': case 'Escape':
if( $(':focus').is( '.clickable-row td:first-child a:first-child' ) && $('.highlightedItem').length ) { if( $(':focus').is( '.clickable-row td:first-child a:first-child' ) && $('.highlightedItem').length ) {
@@ -1183,7 +1192,8 @@ function IFM() {
if( $(':focus').is( '.clickable-row td:first-child a:first-child' ) ) { if( $(':focus').is( '.clickable-row td:first-child a:first-child' ) ) {
e.preventDefault(); e.preventDefault();
var item = $('.highlightedItem'); var item = $('.highlightedItem');
if( item.is( 'tr' ) ) item.toggleClass( 'active' ); if( item.is( 'tr' ) )
item.toggleClass( 'selectedItem' );
} }
break; break;
} }
@@ -1330,11 +1340,11 @@ ifm.init();
elseif($item["filesize"]>1024)$item["filesize"] = round( ( $item["filesize"]/1024 ), 2 ) . " KB"; elseif($item["filesize"]>1024)$item["filesize"] = round( ( $item["filesize"]/1024 ), 2 ) . " KB";
else $item["filesize"] = $item["filesize"] . " Byte"; else $item["filesize"] = $item["filesize"] . " Byte";
} }
if( IFMConfig::showrights > 0 ) { if( IFMConfig::showpermissions > 0 ) {
if( IFMConfig::showrights == 1 ) $item["fileperms"] = substr( decoct( fileperms( $result ) ), -3 ); if( IFMConfig::showpermissions == 1 ) $item["fileperms"] = substr( decoct( fileperms( $result ) ), -3 );
elseif( IFMConfig::showrights == 2 ) $item["fileperms"] = $this->filePermsDecode( fileperms( $result ) ); elseif( IFMConfig::showpermissions == 2 ) $item["fileperms"] = $this->filePermsDecode( fileperms( $result ) );
if( $item["fileperms"] == "" ) $item["fileperms"] = " "; if( $item["fileperms"] == "" ) $item["fileperms"] = " ";
$item["filepermmode"] = ( IFMConfig::showrights == 1 ) ? "short" : "long"; $item["filepermmode"] = ( IFMConfig::showpermissions == 1 ) ? "short" : "long";
} }
if( IFMConfig::showowner == 1 ) { if( IFMConfig::showowner == 1 ) {
if ( function_exists( "posix_getpwuid" ) && fileowner($result) !== false ) { if ( function_exists( "posix_getpwuid" ) && fileowner($result) !== false ) {

2
src/config.php
View File

@@ -35,7 +35,7 @@ class IFMConfig {
const showowner = 1; // show file owner? const showowner = 1; // show file owner?
const showgroup = 1; // show file group? const showgroup = 1; // show file group?
const showpath = 0; // show real path of directory (not only root)? const showpath = 0; // show real path of directory (not only root)?
const showrights = 2; // show permissions 0 -> not; 1 -> octal, 2 -> human readable const showpermissions = 2; // show permissions 0 -> not; 1 -> octal, 2 -> human readable
const showhtdocs = 1; // show .htaccess and .htpasswd const showhtdocs = 1; // show .htaccess and .htpasswd
const showhiddenfiles = 1; // show files beginning with a dot (e.g. ".bashrc") const showhiddenfiles = 1; // show files beginning with a dot (e.g. ".bashrc")

153
src/ifm.js
View File

@@ -40,12 +40,12 @@ function IFM() {
}; };
this.refreshFileTable = function () { this.refreshFileTable = function () {
var id=ifm.generateGuid(); var id=self.generateGuid();
ifm.task_add("Refresh", id); self.task_add("Refresh", id);
$.ajax({ $.ajax({
url: ifm.IFM_SCFN, url: self.IFM_SCFN,
type: "POST", type: "POST",
data: "api=getFiles&dir="+ifm.currentDir, data: "api=getFiles&dir=" + self.currentDir,
dataType: "json", dataType: "json",
success: self.rebuildFileTable, success: self.rebuildFileTable,
error: function(response) { ifm.showMessage("General error occured: No or broken response", "e"); }, error: function(response) { ifm.showMessage("General error occured: No or broken response", "e"); },
@@ -54,81 +54,74 @@ function IFM() {
}; };
this.rebuildFileTable = function( data ) { this.rebuildFileTable = function( data ) {
var newRows = $(document.createElement('tbody')); var newTBody = $(document.createElement('tbody'));
for(i=0;i<data.length;i++) { for( var i=0; i < data.length; i++ ) {
var newrow = '<tr class="clickable-row ' + ( ( data[i].type=='dir' ) ? "isDir" : "" ) + '" data-filename="'+data[i].name+'">'; var newRow = '<tr class="clickable-row ' + ( ( data[i].type=='dir' ) ? "isDir" : "" ) + '" data-filename="'+data[i].name+'">';
newRow += '<td><a tabindex="0"';
if(data[i].type=="file") { if(data[i].type=="file") {
newrow += '<td><a tabindex="0" href="'+self.pathCombine(ifm.currentDir,data[i].name)+'" '; newRow += ' href="'+self.pathCombine(ifm.currentDir,data[i].name)+'"';
if( data[i].icon.indexOf( 'file-image' ) !== -1 ) newrow += 'data-toggle="tooltip" title="<img src=\''+self.pathCombine(self.currentDir,data[i].name)+'\' class=\'imgpreview\'>"'; if( data[i].icon.indexOf( 'file-image' ) !== -1 )
newrow += '><span class="'+data[i].icon+'"></span> '+data[i].name+'</a></td>'; newRow += ' data-toggle="tooltip" title="<img src=\''+self.pathCombine(self.currentDir,data[i].name)+'\' class=\'imgpreview\'>"';
} else { } else {
newrow += '<td><a tabindex="0" onclick="ifm.changeDirectory(\''+data[i].name+'\')"><span class="'+data[i].icon+'"></span> '; newRow += ' onclick="ifm.changeDirectory(\''+data[i].name+'\')"';
if( data[i].name == ".." ) newrow += "[ up ]";
else newrow += data[i].name;
newrow += '</a></td>';
} }
if( data[i].type != "dir" && self.config.download == 1) { newRow += '><span class="'+data[i].icon+'"></span> ' + ( data[i].name == '..' ? '[ up ]' : data[i].name ) + '</a></td>';
newrow += '<td class="download-link">\ if( ( data[i].type != "dir" && self.config.download == 1 ) || ( data[i].type == "dir" && self.config.zipnload == 1 ) ) {
<form style="display:none;" id="fdownload'+i+'" method="post">\
<fieldset>\
<input type="hidden" name="dir" value="'+ifm.currentDir+'">\
<input type="hidden" name="filename" value="'+data[i].name+'">\
<input type="hidden" name="api" value="downloadFile">\
</fieldset>\
</form>\
<a onclick="$(\'#fdownload'+i+'\').submit();"><span class="icon icon-download" title="download"></span></a>\
</td>';
}
else if( data[i].type == "dir" && self.config.zipnload == 1 ) {
var guid = self.generateGuid(); var guid = self.generateGuid();
if( data[i].name == ".." ) data[i].name = "."; newRow += '<td><form id="d_' + guid + '">';
newrow += '<td class="download-link"><form id="'+guid+'" method="post" style="display:inline-block;padding:0;margin:0;border:0;">\ newRow += '<input type="hidden" name="dir" value="' + self.currentDir + '">';
<fieldset style="display:inline-block;padding:0;margin:0;border:0;">\ newRow += '<input type="hidden" name="filename" value="' + ( data[i].name == '..' ? '.' : data[i].name ) + '">';
<input type="hidden" name="dir" value="'+ifm.currentDir+'">\ newRow += '<input type="hidden" name="api" value="' + ( data[i].type == 'file'?'downloadFile':'zipnload' ) + '">';
<input type="hidden" name="filename" value="'+data[i].name+'">\ newRow += '</form><a onclick="$(\'#d_'+i+'\').submit();"><span class="icon icon-download' + ( data[i].type == 'dir'?'-cloud':'' ) + '" title="download"></span></a></td>';
<input type="hidden" name="api" value="zipnload">'; } else {
newrow += '<a onclick="$(\'#'+guid+'\').submit();return false;">\ newRow += '<td></td>';
<span class="icon icon-download-cloud" title="zip &amp; download current directory">\
</a>\
</fieldset>\
</form></td>';
} }
else // last-modified
newrow += '<td></td>'; // empty cell for download link if( self.config.showlastmodified > 0 )
if(data[i].lastmodified) newrow += '<td>'+data[i].lastmodified+'</td>'; newRow += '<td>' + data[i].lastmodified + '</td>';
if(data[i].filesize) newrow += '<td>'+data[i].filesize+'</td>'; // size
if(data[i].fileperms) { if( self.config.showfilesize > 0 )
newrow += '<td class="hidden-xs"><input type="text" name="newperms" class="form-control" value="'+data[i].fileperms+'"'; newRow += '<td>' + data[i].filesize + '</td>';
if(self.config.chmod == 1) // permissions
newrow += ' onkeypress="ifm.changePermissions(event, \''+data[i].name+'\');"'; if( self.config.showpermissions > 0 )
else newRow += '<td class="hidden-xs"><input type="text" name="newperms" class="form-control" value="'+data[i].fileperms+'"' +
newrow += " readonly"; (self.config.chmod==1?' onkeypress="ifm.changePermissions(event, \''+data[i].name+'\');"' : 'readonly' ) +
newrow += ( data[i].filepermmode.trim() != "" ) ? ' class="' + data[i].filepermmode + '"' : ''; ( data[i].filepermmode.trim() != "" ? ' class="' + data[i].filepermmode + '"' : '' ) +
newrow += '></td>'; '></td>';
} // owner
if(data[i].owner) newrow += '<td class="hidden-xs hidden-sm">'+data[i].owner+'</td>'; if( self.config.showowner > 0 )
if(data[i].group) newrow += '<td class="hidden-xs hidden-sm hidden-md">'+data[i].group+'</td>'; newRow += '<td class="hidden-xs hidden-sm">'+data[i].owner+'</td>';
if(ifm.inArray(1,[self.config.edit, self.config.rename, self.config.delete, self.config.extract])) { // group
newrow += '<td>'; if( self.config.showgroup > 0 )
newRow += '<td class="hidden-xs hidden-sm hidden-md">' + data[i].group + '</td>';
// actions
if( self.inArray( 1, [self.config.edit, self.config.rename, self.config.delete, self.config.extract] ) ) {
newRow += '<td>';
if( data[i].name.toLowerCase().substr(-4) == ".zip" && self.config.extract == 1 ) { if( data[i].name.toLowerCase().substr(-4) == ".zip" && self.config.extract == 1 ) {
newrow += '<a tabindex="0" onclick="ifm.extractFileDialog(\''+ifm.JSEncode(data[i].name)+'\');return false;"><span class="icon icon-archive" title="extract"></span></a>'; newRow += '<a tabindex="0" onclick="ifm.extractFileDialog(\''+ifm.JSEncode(data[i].name)+'\');return false;"><span class="icon icon-archive" title="extract"></span></a>';
} else if( self.config.edit == 1 && data[i].type != "dir" ) { } else if( self.config.edit == 1 && data[i].type != "dir" ) {
newrow += '<a tabindex="0" onclick="ifm.editFile(\''+ifm.JSEncode(data[i].name)+'\');return false;"><span class="icon icon-pencil" title="edit"></span></a>'; newRow += '<a tabindex="0" onclick="ifm.editFile(\''+ifm.JSEncode(data[i].name)+'\');return false;"><span class="icon icon-pencil" title="edit"></span></a>';
} }
if( data[i].name != ".." && data[i].name != "." ) { if( data[i].name != ".." && data[i].name != "." ) {
if(self.config.rename == 1) newrow += '<a tabindex="0" onclick="ifm.renameFileDialog(\''+ifm.JSEncode(data[i].name)+'\');return false;"><span class="icon icon-terminal" title="rename"></span></a>'; if( self.config.rename == 1 )
if(self.config.delete == 1) newrow += '<a tabindex="0" onclick="ifm.deleteFileDialog(\''+ifm.JSEncode(data[i].name)+'\');return false;"><span class="icon icon-trash" title="delete"></span></a>'; newRow += '<a tabindex="0" onclick="ifm.renameFileDialog(\''+ifm.JSEncode(data[i].name)+'\');return false;"><span class="icon icon-terminal" title="rename"></span></a>';
if( self.config.delete == 1 )
newRow += '<a tabindex="0" onclick="ifm.deleteFileDialog(\''+ifm.JSEncode(data[i].name)+'\');return false;"><span class="icon icon-trash" title="delete"></span></a>';
} }
newrow += '</td></tr>'; newRow += '</td></tr>';
} else {
newRow += '<td></td>';
} }
newRows.append(newrow); newTBody.append( newRow );
} }
$("#filetable tbody").remove(); $("#filetable tbody").remove();
$("#filetable").append(newRows); $("#filetable").append( newTBody );
if( self.config.multiselect == 1 ) { if( self.config.multiselect == 1 ) {
$('.clickable-row').click(function(event) { $('.clickable-row').click(function(event) {
if( event.ctrlKey ) { if( event.ctrlKey ) {
$(this).toggleClass('active'); $(this).toggleClass( 'selectedItem' );
} else {
self.highlightItem( $(this) );
} }
}); });
} }
@@ -556,7 +549,7 @@ function IFM() {
$("#savequestion").remove(); $("#savequestion").remove();
}; };
this.handleMultiselect = function() { this.handleMultiselect = function() {
var amount = $("#filetable tr.active").length; var amount = $("#filetable tr.selectedItem").length;
if(amount > 0) { if(amount > 0) {
if(document.getElementById("multiseloptions")===null) { if(document.getElementById("multiseloptions")===null) {
$(document.body).prepend('<div id="multiseloptions">\ $(document.body).prepend('<div id="multiseloptions">\
@@ -576,13 +569,13 @@ function IFM() {
} }
}; };
this.multiDeleteDialog = function() { this.multiDeleteDialog = function() {
var form = '<form id="deleteFile"><div class="modal-body"><label>Do you really want to delete these '+$('#filetable tr.active').length+' files?</label>'; var form = '<form id="deleteFile"><div class="modal-body"><label>Do you really want to delete these '+$('#filetable tr.selectedItem').length+' files?</label>';
form += '</div><div class="modal-footer"><button type="button" class="btn btn-danger" onclick="ifm.multiDelete();ifm.hideModal();return false;">Yes</button>'; form += '</div><div class="modal-footer"><button type="button" class="btn btn-danger" onclick="ifm.multiDelete();ifm.hideModal();return false;">Yes</button>';
form += '<button type="button" class="btn btn-default" onclick="ifm.hideModal();return false;">No</button></div></form>'; form += '<button type="button" class="btn btn-default" onclick="ifm.hideModal();return false;">No</button></div></form>';
self.showModal( form ); self.showModal( form );
}; };
this.multiDelete = function() { this.multiDelete = function() {
var elements = $('#filetable tr.active'); 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({
@@ -627,27 +620,32 @@ function IFM() {
this.task_update = function(progress, id) { this.task_update = function(progress, id) {
$('#'+id+' .progress-bar').css('width', progress+'%').attr('aria-valuenow', progress); $('#'+id+' .progress-bar').css('width', progress+'%').attr('aria-valuenow', progress);
}; };
this.selectItem = function( direction ) { this.highlightItem = function( param ) {
if( param.jquery ) {
param.addClass( 'highlightedItem' ).siblings().removeClass( 'highlightedItem' );
} else {
var highlightedItem = $('.highlightedItem'); var highlightedItem = $('.highlightedItem');
if( ! highlightedItem.length ) { if( ! highlightedItem.length ) {
$('#filetable tbody tr:first-child').addClass( 'highlightedItem' ); $('#filetable tbody tr:first-child').addClass( 'highlightedItem' );
} else { } else {
var newItem = ( direction=="next" ? highlightedItem.next() : highlightedItem.prev() ); var newItem = ( param=="next" ? highlightedItem.next() : highlightedItem.prev() );
if( newItem.is( 'tr' ) ) { if( newItem.is( 'tr' ) ) {
highlightedItem.removeClass( 'highlightedItem' ); highlightedItem.removeClass( 'highlightedItem' );
newItem.addClass( 'highlightedItem' ); newItem.addClass( 'highlightedItem' );
newItem.find( 'a' ).first().focus(); newItem.find( 'a' ).first().focus();
if( ! this.isElementInViewport( newItem ) ) { if( ! this.isElementInViewport( newItem ) ) {
var scrollOffset = ( direction=="next" ? ( highlightedItem.offset().top - 15 ) : ( highlightedItem.offset().top - ( window.innerHeight || document.documentElement.clientHeight ) + highlightedItem.height() + 15 ) ); var scrollOffset = 0;
$('html, body').animate({ if( param=="next" )
scrollTop: scrollOffset scrollOffset = highlightedItem.offset().top - 15;
}, 500 else
); scrollOffset = highlightedItem.offset().top - ( window.innerHeight || document.documentElement.clientHeight ) + highlightedItem.height() + 15;
$('html, body').animate( { scrollTop: scrollOffset }, 500 );
} }
} }
} }
} }
};
this.isElementInViewport = function isElementInViewport (el) { this.isElementInViewport = function isElementInViewport (el) {
if (typeof jQuery === "function" && el instanceof jQuery) { if (typeof jQuery === "function" && el instanceof jQuery) {
el = el[0]; el = el[0];
@@ -685,7 +683,7 @@ function IFM() {
switch( e.key ) { switch( e.key ) {
case 'Delete': case 'Delete':
if( $('#filetable tr.active').length > 0 ) { if( $('#filetable tr.selectedItem').length > 0 ) {
e.preventDefault(); e.preventDefault();
self.multiDeleteDialog(); self.multiDeleteDialog();
} else { } else {
@@ -734,11 +732,11 @@ function IFM() {
break; break;
case 'ArrowDown': case 'ArrowDown':
e.preventDefault(); e.preventDefault();
self.selectItem('next'); self.highlightItem('next');
break; break;
case 'ArrowUp': case 'ArrowUp':
e.preventDefault(); e.preventDefault();
self.selectItem('prev'); self.highlightItem('prev');
break; break;
case 'Escape': case 'Escape':
if( $(':focus').is( '.clickable-row td:first-child a:first-child' ) && $('.highlightedItem').length ) { if( $(':focus').is( '.clickable-row td:first-child a:first-child' ) && $('.highlightedItem').length ) {
@@ -750,7 +748,8 @@ function IFM() {
if( $(':focus').is( '.clickable-row td:first-child a:first-child' ) ) { if( $(':focus').is( '.clickable-row td:first-child a:first-child' ) ) {
e.preventDefault(); e.preventDefault();
var item = $('.highlightedItem'); var item = $('.highlightedItem');
if( item.is( 'tr' ) ) item.toggleClass( 'active' ); if( item.is( 'tr' ) )
item.toggleClass( 'selectedItem' );
} }
break; break;
} }

13
src/main.php
View File

@@ -10,6 +10,9 @@
* main * main
*/ */
error_reporting( E_ALL );
ini_set( 'display_errors', ON );
class IFM { class IFM {
const VERSION = '2.3.1'; const VERSION = '2.3.1';
@@ -92,7 +95,7 @@ class IFM {
if( IFMConfig::download == 1 ) print '<th><!-- column for download link --></th>'; if( IFMConfig::download == 1 ) print '<th><!-- column for download link --></th>';
if( IFMConfig::showlastmodified == 1 ) print '<th>last modified</th>'; if( IFMConfig::showlastmodified == 1 ) print '<th>last modified</th>';
if( IFMConfig::showfilesize == 1 ) print '<th>size</th>'; if( IFMConfig::showfilesize == 1 ) print '<th>size</th>';
if( IFMConfig::showrights > 0 ) print '<th class="hidden-xs">permissions</th>'; if( IFMConfig::showpermissions > 0 ) print '<th class="hidden-xs">permissions</th>';
if( IFMConfig::showowner == 1 && function_exists( "posix_getpwuid" ) ) print '<th class="hidden-xs hidden-sm">owner</th>'; if( IFMConfig::showowner == 1 && function_exists( "posix_getpwuid" ) ) print '<th class="hidden-xs hidden-sm">owner</th>';
if( IFMConfig::showgroup == 1 && function_exists( "posix_getgrgid" ) ) print '<th class="hidden-xs hidden-sm hidden-md">group</th>'; if( IFMConfig::showgroup == 1 && function_exists( "posix_getgrgid" ) ) print '<th class="hidden-xs hidden-sm hidden-md">group</th>';
if( in_array( 1, array( IFMConfig::edit, IFMConfig::rename, IFMConfig::delete, IFMConfig::zipnload, IFMConfig::extract ) ) ) print '<th class="buttons"><!-- column for buttons --></th>'; if( in_array( 1, array( IFMConfig::edit, IFMConfig::rename, IFMConfig::delete, IFMConfig::zipnload, IFMConfig::extract ) ) ) print '<th class="buttons"><!-- column for buttons --></th>';
@@ -211,11 +214,11 @@ class IFM {
elseif($item["filesize"]>1024)$item["filesize"] = round( ( $item["filesize"]/1024 ), 2 ) . " KB"; elseif($item["filesize"]>1024)$item["filesize"] = round( ( $item["filesize"]/1024 ), 2 ) . " KB";
else $item["filesize"] = $item["filesize"] . " Byte"; else $item["filesize"] = $item["filesize"] . " Byte";
} }
if( IFMConfig::showrights > 0 ) { if( IFMConfig::showpermissions > 0 ) {
if( IFMConfig::showrights == 1 ) $item["fileperms"] = substr( decoct( fileperms( $result ) ), -3 ); if( IFMConfig::showpermissions == 1 ) $item["fileperms"] = substr( decoct( fileperms( $result ) ), -3 );
elseif( IFMConfig::showrights == 2 ) $item["fileperms"] = $this->filePermsDecode( fileperms( $result ) ); elseif( IFMConfig::showpermissions == 2 ) $item["fileperms"] = $this->filePermsDecode( fileperms( $result ) );
if( $item["fileperms"] == "" ) $item["fileperms"] = " "; if( $item["fileperms"] == "" ) $item["fileperms"] = " ";
$item["filepermmode"] = ( IFMConfig::showrights == 1 ) ? "short" : "long"; $item["filepermmode"] = ( IFMConfig::showpermissions == 1 ) ? "short" : "long";
} }
if( IFMConfig::showowner == 1 ) { if( IFMConfig::showowner == 1 ) {
if ( function_exists( "posix_getpwuid" ) && fileowner($result) !== false ) { if ( function_exists( "posix_getpwuid" ) && fileowner($result) !== false ) {

7
src/style.css
View File

@@ -26,11 +26,10 @@ div#content { width: 100%; height: 350px; }
input[name=newperms] { width: 7em; } input[name=newperms] { width: 7em; }
#filetable tr th.buttons { min-width: 95px; } #filetable tr th.buttons { min-width: 95px; }
#filetable tr.clickable-row.active td { background-color: lightblue; } #filetable tbody tr.highlightedItem { box-shadow: 0px 0px 10px 2px #337ab7; }
#filetable tbody tr.highlightedItem td { border-top: 1px solid #555 !important; border-bottom: 1px solid #555 !important; }
#filetable tbody tr.highlightedItem td:first-child { border-left: 1px solid #555; }
#filetable tbody tr.highlightedItem td:last-child { border-right: 1px solid #555; }
#filetable tbody tr.highlightedItem td:first-child a { outline: none; } #filetable tbody tr.highlightedItem td:first-child a { outline: none; }
#filetable tbody tr.selectedItem { background-color: #337ab7; color: #FFF; }
#filetable tbody tr.selectedItem * a { color: #FFF; }
#navbar { max-width: 100%; } #navbar { max-width: 100%; }