function loadPanel(target, url) {
- console.log('ajax', url, 'into', target);
+ $('.change-notification', $(target).parent()).fadeOut();
$(document).trigger('panel:unload', target);
$.ajax({
url: url,
dataType: 'html',
success: function(data, textStatus) {
- console.log(target, 'ajax success');
$(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);
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');
});
}
// ========================
// = 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());
- }
+// function resizePanels() {
+// // called on resize
+// $('.panel').height($(window).height() - $('.panel').position().top);
+// $('.panel-content').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').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() {