// $FUNCTIONS DEFINITION window.$functions = { buildJsonLD, getCurrentYear, getRessortPreviewClassNames, getHomeRessortPreviewName, getRessortName, getRessortLink, handleAppBarHighlighting, getArticlePublicationDateFormatted, getArticleAuthorDataMarkup, getFeaturedImageMarkup, getFeaturedImageCaptionMarkup, getPrimaryCategoryOrFirstCategory, setMenuState, getShareLink, getOverline, pagination, getErrorReportMailTo, getRessortPostsListClass, purpleRelatedArticle, edpLocation, handleContentBodyPaywall, linkType, currentURL, getCurrentLocationEncoded, getJsonLdArticle, getJsonLdHome, hasVideoTeaser, getPaywallConfigField, getPaywallConfigFieldArrayPath, getCurrentLocation, getInto, setArticleTitle, setArticleDescription, setTaxonomyTitle, setTaxonomyDescription, setPageTitle, setPageDescription, getArticleId, setAds, setWetterfeldAd, setFrontAds1, setFrontAds2, setFrontAds3, setFrontAds4, getButtonMarkupByType, isExternalLink }; // $FUNCTIONS function getPaywallConfigField(field_id, config_id, paywallConfigs) { //\$global.appSettings.options_settings.config_paywall.default.content_headline let config = paywallConfigs.find( (config) => config.config_id === config_id ); return paywallConfigs && config[field_id] ? `${config[field_id]}` : ""; } function getPaywallConfigFieldArrayPath(field_id, config_id, paywallConfigs) { let config = paywallConfigs.find( (config) => config.config_id === config_id ); let string = `\$global.appSettings.options_settings.paywall_configs_2[${paywallConfigs.indexOf( config )}]['${field_id}']`; return string; } function getCurrentLocation(pathUrl) { return location.href; } function getInto(contentHtml) { const parser = new DOMParser(); const doc = parser.parseFromString(contentHtml, "text/html"); const introParagraphs = doc.querySelectorAll("p.intro"); if (introParagraphs.length > 0) { const excerptContainer = document.querySelector( 'storefront-element[child-id="post-excerpt"]' ); if (excerptContainer instanceof HTMLElement) { excerptContainer.style.display = "none"; } return Array.from(introParagraphs) .map((p) => p.outerHTML) .join(""); } return ""; } function setArticleTitle(seoName, contextName, globalTitle) { // console.log("seoName", seoName); // console.log("contextName", contextName); const parsedSeoName = JSON.parse(seoName).og_title || ""; // console.log("parsedSeoName", parsedSeoName); if (parsedSeoName) { return parsedSeoName; } else { return `${contextName} | ${globalTitle}` || ""; } } function setArticleDescription(seoDes, contextDes) { const parsedSeoDes = JSON.parse(seoDes).description || ""; const cleanDesName = contextDes.replace(/<\/?p>/g, ""); // console.log("seoDes", seoDes); // console.log("contextDes", contextDes); // console.log("parsedSeoDes", parsedSeoDes); if (parsedSeoDes) { return parsedSeoDes; } else { return cleanDesName || ""; } } function setTaxonomyTitle(taxName, taxSeoTitle, globalTitle) { // console.log("taxName", taxName); // console.log("taxSeoTitle", taxSeoTitle); // console.log("globalTitle", globalTitle); if (taxSeoTitle) { const parsedtaxSeoTitle = JSON.parse(taxSeoTitle).title || ""; // console.log("parsedtaxSeoTitle", parsedtaxSeoTitle); return parsedtaxSeoTitle; } return taxName ? `${taxName} | ${globalTitle}` : ""; } function setTaxonomyDescription(desName, taxSeoDes) { const parsedtaxSeoDes = JSON.parse(taxSeoDes).description || ""; const cleanDesName = desName.replace(/<\/?p>/g, ""); // console.log("desName", desName); // console.log("taxSeoDes", taxSeoDes); // console.log("parsedtaxSeoDes", parsedtaxSeoDes); // console.log("cleanDesName", cleanDesName); if (parsedtaxSeoDes) { return parsedtaxSeoDes; } else { return cleanDesName || ""; } } function setPageTitle(seoName, contextName, globalTitle) { // console.log("seoName", seoName); // console.log("contextName", contextName); const parsedSeoName = JSON.parse(seoName).og_title || ""; // console.log("parsedSeoName", parsedSeoName); if (parsedSeoName) { return parsedSeoName; } else { return `${contextName} | ${globalTitle}` || ""; } } function setPageDescription(seoDes, contextDes) { const parsedSeoDes = JSON.parse(seoDes).description || ""; const cleanDesName = contextDes.replace(/<\/?p>/g, ""); // console.log("seoDes", seoDes); // console.log("contextDes", contextDes); // console.log("parsedSeoDes", parsedSeoDes); if (parsedSeoDes) { return parsedSeoDes; } else { return cleanDesName || ""; } } function getArticleId(deviceType = "", adIdPartial = "") { const deviceTypeCapitalized = deviceType.charAt(0).toUpperCase() + deviceType.slice(1); return deviceTypeCapitalized + adIdPartial; } function setAds(desktopAd, tabletAd, mobileAd, device) { if (device === "desktop" && desktopAd !== "noad") { console.log("DesktopAd", `Desktop_Front${desktopAd}`); return `Desktop_Front${desktopAd}`; } else if (device === "tablet" && tabletAd !== "noad") { console.log("TabletAd", `Tablet_Front${tabletAd}`); return `Tablet_Front_WB${tabletAd}`; } else if (device === "mobile" && mobileAd !== "noad") { console.log("MobileAd", `Mobile_Front${mobileAd}`); return `Mobile_Front_WB_${mobileAd}`; } else { return; } } function setWetterfeldAd(desktopAd, tabletAd, mobileAd, device) { if (device === "desktop") { return `${desktopAd}_Wetterfeld`; } else if (device === "tablet") { return `${tabletAd}_Wetterfeld`; } else if (device === "mobile") { return `${mobileAd}_Wetterfeld`; } } function setFrontAds1(desktopAd, tabletAd, device) { if (device === "desktop") { return `${desktopAd}2`; } else if (device === "tablet") { return `${tabletAd}2`; } } function setFrontAds2(desktopAd, tabletAd, device) { if (device === "desktop") { return `${desktopAd}3`; } else if (device === "tablet") { return `${tabletAd}3`; } } function setFrontAds3(desktopAd, tabletAd, device) { if (device === "desktop") { return `${desktopAd}4`; } else if (device === "tablet") { return `${tabletAd}4`; } } function setFrontAds4(desktopAd, tabletAd, device) { if (device === "desktop") { return `${desktopAd}5`; } else if (device === "tablet") { return `${tabletAd}5`; } } function purpleRelatedArticle(content, index) { if (!content || !content.properties) { return undefined; } const { properties } = content; const articles = [ properties["purple_related_articles.0"], properties["purple_related_articles.1"], properties["purple_related_articles.2"], // TODO this may change https://purplepublish.atlassian.net/browse/BACKEND-5190 ]; return articles[index] || ""; } function getErrorReportMailTo(content) { const subject = encodeURIComponent(`Hinweis auf Fehler: ${content.name}`); const body = encodeURIComponent( `Ich habe in diesem Artikel einen Fehler entdeckt: ${document.location.href}` ); const mailtoLink = `mailto:redaktion@zol.ch?subject=${subject}&body=${body}`; return mailtoLink; } function getOverline(content) { if (!content) return; const overline = content?.properties?.["meta.overline"] || ""; let html = ``; if (overline) { html += `${overline}`; } return html; } function getRessortPostsListClass(offset) { return typeof offset !== "undefined" ? `ressort-posts-list-offset-${offset}` : ""; } function getShareLink(platform, content) { const title = content.name; const url = encodeURIComponent(document.location.href); const unencodedUrl = document.location.href; switch (platform) { case "facebook": return "https://www.facebook.com/sharer.php?u=" + url; case "whatsapp": return ( "https://wa.me/?text=" + encodeURIComponent(title + " " + unencodedUrl) ); case "x": return ( "https://twitter.com/intent/tweet?url=" + url + "&text=" + encodeURIComponent(title) ); case "linkedin": return "https://www.linkedin.com/sharing/share-offsite/?url=" + url; } } function getPrimaryCategoryOrFirstCategory(taxonomies, primaryCategory) { if (!taxonomies) return; if (!primaryCategory) return { id: taxonomies[0].id, name: taxonomies[0].name }; const taxonomy = taxonomies.find( (taxonomy) => taxonomy.id === primaryCategory ); return { id: taxonomy.id, name: taxonomy.name }; } function getFeaturedImageMarkup(content, deviceWidth) { let image_url = content.thumbnails?.default; let imageWidth = deviceWidth < 1554 ? deviceWidth : 1554; // console.log("yyy", content.properties); let { image_alttext, image_author, image_caption, image_cropper_array, image_focuspoint_x, image_focuspoint_y, } = content.properties; // console.log("yyy", image_url); return `

${image_alttext} — ${image_caption ? `
${image_caption}
` : ""} ${image_author ? `
${image_author}
` : ""}

${JSON.stringify(image_cropper_array, null, 2)}

${JSON.stringify(image_focuspoint_x, null, 2)}

${JSON.stringify(image_focuspoint_y, null, 2)}

`; } function getFeaturedImageCaptionMarkup(content) { // console.log("yyy", content.properties); let { image_author, image_caption } = content.properties; return `${image_caption || image_author ? `

${image_caption ? `

${image_caption}

` : ""} ${image_author ? `

${image_author}

` : ""}

` : "" } `; } function getArticlePublicationDateFormatted(content) { let date = new Date(content.publicationDate); // Intl.DateTimeFormatOptions let options = { year: "numeric", month: "2-digit", day: "2-digit", hour: "numeric", minute: "numeric", }; // @ts-ignore let dateFormatted = new Intl.DateTimeFormat("de-CH", options).format(date); let iDontLikeIt = dateFormatted.replace(", ", " – ").replace(":", "."); return iDontLikeIt; } function getArticleAuthorDataMarkup(content) { let taxonomies = content.taxonomies; let firstAuthor = taxonomies.find((taxonomy) => taxonomy.type === "author"); let authors = taxonomies.filter((author) => author.type === "author"); let authorImageUrl = firstAuthor?.properties.bild_cdn_link; return `

${authorImageUrl && authors.length === 1 ? `

` : `` }

${authors.map((author) => author.name).join(", ")}

`; } // ! remove unstable_GlobalRessorts, its only a temparary fix for taxonomies not available via globalData var unstable_GlobalRessorts = [ { id: "blaulicht", name: "Blaulicht" }, { id: "justiz", name: "Justiz" }, { id: "sport", name: "Sport" }, { id: "empfehlung-der-redaktion", name: "Empfehlung der Redaktion" }, ]; function handleAppBarHighlighting(path, menu) { if (!path) return ""; const menuItems = menu[0].items; // console.log("menuItems", menuItems); const menuItemsFiltered = menuItems.map((item) => ({ ...item, url: item.url !== "/" ? item.url.replace(/^\/(bezirk|category|region)/, "").replace(/\/$/, "") : item.url, })); const index = menuItemsFiltered.findIndex((item) => item.url === path); if (index < 0) { return "no-highlight"; } return `highlight-${index + 1}`; } function getHomeRessortPreviewName(ressortId, ressorts) { // ! remove default value, its only a temparary fix for taxonomies not available via globalData ressorts = unstable_GlobalRessorts; // console.log("here", { ressortId, ressorts }); if (!ressortId) { return ""; } return this.getRessortName(ressortId, ressorts); } function getRessortPreviewClassNames(ressortId) { // console.log("here", { ressortId }); return ""; } function getRessortLink(ressort) { if (typeof location !== "undefined") { const params = new URLSearchParams(location.href); const isPreview = params.has("preview"); if (isPreview) { return `/${ressort}?preview=true`; } } return `/${ressort}`; } function getRessortName(ressortId, ressorts) { const ressort = (ressorts ?? []).find( (_ressort) => _ressort.id === ressortId ); return `${ressort?.name ?? "not found"}`; } function getCurrentYear() { const date = new Date(); const y = date.getFullYear(); return y; } function setMenuState(state) { console.log("state", state); return "hidden"; } function stripStartingSlash(path) { return path?.replace(/^\//g, ""); } // SEO JSON LD function buildJsonLD(content) { const JSON_LS_HELPER = { fillImages: (content, jsonLD) => { jsonLD.image = []; if (content.thumbnails?.default) { jsonLD.image.push(content.thumbnails?.default); } }, fillAuthors: (content, jsonLD) => { jsonLD.author = []; jsonLD.author = content.authors.map((a) => { return { "@type": "Person", name: a.name }; }); }, withPaywall: (content, jsonLD) => { if (content.access === "PURCHASABLE") { jsonLD.isAccessibleForFree = false; } }, hasPart: (content, jsonLD) => { if (content.access === "PURCHASABLE") { jsonLD.hasPart = { "@type": "WebPageElement", isAccessibleForFree: false, cssSelector: ".content-behind-paywall", }; } }, fillModified: (content, jsonLD) => { try { const modifiedDataTime = JSON.parse( content.properties.purple_seo_meta ).article_modified_time; if (modifiedDataTime) { jsonLD.dateModified = formatJsonLDDateTime(modifiedDataTime); } } catch (e) { } }, }; let jsonLD = { "@context": "https://schema.org", "@type": "NewsArticle", headline: content.name, datePublished: formatJsonLDDateTime(content.publicationDate), }; JSON_LS_HELPER.fillModified(content, jsonLD); JSON_LS_HELPER.fillImages(content, jsonLD); JSON_LS_HELPER.fillAuthors(content, jsonLD); JSON_LS_HELPER.withPaywall(content, jsonLD); JSON_LS_HELPER.hasPart(content, jsonLD); return JSON.stringify(jsonLD); } function formatJsonLDDateTime(dateInput) { let date = new Date(dateInput); const year = date.getFullYear(); const month = String(date.getMonth() + 1).padStart(2, "0"); const day = String(date.getDate()).padStart(2, "0"); const hours = String(date.getHours()).padStart(2, "0"); const minutes = String(date.getMinutes()).padStart(2, "0"); const seconds = String(date.getSeconds()).padStart(2, "0"); const timezoneOffset = date.getTimezoneOffset(); const timezoneOffsetHours = Math.floor(Math.abs(timezoneOffset) / 60); const timezoneOffsetMinutes = Math.abs(timezoneOffset) % 60; const timezoneSign = timezoneOffset <= 0 ? "+" : "-"; return `${year}-${month}-${day}T${hours}:${minutes}:${seconds}${timezoneSign}${String( timezoneOffsetHours ).padStart(2, "0")}:${String(timezoneOffsetMinutes).padStart(2, "0")}`; } /** * returns a String based on the current environment, so that in a view * the correct url can be used to redirect a user to an external edp login * page which needs a `redirectTarget` in order to redirect the user back * to us. * * We can not just return the given url, since the `OpenUrlAction` does not * call the provided function and does not use its return value but instead * uses the given literal. So we need this in order to use the correct url * with a condition in the view. * * Any returnTarget needs to be set by EDP */ function edpLocation() { let url = location.href; console.debug("location - url: " + url); if (url.includes("localhost")) { return "zom_sprylab_pronto"; } else if ( url.includes("purplemanager.com") && url.includes("preview=true") ) { return "zom_sprylab_purple_preview"; } else if (url.includes("staging.zo-online.ch")) { return "zo-staging"; } else { return "zom_live"; } } function currentURL() { return location.href; } function getCurrentLocationEncoded() { return encodeURIComponent(location.href); } // ------------------- // ----- PAYWALL ----- // ------------------- function paywallIsNeeded(configId, entitlementToken, isPurchasable) { let isNeeded = false; let tokenParsed; // paywall 1 config if (configId === "standard_paywall") { isNeeded = true; } // free article, no paywall if (!isPurchasable) { return false; } // No login, paywall needed if (!entitlementToken) { return true; } try { // Decode + parse entitlement token tokenParsed = JSON.parse(decodeJwt(entitlementToken)); if (tokenParsed) { // Decode + parse sub (another JWT) const subParsed = JSON.parse(decodeJwt(tokenParsed.sub)); const activeSubs = subParsed.activeSubs || []; // Check Active Subs for ZHOST const isSubscribed = activeSubs.includes("ZHOST"); // Activate Paywall if not subscribed isNeeded = !isSubscribed; } else { console.error("Error decoding entitlementToken"); isNeeded = true; } } catch (err) { console.error("Error decoding entitlementToken:", err); isNeeded = true; } return isNeeded; } function handleContentBodyPaywall(content, paywallConfigs2, entitlementToken) { // unknown paywall if (!content || !paywallConfigs2) { return "unknown-paywall"; } // purchasable let isPurchasable = content?.access === "PURCHASABLE"; // extends cloud config const paywallConfigs2Extended = paywallConfigs2.map((config) => { let isNeeded = paywallIsNeeded(config.config_id, entitlementToken, isPurchasable); return { ...config, isNeeded, }; }); let selectedPaywallConfig = paywallConfigs2Extended[0]; let needsPaywall = selectedPaywallConfig.isNeeded; executeWhenDomElementById({ elementId: "post-content-body", callback: (contentBodyElement) => { // in rare cases the mutationObserver has no time to fire because everything is already rendered // so we just fire the callback once beforehand contentBodyMutationCallBack( paywallConfigs2Extended, selectedPaywallConfig, needsPaywall ); const postContentBodyObserver = new MutationObserver( (_mutationList, _observer) => { contentBodyMutationCallBack( paywallConfigs2Extended, selectedPaywallConfig, needsPaywall ); } ); postContentBodyObserver.observe(contentBodyElement, { subtree: true, childList: true, }); }, }); return needsPaywall ? "with-paywall" : "without-paywall"; } function handlePaywall(paywallElement, paywallSettings = {}) { if (paywallElement) { paywallElement.style.setProperty( "--fadeoutHeight", `${paywallSettings.base_config?.fadeout || 0}px` ); paywallElement.style.setProperty( "--marginTop", `${paywallSettings.base_config?.offset || 0}px` ); paywallElement.style.setProperty("--opacity", 1); paywallElement.style.setProperty("--pointerEvents", "all"); } } function executeWhenDomElementById({ elementId, callback, errorMessage = "", maxWaitTimeMs = 2000, }) { // try to get the content body every {interval} milliseconds for maximum {maxWaitTimeMs} ms const interval = 100; let currentWaitTime = 0; let element = undefined; const myInterval = setInterval(() => { element = document.getElementById(elementId); if (element) { clearInterval(myInterval); callback(element); } else if (currentWaitTime > maxWaitTimeMs) { console.error( `No element with id '${elementId}' found within ${maxWaitTimeMs}ms. ${errorMessage}` ); clearInterval(myInterval); } else { currentWaitTime += interval; } }, interval); } function contentBodyMutationCallBack( paywallConfigs2Extended, selectedPaywallConfig, needsPayWall, needsDocCheck ) { const pcbi = document .getElementById("post-content-body") ?.getElementsByClassName("purple-content-body-inner")?.[0]; if (pcbi) { handleContentBody(pcbi, selectedPaywallConfig, needsPayWall, needsDocCheck); } if (needsPayWall) { // set paywall classes, styles, positions,etc. paywallConfigs2Extended.forEach((config) => { let domEl = document.querySelector( `.list-entry:has(#paywall--${config.config_id})` ); handlePaywall(domEl, config); if (config.isNeeded !== true) { let domEl = document.querySelector( `.list-entry:has(#paywall--${config.config_id})` ); domEl?.remove(); } }); } else { document.getElementById("paywall")?.parentNode.remove(); } } function handleContentBody( purpleContentBodyInner, selectedPaywallConfig, needsPayWall, needsDocCheck ) { if (!purpleContentBodyInner) { return; } let paywallSettings = selectedPaywallConfig; const behindPaywallClass = "content-behind-paywall"; const contentBlocks = purpleContentBodyInner.children; const rule = paywallSettings?.base_config?.rule; const htmlElements = paywallSettings?.base_config?.html_elements ?? ""; if (!contentBlocks || !rule) { return; } const handleHtmlElements = (validTags, amount, _contentBlocks = []) => { if (!isIterable(_contentBlocks)) { return; } let visibleTagsLeft = amount; for (const contentBlock of _contentBlocks) { if (visibleTagsLeft <= 0) { contentBlock.classList.add(behindPaywallClass); } else if ( validTags.includes(contentBlock.tagName.toLowerCase()) && contentBlock.innerHTML ) { visibleTagsLeft--; } } }; const handleWords = (amount, _contentBlocks = []) => { if (!isIterable(_contentBlocks)) { return; } let cumulatedWords = 0; for (const contentBlock of _contentBlocks) { if (cumulatedWords >= amount) { contentBlock.classList.add(behindPaywallClass); } else { const text = contentBlock.innerText; const words = (text.match(/\S+/g) ?? []).length; cumulatedWords += words; if (cumulatedWords >= amount) { contentBlock.classList.add("last-not-" + behindPaywallClass); } } } }; switch (paywallSettings.base_config.rule) { case "blocks": { const validTags = ["p"]; const amount = paywallSettings?.base_config?.amount_blocks || 0; handleHtmlElements(validTags, amount, contentBlocks); break; } case "headlines": { const validTags = ["h2", "h3", "h4", "h5", "h6"]; const amount = paywallSettings?.base_config?.amount_headlines || 0; handleHtmlElements(validTags, amount, contentBlocks); break; } case "elements": { const validTags = htmlElements.split(" ").map((tag) => tag.toLowerCase()); const amount = paywallSettings?.base_config?.amount_html_elements || 0; handleHtmlElements(validTags, amount, contentBlocks); break; } case "words": { const amount = paywallSettings?.base_config?.amount_words || 0; handleWords(amount, contentBlocks); break; } } if (needsPayWall || needsDocCheck) { const toRemove = purpleContentBodyInner.getElementsByClassName(behindPaywallClass); while (toRemove[0]) { purpleContentBodyInner.removeChild(toRemove[0]); } } } // ------------------- // --- END PAYWALL --- // ------------------- function isIterable(obj) { // checks for null and undefined if (obj == null) { return false; } return typeof obj[Symbol.iterator] === "function"; } function linkType(url) { if (!url) { return "none"; } return url.toLowerCase().startsWith("http") ? "external" : "internal"; } function decodeJwt(token) { try { let result = atob(token.split(".")[1]); return result; } catch (e) { } return "{}"; } function getJsonLdArticle(content, segmentSlugs) { // console.log("jsonld", content); const imageUrl = content.thumbnails?.default ?? ""; const title = content.name; const timePublished = toISOWithOffset(content.publicationDate); const timeModified = toISOWithOffset(content.lastModified); const authors = content.authors ?? []; const mappedAuthors = authors.map((author) => ({ "@type": "Person", name: author.name, })); const url = "https://www.zo-online.ch/" + segmentSlugs.join("/"); const description = content.description; const taxonomyPrimary = content.properties["taxonomy.category.primary"]; const taxonomies = content.taxonomies ?? []; let taxonomyMatch; if (taxonomyPrimary) { taxonomyMatch = taxonomies.find((tax) => tax.id === taxonomyPrimary); } taxonomyMatch = taxonomyMatch ?? taxonomies[0] ?? null; const taxonomyName = taxonomyMatch?.name ?? null; const taxonomyId = taxonomyMatch?.id ?? null; const isFree = content.access === "FREE"; const schemaString = `[ { "@context": "https://schema.org", "@type": "NewsArticle", "mainEntityOfPage": { "@type": "WebPage", "@id": ${JSON.stringify(url)} }, "headline": ${JSON.stringify(title)}, "image": ["${imageUrl}"], "datePublished": "${timePublished}", "dateModified": "${timeModified}", "author": ${JSON.stringify(mappedAuthors, null, 2)}, "publisher": { "@type": "Organization", "name": "ZO-Online", "logo": { "@type": "ImageObject", "url": "https://www.zo-online.ch/delivery/web/dynamicResources/23f62785-196a-48c0-af30-9c5ded7debac/storefront/assets/logo.svg" } }, "description": ${JSON.stringify(description)}, "inLanguage": "de", "articleSection": ${JSON.stringify(taxonomyName)}, "isAccessibleForFree": ${isFree} }, { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://www.zo-online.ch/" }, { "@type": "ListItem", "position": 2, "name": ${JSON.stringify(taxonomyName)}, "item": ${taxonomyId ? JSON.stringify("https://www.zo-online.ch/" + taxonomyId) : "null" } }, { "@type": "ListItem", "position": 3, "name": ${JSON.stringify(title)}, "item": ${JSON.stringify(url)} } ] } ]`; // console.log("jsonld", schemaString); return schemaString; function toISOWithOffset(timestamp) { return new Date(timestamp).toISOString(); // UTC ISO string } } function getJsonLdHome() { return `[ { "@context": "https://schema.org", "@type": "Organization", "name": "ZO-Online", "url": "https://www.zo-online.ch", "logo": { "@type": "ImageObject", "url": "https://www.zo-online.ch/delivery/web/dynamicResources/23f62785-196a-48c0-af30-9c5ded7debac/storefront/assets/logo.svg" }, "sameAs": [ "https://www.facebook.com/zueriost", "https://www.instagram.com/zo_online/", "https://x.com/zueriost" ] }, { "@context": "https://schema.org", "@type": "WebSite", "name": "ZO-Online", "url": "https://www.zo-online.ch", "potentialAction": { "@type": "SearchAction", "target": "https://www.zo-online.ch/search?phrase={search_term_string}", "query-input": "required name=search_term_string" } } ]`; } var pagination = { getPostsPerPage() { return 6; }, getShiftPage(currentPage = 1, shift = 0) { let newPage = Number(currentPage) + Number(shift); // console.log("bbb getShiftPage", { // currentPage, // shift, // newPage, // }); return newPage; }, getPostsOffset(currentPage = 1, postsPerPage, offsetPage = 0) { // console.log("bbb getPostsOffset", { // currentPage, // postsPerPage, // offsetPage, // }); postsPerPage = Number(postsPerPage); currentPage = Number(currentPage); offsetPage = Number(offsetPage); currentPage = currentPage + offsetPage - 1; let offsetByPage = currentPage * postsPerPage; return offsetByPage; }, getButtonClasses(currentPage = 1, customDataElement, next, afterNext) { const test = { next, afterNext }; currentPage = Number(currentPage); let { id, value } = customDataElement; let targetPage = currentPage + value; let className = ""; if (id) { className += `id--${id}`; } if (typeof value === "number") { className += ` value--${id}`; } if (targetPage < 1) { className += " target-page-invalid"; } if (customDataElement.listKey && !test[customDataElement.listKey]?.length) { className += " target-page-invalid"; } // console.log("lists", { // currentPage, // customDataElement, // next, // afterNext, // className, // }); return className; }, }; function hasVideoTeaser(link) { return link ? "has-video-teaser" : ""; } function getButtonMarkupByType(items, index) { let item = items[index]; console.log(item); let markup = `tt` return markup; return items[index].name; } function isExternalLink(url) { let isExternal = url.startsWith("http"); return isExternal } function getItemByIndex(items, index) { return items[index]; }

Bezirk Hinwil

Bezirk Pfäffikon

Bezirk Uster

Tösstal

Themen

Specials

Services

ZO Portale

Agenda

Agenda Zürcher Oberland

Kontakt

Inserieren

Abo

Services

Über uns