upskill-event-manager/assets/js/testimonial.js
Ben Reed cdc5ea85f4 feat: Add comprehensive CSS, JavaScript and theme asset infrastructure
Add massive collection of CSS, JavaScript and theme assets that were previously excluded:

**CSS Files (681 total):**
- HVAC plugin-specific styles (hvac-*.css): 34 files including dashboard, certificates, registration, mobile nav, accessibility fixes, animations, and welcome popup
- Theme framework files (Astra, builder systems, layouts): 200+ files
- Plugin compatibility styles (WooCommerce, WPForms, Elementor, Contact Form 7): 150+ files
- WordPress core and editor styles: 50+ files
- Responsive and RTL language support: 200+ files

**JavaScript Files (400+ total):**
- HVAC plugin functionality (hvac-*.js): 27 files including menu systems, dashboard enhancements, profile sharing, mobile responsive features, accessibility, and animations
- Framework and library files: jQuery plugins, GSAP, AOS, Swiper, Chart.js, Lottie, Isotope
- Plugin compatibility scripts: WPForms, WooCommerce, Elementor, Contact Form 7, LifterLMS
- WordPress core functionality: customizer, admin, block editor compatibility
- Third-party integrations: Stripe, SMTP, analytics, search functionality

**Assets:**
- Certificate background images and logos
- Comprehensive theme styling infrastructure
- Mobile-responsive design systems
- Cross-browser compatibility assets
- Performance-optimized minified versions

**Updated .gitignore:**
- Fixed asset directory whitelisting patterns to properly include CSS/JS/images
- Added proper directory structure recognition (!/assets/css/, !/assets/js/, etc.)
- Maintains security by excluding sensitive files while including essential assets

This commit provides the complete frontend infrastructure needed for:
- Full theme functionality and styling
- Plugin feature implementations
- Mobile responsiveness and accessibility
- Cross-browser compatibility
- Performance optimization
- Developer workflow support
2025-08-11 16:20:31 -03:00

84 lines
2.6 KiB
JavaScript

window.UAGBTestimonialCarousel = {
_setHeight( scope ) {
if ( scope.length > 0 ) {
const postWrapper = scope[ 0 ].querySelectorAll( '.slick-slide' ),
postActive = scope[ 0 ].querySelectorAll( '.slick-slide.slick-active' );
let maxHeight = -1,
wrapperHeight = -1,
postActiveHeight = -1;
Object.keys( postActive ).forEach( ( key ) => {
const thisHeight = postActive[ key ].offsetHeight,
blogPost = postActive[ key ].querySelector( '.uagb-testimonial__wrap' ),
blogPostHeight = blogPost.offsetHeight;
if ( maxHeight < blogPostHeight ) {
maxHeight = blogPostHeight;
postActiveHeight = maxHeight + 15;
}
if ( wrapperHeight < thisHeight ) {
wrapperHeight = thisHeight;
}
} );
Object.keys( postActive ).forEach( ( key ) => {
const selector = postActive[ key ].querySelector( '.uagb-testimonial__wrap' );
selector.style.height = maxHeight + 'px';
} );
let selector = scope[ 0 ].querySelector( '.slick-list' );
selector.style.height = postActiveHeight + 'px';
maxHeight = -1;
wrapperHeight = -1;
Object.keys( postWrapper ).forEach( ( key ) => {
const $this = postWrapper[ key ];
if ( $this.classList.contains( 'slick-active' ) ) {
return true;
}
selector = $this.querySelector( '.uagb-testimonial__wrap' );
const blogPostHeight = selector.offsetHeight;
selector.style.height = blogPostHeight + 'px';
} );
}
},
_unSetHeight( scope ) {
if ( scope.length > 0 ) {
const postWrapper = scope[ 0 ].querySelectorAll( '.slick-slide' ),
postActive = scope[ 0 ].querySelectorAll( '.slick-slide.slick-active' );
Object.keys( postActive ).forEach( ( key ) => {
const selector = postActive[ key ].querySelector( '.uagb-tm__content' );
selector.style.height = 'auto';
} );
Object.keys( postActive ).forEach( ( key ) => {
const $this = postWrapper[ key ];
if ( $this.classList.contains( 'slick-active' ) ) {
return true;
}
const selector = $this.querySelector( '.uagb-tm__content' );
selector.style.height = 'auto';
} );
}
},
};
// Set Carousel Height for Customiser.
// eslint-disable-next-line no-unused-vars
function uagb_carousel_height( id ) {
const wrap = document.querySelector( '#wpwrap .uagb-block-' + id + ' .is-carousel' );
if ( wrap ) {
window.UAGBTestimonialCarousel._setHeight( wrap );
}
}
// Unset Carousel Height for Customiser.
// eslint-disable-next-line no-unused-vars
function uagb_carousel_unset_height( id ) {
const wrap = document.querySelector( '#wpwrap .uagb-slick-carousel.uagb-block-' + id );
if ( wrap ) {
window.UAGBTestimonialCarousel._unSetHeight( wrap );
}
}