X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/b9e5161a49d56f4bc177159c93d0f027e5ba4337..45fcd6d5e47f5f51e645f12a87776b9b95b2c0b6:/project/templates/explorer/panels/gallery.html?ds=sidebyside

diff --git a/project/templates/explorer/panels/gallery.html b/project/templates/explorer/panels/gallery.html
index f0ec99bf..af3a5cb4 100644
--- a/project/templates/explorer/panels/gallery.html
+++ b/project/templates/explorer/panels/gallery.html
@@ -1,29 +1,33 @@
 <div class="toolbar" style="height: 24px">
-	<select name="folders" class="id_folders">
-		<option value="" selected="selected">-- Wybierz folder z obrazkami --</option>
-        <option value="andersen_basnie">andersen_basnie</option>
-	</select>
+    {{ form.folders }}
 </div>
 
 <div class="images-wrap" style="position: absolute; top: 24px; left:0px; right:0px; bottom: 0px;">
-	<div class="images"><!-- To jest div na obrazki, które są wstawiane później --></div>
+    <div class="images"><!-- To jest div na obrazki, które są wstawiane później --></div>
 </div>
 <script type="text/javascript" charset="utf-8">
 
 panel_hooks = {
-	load: function() {
-		var contentDiv = this.contentDiv;
-		$('.id_folders', contentDiv).change(function() 
-		{
-        	$('.images', contentDiv).load('{% url folder_image_ajax %}' + $('.id_folders', contentDiv).val() + '/', 
-				function() {
+    load: function() {
+        var contentDiv = this.contentDiv;
+        $('select[name=folders]', contentDiv).change(function() {
+            var select = this;
+            $('.images', contentDiv).fadeOut('slow', function() { 
+                $(this).html('').load('{% url folder_image_ajax %}' + $(select).val() + '/',  function() {
                     $('.images-wrap', contentDiv).data('lazyload:lastCheckedScrollTop', -10000);
                 });
-		});
-		
-		$('.images-wrap', contentDiv).lazyload('.image-box', 
-			{threshold: 640 * 10, scrollTreshold: 640 * 5}
-		);
-	}
+            })
+        });
+        
+        $('.images-wrap', contentDiv).lazyload('.image-box', 
+            {threshold: 640 * 10, scrollTreshold: 640 * 5}
+        );
+    },
+    refresh: function() {
+        return true; // gallery is always fresh
+    },
+    dirty: function() {
+        return true; // and it doesn't get dirty 
+    }
 };
 </script>