a5b0615476
git-svn-id: https://develop.svn.wordpress.org/trunk@18693 602fd350-edb4-49c9-b593-d223f7449a82
255 lines
6.7 KiB
JavaScript
255 lines
6.7 KiB
JavaScript
var postboxes;
|
|
|
|
(function($) {
|
|
postboxes = {
|
|
add_postbox_toggles : function(page,args) {
|
|
this.init(page,args);
|
|
$('.postbox h3, .postbox .handlediv').click( function() {
|
|
var p = $(this).parent('.postbox'), id = p.attr('id');
|
|
if ( 'dashboard_browser_nag' == id )
|
|
return;
|
|
|
|
p.toggleClass('closed');
|
|
postboxes.save_state(page);
|
|
if ( id ) {
|
|
if ( !p.hasClass('closed') && $.isFunction(postboxes.pbshow) )
|
|
postboxes.pbshow(id);
|
|
else if ( p.hasClass('closed') && $.isFunction(postboxes.pbhide) )
|
|
postboxes.pbhide(id);
|
|
}
|
|
} );
|
|
$('.postbox h3 a').click( function(e) {
|
|
e.stopPropagation();
|
|
} );
|
|
$('.postbox a.dismiss').click( function(e) {
|
|
var hide_id = $(this).parents('.postbox').attr('id') + '-hide';
|
|
$( '#' + hide_id ).prop('checked', false).triggerHandler('click');
|
|
return false;
|
|
} );
|
|
$('.hide-postbox-tog').click( function() {
|
|
var box = $(this).val();
|
|
|
|
if ( $(this).prop('checked') ) {
|
|
$('#' + box).show();
|
|
if ( $.isFunction( postboxes.pbshow ) )
|
|
postboxes.pbshow( box );
|
|
} else {
|
|
$('#' + box).hide();
|
|
if ( $.isFunction( postboxes.pbhide ) )
|
|
postboxes.pbhide( box );
|
|
}
|
|
postboxes.save_state(page);
|
|
} );
|
|
|
|
$('.columns-prefs input[type="radio"]').click(function(){
|
|
var num = $(this).val(), ps = $('#poststuff'), wrap = $('.wrap').first();
|
|
|
|
if ( num == 'auto' ) {
|
|
setUserSetting('responsive', '1');
|
|
$(document.body).addClass('responsive');
|
|
$(window).bind('resize.responsive', function(){ postboxes.auto_columns(); });
|
|
|
|
if ( ps.length )
|
|
wrap.removeClass('columns-1').removeClass('columns-2');
|
|
|
|
postboxes.auto_columns();
|
|
|
|
} else {
|
|
num = parseInt(num, 10);
|
|
deleteUserSetting('responsive');
|
|
$(document.body).removeClass('responsive');
|
|
|
|
if ( ps.length ) { // write pages
|
|
|
|
if ( num == 2 ) {
|
|
wrap.removeClass('columns-1').addClass('columns-2');
|
|
ps.addClass('has-right-sidebar');
|
|
|
|
if ( !$('#side-info-column #side-sortables').length )
|
|
$('#side-info-column').append( $('#side-sortables') );
|
|
|
|
} else if ( num == 1 ) {
|
|
wrap.removeClass('columns-2').addClass('columns-1');
|
|
ps.removeClass('has-right-sidebar');
|
|
$('#normal-sortables').before( $('#side-sortables') );
|
|
}
|
|
|
|
} else { // dashboard
|
|
postboxes._dash_columns(num);
|
|
}
|
|
}
|
|
postboxes.save_order(page);
|
|
});
|
|
},
|
|
|
|
init : function(page, args) {
|
|
$.extend( this, args || {} );
|
|
$('#wpbody-content').css('overflow','hidden');
|
|
$('.meta-box-sortables').sortable({
|
|
placeholder: 'sortable-placeholder',
|
|
connectWith: '.meta-box-sortables',
|
|
items: '.postbox',
|
|
handle: '.hndle',
|
|
cursor: 'move',
|
|
distance: 2,
|
|
tolerance: 'pointer',
|
|
forcePlaceholderSize: true,
|
|
helper: 'clone',
|
|
opacity: 0.65,
|
|
stop: function(e,ui) {
|
|
if ( $(this).find('#dashboard_browser_nag').is(':visible') && 'dashboard_browser_nag' != this.firstChild.id ) {
|
|
$(this).sortable('cancel');
|
|
return;
|
|
}
|
|
|
|
postboxes.save_order(page);
|
|
ui.item.parent().removeClass('temp-border');
|
|
},
|
|
receive: function(e,ui) {
|
|
if ( 'dashboard_browser_nag' == ui.item[0].id )
|
|
$(ui.sender).sortable('cancel');
|
|
}
|
|
});
|
|
},
|
|
|
|
save_state : function(page) {
|
|
var closed = $('.postbox').filter('.closed').map(function() { return this.id; }).get().join(','),
|
|
hidden = $('.postbox').filter(':hidden').map(function() { return this.id; }).get().join(',');
|
|
|
|
$.post(ajaxurl, {
|
|
action: 'closed-postboxes',
|
|
closed: closed,
|
|
hidden: hidden,
|
|
closedpostboxesnonce: jQuery('#closedpostboxesnonce').val(),
|
|
page: page
|
|
});
|
|
},
|
|
|
|
save_order : function(page) {
|
|
var postVars, page_columns = $('.columns-prefs input:checked').val() || 0;
|
|
|
|
postVars = {
|
|
action: 'meta-box-order',
|
|
_ajax_nonce: $('#meta-box-order-nonce').val(),
|
|
page_columns: page_columns,
|
|
page: page
|
|
}
|
|
$('.meta-box-sortables').each( function() {
|
|
postVars["order[" + this.id.split('-')[0] + "]"] = $(this).sortable( 'toArray' ).join(',');
|
|
} );
|
|
$.post( ajaxurl, postVars );
|
|
},
|
|
|
|
auto_columns : function() { // responsive admin
|
|
var pb, dw;
|
|
|
|
if ( !$(document.body).hasClass('responsive') )
|
|
return;
|
|
|
|
if ( adminpage == 'post-php' ) {
|
|
pb = $('#post-body').width();
|
|
|
|
if ( pb < 800 ) {
|
|
$('#poststuff').removeClass('has-right-sidebar');
|
|
$('#normal-sortables').before( $('#side-sortables') );
|
|
}
|
|
|
|
if ( pb >= 800 && pb < 1150 ) {
|
|
$('#poststuff').addClass('has-right-sidebar');
|
|
$('#side-info-column').append( $('#side-sortables') );
|
|
$(document.body).removeClass('wide-window');
|
|
}
|
|
|
|
if ( pb >= 1150 ) {
|
|
$(document.body).addClass('wide-window');
|
|
}
|
|
|
|
} else if ( adminpage == 'index-php' ) {
|
|
dw = $('#dashboard-widgets-wrap').width();
|
|
|
|
if ( dw < 700 ) {
|
|
this._dash_columns(1)
|
|
}
|
|
|
|
if ( dw >= 700 && dw < 1100 ) {
|
|
this._dash_columns(2)
|
|
}
|
|
|
|
if ( dw >= 1100 && dw < 1500 ) {
|
|
this._dash_columns(3)
|
|
}
|
|
|
|
if ( dw >= 1500 ) {
|
|
this._dash_columns(4)
|
|
}
|
|
}
|
|
|
|
},
|
|
|
|
_dash_columns : function(n) {
|
|
|
|
switch (n) {
|
|
case 1:
|
|
$('#postbox-container-1').append( $('#side-sortables, #column3-sortables, #column4-sortables') );
|
|
$('#postbox-container-2, #postbox-container-3, #postbox-container-4').hide();
|
|
break
|
|
case 2:
|
|
$('#postbox-container-2').append( $('#side-sortables, #column3-sortables, #column4-sortables') ).show();
|
|
$('#postbox-container-3, #postbox-container-4').hide();
|
|
break
|
|
case 3:
|
|
$('#postbox-container-2').append( $('#side-sortables') ).show();
|
|
$('#postbox-container-3').append( $('#column3-sortables, #column4-sortables') ).show();
|
|
$('#postbox-container-4').hide();
|
|
break
|
|
case 4:
|
|
$('#postbox-container-2').append( $('#side-sortables') ).show();
|
|
$('#postbox-container-3').append( $('#column3-sortables') ).show();
|
|
$('#postbox-container-4').append( $('#column4-sortables') ).show();
|
|
break
|
|
default:
|
|
return;
|
|
}
|
|
|
|
$('.postbox-container:visible').css('width', 100/n + '%');
|
|
},
|
|
|
|
_colname : function(n) {
|
|
switch (n) {
|
|
case 1:
|
|
return 'normal';
|
|
break
|
|
case 2:
|
|
return 'side';
|
|
break
|
|
case 3:
|
|
return 'column3';
|
|
break
|
|
case 4:
|
|
return 'column4';
|
|
break
|
|
default:
|
|
return '';
|
|
}
|
|
},
|
|
|
|
/* Callbacks */
|
|
pbshow : false,
|
|
|
|
pbhide : false
|
|
};
|
|
|
|
$(document).ready(function(){
|
|
if ( $('#wp_auto_columns').prop('checked') ) {
|
|
setUserSetting('responsive', '1');
|
|
$(document.body).addClass('responsive');
|
|
}
|
|
|
|
if ( $(document.body).hasClass('responsive') ) {
|
|
$(window).bind('resize.responsive', function(){ postboxes.auto_columns(); });
|
|
postboxes.auto_columns();
|
|
}
|
|
});
|
|
|
|
}(jQuery));
|