diff --git a/plugins/box/filesmanager/js/filesmanager.js b/plugins/box/filesmanager/js/filesmanager.js index e518a13..edacd6e 100644 --- a/plugins/box/filesmanager/js/filesmanager.js +++ b/plugins/box/filesmanager/js/filesmanager.js @@ -17,6 +17,9 @@ $.monstra.filesmanager = { $(e.currentTarget).attr('data-path') ); }); + $('#filesDirsList').on('click', '.js-file-info', function(e, el){ + $.monstra.filesmanager.showInfoDialog(e.currentTarget); + }); }, showRenameDialog: function(type, renameFrom, path){ @@ -28,7 +31,22 @@ $.monstra.filesmanager = { dialog.find('[id$="RenameType"]').hide(); dialog.find('#'+ type +'RenameType').show(); dialog.modal('show'); - } + }, + + showInfoDialog: function(btnEl){ + var dialog = $('#fileInfoDialog'); + dialog.find('.js-dimension-blck').hide(); + dialog.find('.js-filename').html($(btnEl).attr('data-filename')); + dialog.find('.js-filetype').html($(btnEl).attr('data-filetype')); + dialog.find('.js-filesize').html($(btnEl).attr('data-filesize')); + dialog.find('.js-link').html($(btnEl).attr('data-link')); + var dimension = $(btnEl).attr('data-dimension').trim(); + if (dimension) { + dialog.find('.js-dimension').html(dimension); + dialog.find('.js-dimension-blck').show(); + } + dialog.modal('show'); + } }; $(document).ready(function(){ diff --git a/plugins/box/filesmanager/views/backend/index.view.php b/plugins/box/filesmanager/views/backend/index.view.php index fe1451e..3cc6bc5 100755 --- a/plugins/box/filesmanager/views/backend/index.view.php +++ b/plugins/box/filesmanager/views/backend/index.view.php @@ -110,7 +110,13 @@ - +