Automatyczna zmiana wysokości edytora w CSS.

[redakcja.git] / project / static / js / panels.js

diff --git a/project/static/js/panels.js b/project/static/js/panels.js
index eb1380d..562d82b 100644 (file)
--- a/project/static/js/panels.js
+++ b/project/static/js/panels.js
@@ -5,7 +5,9 @@ function loadPanel(target, url) {
         url: url,
         dataType: 'html',
         success: function(data, textStatus) {
         url: url,
         dataType: 'html',
         success: function(data, textStatus) {

+            console.log(target, 'ajax success');

             $(target).html(data);
             $(target).html(data);

+            console.log(target, 'triggering panel:load');

             $(document).trigger('panel:load', target);
             // panel(target);
         },
             $(document).trigger('panel:load', target);
             // panel(target);
         },


@@ -22,15 +24,21 @@ function panel(load, unload) {
     
     unloadHandler = function(event, panel) {
         if (self && self == panel) {
     
     unloadHandler = function(event, panel) {
         if (self && self == panel) {

-            $(document).unbind('panel:unload.' + eventId, unloadHandler);
+            console.log('Panel', panel, 'unloading');
+            $(document).unbind('panel:unload.' + eventId);
+            $(panel).html('');

             unload(event, panel);
             unload(event, panel);

+            console.log('Panel', panel, 'unloaded');
+            return false;

         }
     };
     
     $(document).one('panel:load', function(event, panel) {
         self = panel;
         }
     };
     
     $(document).one('panel:load', function(event, panel) {
         self = panel;

+        console.log('Panel', panel, 'loading');

         $(document).bind('panel:unload.' + eventId, unloadHandler);
         load(event, panel);
         $(document).bind('panel:unload.' + eventId, unloadHandler);
         load(event, panel);

+        console.log('Panel', panel, 'loaded');

     });
 }
 
     });
 }
 


@@ -38,19 +46,22 @@ $(function() {
     // ========================
     // = Resizable panels =
     // ========================
     // ========================
     // = Resizable panels =
     // ========================

-    function resizePanels() {
-        $('.panel').height($(window).height() - $('.panel').position().top);
-        $('#right-panel-wrap').width($(window).width() - $('#left-panel-wrap').outerWidth());
-    }
+//    function resizePanels() {
+//             // called on resize
+//        $('.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());
+//    }

     
     

-    $(window).resize(function() {
-        resizePanels();
-    })
-    
-    $('#left-panel-wrap').bind('resizable:resize', resizePanels)
-        .resizable('#slider', {minWidth: 8});
-    
-    resizePanels();
+//    $(window).resize(function() {
+//        resizePanels();
+//    })
+
+       $('#panels').make_hpanel({});
+       
+//    $('#left-panel-wrap').bind('resizable:stop', resizePanels)
+//        .resizable({minWidth: 8});    
+//    resizePanels();

     
     $('.panel-toolbar select').change(function() {
         loadPanel($('.panel-contents', $(this).parent().parent()), $(this).val())
     
     $('.panel-toolbar select').change(function() {
         loadPanel($('.panel-contents', $(this).parent().parent()), $(this).val())