Panel z widokiem HTML reaguje na zmiany w panelu z edytorem XML.
[redakcja.git] / project / static / js / panels.js
index c680331..28970c1 100644 (file)
@@ -1,5 +1,6 @@
 function loadPanel(target, url) {
     console.log('ajax', url, 'into', target);
+    $('.change-notification', $(target).parent()).fadeOut();
     $(document).trigger('panel:unload', target);
     $.ajax({
         url: url,
@@ -9,7 +10,6 @@ function loadPanel(target, url) {
             $(target).html(data);
             console.log(target, 'triggering panel:load');
             $(document).trigger('panel:load', target);
-            // panel(target);
         },
         error: function(request, textStatus, errorThrown) {
             console.log('ajax', url, target, 'error:', textStatus, errorThrown);
@@ -49,7 +49,7 @@ $(function() {
 //    function resizePanels() {
 //             // called on resize
 //        $('.panel').height($(window).height() - $('.panel').position().top);
-//        $('.panel-contents').height($(window).height() - $('.panel-contents').position().top);
+//        $('.panel-content').height($(window).height() - $('.panel-contents').position().top);
 //        $('#right-panel-wrap').width($(window).width() - $('#left-panel-wrap').outerWidth());
 //    }
     
@@ -57,14 +57,15 @@ $(function() {
 //        resizePanels();
 //    })
 
-      $('#panels').make_hpanel({});
+    $('#panels').makeHorizPanel({});
+    $('#panels').css('top', ($('#header').outerHeight() ) + 'px');
        
 //    $('#left-panel-wrap').bind('resizable:stop', resizePanels)
 //        .resizable({minWidth: 8});    
 //    resizePanels();
     
     $('.panel-toolbar select').change(function() {
-        loadPanel($('.panel-contents', $(this).parent().parent()), $(this).val())
+        loadPanel($('.panel-content', $(this).parent().parent()), $(this).val())
     });
     // $('#id_folders').change(function() {
     //     $('#images').load('{% url folder_image_ajax %}' + $('#id_folders').val() + '/', function() {