upskill-event-manager/assets/js/inline-notice.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

47 lines
No EOL
1.7 KiB
JavaScript

// eslint-disable-next-line no-undef
UAGBInlineNotice = {
init( attr, id ) {
const main = document.querySelectorAll( id );
if ( main.length === 0 ) {
return;
}
const uniqueId = attr.c_id;
const isCookie = attr.cookies;
const cookiesDays = attr.close_cookie_days;
const currentCookie = Cookies.get( 'uagb-notice-' + uniqueId );
for ( const mainWrap of main ) {
if ( 'undefined' === typeof currentCookie && true === isCookie ) {
mainWrap.style.display = 'block';
}
const noticeDismissClass = mainWrap.querySelector( '.uagb-notice-dismiss' ) || mainWrap.querySelector( 'svg' );
const closeBtn = noticeDismissClass ? noticeDismissClass : mainWrap.querySelector( 'button[type="button"] svg' );
if ( '' !== attr.noticeDismiss && '' !== attr.icon ) {
closeBtn.addEventListener( 'click', function () {
dismissClick( isCookie, currentCookie, uniqueId, cookiesDays, main );
} );
main[0].addEventListener( 'keydown', function ( e ) {
if ( e.keyCode === 13 || e.keyCode === 32 ) {
const focusedVisibleElement = document.querySelector( id + ' :focus-visible' );
dismissClick( isCookie, currentCookie, uniqueId, cookiesDays, main, focusedVisibleElement );
}
} );
}
}
},
};
function dismissClick( isCookie, currentCookie, uniqueId, cookiesDays, main, focusedVisibleElement ) {
if ( true === isCookie && 'undefined' === typeof currentCookie ) {
Cookies.set( 'uagb-notice-' + uniqueId, true, { expires: cookiesDays } );
}
main[0]?.classList?.add( 'uagb-notice__active' );
if ( focusedVisibleElement ) {
const closeDismiss = focusedVisibleElement?.parentElement;
closeDismiss.style.display = 'none';
} else {
main[0].style.display = 'none';
}
}