| Server IP : 104.21.112.1 / Your IP : 216.73.216.145 Web Server : LiteSpeed System : Linux premium151.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : tempvsty ( 647) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /proc/self/cwd/wp-content/themes/sinatra/inc/customizer/assets/js/dev/ |
Upload File : |
;( function( api, $ ) {
// Extends our custom "sinatra-info" section. Make it visible.
api.sectionConstructor[ 'sinatra-info' ] = api.Section.extend( {
// No events for this type of section.
attachEvents: function () {},
// Always make the section active.
isContextuallyActive: function () {
return true;
}
} );
// Custom Customizer Previewer class.
api.sinatraCustomizerPreviewer = {
init: function () {
var self = this,
control;
// Listen to the "set-footer-widget" event.
this.preview.bind( 'set-footer-widget', function( data ) {
// Focus control.
control = api.control( 'sidebars_widgets[' + data + ']' );
control.focus();
// Open widgets panel.
api.Widgets.availableWidgetsPanel.open( control );
} );
// Listen to the "set-footer-widget" event.
this.preview.bind( 'set-navigation-widget', function( data ) {
// Focus control.
control = api.control( 'nav_menu_locations[' + data + ']' );
control.focus();
} );
}
};
// Store old previewer.
var sinatraOldPreviewer = api.Previewer;
api.Previewer = sinatraOldPreviewer.extend( {
initialize: function( params, options ) {
// Store a reference to the Previewer
api.sinatraCustomizerPreviewer.preview = this;
// Call the old Previewer's initialize function
sinatraOldPreviewer.prototype.initialize.call( this, params, options );
}
} );
// Change preview url for certain sections.
_.each( sinatra_customizer_localized.preview_url_for_section, function( url, id ) {
if ( url ) {
wp.customize.section( id, function ( section ) {
section.expanded.bind( function ( isExpanded ) {
if ( isExpanded ) {
wp.customize.previewer.previewUrl.set( url );
}
});
});
}
} );
$( document ).ready( function($) {
// Initialize our Previewer
api.sinatraCustomizerPreviewer.init();
// Display the first responsive control
$( '.sinatra-control-responsive' ).each( function(){
$( this ).find('.control-responsive').first().addClass( 'active' );
} );
// Responsive switchers
$( '.customize-control' ).on( 'click', '.sinatra-responsive-switchers span', function( event ) {
var $this = $(this),
$switcher_container = $this.closest( '.sinatra-responsive-switchers' ),
$switcher_buttons = $switcher_container.find( 'li span' ),
$device = $( event.currentTarget ).data( 'device' ),
$control = $( '.sinatra-control-responsive' ),
$body = $( '.wp-full-overlay' ),
$footer_devices = $( '.wp-full-overlay-footer .devices' );
if ( ! $switcher_container.hasClass( 'expanded' ) ) {
$switcher_container.addClass( 'expanded' );
$this.addClass( 'active' );
} else {
if ( $this.parent().is( ':first-child' ) ) {
if ( $this.hasClass( 'active' ) ) {
$switcher_container.removeClass( 'expanded' );
$this.removeClass( 'active' );
} else {
$switcher_buttons.removeClass( 'active' );
$this.addClass( 'active' );
}
} else {
$switcher_buttons.removeClass( 'active' );
$this.addClass( 'active' );
}
}
// Control class
$control.find( '.control-responsive' ).removeClass( 'active' );
$control.find( '.control-responsive.' + $device ).addClass( 'active' );
$control.removeClass( 'control-device-desktop control-device-tablet control-device-mobile' ).addClass( 'control-device-' + $device );
// Wrapper class
$body.removeClass( 'preview-desktop preview-tablet preview-mobile' ).addClass( 'preview-' + $device );
// Panel footer buttons
$footer_devices.find( 'button' ).removeClass( 'active' ).attr( 'aria-pressed', false );
$footer_devices.find( 'button.preview-' + $device ).addClass( 'active' ).attr( 'aria-pressed', true );
});
// If panel footer buttons clicked
$( '.wp-full-overlay-footer .devices button' ).on( 'click', function( event ) {
// Set up variables
var $this = $( this ),
$devices = $( '.customize-control .sinatra-responsive-switchers' ),
$device = $( event.currentTarget ).data( 'device' ),
$control = $( '.sinatra-control-responsive' );
// Button class
$devices.find( 'span' ).removeClass( 'active' );
$devices.find( 'span.preview-' + $device ).addClass( 'active' );
// Add expanded class
if ( 'desktop' === $device ) {
$devices.removeClass( 'expanded' );
} else {
$devices.addClass( 'expanded' );
}
// Control class
$control.find( '.control-responsive' ).removeClass( 'active' );
$control.find( '.control-responsive.' + $device ).addClass( 'active' );
$control.removeClass( 'control-device-desktop control-device-tablet control-device-mobile' ).addClass( 'control-device-' + $device );
});
// Tooltip positioning
if ( $( '.sinatra-tooltip' ).length ) {
var $tooltip, $icon_pos_l, $icon_pos_r, $title_width;
$( '.sinatra-tooltip' ).each( function() {
$tooltip = $(this);
if ( $tooltip.hasClass('top-right-tooltip') || $tooltip.hasClass('small-tooltip') ) {
return;
}
$title_width = $tooltip.closest( '.sinatra-control-wrapper' ).outerWidth();
$icon_pos_l = $tooltip.closest('.sinatra-info-icon').css('position', 'static').position().left;
$icon_pos_r = $title_width - $icon_pos_l;
if ( $icon_pos_l < $icon_pos_r ) {
$tooltip[0].style.setProperty( "--tooltip-left", Math.min( 104, $icon_pos_l ) + 'px' );
$tooltip.css( 'left', Math.max(0, $icon_pos_l - 104) );
} else {
$tooltip.css( 'left', Math.min( $icon_pos_l - 90, $title_width - 208 ) );
if ( $icon_pos_l < ( $title_width - 104 ) ) {
$tooltip[0].style.setProperty( "--tooltip-left", '90px' );
} else {
$tooltip[0].style.setProperty( "--tooltip-left", ( $icon_pos_l - 178 ) + 'px' );
}
}
});
}
});
} )( wp.customize, jQuery );