(function($) {
//jQuery UI 1.5.2 doesn't support "option" as getter/setter, so we have to apply a hotfix instead
var needs_jquery_hotfix = (($.ui.version === undefined) || (parseInt($.ui.version.split('.')[1]) < 6));
if (needs_jquery_hotfix) {
$.extend($.ui.draggable.prototype, {
option: function(key, value) {
if (value === undefined) {
return this.options[key];
}
if (key == 'containment') {
this.containment = value;
}
else{
this.options[key] = value;
}
}
});
$.extend($.ui.draggable, {
getter : 'option'
});
}
//extend jQuery with pageColumnist object
$.fn.extend({
pageColumnist: function() {
var self = $(this);
self.box = function(elem) {
var box = $(elem).offset();
box.width = $(elem).width();
box.height = $(elem).height();
return box;
}
self.update_info = function(i, elem) {
var b = self.box(self.columns[i]);
var o = self.box(self);
$(elem).css({top: b.top+'px', left: b.left+3+'px', width: '50px'});
//changed to extended data info
$(elem).find('b').html(Math.round(parseFloat($(self.columns[i]).attr('data')) * 100.0) / 100.0);
$(elem).find('span').html(b.width);
}
self.update_spacer = function(i, elem) {
var b1 = self.box(self.columns[i]);
var b2 = self.box(self.columns[i+1]);
$(elem).css({top: b1.top+'px', left: b1.left+b1.width+'px', width: b2.left - (b1.left+b1.width)+'px', height: b1.height+'px' });
}
self.recalc_containments = function(i, elem) {
var b1 = self.box(self.columns[i]);
var b2 = self.box(self.columns[i+1]);
var body = self.box($('body'));
self.containments[i] = [b1.left+50, 0, b2.left+b2.width-50-self.box(elem).width, body.height]
}
self.adjust_columns = function(spacer) {
var idx = $(spacer).draggable('option', 'colidx');
var perc = $(spacer).draggable('option', 'initial_perc');
var s = self.box(spacer);
var b1 = self.box(self.columns[idx]);
var b2 = self.box(self.columns[idx+1]);
var main = self.box(self);
//reset affected columns
var w = '0px';
$(self.columns[idx]).css({width: w});
$(self.columns[idx+1]).css({width: w});
//calculate new width
w = Math.round((s.left - b1.left) * 100.0) / main.width;
$(self.columns[idx]).css({ width: w + '%'}).attr('data', w);
b1 = self.box(self.columns[idx]);
w = perc - w;
$(self.columns[idx+1]).css({ width: w + '%'}).attr('data', w);
self.make_equal_height();
}
self.make_equal_height = function() {
var h = 0;
$(self.columns).each(function(i, elem) { h = Math.max(h, $(elem).height()); });
$('#cscp_ghost').css({'height' : h+'px'});
$('.cspc-assist-spacer').css({'height' : h+'px'});
}
self.columns = $('.cspc-column', self);
self.containments = [];
$('body').prepend('<div id="cscp_ghost" class="cspc-assist-col"></div>');
$('#cscp_ghost').css(self.box(self)).hide();
for (var i=0; i<self.columns.length; i++) {
$('body').append('<div class="cspc_assist_col_info"><b></b> %<br/>(<span></span> px)</div>');
if (i > 0) {
$('body').append('<div class="cspc-assist-spacer"></div>');
self.containments.push([0,0,0,0]);
}
}
$('.cspc_assist_col_info, .cspc-assist-spacer').css({position: 'absolute', 'z-index': 1001}).hide();
self.spacer = $('.cspc-assist-spacer');
$('.cspc-assist-spacer').each(self.recalc_containments);
$('div.cspc_assist_col_info').css({ position: 'absolute', 'z-index': 1000, overflow:'hidden', color: '#000', 'background-color': '#fff', border: 'solid 1px black', padding: '3px', 'margin-top': '3px'}).each(self.update_info);
$('div.cspc-assist-spacer').each(self.update_spacer).each(function(i,e) {
var b = self.box(self);
var x = needs_jquery_hotfix ? {} : { containment : self.containments[i] };
//TODO: containment is not always valid, to be changed in later versions
$(e).draggable($.extend(x,{
axis: 'x',
colidx: i,
/* containment: [b.left+20, b.top, b.left+b.width-20, b.top+b.height], //didn't work for jquery.ui < 1.7.0, subject of later workarrounds */
start: function(event, ui){
try{
var idx = $(event.target).draggable('option', 'colidx');
var b1 = self.box(self.columns[idx]);
var b2 = self.box(self.columns[idx+1]);
$(self.spacer).each(function(i, elem) {
if(i!=idx)
$(elem).draggable('disable').css('z-index', 999);
else
$(elem).addClass('cspc-assist-spacer-active');
});
if(needs_jquery_hotfix) $(event.target).draggable('option', 'containment', self.containments[idx]);
$(event.target).draggable('option', 'initial_perc', parseFloat($(self.columns[idx]).attr('data')) + parseFloat($(self.columns[idx+1]).attr('data')));
//$(event.target).draggable('option', 'initial_perc', parseFloat($(self.columns[idx]).css('width')) + parseFloat($(self.columns[idx+1]).css('width')));
}
catch(e) {
}
},
drag: function(event, ui) {
try{
self.adjust_columns(event.target);
$('div.cspc_assist_col_info').each(self.update_info);
}catch(e) {
}
},
stop: function(event, ui){
$(self.spacer).each(function(j, elem) { $(elem).draggable('enable').css('z-index', 1001).removeClass('cspc-assist-spacer-active'); });
try{
self.adjust_columns(event.target);
$('div.cspc_assist_col_info').each(self.update_info);
}catch(e) {
}
$(self.spacer).each(self.recalc_containments);
}
}));
});
//keep tracking the resize of window
$(window).resize(function() {
$('#cscp_ghost').css(self.box(self))
$('div.cspc_assist_col_info').each(self.update_info);
$('div.cspc-assist-spacer').each(self.update_spacer);
self.make_equal_height();
});
$('#cspc-col-spacing').change(function() {
if (self.columns.length == 0) return;
var space = parseFloat($(this).val());
var base = 100.0;
var perc = ((base - (self.columns.length - 1) * space ) / self.columns.length);
if ($.browser.msie) {
$(self.columns).each(function(i, elem) {
$(elem).css({ width: '0.001%'});
});
space = space * 0.66 ; //because IE is unable to calculate the sums correctly, we have to trick it little bit
}
for (var i=0; i<self.columns.length; i++) {
$(self.columns[i]).css({ width: perc+'%'}).attr('data', perc);
if (i != 0) $(self.columns[i]).css({ marginLeft: space+'%'});
}
$(window).trigger('resize');
return false;
});
self.make_equal_height();
return $(this);
}
});
$(document).ready(function(){
//show always firefox scroll bars
$('body').css({'overflow' : 'scroll' });
var wpadmbar = $('#wpadminbar').height();
var assistbar = {
show: (0 + wpadmbar),
hide: (-36 + wpadmbar)
};
//assistance toolbar toggle
$('#cspc-assist-bar-expander').click(function(){
$('#cspc-assist-bar').animate({ top: (parseInt($('#cspc-assist-bar').css('top')) == assistbar.show ? assistbar.hide+'px' : assistbar.show+'px') });
});
$('#cspc-assist-bar').css({ top: assistbar.hide+'px'});
//assistance toolbar spinner init
$('#cspc-col-spacing').spin({max:10,min:0,imageBasePath: cspc_page_columnist_l10n.imageBasePath, interval: 0.5 });
//columnizer setup
$('#cspc-content').pageColumnist();
//columnized area ghosting toggle
$('#cspc-columns-sizing').click(function() {
var checked = $(this).attr('checked');
$('#cscp_ghost').toggle(checked);
$('.cspc_assist_col_info, .cspc-assist-spacer').toggle(checked);
});
//saving all changes and reload
$('#cspc-save-changes').click(function() {
$(this).blur();
var cols = [];
$('#cspc-content .cspc-column').each(function(i, elem) {
cols.push(Math.round(parseFloat($(elem).attr('data'))*100)/100.0);
//cols.push(Math.round(parseFloat($(elem).css('width'))*100)/100.0);
});
params = {
type: 'POST',
url: cspc_page_columnist_l10n.adminUrl+'admin-ajax.php',
data: {
action: 'cspc_save_changes',
page_id: cspc_page_columnist_l10n.pageId,
spacing: $('#cspc-col-spacing').val(),
distribution: cols.join('|'),
default_spacing: $('#cspc-default-spacing').attr('checked')
},
success: function(data, textStatus) {
window.setTimeout("location.reload(true)", 500);
},
error: function(xhr, textStatus, error) {
alert(xhr.responseText);
}
};
$.ajax(params);
});
});
})(jQuery);