X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/4414d3a80488c222a54bc98309075b03cc9e37f3..3b370c78b8ac967a56be8321bbd88618a52aa017:/project/static/js/panels.js

diff --git a/project/static/js/panels.js b/project/static/js/panels.js
index eca4ddfc..abbd2182 100644
--- a/project/static/js/panels.js
+++ b/project/static/js/panels.js
@@ -5,24 +5,50 @@ function loadPanel(target, url) {
         url: url,
         dataType: 'html',
         success: function(data, textStatus) {
+            console.log(target, 'ajax success');
             $(target).html(data);
-            $(document).trigger('panel:unload', target);
+            console.log(target, 'triggering panel:load');
             $(document).trigger('panel:load', target);
             // panel(target);
         },
         error: function(request, textStatus, errorThrown) {
-            $(document).trigger('panel:unload', target);
             console.log('ajax', url, target, 'error:', textStatus, errorThrown);
         }
     });
 }
 
+// Funkcja do tworzenia nowych paneli
+function panel(load, unload) {
+    var self = null;
+    var eventId = Math.ceil(Math.random() * 1000000000);
+    
+    unloadHandler = function(event, panel) {
+        if (self && self == panel) {
+            console.log('Panel', panel, 'unloading');
+            $(document).unbind('panel:unload.' + eventId);
+            $(panel).html('');
+            unload(event, panel);
+            console.log('Panel', panel, 'unloaded');
+            return false;
+        }
+    };
+    
+    $(document).one('panel:load', function(event, panel) {
+        self = panel;
+        console.log('Panel', panel, 'loading');
+        $(document).bind('panel:unload.' + eventId, unloadHandler);
+        load(event, panel);
+        console.log('Panel', panel, 'loaded');
+    });
+}
+
 $(function() {
     // ========================
     // = Resizable panels =
     // ========================
     function resizePanels() {
         $('.panel').height($(window).height() - $('.panel').position().top);
+        $('.panel-contents').height($(window).height() - $('.panel-contents').position().top);
         $('#right-panel-wrap').width($(window).width() - $('#left-panel-wrap').outerWidth());
     }
     
@@ -30,7 +56,7 @@ $(function() {
         resizePanels();
     })
     
-    $('#left-panel-wrap').bind('resizable:resize', resizePanels)
+    $('#left-panel-wrap').bind('resizable:stop', resizePanels)
         .resizable('#slider', {minWidth: 8});
     
     resizePanels();