From 08e9e8a6b36336a61dae1e0888bb8ff38b6cf28f Mon Sep 17 00:00:00 2001
From: Awilum <awilum@msn.com>
Date: Wed, 2 Jan 2013 19:47:13 +0200
Subject: [PATCH] Filesmanager: image preview updates

---
 .../box/filesmanager/filesmanager.plugin.php  |  5 ++-
 plugins/box/filesmanager/js/filesmanager.js   | 32 +++++++++++++++++++
 .../filesmanager/views/backend/index.view.php | 22 ++-----------
 3 files changed, 39 insertions(+), 20 deletions(-)
 create mode 100644 plugins/box/filesmanager/js/filesmanager.js

diff --git a/plugins/box/filesmanager/filesmanager.plugin.php b/plugins/box/filesmanager/filesmanager.plugin.php
index 28dc7c2..5820d47 100644
--- a/plugins/box/filesmanager/filesmanager.plugin.php
+++ b/plugins/box/filesmanager/filesmanager.plugin.php
@@ -28,4 +28,7 @@
         // Include Admin
         Plugin::admin('filesmanager', 'box');
 
-    }
\ No newline at end of file
+    }
+
+    // Add Plugin Javascript
+    Javascript::add('plugins/box/filesmanager/js/filesmanager.js', 'backend');
\ No newline at end of file
diff --git a/plugins/box/filesmanager/js/filesmanager.js b/plugins/box/filesmanager/js/filesmanager.js
new file mode 100644
index 0000000..fd788eb
--- /dev/null
+++ b/plugins/box/filesmanager/js/filesmanager.js
@@ -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();
+});
\ No newline at end of file
diff --git a/plugins/box/filesmanager/views/backend/index.view.php b/plugins/box/filesmanager/views/backend/index.view.php
index 1e51771..7f05e0a 100755
--- a/plugins/box/filesmanager/views/backend/index.view.php
+++ b/plugins/box/filesmanager/views/backend/index.view.php
@@ -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>
\ No newline at end of file