public static function getScript()
{
$_aParams = func_get_args() + array(null);
$_oMsg = $_aParams[0];
$_sToggleAllButtonHTML = '"' . self::_getToggleAllButtonHTML($_oMsg) . '"';
return <<<JAVASCRIPTS
( function( \$ ) {
jQuery( document ).ready( function() {
jQuery( this ).initializeAdminPageFrameworkCollapsibleSections();
});
/**
* Gets triggered when a widget of the framework is saved.
* @since 3.7.0
*/
jQuery( document ).bind( 'admin-page-framework_saved_widget', function( event, oWidget ){
jQuery( oWidget ).initializeAdminPageFrameworkCollapsibleSections();
});
\$.fn.initializeAdminPageFrameworkCollapsibleSections = function() {
// Expand collapsible sections that are set not to collapse by default
jQuery( this ).find( '.admin-page-framework-collapsible-sections-title[data-is_collapsed=\\"0\\"]' )
.next( '.admin-page-framework-collapsible-sections-content' )
.slideDown( 'fast' );
jQuery( this ).find( '.admin-page-framework-collapsible-section-title[data-is_collapsed=\\"0\\"]' )
.closest( '.admin-page-framework-section-table' )
.find( 'tbody' )
.slideDown( 'fast' );
// Hide collapsible sections of 'section' containers as they are somehow do not get collapsed by default.
jQuery( this ).find( '.admin-page-framework-collapsible-section-title[data-is_collapsed=\\"1\\"]' )
.closest( '.admin-page-framework-section-table' )
.find( 'tbody' )
.hide();
// Bind the click event to the title element.
jQuery( this ).find( '.admin-page-framework-collapsible-sections-title, .admin-page-framework-collapsible-section-title' ).enableAdminPageFrameworkCollapsibleButton();
// Insert the toggle all button.
jQuery( this ).find( '.admin-page-framework-collapsible-title[data-toggle_all_button!=\\"0\\"]' ).each( function(){
var _oThis = jQuery( this ); // to access from inside the below each() method.
var _bForSections = jQuery( this ).hasClass( 'admin-page-framework-collapsible-sections-title' ); // or for the 'section' container.
var _isPositions = jQuery( this ).data( 'toggle_all_button' );
var _isPositions = 1 === _isPositions
? 'top-right' // default
: _isPositions;
var _aPositions = 'string' === typeof _isPositions
? _isPositions.split( ',' )
: [ 'top-right' ];
jQuery.each( _aPositions, function( iIndex, _sPosition ) {
var _oButton = jQuery( {$_sToggleAllButtonHTML} );
var _sLeftOrRight = -1 !== jQuery.inArray( _sPosition, [ 'top-right', 'bottom-right', '0' ] ) // if found
? 'right' // default
: 'left';
_oButton.find( '.admin-page-framework-collapsible-toggle-all-button' ).css( 'float', _sLeftOrRight );
var _sTopOrBottom = -1 !== jQuery.inArray( _sPosition, [ 'top-right', 'top-left', '0' ] ) // if found
? 'before' // default
: 'after';
// Insert the button - there are two versions: for the sections container or the section container.
if ( _bForSections ) {
var _oTargetElement = 'before' === _sTopOrBottom
? _oThis
: _oThis.next( '.admin-page-framework-collapsible-content' );
_oTargetElement[ _sTopOrBottom ]( _oButton );
} else { // for 'section' containers
_oThis.closest( '.admin-page-framework-section' )[ _sTopOrBottom ]( _oButton );
}
// Expand or collapse this panel
jQuery( _oButton ).unbind( 'click' ); // for initially dropped (created) widgets
_oButton.click( function(){
var _oButtons = _bForSections
? jQuery( this ).closest( '.admin-page-framework-sectionset' ).siblings().andSelf().find( '> .admin-page-framework-collapsible-toggle-all-button-container' )
: jQuery( this ).siblings( '.admin-page-framework-collapsible-toggle-all-button-container' ).andSelf();
_oButtons.toggleClass( 'flipped' );
if ( _bForSections ) {
_oButton.parent().parent().children().children( '* > .admin-page-framework-collapsible-title' ).each( function() {
jQuery( this ).trigger( 'click', [ 'by_toggle_all_button' ] );
} );
} else {
_oButton.closest( '.admin-page-framework-sections' ).children( '.admin-page-framework-section' ).children( '.admin-page-framework-section-table' ).children( 'caption' ).children( '.admin-page-framework-collapsible-title' ).each( function() {
jQuery( this ).trigger( 'click', [ 'by_toggle_all_button' ] );
} );
}
} );
});
} );
}
/**
* Binds the click event to collapsible buttons.
*/
\$.fn.enableAdminPageFrameworkCollapsibleButton = function() {
/**
* Unbind the event first.
* This is for widgets as the initial model widgets placed on the left side is dragged-and-dropped to a sidebar definition container.
* Then the event binding will be lost so it needs to be rebound.
*/
jQuery( this ).unbind( 'click' );
jQuery( this ).click( function( event, sContext ){
// If a field element is clicked, do not collapse or expand the container box.
var _sClickedTag = jQuery( event. target ).prop( 'tagName' ).toLowerCase();
if ( -1 !== jQuery.inArray( _sClickedTag, [ 'input', 'span', 'label', 'fieldset' ] ) ) {
return true;
}
// Expand or collapse this panel
var _oThis = jQuery( this );
var _sContainerType = jQuery( this ).hasClass( 'admin-page-framework-collapsible-sections-title' )
? 'sections'
: 'section';
var _oTargetContent = 'sections' === _sContainerType
? jQuery( this ).next( '.admin-page-framework-collapsible-content' ).first()
: jQuery( this ).parent().siblings( 'tbody' );
var _sAction = _oTargetContent.is( ':visible' ) ? 'collapse' : 'expand';
_oThis.removeClass( 'collapsed' );
_oTargetContent.slideToggle( 'fast', function(){
// For Google Chrome, table-caption will animate smoothly for the 'section' containers (not 'sections' container). For FireFox, 'block' is required. For IE both works.
var _bIsChrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
if ( 'expand' === _sAction && 'section' === _sContainerType && ! _bIsChrome ) {
_oTargetContent.css( 'display', 'block' );
}
// Update the class selector.
if ( _oTargetContent.is( ':visible' ) ) {
_oThis.removeClass( 'collapsed' );
} else {
_oThis.addClass( 'collapsed' );
}
} );
// If it is triggered from the toggle all button, do not continue.
if ( 'by_toggle_all_button' === sContext ) {
return;
}
// If collapse_others_on_expand argument is true, collapse others
if ( 'expand' === _sAction && _oThis.data( 'collapse_others_on_expand' ) ) {
_oThis.parent().parent().children().children( '* > .admin-page-framework-collapsible-content' ).not( _oTargetContent ).slideUp( 'fast', function() {
jQuery( this ).prev( '.admin-page-framework-collapsible-title' ).addClass( 'collapsed' );
});
}
});
}
}( jQuery ));
JAVASCRIPTS;
}
