From cb973d3ea96afcdd259ef16b11da22e49031421f Mon Sep 17 00:00:00 2001
From: Awilum <awilum@msn.com>
Date: Sat, 9 Mar 2013 00:01:41 +0200
Subject: [PATCH] Filesmanager: Bootstrap Lightbox added instead of default
 Modal Dialog. #100

---
 plugins/box/filesmanager/js/filesmanager.js     | 16 +---------------
 .../filesmanager/views/backend/index.view.php   | 17 ++++++++++-------
 2 files changed, 11 insertions(+), 22 deletions(-)

diff --git a/plugins/box/filesmanager/js/filesmanager.js b/plugins/box/filesmanager/js/filesmanager.js
index fd788eb..724ffcc 100644
--- a/plugins/box/filesmanager/js/filesmanager.js
+++ b/plugins/box/filesmanager/js/filesmanager.js
@@ -8,21 +8,7 @@ $.monstra.filesmanager = {
 
     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;
+            $('#previewLightbox').lightbox('show').find('img').attr('src', $(this).attr('rel'));
         });
     }
 };
diff --git a/plugins/box/filesmanager/views/backend/index.view.php b/plugins/box/filesmanager/views/backend/index.view.php
index 3f7f989..1bc12ff 100755
--- a/plugins/box/filesmanager/views/backend/index.view.php
+++ b/plugins/box/filesmanager/views/backend/index.view.php
@@ -71,7 +71,11 @@
         <?php if ( ! in_array($ext, $forbidden_types)) { ?>
         <tr>
             <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'));?>
+                <?php if (isset(File::$mime_types[$ext]) && preg_match('/image/', File::$mime_types[$ext])) { ?>
+                    <?php echo Html::anchor(File::name($file), '#', array('rel' => $site_url.'public/' . $path.$file));?>
+                <?php } else { ?>
+                    <?php echo Html::anchor(File::name($file), $site_url.'public/' . $path.$file, array('target'=>'_blank'));?>
+                <?php } ?>
             </td>
             <td class="hidden-phone">
                 <?php echo $ext; ?>
@@ -92,12 +96,11 @@
     </tbody>
 </table>
 
-<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 id="previewLightbox" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class='lightbox-header'>
+        <button type="button" class="close" data-dismiss="lightbox" aria-hidden="true">&times;</button>
     </div>
-    <div class="modal-body">
-        <p align="center"><img /></p>
+    <div class='lightbox-content'>
+        <img />
     </div>
 </div>