mirror/php-monstra
1
0
Fork 0
mirror of https://github.com/monstra-cms/monstra.git synced 2025-07-31 02:10:37 +02:00
Code Issues Releases Wiki Activity

Filesmanager plugin: ability to view images

Browse Source 
Based on issue #75. On image name click opens modal window with image.
This commit is contained in:
Martynas Barzda
2012-12-29 21:13:35 +02:00
parent 53c6a26019
commit 2db0a64454
1 changed files with 29 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -70,8 +70,8 @@
<?php if (isset($files_list)) foreach ($files_list as $file) { $ext = File::ext($file); ?>
<?php if ( ! in_array($ext, $forbidden_types)) { ?>
<tr>
<td>
<?php echo Html::anchor(File::name($file), $site_url.'public' . DS .$path.$file, array('target'=>'_blank'));?>
<td<?php if (isset(File::$mime_types[$ext]) && preg_match('/image/', File::$mime_types[$ext])) echo ' class="image"'?>>
<?php echo Html::anchor(File::name($file), $site_url.'public/' . $path.$file, array('target'=>'_blank'));?>
</td>
<td>
<?php echo $ext; ?>
@@ -90,4 +90,30 @@
</tr>
<?php } } ?>
</tbody>
</table>
</table>
<div class="modal hide" id="showImage">
<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>
</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>