// --- Shared events data --------------------------------------------------- // The daily job writes ONLY blocks/nevente-events (id 1613). Board pages read // it here at render time, so adding a page never means updating the cron. const BLOCK_ID = 1613; const ORIGIN = String((data.board && data.board.origin) || 'https://nevente.com').replace(/\/+$/, ''); try { const _res = await api.fetch(`${ORIGIN}/api/pages/id/${BLOCK_ID}`); if (_res && _res.ok) { const _row = await _res.json(); const _d = (_row && _row.data) || {}; if (Array.isArray(_d.events) && _d.events.length) { data.events = _d.events; if (_d.board) data.board = _d.board; if (_d.countries) data.countries = _d.countries; if (_d.resellers) data.resellers = _d.resellers; } } } catch (_e) { // keep whatever this page already has } // -------------------------------------------------------------------------- // Board: filter data.events by ?country= &city= &month= &category= &reseller= // Raw data.events is never mutated; output goes to data.view (idempotent on re-run). const MONTHS = ['Janar', 'Shkurt', 'Mars', 'Prill', 'Maj', 'Qershor', 'Korrik', 'Gusht', 'Shtator', 'Tetor', 'Nëntor', 'Dhjetor']; const MONTHS_SHORT = ['Jan', 'Shk', 'Mar', 'Pri', 'Maj', 'Qer', 'Kor', 'Gus', 'Sht', 'Tet', 'Nën', 'Dhj']; const WEEKDAYS = ['Die', 'Hën', 'Mar', 'Mër', 'Enj', 'Pre', 'Sht']; const FACETS = ['day', 'country', 'city', 'month', 'category', 'reseller']; // DAY-STRIP-VIEW // Changing a parent facet drops these child params (a city only makes sense inside its country). // ACTIVITY-FILTER: bookable tourist activities (escape games, audio tours) are // not events. The board lists events. const ACTIVITY = /audio tour|guided tour|walking tour|city tour|food tour|wine tasting|pub crawl|escape game|scavenger|city trail|sightsee|boat tour|kayak|cruise|paraglid|day trip|hop[- ]on|photoshoot|photo shoot/i; const isActivity = (ev) => ev.tourist === true || ACTIVITY.test(String(ev.title || '')); const DEPENDENTS = { country: ['city'] }; const board = data.board || {}; const labels = board.labels || {}; const lang = api.getQueryParam('lang'); const checkoutPath = board.checkoutPath || '/bileta'; const resellers = data.resellers || {}; const countries = data.countries || {}; const rawEvents = Array.isArray(data.events) ? data.events : []; const slugify = (s) => String(s || '') .toLowerCase() .normalize('NFD') .replace(/[\u0300-\u036f]/g, '') .replace(/[^a-z0-9]+/g, '-') .replace(/^-+|-+$/g, ''); const pad = (n) => String(n).padStart(2, '0'); const now = new Date(); const thisYear = now.getFullYear(); const today = `${thisYear}-${pad(now.getMonth() + 1)}-${pad(now.getDate())}`; // EDITORIAL-BUCKETS: how soon an event is decides where it is shown. const _iso = (dt) => `${dt.getFullYear()}-${pad(dt.getMonth() + 1)}-${pad(dt.getDate())}`; const tomorrow = _iso(new Date(now.getTime() + 86400000)); const _dow = (now.getDay() + 6) % 7; // 0 = Monday const _weekStart = new Date(now.getTime() - _dow * 86400000); const THIS_WEEK_END = _iso(new Date(_weekStart.getTime() + 6 * 86400000)); const NEXT_WEEK_END = _iso(new Date(_weekStart.getTime() + 13 * 86400000)); const selected = {}; for (const k of FACETS) { const v = api.getQueryParam(k); if (v) selected[k] = k === 'country' ? v.toUpperCase() : v.toLowerCase(); } const explicitAll = api.getQueryParam('all'); // "Pastro" sets this: show everything const noParams = FACETS.every((k) => !selected[k]); // DEFAULT-COUNTRY: a fresh visit lands on Albania. Any filter, or ?all=1, overrides it. if (noParams && !explicitAll) selected.country = 'AL'; function enrich(ev) { const [y, m, d] = String(ev.date || '').split('-').map(Number); const resellerKey = String(ev.reseller || '').toLowerCase(); const reseller = resellers[resellerKey] || { name: ev.reseller || '', platform: 'external' }; const resellerName = reseller.name || resellerKey; const isMyCredit = reseller.platform === 'mycredit'; const mc = ev.mycredit || {}; const storeId = String(mc.storeId || reseller.storeId || ''); const eventId = String(mc.eventId || ''); const countryCode = String(ev.countryCode || '').toUpperCase(); const countryName = countries[countryCode] || countryCode; const ownPage = ev.slug ? '/' + String(ev.slug).replace(/^\/+/, '') : ''; let kind = 'soon'; let ctaHref = ''; let ctaLabel = labels.soon || 'Së shpejti'; if (ev.status === 'soldout') { kind = 'soldout'; ctaLabel = labels.soldOut || 'Sold out'; } else if (isMyCredit && ownPage) { kind = 'buy'; ctaHref = ownPage; ctaLabel = labels.buy || 'Bli bileta'; } else if (isMyCredit && storeId && eventId) { kind = 'buy'; const qs = new URLSearchParams({ store: storeId, event: eventId, name: ev.title || '' }); ctaHref = `${checkoutPath}?${qs.toString()}`; ctaLabel = labels.buy || 'Bli bileta'; } else if (!isMyCredit && ev.url) { kind = 'external'; ctaHref = ev.url; ctaLabel = (labels.buyAt || '{reseller} ↗').replace('{reseller}', resellerName); } else if (ev.status === 'free') { kind = 'free'; ctaLabel = labels.free || 'Falas'; } const external = kind === 'external'; // a page of its own under events/ if the harvester built one (SEO: the board // links internally, the ticket link stays a button on that page) const weekday = y && m && d ? WEEKDAYS[new Date(Date.UTC(y, m - 1, d)).getUTCDay()] : ''; const monthName = m ? MONTHS[m - 1] : ''; // Which "when" slot this event belongs to. Today and tomorrow are named, because // "Sot" is what a reader is actually looking for; later dates keep the weekday. const dateStr = String(ev.date || ''); let bucket = '', bucketLabel = '', bucketShort = '', dateTag = '', badgeTop = '', badgeBottom = ''; const soon = dateStr === today || dateStr === tomorrow; if (dateStr === today) { bucket = 'sot'; } else if (dateStr === tomorrow) { bucket = 'neser'; } else if (dateStr && dateStr <= THIS_WEEK_END) { bucket = 'kjo-jave'; } else if (dateStr && dateStr <= NEXT_WEEK_END) { bucket = 'java-tjeter'; } else if (y && m) { bucket = `${y}-${pad(m)}`; } if (bucket === 'sot') bucketLabel = labels.today || 'Sot'; else if (bucket === 'neser') bucketLabel = labels.tomorrow || 'Nesër'; else if (bucket === 'kjo-jave') bucketLabel = labels.thisWeek || 'Këtë javë'; else if (bucket === 'java-tjeter') bucketLabel = labels.nextWeek || 'Javën tjetër'; else bucketLabel = m ? `${monthName} ${y}` : ''; bucketShort = (bucket === 'java-tjeter') ? (labels.nextWeekShort || 'Java tjetër') : (soon || bucket.startsWith('kjo') ? bucketLabel : (m ? MONTHS_SHORT[m - 1] : bucketLabel)); dateTag = soon ? bucketLabel : [weekday, d && m ? `${d} ${MONTHS_SHORT[m - 1]}` : ''].filter(Boolean).join(' · '); badgeTop = soon ? bucketLabel : (d ? String(d) : ''); badgeBottom = soon ? (d && m ? `${d} ${MONTHS_SHORT[m - 1]}` : '') : (m ? MONTHS_SHORT[m - 1] : ''); return { ...ev, countryCode, countryName, day: d ? String(d) : '', weekday, monthShort: m ? MONTHS_SHORT[m - 1] : '', whenLine: [dateTag, ev.times && ev.times.length ? ev.times.join(' & ') : ev.time].filter(Boolean).join(' · '), badgeTop, badgeBottom, soon: soon ? 'true' : '', whereLine: [ev.venue, ev.city].filter(Boolean).join(' · '), resellerName, platform: isMyCredit ? 'mycredit' : 'external', kind, isPast: !!ev.date && ev.date < today, ctaHref, ctaLabel, cardHref: ctaHref || ownPage || `#ev-${slugify(ev.id || ev.title)}`, dataDay: dateStr, cardTarget: external ? '_blank' : '_self', cardRel: external ? 'noopener noreferrer' : '', anchor: `ev-${slugify(ev.id || ev.title)}`, groupKey: bucket, groupLabel: bucketLabel, groupShort: bucketShort, keys: { day: dateStr, country: countryCode, city: slugify(ev.city), month: y && m ? `${y}-${pad(m)}` : '', category: slugify(ev.category), reseller: resellerKey, }, names: { day: bucketLabel, country: countryName, city: ev.city || '', month: m ? (y === thisYear ? monthName : `${monthName} ${y}`) : '', category: ev.category || '', reseller: resellerName, }, }; } const pool = rawEvents .filter((ev) => ev && ev.title && ev.date && ev.published !== false && !isActivity(ev)) .map(enrich) .filter((ev) => board.showPast || !ev.isPast) .sort((a, b) => `${a.date} ${a.time || ''}`.localeCompare(`${b.date} ${b.time || ''}`)); const matches = (ev, except) => FACETS.every((k) => k === except || !selected[k] || ev.keys[k] === selected[k]); function hrefWith(facet, value) { const next = { ...selected }; if (value) next[facet] = value; else delete next[facet]; if (next[facet] !== selected[facet]) { for (const dep of DEPENDENTS[facet] || []) delete next[dep]; } const qs = new URLSearchParams(); for (const k of FACETS) if (next[k]) qs.set(k, next[k]); if (lang) qs.set('lang', lang); return `?${qs.toString()}#events`; } const facetLabels = board.facets || {}; const allFilters = FACETS .filter((k) => facetLabels[k] !== false) .map((k) => { const counts = new Map(); for (const ev of pool) { if (!matches(ev, k) || !ev.keys[k]) continue; const hit = counts.get(ev.keys[k]) || { value: ev.keys[k], label: ev.names[k], count: 0 }; hit.count += 1; counts.set(ev.keys[k], hit); } const opts = [...counts.values()].sort((a, b) => k === 'month' ? a.value.localeCompare(b.value) : a.label.localeCompare(b.label)); return { key: k, label: facetLabels[k] || k, options: [ { label: labels.all || 'Të gjitha', count: '', href: hrefWith(k, ''), active: String(!selected[k]) }, ...opts.map((o) => ({ label: o.label, count: String(o.count), href: hrefWith(k, o.value), active: String(selected[k] === o.value), })), ], }; }); const filters = allFilters.filter((g) => g.options.length > 2 || selected[g.key]); const visible = pool.filter((ev) => matches(ev, null)); // The next event takes the editorial slot. Bookable tourist activities (escape // games, audio tours) must never be the face of the board, so they are skipped // even when they are the soonest thing on the calendar. // SLIDER-VIEW: the slider carries what is on TODAY (falling back to the next event). const focusDay = selected.day || today; // the slider follows the picked day const dayEvents = visible.filter((ev) => ev.date === focusDay && !isActivity(ev)); // SLIDER: today's events first, then topped up with the soonest upcoming ones, so // a narrow filter (one country, one day) still yields a carousel rather than a // single stranded card. const sliderPool = (() => { // DELIBERATELY filter-independent: the hero is the shop window, so it reads the whole // published feed and keeps showing the soonest events whatever the visitor filters below. const HORIZON = 14; // days: never surface an event further out than this const within = (ev) => { const t = Date.parse(ev.dateIso || ev.date || ''); return isNaN(t) ? true : t <= Date.now() + HORIZON * 86400000; }; // FILTER-AWARE: the hero reads what the visitor's filters leave behind (with no filter that is // the whole published feed), so picking a country or a day carries into the shop window too. const cand = visible .filter((ev) => !isActivity(ev) && within(ev)) .slice() .sort((a, b) => String(a.dateIso || a.date).localeCompare(String(b.dateIso || b.date))); const byType = new Map(); for (const ev of cand) { const k = ev.category || 'Tjeter'; if (!byType.has(k)) byType.set(k, []); byType.get(k).push(ev); } const types = [...byType.keys()]; const out = []; // Tile 0 is pinned to the soonest event: the collage always opens on what is next. const lead = cand[0]; if (lead) out.push(lead); // The rest take one type each (a different type per tile, the whole ring shifting once a day) // and every tile then walks its OWN list on its OWN interval — 1h, 2h, 3h, 4h, 6h — so the // mosaic renews one piece at a time and never lurches as a block. Inside an interval a tile is // frozen, so a refresh shows exactly what was there a moment ago. const PERIODS = [0, 3600000, 2 * 3600000, 3 * 3600000, 4 * 3600000, 6 * 3600000]; const leadType = lead ? (lead.category || 'Tjeter') : null; const ring = types.filter((t) => t !== leadType); const dayTurn = Math.floor(Date.now() / 86400000); for (let i = 1; i < 6 && out.length < 6 && ring.length; i++) { const beat = Math.floor(Date.now() / PERIODS[i]); // this tile's own interval const arr = byType.get(ring[(dayTurn + i) % ring.length]); if (!arr || !arr.length) continue; out.push(arr[beat % arr.length]); } for (const ev of cand) { if (out.length >= 6) break; if (out.indexOf(ev) === -1) out.push(ev); } return out; })(); const heroEv = sliderPool[0] || null; const listPool = visible.filter((ev) => sliderPool.indexOf(ev) === -1); const bucketCount = new Map(); for (const ev of visible) bucketCount.set(ev.groupKey, (bucketCount.get(ev.groupKey) || 0) + 1); const groups = []; for (const ev of listPool) { let g = groups[groups.length - 1]; if (!g || g.key !== ev.groupKey) { g = { key: ev.groupKey, label: ev.groupLabel, short: ev.groupShort, events: [] }; groups.push(g); } g.events.push(ev); } const countText = (n) => (n === 1 ? labels.countOne || '{n} event' : labels.countMany || '{n} evente').replace('{n}', String(n)); for (const g of groups) g.count = countText(g.events.length); // anchor: the first day a group covers — the day strip matches chips on it for (const g of groups) g.anchor = (g.events.map((e) => e.keys && e.keys.day).filter(Boolean).sort()[0]) || (/^\d{4}-\d{2}$/.test(g.key) ? g.key + '-01' : ''); // Day dividers: one before each day's events inside a group, so a multi-day // bucket reads as days and the strip has per-day anchors to sync to. for (const g of groups) { const perDay = {}; for (const e of g.events) { const k = e.keys && e.keys.day; if (k) perDay[k] = (perDay[k] || 0) + 1; } const items = []; let lastDay = ''; for (const e of g.events) { const dk = e.keys && e.keys.day; if (dk && dk !== lastDay) { lastDay = dk; const dt = new Date(dk + 'T12:00:00'); items.push({ kind: 'day', anchor: 'd-' + dk, dataDay: dk, groupKey: g.key, groupLabel: g.label, title: `${WEEKDAYS[dt.getDay()]} ${Number(String(dk).slice(8))}`, whenLine: countText(perDay[dk] || 1), cardHref: '', cardTarget: '_self', cardRel: '', whereLine: '', tag: '', image: '', }); } items.push(e); } g.events = items; } // HEADLINE: the heading names what you filtered to, not a generic slogan. const _pick = visible[0]; const headline = (() => { if (!_pick) return board.title || 'Eventet në Ballkan'; if (selected.city) return `Eventet në ${_pick.names.city}`; if (selected.country) return `Eventet në ${_pick.names.country}`; if (selected.month) return `Eventet në ${_pick.names.month}`; if (selected.day) return _pick.date === today ? (labels.today || 'Sot') : _pick.date === tomorrow ? (labels.tomorrow || 'Nesër') : `Eventet më ${_pick.day} ${_pick.monthShort}`; if (selected.category) return `${_pick.names.category}, kudo në Ballkan`; if (selected.reseller) return `Biletat nga ${_pick.resellerName}`; return board.title || 'Eventet në Ballkan'; })(); const hasFilters = Object.keys(selected).length > 0; const activeNames = FACETS .filter((k) => selected[k]) .map((k) => { const hit = pool.find((ev) => ev.keys[k] === selected[k]); return hit ? hit.names[k] : selected[k]; }); // —— Day strip: the next two weeks, one tap per day —— // counts ignore the day filter itself, so picking a day does not zero the others const dayCounts = new Map(); for (const ev of pool) if (ev.date && matches(ev, 'day')) dayCounts.set(ev.date, (dayCounts.get(ev.date) || 0) + 1); const dayStrip = []; // One chip per day that actually has events (not the next N calendar days), so the // strip covers the whole board and every day divider has a chip to select. for (const key of [...dayCounts.keys()].sort()) { const dt = new Date(key + 'T12:00:00'); const dow = dt.getDay(); // 0 = Sunday, 6 = Saturday dayStrip.push({ label: key === today ? (labels.today || 'Sot') : key === tomorrow ? (labels.tomorrow || 'Nesër') : `${WEEKDAYS[dow]} ${dt.getDate()}`, count: String(dayCounts.get(key) || 0), href: hrefWith('day', key), active: String(selected.day === key), weekend: (dow === 0 || dow === 6) ? 'true' : '', }); } const hero = heroEv ? { title: heroEv.title, whenLine: heroEv.whenLine, whereLine: heroEv.whereLine, image: heroEv.image || board.ogImage || '', ctaLabel: heroEv.ctaLabel, cardHref: heroEv.cardHref, cardTarget: heroEv.cardTarget, cardRel: heroEv.cardRel, anchor: heroEv.anchor, tag: [heroEv.category, heroEv.countryCode].filter(Boolean).join(' · '), soon: heroEv.soon, } : { title: '', whenLine: '', whereLine: '', image: '', ctaLabel: '', tag: '', soon: '', cardHref: '#events', cardTarget: '_self', cardRel: '', anchor: '', }; data.view = { headline, hero, heroes: sliderPool.map((h) => ({ title: h.title, whenLine: h.whenLine, whereLine: h.whereLine, image: h.image || board.ogImage || '', ctaLabel: h.ctaLabel, cardHref: h.cardHref, cardTarget: h.cardTarget, cardRel: h.cardRel, anchor: h.anchor, tag: [h.category, h.countryCode].filter(Boolean).join(' · '), soon: h.soon, })), groups, filters, monthRail: dayStrip, result: { count: String(visible.length), countLabel: countText(visible.length), summary: activeNames.join(' · '), hasFilters: String(hasFilters), filterLabel: hasFilters ? activeNames.slice(0, 2).join(' · ') + (activeNames.length > 2 ? ` +${activeNames.length - 2}` : '') : labels.filter || 'Filtro', clearHref: lang ? `?lang=${encodeURIComponent(lang)}&all=1#events` : '?all=1#events', clearLabel: labels.clear || 'Pastro', empty: visible.length ? '' : labels.empty || 'Asnjë event për këto filtra.', hasResults: String(visible.length > 0), }, }; /* HERO-ROTATE: the collage renews one tile at a time for whoever is looking at it — each tile on its own cadence, all well inside the hour. Client-side only: the server-rendered six stay the base state, it pauses in a hidden tab, and it stands down under prefers-reduced-motion. Candidates come from view.groups (the payload the board already ships): in the browser the page's api.fetch is a server-side helper, so data.events is empty there. Each group's events include the day-divider rows (kind 'day'), which are not tiles and must be skipped. */ (function () { var diag = { ok: false, reason: '', swaps: 0 }; window.__nvHeroRotate = diag; var row = document.querySelector('.nvb-hero-row'); if (!row) { diag.reason = 'no-row'; return; } if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) { diag.reason = 'reduced-motion'; return; } var evs = []; ((data.view && data.view.groups) || []).forEach(function (g) { (g.events || []).forEach(function (e) { if (e && e.kind !== 'day' && e.title && e.image) evs.push(e); }); }); diag.candidates = evs.length; if (evs.length < 9) { diag.reason = 'few-events:' + evs.length; return; } var when = function (e) { return String(e.dataDay || e.dateIso || ''); }; var typeOf = function (e) { return String(e.category || '').trim() || 'Tjeter'; }; var byType = {}; evs.forEach(function (e) { var k = typeOf(e) || 'Tjeter'; (byType[k] = byType[k] || []).push(e); }); Object.keys(byType).forEach(function (k) { byType[k].sort(function (a, b) { return when(a).localeCompare(when(b)); }); }); var soonest = evs.slice().sort(function (a, b) { return when(a).localeCompare(when(b)); }).slice(0, 4); var SECONDS = [120, 20, 35, 50, 70, 100]; // per tile, every one different diag.ok = true; diag.reason = 'running'; diag.intervals = SECONDS.slice(); diag.types = Object.keys(byType).length; var nextAt = {}; var cursor = 0; var tilesNow = function () { return Array.prototype.filter.call(row.children, function (el) { return el.classList && el.classList.contains('nvb-hero'); }); }; var text = function (el, sel) { var n = el.querySelector(sel); return n ? String(n.textContent) : ''; }; var titlesOnScreen = function () { return tilesNow().map(function (el) { return text(el, '.nvb-hero-title'); }); }; var paint = function (el, ev) { var img = el.querySelector('.nvb-hero-media img'); var body = el.querySelector('.nvb-hero-body'); var apply = function () { if (img) { img.src = ev.image; img.alt = ev.title || ''; img.style.opacity = '1'; } var set = function (sel, val) { var n = el.querySelector(sel); if (n) n.textContent = val || ''; }; set('.nvb-hero-when', ev.whenLine); set('.nvb-hero-title', ev.title); set('.nvb-hero-where', ev.whereLine); set('.nvb-hero-tag', [ev.category, ev.countryCode].filter(Boolean).join(' \u00b7 ')); if (ev.cardHref) el.setAttribute('href', ev.cardHref); if (ev.cardTarget) el.setAttribute('target', ev.cardTarget); if (ev.cardRel) el.setAttribute('rel', ev.cardRel); if (ev.anchor) el.setAttribute('id', ev.anchor); if (body) body.style.opacity = '1'; }; if (body) body.style.opacity = '0'; if (img) { img.style.opacity = '0'; setTimeout(apply, 240); } else apply(); }; var tick = function () { if (document.hidden) return; var tiles = tilesNow(); if (!tiles.length) return; var now = Date.now(); var onScreen = titlesOnScreen(); tiles.forEach(function (el, i) { var due = nextAt[i] || (nextAt[i] = now + (SECONDS[i] || 60) * 1000); if (now < due) return; nextAt[i] = now + (SECONDS[i] || 60) * 1000; // stay inside the tile's own type; when that type has nothing left to rotate to, step to // the next type in the ring rather than falling back to any event on the board var t = text(el, '.nvb-hero-tag').split('\u00b7')[0].trim(); var ring = Object.keys(byType); var taken = tiles.map(function (x) { return text(x, '.nvb-hero-tag').split('\u00b7')[0].trim(); }); var list = byType[t]; if (!list || list.length < 2) { // step to a type this tile can actually rotate in, preferring one no other tile is // already showing — otherwise every thin type collapses into the biggest one var start = ring.indexOf(t); for (var pass = 0; pass < 2 && (!list || list.length < 2); pass++) { for (var step = 1; step <= ring.length; step++) { var k = ring[(start + step + ring.length) % ring.length]; if (!byType[k] || byType[k].length < 2) continue; if (pass === 0 && taken.indexOf(k) !== -1) continue; list = byType[k]; break; } } } if (i === 0) list = soonest; if (!list || !list.length) list = evs; // RANDOM, not a walk: take a random event from this tile's list, skipping anything a tile // is already showing (and what this tile shows now), so the collage shuffles for each // visitor instead of marching through the same order every time. var shown = tiles.map(function (x) { return text(x, '.nvb-hero-title'); }); var pickable = list.filter(function (c) { return shown.indexOf(c.title) === -1 && c.title !== text(el, '.nvb-hero-title'); }); if (!pickable.length) pickable = list; var cand = pickable[Math.floor(Math.random() * pickable.length)]; if (cand) { paint(el, cand); diag.swaps++; } }); }; setInterval(tick, 1000); setTimeout(tick, 1200); })(); /* MENU-FILTERS (desktop): the facet groups — country, city, month, type, tickets — belong behind the nav's menu toggle, not in a bar under it. Drawn from the payload the page already ships (data.view.filters): every option is a plain link with its count, so there is no apply step. The toggle itself is the shared nav block's; it is hidden below 768px, where the board's own sub-nav carries the filters. */ (function () { if (typeof document === 'undefined') return; var groups = (data.view && data.view.filters) || []; if (!groups.length) return; function boot() { var nav = document.querySelector('header.nv-nav'); if (!nav || nav.querySelector('.nv-menu-panel__grid')) return; var grid = document.createElement('div'); grid.className = 'nv-menu-panel__grid'; groups.forEach(function (g) { var opts = (g && g.options) || []; if (opts.length < 2) return; var col = document.createElement('div'); var title = document.createElement('p'); title.className = 'nv-menu-facets__title'; title.textContent = g.label || g.key || ''; col.appendChild(title); var list = document.createElement('div'); list.className = 'nv-menu-facets__list'; opts.forEach(function (o) { var a = document.createElement('a'); a.className = 'nv-menu-facet' + (String(o.active) === 'true' ? ' is-on' : ''); a.href = o.href || '#events'; var span = document.createElement('span'); span.textContent = o.label || ''; a.appendChild(span); if (o.count) { var b = document.createElement('b'); b.textContent = o.count; a.appendChild(b); } list.appendChild(a); }); col.appendChild(list); grid.appendChild(col); }); if (!grid.childNodes.length) return; var panel = nav.querySelector('.nv-menu-panel'); if (!panel) { panel = document.createElement('div'); panel.className = 'nv-menu-panel'; nav.appendChild(panel); } panel.insertBefore(grid, panel.firstChild); } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot); else boot(); })();