upskill-event-manager/assets/js/sticky-section.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

70 lines
3.2 KiB
JavaScript

const getHeaderHeightIfSticky = () => {
const checkPage = document.querySelector( 'body' );
const isAboveFixed = document.querySelector( '.ast-above-sticky-header-active' );
const isFixedHeader = document.querySelector( '.ast-primary-sticky-header-active' );
const isBelowFixed = document.querySelector( '.ast-below-sticky-header-active' );
const isAdminBar = document.querySelector( '.admin-bar' );
const StickySections = document.querySelectorAll( '.ast-sticky-active' );
let isSticky
let stickySelector;
if( checkPage && ( checkPage.classList.contains( 'woocommerce-shop' ) || checkPage.classList.contains( 'ast-woo-shop-archive' ) ) ) {
isSticky = document.querySelector( '.woocommerce-shop.ast-left-sidebar #content .ast-container, .woocommerce-shop.ast-right-sidebar #content .ast-container, .ast-woo-shop-archive.ast-left-sidebar #content .ast-container, .ast-woo-shop-archive.ast-right-sidebar #content .ast-container' );
stickySelector = document.querySelector( '.woocommerce-shop.ast-left-sidebar #content .ast-container > .widget-area, .woocommerce-shop.ast-right-sidebar #content .ast-container > .widget-area, .ast-woo-shop-archive.ast-left-sidebar #content .ast-container > .widget-area, .ast-woo-shop-archive.ast-right-sidebar #content .ast-container > .widget-area' );
}
if( checkPage && checkPage.classList.contains( 'woocommerce-cart' ) && astraAddon.cart_sticky_cart_totals ) {
isSticky = document.querySelector( '#ast-cart-wrapper' );
stickySelector = document.querySelector( '#ast-cart-wrapper .cart-collaterals' );
}
if( checkPage && checkPage.classList.contains( 'single-product' ) ) {
isSticky = document.querySelector( '#ast-sticky-row-summary' );
stickySelector = document.querySelector( '#ast-sticky-row-summary .summary' );
}
if( checkPage && checkPage.classList.contains( 'woocommerce-checkout' ) && astraAddon.checkout_order_review_sticky ) {
isSticky = document.querySelector( '.woocommerce-checkout' );
stickySelector = document.querySelector( '#ast-order-review-wrapper' );
}
if( StickySections ) {
let siteHeaderHeight = 0;
StickySections.forEach( single => {
siteHeaderHeight += single.clientHeight;
});
if( isSticky && ( isAboveFixed || isFixedHeader || isBelowFixed ) && stickySelector && siteHeaderHeight ) {
stickySelector.style.position = 'sticky';
if( isAdminBar ) {
stickySelector.style.top = siteHeaderHeight + 50 + 'px';
} else {
stickySelector.style.top = siteHeaderHeight + 20 + 'px';
}
} else {
if( isSticky && stickySelector ) {
stickySelector.style.position = 'sticky';
if( isAdminBar ) {
stickySelector.style.top = 3 + 'em';
} else {
stickySelector.style.top = 1 + 'em';
}
}
}
}
}
let desktopElement = document.querySelector(".ast-desktop");
if (desktopElement) {
window.onscroll = function (event) {
getHeaderHeightIfSticky();
};
};