CONNECTIONS, INNOVATION, KNOWLEDGE

(function(){ if (window.__s4sCalInitGrid) return; window.__s4sCalInitGrid = true; /* ---- Slug → ICS map ---- */ const mapBySlug = { "s4s-clubx-placeholder": "https://s4sclub.co.uk/wp-content/uploads/2025/09/s4s-clubx-placeholder.ics", "s4s-club-x-and-summer-party-2026": "https://s4sclub.co.uk/wp-content/uploads/2025/09/s4s-club-x-and-summer-party-2026.ics", "s4s-club-x-and-end-of-year-party-2025":"https://s4sclub.co.uk/wp-content/uploads/2025/10/s4s-club-x-and-end-of-year-party-2025.ics" }; /* ---- Google meta ---- */ const eventMeta = { /* Placeholder — March 2026 */ "s4s-clubx-placeholder": { location: "TBC", dates: "20260303T160000Z/20260303T180000Z", details: "" // keep empty for consistent output }, /* Placeholder — Summer Party 2026 */ "s4s-club-x-and-summer-party-2026": { location: "TBC", dates: "20260630T150000Z/20260630T170000Z", details: "" // keep empty for consistent output }, /* Live event — Nov 2025 */ "s4s-club-x-and-end-of-year-party-2025": { location: "BOXHALL, 1-27 The Arcade, Liverpool Street, London, EC2M 7PN", dates: "20251126T160000Z/20251126T180000Z", details: "We look forward to welcoming you to our next S4S Club X event at BOXHALL City, featuring exclusive panel discussions on strategy - uniting IT, innovation and security, setting 2026 priorities, and exploring the EU AI Act - followed by our end of year party.\n\nAgenda:\n• 3:30pm - Registration opens\n• 4:00pm - Panel discussions (exclusive to community members and partners)\n• 6:00pm onwards - End of year party with music and a live band from around 9:00pm\n\nFood will be available from BOXHALL's 14 independent kitchens, offering everything from artisan coffee and salads to gourmet burgers, steaks, and Singaporean curry puffs - a fantastic mix of flavours to enjoy throughout the evening. Drinks are also included.\n\nDress code: Smart casual.\n\nIf you're no longer able to attend, please email enquiry@s4sclub.co.uk or log into your online account at www.s4sclub.co.uk to update your booking.\n\nWe look forward to seeing you there." } }; /* ---- Placeholder slugs (apply disclaimer) ---- */ const placeholderSlugs = [ "s4s-clubx-placeholder", "s4s-club-x-and-summer-party-2026" ]; /* ---- Disclaimer (no URL; we add the page URL once below) ---- */ const placeholderDisclaimer = "IMPORTANT: This is only a placeholder and does not confirm your attendance. Please complete registration once it opens."; /* Helpers */ function findSlugInHref(href){ if(!href) return null; href = String(href).toLowerCase(); for (const key in mapBySlug){ if (href.indexOf('/events/'+key+'/') !== -1) return key; } for (const key of placeholderSlugs){ if (href.indexOf('/events/'+key+'/') !== -1) return key; } return null; } function findPermalinkAnchor(scope){ const sels = [ '.read-more-wrap a','a.button-read-more','a.more-link','.read-more a', '.events-post_title a','.post_title a','a' ]; for (const sel of sels){ const a = scope.querySelector(sel); const slug = a && findSlugInHref(a.getAttribute('href')); if (slug) return a; } return null; } /* Build Google Calendar link; ensure page URL appears exactly once */ function buildGoogleLink(slug, card, moreHref){ const tEl = card.querySelector('.events-post_title a, .post_title a, .events-post_title, .post_title, h2, h3, .entry-title'); let title = tEl ? (tEl.textContent || 'Event').trim() : 'Event'; const detailsUrl = moreHref || window.location.href; const meta = eventMeta[slug] || {location:"TBC", dates:"", details:""}; let details = ""; if (placeholderSlugs.includes(slug)) { details = placeholderDisclaimer; } if (meta.details && meta.details.trim()) { details += (details ? "\n\n" : "") + meta.details.trim(); } // Always add a single 'Event details:' line with the page URL if (!details.includes(detailsUrl)) { details += (details ? "\n\n" : "") + "Event details: " + detailsUrl; } return 'https://calendar.google.com/calendar/render?action=TEMPLATE' + '&text=' + encodeURIComponent(title) + '&details=' + encodeURIComponent(details) + '&location=' + encodeURIComponent(meta.location || '') + '&dates=' + (meta.dates || ''); } /* Shared dropdown */ let portal = document.querySelector('.s4s-cal-menu'); if(!portal){ portal = document.createElement('div'); portal.className = 's4s-cal-menu'; (document.readyState === 'loading') ? document.addEventListener('DOMContentLoaded', () => document.body.appendChild(portal), {once:true}) : document.body.appendChild(portal); } let currentBtn = null; /* Analytics */ function pushDL(eventName, params){ window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: eventName, ...params }); } function fireAll(calType, slug, title, pageUrl, linkUrl){ const base = { cal_type: calType, event_slug: slug || '', event_title: title || '', event_url: pageUrl || '', link_url: linkUrl || '', page_path: location.pathname, page_location: location.href, page_title: document.title }; pushDL('save_date_click', base); if (calType === 'apple_outlook') pushDL('save_date_download', base); else pushDL('save_date_google', base); } function openMenu(btn, icsUrl, gUrl, slug, title, pageUrl){ portal.innerHTML = ''; const aIcs = document.createElement('a'); aIcs.href = icsUrl; aIcs.setAttribute('download',''); aIcs.textContent = 'Apple / Outlook (.ics)'; const gLink = document.createElement('a'); gLink.href = gUrl; gLink.target = '_blank'; gLink.rel = 'noopener'; gLink.textContent = 'Google Calendar'; portal.append(aIcs, gLink); requestAnimationFrame(()=>{ const r = btn.getBoundingClientRect(); const menuW = Math.max(210, portal.offsetWidth || 210); const menuH = portal.offsetHeight || 120; let left = r.left, top = r.bottom + 6; if (left + menuW > innerWidth - 8) left = innerWidth - menuW - 8; if (top + menuH > innerHeight - 8) top = r.top - menuH - 6; portal.style.left = left + 'px'; portal.style.top = top + 'px'; portal.classList.add('is-open'); }); currentBtn = btn; portal.onclick = e => e.stopPropagation(); const makeGuard = (ms=450) => { let busy = false; return (fn) => { if (busy) return; busy = true; try { fn(); } finally { setTimeout(()=> busy = false, ms); } }; }; const guardIcs = makeGuard(); const guardGoogle = makeGuard(); aIcs.onclick = (e)=>{ e.preventDefault(); e.stopPropagation(); guardIcs(()=>{ fireAll('apple_outlook', slug, title, pageUrl, aIcs.href); aIcs.style.pointerEvents = 'none'; setTimeout(()=>{ aIcs.style.pointerEvents = ''; }, 500); setTimeout(()=>{ location.href = aIcs.href; }, 150); }); }; gLink.onclick = (e)=>{ e.preventDefault(); e.stopPropagation(); guardGoogle(()=>{ fireAll('google_calendar', slug, title, pageUrl, gLink.href); gLink.style.pointerEvents = 'none'; setTimeout(()=>{ gLink.style.pointerEvents = ''; }, 500); setTimeout(()=>{ open(gLink.href,'_blank','noopener'); }, 150); }); }; } function closeMenu(){ portal.classList.remove('is-open'); currentBtn = null; } function wireCard(card){ if (card.dataset.s4sChooser) return; const more = findPermalinkAnchor(card); if (!more) return; const slug = findSlugInHref(more.getAttribute('href')); if (!slug || !(mapBySlug[slug] || placeholderSlugs.includes(slug))) { card.dataset.s4sChooser = '1'; return; } const titleEl = card.querySelector('.events-post_title a, .post_title a, .events-post_title, .post_title, h2, h3, .entry-title'); const title = titleEl ? (titleEl.textContent || 'Event').trim() : 'Event'; const pageUrl = more.getAttribute('href'); if (mapBySlug[slug] && !card.querySelector('.s4s-save-date')){ const btn = document.createElement('a'); btn.className = 's4s-save-date'; btn.href = '#'; btn.setAttribute('role','button'); btn.textContent = 'Save date ▾'; more.insertAdjacentElement('afterend', btn); btn.addEventListener('click', function(e){ e.preventDefault(); e.stopPropagation(); if (currentBtn === btn){ closeMenu(); return; } openMenu(btn, mapBySlug[slug], buildGoogleLink(slug, card, pageUrl), slug, title, pageUrl); }); } card.dataset.s4sChooser = '1'; } function init(){ const scope = document.querySelector('.s4s-home-events'); if (!scope) return; scope.querySelectorAll('.events-post_inner').forEach(wireCard); // Add "(Placeholder)" label next to title scope.querySelectorAll('.events-post_inner').forEach(card=>{ const more = findPermalinkAnchor(card); const titleWrap = card.querySelector('.events-post_title, .post_title, h2, h3, .entry-title'); if (!more || !titleWrap || titleWrap.dataset.s4sSubtitle) return; const slug = findSlugInHref(more.getAttribute('href')); if (!slug) return; titleWrap.childNodes.forEach(n=>{ if (n.nodeType===3) n.nodeValue = n.nodeValue.replace(/\s*\(placeholder\)/ig,''); }); if (placeholderSlugs.includes(slug) && !titleWrap.querySelector('.s4s-subtitle')){ const sub = document.createElement('span'); sub.className = 's4s-subtitle'; sub.textContent = ' (Placeholder)'; titleWrap.appendChild(sub); } titleWrap.dataset.s4sSubtitle = '1'; }); document.addEventListener('click', closeMenu); document.addEventListener('keydown', e=>{ if(e.key==='Escape') closeMenu(); }); addEventListener('scroll', closeMenu, {passive:true}); } (document.readyState === 'loading') ? document.addEventListener('DOMContentLoaded', init) : init(); })();