X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/8daaa89eca8bd7d5fa7d20469486bd8610c7bc32..f204b632ebb00f5de6ce1306aa123afd7213de69:/project/static/js/panels.js diff --git a/project/static/js/panels.js b/project/static/js/panels.js index e5028619..eb1380d4 100644 --- a/project/static/js/panels.js +++ b/project/static/js/panels.js @@ -1,3 +1,39 @@ +function loadPanel(target, url) { + console.log('ajax', url, 'into', target); + $(document).trigger('panel:unload', target); + $.ajax({ + url: url, + dataType: 'html', + success: function(data, textStatus) { + $(target).html(data); + $(document).trigger('panel:load', target); + // panel(target); + }, + error: function(request, textStatus, errorThrown) { + 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) { + $(document).unbind('panel:unload.' + eventId, unloadHandler); + unload(event, panel); + } + }; + + $(document).one('panel:load', function(event, panel) { + self = panel; + $(document).bind('panel:unload.' + eventId, unloadHandler); + load(event, panel); + }); +} + $(function() { // ======================== // = Resizable panels = @@ -17,7 +53,7 @@ $(function() { resizePanels(); $('.panel-toolbar select').change(function() { - console.log('loading panel', $(this).val(), 'into', $('.panel-contents', $(this).parent())); + loadPanel($('.panel-contents', $(this).parent().parent()), $(this).val()) }); // $('#id_folders').change(function() { // $('#images').load('{% url folder_image_ajax %}' + $('#id_folders').val() + '/', function() {