Your adventure starts here.

(function(){ // Global guard (om scriptet råkar hamna flera gånger) if (window.__UPZ_ACTIVITY_AVAIL_SORT_INITED__) return; window.__UPZ_ACTIVITY_AVAIL_SORT_INITED__ = true; // --------------------------- // Config // --------------------------- const LS_KEY = (window.UPZ_BOOKING && UPZ_BOOKING.lsKey) ? UPZ_BOOKING.lsKey : "selected_park"; const PARK_LABELS = { goteborg: "Göteborg", boras: "Borås", kalmar: "Kalmar", skovde: "Skövde", sollentuna: "Sollentuna", angelholm: "Ängelholm", }; function getSelectedPark(){ try { return (localStorage.getItem(LS_KEY) || "").trim().toLowerCase(); } catch(e){ return ""; } } function labelForSlug(slug, card){ slug = String(slug || "").toLowerCase().trim(); if (!slug) return ""; if (PARK_LABELS[slug]) return PARK_LABELS[slug]; const termEls = card.querySelectorAll(".elementor-post-info__terms-list-item"); for (const el of termEls) { const name = (el.textContent || "").trim(); if (!name) continue; const guess = name.toLowerCase() .replace(/å/g,"a").replace(/ä/g,"a").replace(/ö/g,"o") .replace(/\s+/g,"-").replace(/[^\w-]/g,""); if (guess === slug) return name; } return slug.charAt(0).toUpperCase() + slug.slice(1); } function formatList(arr){ const a = arr.filter(Boolean); if (!a.length) return ""; if (a.length === 1) return a[0]; if (a.length === 2) return `${a[0]} & ${a[1]}`; return `${a.slice(0, -1).join(", ")} & ${a[a.length - 1]}`; } function setIconListText(rowEl, text){ if (!rowEl) return; const textEl = rowEl.querySelector(".elementor-icon-list-text") || rowEl; if (textEl) textEl.textContent = text; } function show(el){ if (el) el.style.display = ""; } function hide(el){ if (el) el.style.display = "none"; } function getOrterSlugsFromCard(card){ const slugs = []; card.classList.forEach(cls => { if (cls.indexOf("orter-") === 0) slugs.push(cls.slice("orter-".length)); }); return Array.from(new Set(slugs.map(s => String(s).toLowerCase().trim()).filter(Boolean))); } // --------------------------- // Update one slide/card // + set availability attribute // --------------------------- function updateCard(card){ const slugs = getOrterSlugsFromCard(card); if (!slugs.length) return; const selected = getSelectedPark(); const isAvailable = !!selected && slugs.includes(selected); // mark for sorting card.dataset.upzAvailable = isAvailable ? "1" : "0"; const tillgRow = card.querySelector(".tillg"); const ejRow = card.querySelector(".ej-tillg"); if (isAvailable) { const selectedLabel = labelForSlug(selected, card); show(tillgRow); setIconListText(tillgRow, `Tillgängligt i ${selectedLabel}`); hide(ejRow); } else { hide(tillgRow); const all = slugs.map(s => labelForSlug(s, card)); show(ejRow); setIconListText(ejRow, `Finns i ${formatList(all)}`); } } // --------------------------- // Sort within a swiper-wrapper // Available first, unavailable last // --------------------------- function sortWrapper(wrapper){ if (!wrapper) return; // Hämta "original" slides (inte duplicates) så långt det går const slides = Array.from(wrapper.children).filter(el => { if (!(el instanceof HTMLElement)) return false; if (!el.classList.contains("e-loop-item")) return false; // undvik swiper duplicates om möjligt if (el.classList.contains("swiper-slide-duplicate")) return false; return true; }); if (!slides.length) return; // stabil sort: behåll befintlig ordning inom varje grupp const withIndex = slides.map((el, idx) => ({ el, idx, avail: el.dataset.upzAvailable === "1" ? 1 : 0 })); withIndex.sort((a, b) => { // available först if (b.avail !== a.avail) return b.avail - a.avail; // annars behåll originalordning return a.idx - b.idx; }); // re-append i ny ordning const frag = document.createDocumentFragment(); withIndex.forEach(x => frag.appendChild(x.el)); wrapper.appendChild(frag); } // --------------------------- // Find swiper instance for wrapper and refresh it safely // --------------------------- function refreshSwiperFor(wrapper){ const swiperEl = wrapper.closest(".swiper"); const swiper = swiperEl && swiperEl.swiper ? swiperEl.swiper : null; if (!swiper) return; // Om loop är på: förstör och återskapa loop så duplicates uppdateras if (swiper.params && swiper.params.loop) { try { swiper.loopDestroy(); } catch(e){} swiper.update(); try { swiper.loopCreate(); } catch(e){} swiper.update(); } else { swiper.update(); } } // --------------------------- // Update + sort all carousels on page // --------------------------- function updateAndSortAll(root=document){ // uppdatera alla cards först (sätter data-upz-available) root.querySelectorAll(".e-loop-item").forEach(updateCard); // sortera per wrapper const wrappers = root.querySelectorAll(".swiper-wrapper"); wrappers.forEach(wrapper => { sortWrapper(wrapper); refreshSwiperFor(wrapper); }); } // Init if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", () => updateAndSortAll(document)); } else { updateAndSortAll(document); } // Re-run on park change window.addEventListener("upz:parkchange", () => updateAndSortAll(document)); // Handle loop items loaded later (swiper/filters/ajax) const mo = new MutationObserver((mutations) => { for (const m of mutations) { for (const node of m.addedNodes) { if (!(node instanceof HTMLElement)) continue; if (node.matches?.(".swiper-wrapper, .e-loop-item") || node.querySelector?.(".swiper-wrapper, .e-loop-item")) { updateAndSortAll(node); } } } }); mo.observe(document.documentElement, { childList: true, subtree: true }); })(); /* ❌ Otillgänglig */ .e-loop-item[data-upz-available="0"] img.tillg-bild, .e-loop-item[data-upz-available="0"] .tillg-bild img, .e-loop-item[data-upz-available="0"] .elementor-widget-image.tillg-bild img{ filter: grayscale(100%) !important; } /* ✅ Tillgänglig (reset) */ .e-loop-item[data-upz-available="1"] img.tillg-bild, .e-loop-item[data-upz-available="1"] .tillg-bild img, .e-loop-item[data-upz-available="1"] .elementor-widget-image.tillg-bild img{ filter: none !important; }