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

Fix missing image popovers with pagination.

Browse Source
This commit is contained in:
Marco Dickert
2025-06-07 23:38:01 +02:00
parent 6ebff154e4
commit fe6c9b2af1
1 changed files with 20 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/ifm.js
View File

@@ -230,7 +230,26 @@ function IFM(params) {
"search": self.i18n.filter
},
stateSave: true,
responsive: true
responsive: true,
drawCallback: function() {
// has to be jquery, since this is a bootstrap feature
$( 'a[data-toggle="popover"]' ).popover({
content: function() {
let item = self.fileCache.find( x => x.guid == $(this).attr('id') );
let popover = document.createElement( 'img' );
if( self.config.isDocroot )
popover.src = encodeURI( self.pathCombine( self.currentDir, item.name ) ).replace( /#/g, '%23' ).replace( /\?/g, '%3F' );
else
popover.src = self.api + "?api=proxy&dir=" + encodeURIComponent( self.currentDir ) + "&filename=" + encodeURIComponent( item.name );
popover.classList.add( 'imgpreview' );
return popover;
},
animated: 'fade',
placement: 'bottom',
trigger: 'hover',
html: true
});
}
});
@@ -284,24 +303,6 @@ function IFM(params) {
self.changeDirectory( e.target.parentElement.parentElement.dataset.filename );
});
// has to be jquery, since this is a bootstrap feature
$( 'a[data-toggle="popover"]' ).popover({
content: function() {
let item = self.fileCache.find( x => x.guid == $(this).attr('id') );
let popover = document.createElement( 'img' );
if( self.config.isDocroot )
popover.src = encodeURI( self.pathCombine( self.currentDir, item.name ) ).replace( /#/g, '%23' ).replace( /\?/g, '%3F' );
else
popover.src = self.api + "?api=proxy&dir=" + encodeURIComponent( self.currentDir ) + "&filename=" + encodeURIComponent( item.name );
popover.classList.add( 'imgpreview' );
return popover;
},
animated: 'fade',
placement: 'bottom',
trigger: 'hover',
html: true
});
if( self.config.contextmenu && !!( self.config.edit || self.config.extract || self.config.rename || self.config.copymove || self.config.download || self.config.delete ) ) {
// create the context menu, this also uses jquery, AFAIK
let contextMenu = new BootstrapMenu( '.clickable-row', {