mirror/php-monstra
1
0
Fork 0
mirror of https://github.com/monstra-cms/monstra.git synced 2025-08-02 19:27:52 +02:00
Code Issues Releases Wiki Activity

Filesmanager: image preview updates

Browse Source
This commit is contained in:
Awilum
2013-01-02 19:47:13 +02:00
parent 97c72c002a
commit 08e9e8a6b3
3 changed files with 39 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
plugins/box/filesmanager/filesmanager.plugin.php
View File

@@ -28,4 +28,7 @@
// Include Admin
Plugin::admin('filesmanager', 'box');
}
}
// Add Plugin Javascript
Javascript::add('plugins/box/filesmanager/js/filesmanager.js', 'backend');

32
plugins/box/filesmanager/js/filesmanager.js Normal file
View File

@@ -0,0 +1,32 @@
if (typeof $.monstra == 'undefined') $.monstra = {};
$.monstra.filesmanager = {
init: function() {
this.showImage();
},
showImage: function() {
$('.image').find('a').on('click', function() {
var src = $(this).attr('href');
var file = $(src.split('/')).last();
var image = new Image();
image.src = src;
$(image).load(function() {
$('#showImage')
.modal('show')
.css({"min-width": 632})
.find('img')
.attr('src', src);
$('#showImage').find('h3 span').text(file[0]);
$('#showImage').find('img').css({"max-width": 600});
$('#showImage').find('img').attr('alt', file[0]);
});
return false;
});
}
};
$(document).ready(function(){
$.monstra.filesmanager.init();
});

22
plugins/box/filesmanager/views/backend/index.view.php
View File

@@ -92,28 +92,12 @@
</tbody>
</table>
<div class="modal hide" id="showImage">
<div id="showImage" class="modal hide fade">
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h3><?php echo __('Image:', 'filesmanager')?> <span></span></h3>
</div>
<div class="modal-body">
<p><img src=""/></p>
<p align="center"><img /></p>
</div>
</div>
<script>
$('.image').find('a').on('click', function() {
var src = $(this).attr('href');
var file = $(src.split('/')).last();
var image = new Image();
image.src = src;
$(image).load(function() {
$('#showImage').modal('show').css({width: image.width + 32, margin: '0 auto', left: 'auto'})
.find('img').attr('src', src);
$('#showImage').find('h3 span').text(file[0]);
});
return false;
});
</script>
</div>