| Server IP : 104.21.80.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/thread-self/cwd/wp-content/plugins/jetpack/modules/theme-tools/content-options/ |
Upload File : |
/* global blogDisplay, postDetails */
/**
* customizer.js
*
* Theme Customizer enhancements for a better user experience.
*
* Contains handlers to make Theme Customizer preview reload changes asynchronously.
*/
/**
* Function to apply styles to elements based on the display type
* @param {object} selectors - HTML selectors which styles will apply to.
* @param {object} styles - Styles to be applied to selectors.
*/
function applyStyles( selectors, styles ) {
document.querySelectorAll( selectors ).forEach( el => {
for ( const [ key, value ] of Object.entries( styles ) ) {
el.style[ key ] = value;
}
} );
}
// Blog Display
wp.customize( 'jetpack_content_blog_display', function ( value ) {
/**
* Updates the blog display based on the selected option.
* @param {string} to - Content display option.
*/
function updateBlogDisplay( to ) {
const contentSelectors = '.jetpack-blog-display.jetpack-the-content';
const excerptSelectors = '.jetpack-blog-display.jetpack-the-excerpt';
const featuredContentSelectors = '.featured-content .jetpack-blog-display';
if ( to === 'content' ) {
applyStyles( `${ excerptSelectors }, ${ featuredContentSelectors }.jetpack-the-excerpt`, {
clip: 'rect(1px, 1px, 1px, 1px)',
position: 'absolute',
} );
applyStyles( `${ contentSelectors }, ${ featuredContentSelectors }.jetpack-the-content`, {
clip: 'auto',
position: 'relative',
} );
} else if ( to === 'excerpt' ) {
applyStyles( `${ contentSelectors }, ${ featuredContentSelectors }.jetpack-the-content`, {
clip: 'rect(1px, 1px, 1px, 1px)',
position: 'absolute',
} );
applyStyles( `${ excerptSelectors }, ${ featuredContentSelectors }.jetpack-the-excerpt`, {
clip: 'auto',
position: 'relative',
} );
} else if ( to === 'mixed' ) {
applyStyles(
`${ contentSelectors }.output-the-content, ${ featuredContentSelectors }.jetpack-the-content.output-the-content`,
{
clip: 'auto',
position: 'relative',
}
);
applyStyles(
`${ excerptSelectors }.output-the-content, ${ contentSelectors }.output-the-excerpt, ${ featuredContentSelectors }.jetpack-the-excerpt.output-the-content, ${ featuredContentSelectors }.jetpack-the-content.output-the-excerpt`,
{
clip: 'rect(1px, 1px, 1px, 1px)',
position: 'absolute',
}
);
applyStyles(
`${ excerptSelectors }.output-the-excerpt, ${ featuredContentSelectors }.jetpack-the-excerpt.output-the-excerpt`,
{
clip: 'auto',
position: 'relative',
}
);
}
if ( blogDisplay.masonry ) {
const masonryElement = document.querySelector( blogDisplay.masonry );
if ( masonryElement ) {
masonryElement.masonry();
}
}
}
updateBlogDisplay( blogDisplay.display );
value.bind( updateBlogDisplay );
} );
/**
* Function to update post details visibility
* @param {object} selectors - HTML selectors which styles will apply to.
* @param {string} to - Content display option.
* @param {string} hiddenClass - Class to be added to the body when the post details are hidden.
*/
function updatePostDetails( selectors, to, hiddenClass ) {
document.querySelectorAll( selectors ).forEach( element => {
if ( to === false ) {
element.style.clip = 'rect(1px, 1px, 1px, 1px)';
element.style.height = '1px';
element.style.overflow = 'hidden';
element.style.position = 'absolute';
element.style.width = '1px';
document.body.classList.add( hiddenClass );
} else {
element.style.clip = 'auto';
element.style.height = 'auto';
element.style.overflow = 'auto';
element.style.position = 'relative';
element.style.width = 'auto';
document.body.classList.remove( hiddenClass );
}
} );
}
// Post Details: Date
wp.customize( 'jetpack_content_post_details_date', function ( value ) {
value.bind( function ( to ) {
updatePostDetails( postDetails.date, to, 'date-hidden' );
} );
} );
// Post Details: Categories
wp.customize( 'jetpack_content_post_details_categories', function ( value ) {
value.bind( function ( to ) {
updatePostDetails( postDetails.categories, to, 'categories-hidden' );
} );
} );
// Post Details: Tags
wp.customize( 'jetpack_content_post_details_tags', function ( value ) {
value.bind( function ( to ) {
updatePostDetails( postDetails.tags, to, 'tags-hidden' );
} );
} );
// Post Details: Author
wp.customize( 'jetpack_content_post_details_author', function ( value ) {
value.bind( function ( to ) {
updatePostDetails( postDetails.author, to, 'author-hidden' );
} );
} );
// Post Details: Comment link
wp.customize( 'jetpack_content_post_details_comment', function ( value ) {
value.bind( function ( to ) {
updatePostDetails( postDetails.comment, to, 'comment-hidden' );
} );
} );