/* === WARNING, DO NOT CHANGE FILE === This file is auto-generated using post processing pipelines from the experience builder, default/storefront/assets/scripts/custom-server/custom-server-index.js. Do not manipulate this file directly, instead update the source files and run the pipeline. */ // default/storefront/assets/scripts/custom-server/custom-server-index.js window.$functions = { logValue: (val) => { console.log("logValue", { val }); return "logged"; }, valueOrEmpty: (val) => { if (!val) return ""; return val; }, getImageSrcSet: (url) => { const srcset = ` ${url}?w=320&webp=1 320w, ${url}?w=480&webp=1 480w, ${url}?w=640&webp=1 640w, ${url}?w=800&webp=1 800w, ${url}?w=1024&webp=1 1024w, ${url}?w=1280&webp=1 1280w`; return srcset; }, isExternalLink: (url) => { let isExternal = typeof url === "string" && url.startsWith("http"); return isExternal; }, formatArticleTime: (timestamp) => { const date = new Date(timestamp); return date.toLocaleString("de-DE", { day: "2-digit", month: "2-digit", year: "numeric", hour: "2-digit", minute: "2-digit", hour12: false }); }, formatArticleModificationTime: (iso) => { console.log({ iso }); const d = new Date(iso); const formatted = String(d.getUTCDate()).padStart(2, "0") + "." + String(d.getUTCMonth() + 1).padStart(2, "0") + "." + d.getUTCFullYear() + ", " + String(d.getUTCHours()).padStart(2, "0") + ":" + String(d.getUTCMinutes()).padStart(2, "0"); return formatted; }, getFormattedEpaperDate: (timestamp) => { const date = new Date(timestamp); return date.toLocaleString("de-DE", { month: "long", year: "numeric" }); }, getTaxonomyTitle: (taxonomy, parentTaxonomy) => { if (parentTaxonomy) return parentTaxonomy.name ?? ""; return taxonomy?.name ?? ""; }, getTargetAttribute: (isExternal) => { console.log("isExternal", isExternal); if (isExternal === "no") return ""; return "_blank"; }, getAddressMarkup: (content) => { if (!content) return ""; let ort = content?.properties?.["kontaktdaten.adresse.ort"]; let strasse = content?.properties?.["kontaktdaten.adresse.strasse"]; let plz = content?.properties?.["kontaktdaten.adresse.plz"]; let firmenname = content?.properties?.["kontaktdaten.firmenname"]; let land = content?.properties?.["kontaktdaten.adresse.land"]; let allPresent = ort && strasse && plz && firmenname && land; return `${firmenname}
${strasse}
${plz} ${ort}
${land}`; }, getPrimaryOrFirstTaxonomy, getCompanyName: (contentObj) => { if (!contentObj) return ""; let nameAssociated = contentObj?.properties?.["arbeitgeber.0.post_title"]; let nameCustomField = contentObj?.properties?.arbeitgebername; let name; if (nameAssociated) { name = nameAssociated; } else { name = nameCustomField; } return name ?? "no companyname avail"; }, getEmployerSingleDepartmentsSectionMarkup: (contentObj) => { if (!contentObj) return ""; let markup = ""; let { kontaktdaten } = contentObj.properties ?? {}; let kontaktdatenParsed = safeJsonParse(kontaktdaten); for (let abteilung of kontaktdatenParsed.abteilungen ?? []) { markup += `

`; markup += abteilung.abteilungsname ? `

${abteilung.abteilungsname}

` : ``; markup += `

`; for (let person of abteilung.kontaktpersonen ?? []) { markup += `

`; markup += `

${person.name}

`; markup += person.position ? `

${person.position}

` : ``; markup += person.telefon ? `

${person.telefon}

` : ``; markup += person.email ? `

${person.email}

` : ``; markup += `

`; } markup += `

`; markup += `

`; } return markup; }, getEmployerSingleContactSectionMarkup: (contentObj) => { if (!contentObj) return ""; let website = contentObj.properties?.["kontaktdaten.webseite"]; let email = contentObj.properties?.["kontaktdaten.email"]; let phone = contentObj.properties?.["kontaktdaten.telefon"]; return website || phone || email ? `

${website ? `

${website}

` : ``} ${email ? `

${email}

` : ``} ${phone ? `

${phone}

` : ``}

` : ``; }, getJobPostingTeaserThumbnailMarkup: (contentObj) => { if (!contentObj) return ""; let urlAssociatedThumb = contentObj?.properties?.["arbeitgeber.0.thumbnail"]; let urlPostThumb = contentObj?.thumbnailsExtended?.default?.url; let url; if (urlPostThumb) { url = urlPostThumb; } else { url = urlAssociatedThumb; } let title = contentObj?.properties?.["arbeitgeber.0.post_title"]; let alt = contentObj?.properties?.["arbeitgeber.0.post_title"]; let markup = '

'; if (!!url && url !== "undefined") { let urlTachyonified = url + "?webp=1&quality=60&w=640"; markup = ` ${alt}

`; } markup += "

"; return markup; }, formatJobPostingPublishingDate: (timestamp) => { const date = new Date(timestamp); return date.toLocaleString("de-DE", { day: "2-digit", month: "2-digit", year: "numeric" }); }, getCoAuthorsText: (postType, authorLength) => { switch (postType) { case "post": case "advertorials": if (authorLength < 3) { return "Co-Autor*in: "; } else { return "Co-Autor*innen: "; } case "interviews": if (authorLength < 2) { return "Die Fragen stellte "; } else { return "Die Fragen stellten "; } default: return ""; } }, getAuthorsMetaText: (postType) => { switch (postType) { case "interviews": return "Interview gef\xFChrt von "; case "meinung": return "Kommentar von "; case "gastbeitrag": return "Gastbeitrag von "; default: return ""; } }, getTabIndex: (openSideMenu) => { console.log("openSideMenu", openSideMenu); if (openSideMenu === "byTap") { return "-1"; } else { return "0"; } }, // SSO Login getOriginNotNull: (origin) => { return origin || ""; }, getLocationHref: () => { return document.URL; }, isLoggedIn: (token) => { return token ? "yes" : "no"; }, loginLogout: (token) => { try { if (token) { externalLogInOut.logout(); } else { externalLogInOut.login(); } } catch (e) { } return "#"; }, // Paywall handleContentBodyPaywall, isIterable, executeWhenDomElementById, paywallIsNeeded, handlePaywallStyle, handleContentBody, contentBodyMutationCallBack, // Paywall Element with Cloud Settings getPaywallConfigField: (field_id, config_id, paywallConfigs) => { let config = (paywallConfigs ?? []).find( (config2) => config2.config_id === config_id ); return config?.[field_id] ? `${config[field_id]}` : ""; }, getPaywallConfigFieldArrayPath: (field_id, config_id, paywallConfigs) => { let configs = paywallConfigs ?? []; let config = configs.find( (config2) => config2.config_id === config_id ); let string = `$global.appSettings.options_settings.paywall_configs_2[${configs.indexOf( config )}]['${field_id}']`; return string; }, getPaywallLinkType: (url) => { if (typeof url !== "string" || !url) { return "none"; } return url.toLowerCase().startsWith("http") ? "external" : "internal"; }, getPaywallCurrentLocation: () => { return location.href; }, cleanPhoneNumber, getArticlePath: (content) => { if (!content) return ""; const taxonomyCategoryPrimary = content.properties?.["taxonomy.category.primary"] ?? null; const taxonomies = content.taxonomies ?? []; const slug = content.properties?.slug ?? null; const taxId = getPrimaryOrFirstTaxonomy( taxonomies, taxonomyCategoryPrimary ).id; return `${taxId}/${slug}`; }, // JSON LD getJsonLdHome() { let jsonLD = [ getJsonLDPublisher(), { "@context": "https://schema.org", "@type": "WebSite", name: "ZFK \u2013 Zeitung f\xFCr kommunale Wirtschaft", url: "https://www.zfk.de/", potentialAction: { "@type": "SearchAction", target: "https://www.zfk.de/suche?phrase={search_term_string}", "query-input": "required name=search_term_string" } } ]; return JSON.stringify(jsonLD); }, getJsonLDArticle: (content) => { if (!content) return ""; const JSON_LS_HELPER = { fillImages: (content2, jsonLD2) => { jsonLD2.image = []; if (content2.thumbnails?.default) { jsonLD2.image.push(content2.thumbnails?.default); } }, fillAuthors: (content2, jsonLD2) => { jsonLD2.author = []; jsonLD2.author = (content2.authors ?? []).map((a) => { return { "@type": "Person", name: a.name }; }); }, withPaywall: (content2, jsonLD2) => { if (content2.access === "PURCHASABLE") { jsonLD2.isAccessibleForFree = false; } }, hasPart: (content2, jsonLD2) => { if (content2.access === "PURCHASABLE") { jsonLD2.hasPart = { "@type": "WebPageElement", isAccessibleForFree: false, cssSelector: ".content-behind-paywall" }; } }, fillModified: (content2, jsonLD2) => { try { const modifiedDataTime = JSON.parse( content2.properties?.purple_seo_meta ).article_modified_time; if (modifiedDataTime) { jsonLD2.dateModified = formatJsonLDDateTime(modifiedDataTime); } } catch (e) { } } }; let jsonLD = { "@context": "https://schema.org", "@type": "NewsArticle", headline: content.name, datePublished: formatJsonLDDateTime(content.publicationDate), alternativeHeadline: content.properties?.dachzeile, description: content.description, articleSection: getPrimaryOrFirstTaxonomy( content.taxonomies, content.properties?.["taxonomy.category.primary"] ).name, publisher: getJsonLDPublisher() }; 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); }, getJsonLdJobPosting: (content) => { if (!content) return ""; let jsonLD = { "@context": "https://schema.org", "@type": "JobPosting", title: content.name, description: content.description, datePosted: formatJsonLDDateTime(content.publicationDate), ...content.properties?.bewerbungsschluss && { validThrough: formatJsonLDDateTime( content.properties?.bewerbungsschluss ) }, employmentType: content.properties?.beschaeftigungsart === "Vollzeit" ? "FULL_TIME" : "PART_TIME", hiringOrganization: { "@type": "Organization", name: content.properties?.["arbeitgeber.0.post_title"], logo: content.properties?.["arbeitgeber.0.thumbnail"] }, jobLocation: [ { "@type": "Place", address: { "@type": "PostalAddress", addressLocality: content.properties?.standort, addressCountry: "DE" } } ] }; return JSON.stringify(jsonLD); }, getJsonLdEmployer: (content) => { if (!content) return ""; let kontaktdaten; try { kontaktdaten = JSON.parse(content.properties?.kontaktdaten); } catch (e) { console.error(e); } let jsonLD = { "@context": "https://schema.org", "@type": "Organization", ...kontaktdaten?.firmenname && { name: kontaktdaten.firmenname }, ...kontaktdaten?.webseite && { url: kontaktdaten.webseite }, ...content?.thumbnailsExtended?.default?.url && { logo: content.thumbnailsExtended.default.url }, ...kontaktdaten?.email && { email: kontaktdaten.email }, ...kontaktdaten?.telefon && { telephone: kontaktdaten.telefon }, address: { "@type": "PostalAddress", ...kontaktdaten?.adresse?.strasse && { streetAddress: kontaktdaten.adresse.strasse }, ...kontaktdaten?.adresse?.plz && { postalCode: kontaktdaten.adresse.plz }, ...kontaktdaten?.adresse?.ort && { addressLocality: kontaktdaten.adresse.ort }, ...kontaktdaten?.adresse?.land && { addressCountry: kontaktdaten.adresse?.land === "Deutschland" ? "DE" : kontaktdaten.adresse?.land } }, ...kontaktdaten?.linkedin || kontaktdaten?.xing ? { sameAs: [kontaktdaten.linkedin, kontaktdaten.xing].filter(Boolean) } : {} }; return JSON.stringify(jsonLD); }, getJsonLdAuthor: (taxonomy) => { if (!taxonomy) return ""; console.log(taxonomy); let jsonLD = { "@context": "https://schema.org", "@type": "Person", name: taxonomy.name, ...taxonomy.thumbnails?.default && { description: taxonomy.description }, ...taxonomy.thumbnails?.default && { image: taxonomy.thumbnails?.default }, ...[ taxonomy.properties?.jobtitel, taxonomy.properties?.jobtitel_2, taxonomy.properties?.jobtitel_3 ].some(Boolean) ? { jobTitle: [ taxonomy.properties?.jobtitel, taxonomy.properties?.jobtitel_2, taxonomy.properties?.jobtitel_3 ].filter(Boolean) } : {}, ...(taxonomy.properties?.linkedin || taxonomy.properties?.user_url) && { sameAs: [ taxonomy.properties?.linkedin, taxonomy.properties?.user_url ].filter(Boolean) } }; return JSON.stringify(jsonLD); }, getJsonLdTaxonomy: (taxonomy, parentTaxonomy, taxonomyContents) => { if (!taxonomy) return ""; const baseUrl = "https://www.zfk.de"; const contents = taxonomyContents ?? []; const taxonomyContentList = contents.map((content, index) => ({ "@type": "ListItem", position: index + 1, url: [baseUrl, parentTaxonomy?.id, taxonomy?.id, content.slug].filter(Boolean).join("/"), name: content?.name })); console.log(taxonomyContentList); let jsonLD = { "@context": "https://schema.org", "@type": "CollectionPage", name: taxonomy.name, mainEntity: { "@type": "ItemList", itemListOrder: "https://schema.org/ItemListOrderDescending", numberOfItems: contents.length, itemListElement: taxonomyContentList } }; return JSON.stringify(jsonLD); }, getAppSettingsValue, //SEO setArticleTitle: (seoName, contextName, globalTitle) => { const parsedSeoName = safeJsonParse(seoName).title || ""; if (parsedSeoName) { return parsedSeoName; } else { return `${contextName} | ${globalTitle}` || ""; } }, setArchivOffset: (issueState) => { return issueState === "themenspezial" ? 4 : "zfk" ? 1 : 0; }, setArticleDescription: (seoDes, contextDes) => { const parsedSeoDes = safeJsonParse(seoDes).description || ""; const cleanDesName = typeof contextDes === "string" ? contextDes.replace(/<\/?p>/g, "") : ""; if (parsedSeoDes) { return parsedSeoDes; } else { return cleanDesName || ""; } }, setTaxonomyTitle: (taxName, taxSeoTitle, globalTitle) => { if (taxSeoTitle) { const parsedtaxSeoTitle = safeJsonParse(taxSeoTitle).title || ""; return parsedtaxSeoTitle; } return taxName ? `${taxName} | ${globalTitle}` : ""; }, setTaxonomyDescription: (desName, taxSeoDes) => { const parsedtaxSeoDes = safeJsonParse(taxSeoDes).description || ""; const cleanDesName = typeof desName === "string" ? desName.replace(/<\/?p>/g, "") : ""; if (parsedtaxSeoDes) { return parsedtaxSeoDes; } else { return cleanDesName || ""; } }, setPageTitle: (seoName, contextName, globalTitle) => { const parsedSeoName = safeJsonParse(seoName).title || ""; if (parsedSeoName) { return parsedSeoName; } else { return `${contextName} | ${globalTitle}` || ""; } }, setPageDescription: (seoDes, contextDes) => { const parsedSeoDes = safeJsonParse(seoDes).description || ""; const cleanDesName = typeof contextDes === "string" ? contextDes.replace(/<\/?p>/g, "") : ""; if (parsedSeoDes) { return parsedSeoDes; } else { return cleanDesName || ""; } }, joinJobTitlesFromProperties: (properties) => { if (!properties) return ""; return [ properties.jobtitel, properties.jobtitel_2, properties.jobtitel_3 ].filter(Boolean).join("
"); }, getContentBlockValue: (contentBlock, key) => { const { data, dataJSON } = contentBlock ?? {}; return dataJSON?.[key] || data?.[key] || ""; }, vgwPixel: (contentId, isPlus) => { return ""; let baseURL = "https://met.example.com"; let publisherId = "4711"; let path = `${baseURL}/na/`; if (isPlus !== "FREE") { path += "pw-"; } path += `vgzm.${publisherId}-${contentId}`; let finalURL = path; return finalURL; } }; function safeJsonParse(raw, fallback = {}) { if (typeof raw !== "string" || !raw) return fallback; try { return JSON.parse(raw) ?? fallback; } catch (e) { return fallback; } } function cleanPhoneNumber(rawNumber) { if (typeof rawNumber !== "string" || !rawNumber) { console.error("Invalid input for cleanPhoneNumber."); return ""; } const hasPlus = rawNumber.trim().startsWith("+"); let cleaned = rawNumber.replace(/\D/g, ""); if (hasPlus) { cleaned = "+" + cleaned; } return cleaned; } function getPrimaryOrFirstTaxonomy(taxonomies, taxonomyCategoryPrimary) { const list = Array.isArray(taxonomies) ? taxonomies : []; if (taxonomyCategoryPrimary) { const taxonomy = list.find( (tax) => tax.id === taxonomyCategoryPrimary ); if (taxonomy) { return { id: taxonomy.id, name: taxonomy.name }; } } return { id: list[0]?.id ?? "", name: list[0]?.name ?? "" }; } 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")}`; } function getJsonLDPublisher() { return { "@context": "https://schema.org", "@type": "Organization", name: "ZFK \u2013 Zeitung f\xFCr kommunale Wirtschaft", url: "https://www.zfk.de/", logo: { "@type": "ImageObject", url: "https://www.zfk.de/delivery/web/dynamicResources/f7a6d19f-7b8f-4023-b77b-cfd85bb3b6fb/storefront/assets/images/logo.svg" }, sameAs: [ "https://www.facebook.com/ZfK.de", "https://www.instagram.com/zfk.de/", "https://x.com/ZfK_de", "https://www.linkedin.com/company/zfk---zeitung-f%C3%BCr-kommunale-wirtschaft/" ] }; } function isIterable(obj) { if (obj == null) { return false; } return typeof obj[Symbol.iterator] === "function"; } function executeWhenDomElementById({ elementId, callback, errorMessage = "", maxWaitTimeMs = 2e3 }) { const interval = 100; let currentWaitTime = 0; let element = void 0; 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 paywallIsNeeded(content) { let isNeeded = true; let isPurchased = content?.purchaseData.purchased; if (content) { isNeeded = !isPurchased; } console.log("paywall isNeeded", isNeeded); return isNeeded; } function handlePaywallStyle(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 handleContentBody(purpleContentBodyInner, paywallConfig, needsPayWall) { if (!purpleContentBodyInner) { return; } let paywallSettings = (paywallConfig ?? [])[0]; 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) { const toRemove = purpleContentBodyInner.getElementsByClassName(behindPaywallClass); while (toRemove[0]) { purpleContentBodyInner.removeChild(toRemove[0]); } } } function contentBodyMutationCallBack(paywallConfig, needsPayWall, isHubPreview) { const purpleContentBodyInner = document.getElementById("post-content-body")?.getElementsByClassName("purple-content-body-inner")?.[0]; if (purpleContentBodyInner && !isHubPreview) { handleContentBody(purpleContentBodyInner, paywallConfig, needsPayWall); } if (needsPayWall) { paywallConfig.forEach((config) => { executeWhenDomElementById({ elementId: `paywall--${config.config_id}`, callback: () => { let domEl = document.querySelector( `.list-entry:has(#paywall--${config.config_id})` ); handlePaywallStyle(domEl, config); } }); }); } else { document.getElementById("paywall")?.remove(); } } function handleContentBodyPaywall(content, paywallConfig) { let isHubPreview = location.pathname.includes("read/article"); if (!content || !paywallConfig) { return "unknown-paywall"; } let isNeeded = paywallIsNeeded(content); let isPurchasable = content.access === "PURCHASABLE"; let needsPayWall = isPurchasable && isNeeded && !isHubPreview; if (needsPayWall) { document.documentElement.classList.add("paywalled"); document.documentElement.classList.remove("no-paywall"); } else { document.documentElement.classList.remove("paywalled"); document.documentElement.classList.add("no-paywall"); } executeWhenDomElementById({ elementId: "post-content-body", callback: (contentBodyElement) => { try { contentBodyMutationCallBack(paywallConfig, needsPayWall, isHubPreview); const postContentBodyObserver = new MutationObserver( (_mutationList, _observer) => { contentBodyMutationCallBack( paywallConfig, needsPayWall, isHubPreview ); } ); postContentBodyObserver.observe(contentBodyElement, { subtree: true, childList: true }); } catch (e) { console.error(e); } } }); return needsPayWall ? "with-paywall" : "without-paywall"; } function getAppSettingsValue(startObject, ...keys) { if (!startObject) return ""; let path = startObject?.options_settings; for (const key of keys) { if (path[key]) { path = path?.[key]; } else { path = "undefined"; } } return path && typeof path !== "undefined" ? path : ""; }

Christian König

Alle Beiträge von Christian König

Digitaler Heizungskeller schafft Transparenz bei der Wärmeplanung