X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/b157bbf02932396c65c0aca9638c96200c4665df..9dff468f6a01c7bfa4125ff2e929153482d62b56:/project/templates/explorer/panels/gallery.html

diff --git a/project/templates/explorer/panels/gallery.html b/project/templates/explorer/panels/gallery.html
index 60935bcd..bf753d05 100644
--- a/project/templates/explorer/panels/gallery.html
+++ b/project/templates/explorer/panels/gallery.html
@@ -1,32 +1,31 @@
 <div class="panel">
-    <div class="images-wrap">
-        <div class="images">
-            <p>Aby zobaczyć obrazki wybierz folder poniżej:</p>
-            <p><select name="folders" class="id_folders">
+    <div class="toolbar">
+        <select name="folders" class="id_folders">
             <option value="" selected="selected">-- Wybierz folder z obrazkami --</option>
             <option value="andersen_basnie">andersen_basnie</option>
-            </select></p>
+        </select>
+    </div>
+    <div class="images-wrap">
+        <div class="images">
         </div>
     </div>
 </div>
 <script type="text/javascript" charset="utf-8">
-    (function() {
-        function resizeEditor(event, panel) {
-            var panel = panel || event.data.panel;
-            $('.images-wrap', panel).height($(panel).height());
-        }
 
-        panel(function(event, panel) {
-            $('.id_folders', panel).change(function() {
-                $('.images', panel).load('{% url folder_image_ajax %}' + $('.id_folders', panel).val() + '/', function() {
-                    $('.images-wrap', panel).data('lazyload:lastCheckedScrollTop', -10000);
+panel_hooks = {
+	load: function() {
+		var contentDiv = this.contentDiv;
+		$('.id_folders', contentDiv).change(function() {
+        	$('.images', contentDiv).fadeOut('slow', function() { 
+        	    $(this).html('').load('{% url folder_image_ajax %}' + $('.id_folders', contentDiv).val() + '/',  function() {
+                    $('.images-wrap', contentDiv).data('lazyload:lastCheckedScrollTop', -10000);
                 });
-            });
-            $('.images-wrap', panel).lazyload('.image-box', {threshold: 640 * 10, scrollTreshold: 640 * 5});
-            
-            $(window).bind('resize', {'panel': panel}, resizeEditor);
-            resizeEditor(null, panel);  
-        }, function(event, panel) {
-        });
-    })()
+		    })
+		});
+		
+		$('.images-wrap', contentDiv).lazyload('.image-box', 
+			{threshold: 640 * 10, scrollTreshold: 640 * 5}
+		);
+	}
+};
 </script>