// @ts-check const nevermatch = "nevermatch"; const getPrefix = () => { if ( typeof location !== "undefined" && location.href.startsWith( "https://web.purplemanager.com/deutscherapothekerverlag-app" ) ) { return "/deutscherapothekerverlag-app"; } if ( typeof location !== "undefined" && location.href.startsWith("https://web.purplemanager.com/daz") ) { return "/daz"; } if ( typeof location !== "undefined" && location.href.startsWith("http://localhost:3000") ) { return "#"; } if (typeof location !== "undefined") { if (location.href.startsWith("resource://")) { return `#`; } return `${location.protocol}//${location.host}`; } return ""; }; const prefix = getPrefix(); const getIsPreview = () => { if (typeof location !== "undefined") { const params = new URLSearchParams(location.href); const isPreview = params.has("preview"); return isPreview; } return false; }; const isPreview = getIsPreview(); var pagination = { // limit: () => 24, getShiftPage: (currentPage, offset) => { let newPage = Number(currentPage) + offset; // console.log("bbb", { // currentIndex, // offset, // newPage, // }); return Number(currentPage) + offset; }, }; const getLinkUrl = (link) => { if (link.startsWith("http") || link.startsWith("https")) { return link; } if (link.startsWith("/")) { const prefix = getPrefix(); const isPreview = getIsPreview(); const postfix = isPreview ? "?preview=true" : ""; const finalLink = `${prefix}${link}${postfix}`; return finalLink; } return link; }; const getImagePrefix = () => { if ( typeof location !== "undefined" && location.href.startsWith("http://localhost:3000") ) { return ""; } const fakeUrl = "https://www.deutsche-apotheker-zeitung.de/delivery/web/dynamicResources/ea56c88a-122b-43f9-8b91-baa17657ba48/abc?preview=false"; const fakeUrlAbcIndex = fakeUrl.lastIndexOf("abc"); const realUrl = fakeUrl.slice(0, fakeUrlAbcIndex); return realUrl; }; const imagePrefix = getImagePrefix(); const lexicon = "wirkstofflexikon"; function decodeJwt(token) { try { let result = atob(token.split(".")[1]); return result; } catch (e) {} return "{}"; } // @ts-ignore window.$functions = { getPublicationDateUTC: (issue) => { if (!issue) { return ""; } let issuePublicationDate = new Date(issue.publicationDate); // let issuePublicationDateFormatted = issuePublicationDate.getFullYear() + "-" + String(issuePublicationDate.getMonth() + 1).padStart(2, "0") + "-" + String(issuePublicationDate.getDate()).padStart(2, "0"); console.log("xxx getPublicationDateUTC", { issuePublicationDate, issuePublicationDateFormatted, }); return issuePublicationDateFormatted; // return date.toISOString(); }, redirectShibboleth(path, appId) { if (typeof location === "undefined") { return; } const current = new URL(location.href); current.pathname = "/entitlement/saml/login"; const websiteUrl = "https://www.deutsche-apotheker-zeitung.de"; if (!current.searchParams.has("redirectUri")) { current.searchParams.append("redirectUri", websiteUrl); } if (!current.searchParams.has("appId")) { current.searchParams.append("appId", appId); } const toString = current.toString(); location.href = toString; }, reload: (entitlement_token, initialEntitlementToken) => { console.log( "xxxx reload entitlement_token, initialEntitlementToken", entitlement_token, initialEntitlementToken ); const unsetValue = "__unset__"; if (!initialEntitlementToken) { return ""; } if (entitlement_token == null && initialEntitlementToken === unsetValue) { return ""; } // after login if (initialEntitlementToken === unsetValue && entitlement_token) { console.log("xxxx reload | just logged in"); location.reload(); } // after logout if (initialEntitlementToken !== unsetValue && !entitlement_token) { console.log("xxxx reload just logged out"); //location.reload(); } return ""; }, getArticleInfoOnlineCpValue(content, allCategories) { let articleFieldValue = content?.properties["infoonline.cpvalue"]; if (articleFieldValue) { return articleFieldValue; } if (content.postType !== "post") { return ""; } let targetId; let targetName; let primaryCategoryId = getPrimaryCategory(content); let categories = content?.taxonomies.filter( (taxonomy) => taxonomy.type === "category" ); let categoriesTopLevel = categories.filter( (category) => category.parentId === "" ); if (primaryCategoryId) { targetId = primaryCategoryId; } else if (categoriesTopLevel.length > 0) { targetId = categoriesTopLevel[0].id; } else { categories[0].parentId; } targetName = allCategories.find( (category) => category.id === targetId )?.name; return targetName || ""; }, paywallIsNeeded, getCurrentUserSubscriptionRole, getHref() { if (typeof location === "undefined") { return "n/a"; } return location.href; }, 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]}` : ""; }, 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; }, getProductPriceFormatted(value) { return ( new Intl.NumberFormat("de-DE", { style: "currency", currency: "EUR", maximumFractionDigits: 2, minimumFractionDigits: 0, }).format(value) ?? value ); }, getProductProperty(appSettings, product_index, key) { let value = appSettings?.options_settings?.products_group?.products[ Number(product_index) ][key]; console.log("yyy", appSettings, { key, value }); if (key === "price") { value = new Intl.NumberFormat("de-DE", { style: "currency", currency: "EUR", maximumFractionDigits: 2, minimumFractionDigits: 0, }).format(value); } return value ? value : ""; }, getProductRepeaterFieldMarkup(value) { let perks = value; if (!value || !value.length) return `

No perks data.

`; let markup = `

${item.perks_item}

`; return markup; }, getProductsPageHeaderMarkup(appSettings) { let { products_page_title, products_page_hero_image } = appSettings.products_group; return `

${products_page_title}

`; }, getFobiWidgetContent(context, platform, appId, articlePath) { const props = []; const maps = { "data-shape": "data-shape", "data-training-type": "data-training-type", widget_type: "data-type", "data-questionnaireid": "data-questionnaireid", "data-disturber": "data-disturber", "data-effort": "data-effort", "data-points": "data-points", "data-target_mode": "data-target_mode", }; for (const [key, value] of Object.entries(maps)) { if (context && context.data && context.data[key]) { // workaround for backend bug if (value === "data-type" && context.data[key] === "Questionnaire") { context.data[key] = "questionnaire"; } if (value === "data-type" && context.data[key] === "Cockpit") { context.data[key] = "questionnaire"; } if (value === "data-type" && context.data[key] === "Training") { context.data[key] = "training"; } if (value === "data-type" && context.data[key] === "Training Multi") { context.data[key] = "training-multi"; } props.push({ type: value, value: context.data[key], }); } } let propsString = ""; for (const prop of props) { propsString += ` ${prop.type}="${prop.value}"`; } const prodAppId = "ea56c88a-122b-43f9-8b91-baa17657ba48"; const domain = appId === prodAppId ? "https://www.deutsche-apotheker-zeitung.de/" : "https://staging.deutsche-apotheker-zeitung.de/"; const html = platform === "web" ? ` ` : ` `; return html; }, getDazUpdateId() { return `cb4ae7ed-3660-4640-a8c1-5173a24b9de1`; }, getDazEpaperId() { return `263b5acf-0c7e-4175-8f75-44076c150106`; }, vgwPixel: (contentId, isPlus) => { /** * contentId: $context.content.id * isPlus: $context.content.access * * The Pixel must not be set if a paywall is displayed. Please configure the views.json accordingly. */ // global variables not available from builder preview, as testing on device currently not possible circumventing global variables here. let baseURL = "https://vg02.met.vgwort.de"; let publisherId = "4711"; let path = `${baseURL}/na/`; if (isPlus !== "FREE") { path += "pw-"; } path += `vgzm.${publisherId}-${contentId}`; let finalURL = path; return finalURL; }, log: (that) => { console.log("log", that); return ""; }, getOriginNotNull: (origin) => { return origin || ""; }, getLocationHref: () => { return document.URL; }, isLoggedIn: (token) => { return token ? "yes" : "no"; }, getJobPharmHtml() { const jobPharmUrl = "https://www.jobpharm.de/"; return `

Noch mehr Stellenangebote aus der Pharmazie

Job finden

`; }, getPodcastHtml() { const podcastUrl = "https://soundcloud.com/daz-online"; return `

DAZ-Podcast

`; }, getIndexFromProperty: (postId, properties) => { let order = "order-"; const keys = Object.keys(properties); const matchingKey = keys.filter( (key) => key.startsWith("purple_related_articles.") && properties[key] == postId )[0]; if (!matchingKey) { return order; } const arr = matchingKey.split("."); return `${order}${arr[arr.length - 1]}`; }, getValue: (value, fallback) => { return value == null ? fallback : value; }, 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] || ""; }, relatedArticle(value, index) { if (!value || !value.data) { return undefined; } const { data } = value; const articles = [ data["related_articles.0"], data["related_articles.1"], data["related_articles.2"], // TODO this may change https://purplepublish.atlassian.net/browse/BACKEND-5190 ]; return articles[index] || ""; }, valueOrEmtpy: (v) => { return v != null ? v : ""; }, getAnnouncementOverline(appSettings) { return ( appSettings?.options_settings?.config_message_type ?.eilmeldung_sondermeldung || "" ); }, getAnnouncementTitle(appSettings) { return ( appSettings?.options_settings?.config_message_type ?.special_message_message || "" ); }, getPrimaryCategory, getTestArray: (a1, a2) => { console.debug(a1, a2); return [...a1, ...a2]; }, bracketColor: (taxonomy, setCss = false) => { if (taxonomy.properties.color_brackets) { if (setCss) // @ts-ignore document .querySelector("storefront-view.taxonomy") // @ts-ignore .style.setProperty( "--colorBrackets", taxonomy.properties.color_brackets ); return "custom-color"; } return ""; }, verifyAccessToken: (token) => { console.debug("verifyToken", token); return verifyAccessToken(token); }, externalTeaserTarget: (target, platform) => { return target == "true" || platform != "web" ? "_blank" : ""; }, externalTeaserClasses: (content) => { const classes = []; if (content.postType == "external_links") { classes.push("external-teaser"); } if (content.properties?.styling_ad == "true") { classes.push("teaser-ad"); } if (content?.properties?.promoter) { classes.push("has-promoter"); } return classes.join(" "); }, buildJsonLDAuthorView: (content) => { if (!content) return "could not generate JSON LD"; let { last_name, first_name, description, job_title, user_email, author_role, } = content.properties; let jsonLD = { "@context": "https://schema.org", "@type": "ProfilePage", mainEntity: { "@type": "Person", name: content.name, givenName: first_name, familiyName: last_name, description, jobTitle: [job_title, author_role], email: user_email, image: [ { "@type": "ImageObject", url: content.properties["author_photo.url"], width: content.properties["author_photo.width"], height: content.properties["author_photo.height"], caption: content.properties["author_photo.title"], }, ], }, }; return JSON.stringify(jsonLD) || ""; }, 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) => { const modifiedDataTime = JSON.parse( content.properties.purple_seo_meta ).article_modified_time; if (modifiedDataTime) { jsonLD.dateModified = formatJsonLDDateTime(modifiedDataTime); } }, }; let jsonLD = { "@context": "https://schema.org", "@type": "NewsArticle", headline: content.name, datePublished: formatJsonLDDateTime(content.publicationDate), }; try { 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); } catch (e) { console.error("Error while building JSON LD", e); } return JSON.stringify(jsonLD); }, getSeo: (seo, fallback) => { return (seo || fallback) ?? ""; }, setSeo: (key, content, seo) => { // example: if seo.description exists use it, else use content.description if exist, else set an empty string const seoData = seo[key] ? seo[key] : content[key] ? content[key] : ""; // console.log('yy seoData: ', seoData); return seoData; }, setSeoAuthor: (key, contentName, properties) => { const authorName = properties.first_name && properties.last_name ? `${properties.first_name} ${properties.last_name}` : contentName; switch (key) { case "title": return `Autor - ${authorName} - Deutsche Apotheker Zeitung`; case "description": return `Dies ist die Autorenseite der Deutschen Apotheker Zeitung. Hier finden Sie eine Übersicht über die Beiträge von ${authorName}`; } }, getTickerLink: (issue) => { return `ticker/${issue?.properties?.slug ?? ""}`; }, getPartnerData: (partnerId, partners, field) => { const partner = partners.find((x) => x.id === partnerId); if (!partner) return; switch (field) { case "headline": return partner.name; case "name": return partner.properties.organisation; case "description": return partner.description; case "button": return { url: partner.properties["link.url"], message: partner.properties["link.title"], target: partner.properties["link.target"] || "_self", }; case "image": return partner.thumbnails.default; } }, thumbnailUrl: (url) => { return url ? url : ""; }, getPaywallData: (content, paywalls) => { const paywall = choosePaywall(content, paywalls); return paywall; }, getPaywallIndex: (content, paywalls, index) => { return choosePaywall(content, paywalls, index); }, getAdPlatform: (ad) => { return ad.startsWith("Mobile_") ? "mobile" : "web"; }, getArticleData: (content, key) => { if (!content) { return ""; } switch (key) { case "taglist": const tags = content.taxonomies .filter((taxonomy) => taxonomy.type === "tag") .map( (tag) => `` ); return tags.join(""); case "hasTags": return content.taxonomies.filter((taxonomy) => taxonomy.type === "tag") .length ? "has-tags" : "has-no-tags"; case "publicationDate": if (!content?.publicationDate) { return ""; } // publication date const date = getDate(content.publicationDate, { year: "numeric", month: "2-digit", day: "2-digit", }); // @ts-ignore const timeValue = getTime(content.publicationDate, { hours: "2-digit", minutes: "2-digit", seconds: "2-digit", }).substring(0, 5); const lastModifiedRaw = content?.properties?.aktualisierungsdatum || ""; // date of modification const lastModifiedDate = getDate(lastModifiedRaw, { year: "numeric", month: "2-digit", day: "2-digit", }); // @ts-ignore const lastModifiedTime = getTime(lastModifiedRaw, { hours: "2-digit", minutes: "2-digit", seconds: "2-digit", }).substring(0, 5); if (date && lastModifiedDate && date !== lastModifiedDate) { let formattedDate = `${date}`; if (timeValue) { formattedDate += `, ${timeValue} Uhr`; } if (lastModifiedDate) { formattedDate += ` – aktualisiert am ${lastModifiedDate}`; } if (lastModifiedTime) { formattedDate += `, ${lastModifiedTime} Uhr`; } return formattedDate; } else if (date) { console.log("yy only date"); return `${date}${timeValue ? `, ${timeValue} Uhr` : ""}`; } else return ""; case "authors": const authors = content.authors.map((author) => author.name).join(", "); return authors ?? ""; case "region": return content.properties?.stadt ? content.properties?.stadt + ", " : ""; // following cases needed to be restored due to not working via $context directly case "content-tier": // class via $context not working (maybe only when unset) return content.properties?.["content-tier"] ?? ""; case "access": // class via $context not working (maybe only when unset) return content.access ?? ""; case "description": // unset description breaks implementation via $context return content.description ?? ""; case "purchased": // unset description breaks implementation via $context return content.purchaseData?.purchased ? "purchased" : "not-purchased"; case "location": return content.properties?.location ? content.properties?.location + " – " : ""; default: return "kein Content"; } }, getArticleUUID: (slug) => { if (!slug) { return "no-uuid"; } const rx = /[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}(?=\?)|[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/gm; const uuid = rx.exec(slug)?.[0]; return uuid ?? "no-uuid"; }, getCompanyDeepLink: (company) => { if (!company) { return ""; } let url = replaceUmlaute(company.name).replaceAll(" ", "-"); if (url && url.charAt(url.length - 1) === "-") { url = url.slice(0, -1); } return `aktie/${url}-${company.isin}`; }, getCurrentYear: () => { return new Date().getFullYear(); }, getDayString: (issue) => { const dateString = issue?.name; if (!dateString) { return ""; } const parts = dateString.split(".").map((x) => parseInt(x)); const date = new Date(parts[2], parts[1] - 1, parts[0]); const day = date.getDay(); if (isNaN(day)) { return ""; } return "WEEKDAY_" + day; }, getDate: getDate, getHomeRessortPreviewFilter: (schlauchCollection, topTeaserCollection) => { // this excludes already shown articles elsewhere at the home view const mergedCollections = [ ...(schlauchCollection ?? []), ...(topTeaserCollection ?? []), ]; const shownArticleIds = mergedCollections.map((article) => article.id); return getRegExpOneOfArray(shownArticleIds); }, getHomeRessortPreviewName(custom, ressorts) { // the Name could be set in the manual data source as well but is worse solution // since the name is already and better defined in the hub const ressort = custom?.ressort; if (!ressort) { return ""; } return this.getRessortName(ressort, ressorts); }, getHomeSchlauchArticleClasses: (entryIndex, pageConfig, schlauchSection) => { if (entryIndex == null || !isFinite(entryIndex) || !pageConfig) { return ""; } const schlauchSectionNumber = isFinite(schlauchSection) ? Number(schlauchSection) : 0; return classNames([ ...getSchlauchArticleClasses( entryIndex, schlauchSectionNumber, pageConfig ), ]); }, getCustomBlockIssueId(data) { return data["inline_empfehlung"]; }, getHomeSchlauchSectionLimitOffset: ( schlauchSectionIndex, pageConfig, type ) => { const limits = {}; const offsets = {}; Object.keys(pageConfig?.schlauch ?? {}).reduce((offset, key) => { if (key) { const index = getNumber(key.substring(key.lastIndexOf("_") + 1)); if (index == null) { return offset; } const limit = getNumber(pageConfig?.schlauch?.[key]?.article_length, 4); limits[index] = limit; offsets[index] = offset; return offset + limit; } return offset; }, 0); return type === "offset" ? offsets[schlauchSectionIndex] ?? 0 : limits[schlauchSectionIndex] ?? 0; }, getHomeSwiperConfig: (pageConfig, index, key) => { return pageConfig?.swipers_config?.[`swiper_${index}_config`]?.[key] ?? ""; }, getHomeSwiperClasses: (pageConfig, index) => { const classes = ["home-swiper", `swiper-${index}`]; if (pageConfig) { const colors = pageConfig.swipers_config[`swiper_${index}_config`].background_color; if (colors) { document .getElementById(`home-swiper-${index}`) ?.style.setProperty(`--bg-color`, colors.split("|")[0]); classes.push(`color-${colors.split("|")[1]}`); } } return classNames(classes); }, getHomeTopTeaserClass: (entryIndex) => { return entryIndex === 0 ? "is-highlighted with-brackets" : ""; }, getRelatedHeroArticleClass: (collectionContentId, contentId) => { return collectionContentId === contentId ? "hidden" : ""; }, getAuthors: (authors, ressort) => { const filteredAuthors = authors.filter( (author) => !author.name.startsWith("Reuters") && !author.name.startsWith("dpa") && !author.name.startsWith("Bloomberg") ); const numAuthors = filteredAuthors.length; if (numAuthors === 0) { return ""; } else if (numAuthors === 1) { return `${ressort === "english" ? "by" : "von"} ${ filteredAuthors[0].name }`; } else if (numAuthors === 2) { return `${ressort === "english" ? "by" : "von"} ${ filteredAuthors[0].name } ${ressort === "english" ? "and" : "und"} ${filteredAuthors[1].name}`; } else { const lastAuthor = filteredAuthors[numAuthors - 1].name; const otherAuthors = filteredAuthors .slice(0, numAuthors - 1) .map((author) => author.name) .join(", "); return `${ressort === "english" ? "by" : "von"} ${otherAuthors} ${ ressort === "english" ? "and" : "und" } ${lastAuthor}`; } }, getIssueClasses: (issue) => { if (!issue) { return ""; } return classNames([ issue.access === "PURCHASABLE" && "issue-plus", issue.thumbnails.default ? "with-teaser-image" : "without-teaser-image", issue.properties["included_media.0"] && `with-${issue.properties["included_media.0"]}`, issue.properties["included_media.1"] && `with-${issue.properties["included_media.1"]}`, ]); }, getTopicIntroduction(data, ressort) { if (!data || Array.isArray(data)) { return ""; } const fallbackThumbnail = "https://images.unsplash.com/photo-1507608616759-54f48f0af0ee?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"; const thumbnail = data?.thumbnails?.default || fallbackThumbnail; const content = data.description; const title = data.name; const subtitle = ressort; return `

${title}

${subtitle}

${content}

`; }, formatIssuePublicationDate(issue) { const { name } = issue; const parts = name.split(".").reverse(); if (parts.length !== 3) { return name; } return `${parts[1]}/${parts[0]}`; }, getIssueSize: (listId, index) => { const articleListConfig = { homeHero: { big: { array: [0, 2], schema: { interval: 2, offset: 1, }, }, }, }; if (!articleListConfig[listId]) { return ""; } const config = articleListConfig[listId].big ?? articleListConfig[listId].small; if (!config) { return ""; } let match = (config.array ?? []).includes(index); if (!match) { if ( typeof config.schema?.interval === "number" && config.schema?.interval > 0 ) { match = index % config.schema.interval === (config.schema?.offset || 0); } } if (match) { return articleListConfig[listId].big ? "big" : "small"; } else { return articleListConfig[listId].big ? "small" : "big"; } }, getKeyValue: (object, key, defaultValue) => { // experience buildder is not able to resolve a value like // $context.contentBody[0].properties['taxonomy.category.primary'] // 'taxonomy.category.primary' breaks it return object?.[key] ?? defaultValue; }, getNumber: getNumber, getRessortLink(ressort) { if (typeof location !== "undefined") { const params = new URLSearchParams(location.href); const isPreview = params.has("preview"); if (isPreview) { return `/news/${ressort}?preview=true`; } } return `/news/${ressort}`; }, getBadgesHtml(subscriptionModel) { switch (subscriptionModel) { case "preview_access": case "DAZ_preview": return ''; case "registered_daz_plus_access": case "DAZ_reg": return ''; case "daz_plus_access": case "DAZ_plus": return ''; case "pro_access": case "DAZ_pro": return ''; case "daz_and_pro_access": case "DAZ_plus_pro": return ''; default: return ""; } }, getBadgesCategoryClass(content) { const subscriptionModel = content?.properties?.content_tier || content?.properties?.subscriptionModel || ""; switch (subscriptionModel) { case "preview_access": case "DAZ_preview": return "left-91"; case "registered_daz_plus_access": case "DAZ_reg": return "left-64"; case "daz_plus_access": case "DAZ_plus": return "left-64"; case "pro_access": case "DAZ_pro": return "left-36"; case "daz_and_pro_access": case "DAZ_plus_pro": return "left-100"; default: return "left-0"; } }, getCurrentLocation: (pathUrl) => { return location.href; }, getArticleCategoryName(context) { if (!context) { return ""; } return context.name; }, removeCustomButtons(entitlementToken) { if (entitlementToken) { const parsed = getParsedTokens(entitlementToken); console.log({ parsed }); if ( parsed && parsed.subTokenParsed && parsed.subTokenParsed.tools && parsed.subTokenParsed.tools.length === 0 ) { return "singleCustomButton"; } return "removeCustomButton"; } return ""; }, getArticleUrl(category, ressorts) { for (const ressort of ressorts) { if (ressort.id === category) { if (ressort.parentId) { return `/news/${ressort.parentId}/${ressort.id}`; } return `/news/${ressort.id}`; } } return "/news/ressort-not-found"; }, getOnlyBadgesHtml(content) { const subscriptionModel = content?.properties?.content_tier || content?.properties?.subscriptionModel || ""; const badgeHtml = this.getBadgesHtml(subscriptionModel); return badgeHtml; }, getPresentedBy(content) { const promoter = content?.properties?.promoter || ""; if (!promoter) { return ""; } return `

präsentiert von

`; }, getPresentedByLong(content) { const promoter = content?.properties?.promoter || ""; if (!promoter) { return ""; } return `

Pressemeldung präsentiert von

`; }, getOverlineWithoutBadges(content) { const overline = content?.properties?.overline || ""; let overlinePrefix = content?.properties?.overline_prefix || ""; let html = ``; if (overlinePrefix) { html += `${overlinePrefix}`; } if (overline) { html += `${overline}`; } return html; }, getOverlineWithPresentedBy(content) { const overline = this.getOverlineWithoutBadges(content); const presentedBy = this.getPresentedBy(content); const html = `

${presentedBy} ${overline}

`; return html; }, getOverlineWithBadges(content) { const overline = content?.properties?.overline || ""; const badgeHtml = this.getOnlyBadgesHtml(content); let overlinePrefix = content?.properties?.overline_prefix || ""; let html = `${badgeHtml}`; if (overlinePrefix) { html += `${overlinePrefix}`; } if (overline) { html += `${overline}`; } return html; }, formatPublicationDate1(date) { try { const articleDateNumber = date || 0; if (!articleDateNumber) { return ""; } const articleDate = new Date(articleDateNumber); const year = articleDate.getFullYear(); const month = String(articleDate.getMonth() + 1).padStart(2, "0"); const day = String(articleDate.getDate()).padStart(2, "0"); const formatted = `${day}.${month}.${year}`; return formatted; } catch { return "date-error"; } }, getOverlineWithBadgesAndIssueData(content) { const { magazineName, date } = this.parseIssueLabel( content?.properties?.k4_issue_label ); const overline = content?.properties?.overline || ""; const badgeHtml = this.getOnlyBadgesHtml(content); let overlinePrefix = content?.properties?.overline_prefix || ""; let html = ""; html += ""; html += `${badgeHtml}`; if (overlinePrefix) { html += `${overlinePrefix}`; } if (overline) { html += `${overline}`; } html += ""; const articleDate = this.formatPublicationDate1(content?.publicationDate); if (articleDate) { html += ``; if (articleDate) { html += `${articleDate}`; } html += ""; } // if (magazineName || date) { // html += ``; // if (magazineName) { // html += `${magazineName}`; // } // if (date) { // html += `${date}`; // } // html += ""; // } return html; }, getOverlineWithBadgesAndWrapper(content) { return `

${this.getOverlineWithBadges(content)}

`; }, parseIssueLabel(k4IssueLabel) { if (!k4IssueLabel) { return { magazineName: "", date: "", }; } const parts = k4IssueLabel.split(","); if (parts.length === 0) { return { magazineName: "", date: "", }; } const firstPart = parts[0]; const secondPart = parts[1]; // const thirdPart=parts[2] // const fourthPart = parts[3] let magazineName = ""; if (firstPart && secondPart && secondPart.startsWith("Nr")) { magazineName = `${firstPart}, ${secondPart}`; } let date = ""; date = parts.at(-1).trim(); return { magazineName, date, }; }, getSearchResultTextMarkup(searchResult) { const issue = searchResult?.issue; const pageHitExcerpt = searchResult?.pageHits[0].excerpt; const overline = this.getOverlineWithBadgesAndIssueData(issue); // console.log({ magazineName, date, searchResult }); //

${magazineName}${date}

// // console.log("yyycontent", searchResult, issue, pageHitExcerpt); return `

${overline}

${issue.name}

${pageHitExcerpt}

`; }, getBannerWithImageHtml(content) { if (!content) { return "

Image Banner: missing content

"; } if (!content.image_banner_text) { return "

Image Banner: missing image banner text

"; } if (!content.image_banner_image) { return "

Image Banner: missing image banner image

"; } if (!content.image_banner_link_text) { return "

Image Banner: missing image banner link text

"; } if (!content.image_banner_link_url) { return "

Image Banner: missing image banner link url

"; } const text = content.image_banner_text; const image = content.image_banner_image; const linkText = content.image_banner_link_text; const linkUrl = getLinkUrl(content.image_banner_link_url); return ` `; }, getFeaturedImageHtml(content) { let k4 = content.properties["k4image.k4image_attribution"]; let description = content.properties.image_description || k4 || ""; const src = content.thumbnails.default; if (!src) { return ""; } const alt = content?.thumbnailsExtended?.default?.properties?.alt || ""; const caption = content?.thumbnailsExtended?.default?.properties?.caption || ""; const title = content?.thumbnailsExtended?.default?.properties?.title || ""; if (caption) { description += " " + caption; } return `

`; }, getPageConfigValue: (pageConfig, pageConfigKey) => { return pageConfig[pageConfigKey] ?? ""; }, getPhrase: (phrase) => { return phrase ?? ""; }, getPublicationToggleClasses: ( publication, activePublication, fallbackPublication ) => { // possible with standard publication selection? const classes = ["toggle-entry"]; const currentPublication = activePublication ?? fallbackPublication ?? ""; if (publication && currentPublication === publication.id) { classes.push("selected"); } return classNames(classes); }, getSearchType: () => { const params = new Proxy(new URLSearchParams(window.location.search), { // @ts-ignore get: (searchParams, prop) => searchParams.get(prop), }); }, getSlugType: (slug, userAttributes) => { if (!slug) { return ""; } if ( (userAttributes?.ressorts ?? []).find((ressort) => ressort.id === slug) ) { return "ressort"; } if ( (userAttributes?.partners ?? []).find((partner) => partner.id === slug) ) { return "partner"; } return "unknown"; }, getRessortId(ressortId, ressorts) { if (Math) { return "00bc47a4-276f-48d0-8286-c9e8c9e77ae8"; } const ressort = (ressorts ?? []).find( (_ressort) => _ressort.id === ressortId ); // console.log({ ressort }); }, getRessortName: function (ressortId, ressorts) { const ressort = (ressorts ?? []).find( (_ressort) => _ressort.id === ressortId ); return `${ressort?.name ?? ""}`; }, handleLexiconSubMenuAll(ressort) { if (ressort === lexicon) { return "highlight"; } return ""; }, getLexiconStartsWithRegex(ressort) { if (ressort === "sonstige") { return "^\\d"; } if (ressort === lexicon) { return ""; } return `^(${ressort}|${ressort.toUpperCase()})`; }, getLexiconButtonClass(customId, ressort) { if (customId === ressort) { return "lexicon-button-highlight"; } return ""; }, getRessortClassName(ressorts, dataId) { const children = ressorts.filter((ressort) => ressort.parentId === dataId); const hasChildren = children.length > 0; const isEmpty = !hasChildren; const ressort = ressorts.find((item) => item.id === dataId); if (ressort && ressort.id === lexicon) { return ""; } return isEmpty ? "empty" : ""; }, getFirstCategoryIdByContent: function (content) { const category = content.taxonomies.find((tax) => { return tax.type == "category"; }); return category?.id || "nothing"; }, firstLetterUpper(string) { return string[0].toUpperCase() + string.slice(1); }, getDefaultAuthorPageHtml() { const author = { description: "Julia Borsch (jb) hat in München Pharmazie studiert. Nach Tätigkeiten in der öffentlichen und in der Krankenhausapotheke und einem berufsbegleitenden MBA-Studium an der Universität Bayreuth ist sie seit Januar 2013 Mitglied der DAZ-Redaktion. Seit Dezember 2015 ist sie Mitglied der DAZ.online-Redaktion, inzwischen als Chefredakteurin.", jobTitle: "Chefredaktion", name: "Julia Borsch", image: "/assets/images/author-image.png", alias: "jb", email: "abc@example.com", phone: "(0711) 25 82 - 159", }; return this.getAuthorHtml(author); }, getAuthorArticlesPrefix(content) { const name = content?.name || "n/a"; return `Veröffentliche Artikel von ${name}`; }, getAuthorPageHtml(contents) { const author = { id: contents.id, // name: contents.name, name: contents.properties.first_name ? `${contents.properties.first_name} ${contents.properties.last_name}` : contents.name || "", alias: contents.properties?.alias || "", email: contents?.properties?.author_email || contents.properties?.email || contents.properties?.user_email || "", phone: contents.properties?.telefonnr || "", description: contents.properties?.description || "", jobTitle: contents.properties?.author_role || contents.properties?.job_title || "Autor", image: contents?.properties?.["author_photo.url"] || contents?.thumbnails?.default || "", }; const { description, name, jobTitle, image, alias, phone, email } = author; if (!description && !phone && !email && !name && !name) return; const contactHeadingText = "Kontakt"; let nameText = name; if (alias) { nameText += " " + `(${alias})`; } const emailText = email ? `${email}` : ""; const emailLink = email ? `mailto:${email}` : ""; const phoneLink = phone ? `tel:${phone}` : ""; const imageSrc = image; console.log({ email }); const emailListItem = email ? `

${emailText}

` : ""; const phoneListItem = phone ? `

${phone}

` : ""; const imageHtml = image ? `

` : ""; const contactSection = phone || email ? `

${contactHeadingText}

${emailListItem} ${phoneListItem}

` : ""; const descriptionSection = description ? `

${description}

` : ""; return `

${jobTitle}

${nameText}

${imageHtml}

${descriptionSection} ${contactSection}

`; }, shouldShowVgWort(content) { if (content.access === "FREE") { return true; } return content.purchasable && content.purchaseData.purchased; }, getVGWortLink(baseURL, content, externalId, publicCode, contentId) { const access = content?.access; const content_tier = content?.properties?.content_tier; const subscriptionModel = content?.properties?.subscriptionModel; if (externalId && !publicCode) { return ""; } // console.log( // "yy access contentTier subscriptionModel", // access, // content_tier, // subscriptionModel // ); // OLD ARTICLES => If Public code exist if (publicCode && externalId) { //Old Article & FREE Content: & DAZ_reg content if ( access === "FREE" || content_tier === "DAZ_reg" || subscriptionModel === "DAZ_reg" ) { // console.log( // "Old Article & FREE Content: & DAZ_reg content", // `${baseURL}/${publicCode}` // ); return `${baseURL}/${publicCode}`; } // Old Articles & Purchase Content else if (access === "PURCHASABLE") { // console.log("Old Article & DAZ+: ", `${baseURL}/pw-${publicCode}`); return `${baseURL}/pw-${publicCode}`; } } // NEW Articles else if (!publicCode) { // Free Articles or DAZ_reg if ( access === "FREE" || content_tier === "DAZ_reg" || subscriptionModel === "DAZ_reg" ) { // console.log( // "New Articles + FREE Content", // `${baseURL}/vgzm.81550-daz${contentId}` // ); return `${baseURL}/vgzm.81550-daz${contentId}`; } // Purchasable Articles else if (access === "PURCHASABLE") { // console.log( // "New Articles & DAZ+", // `${baseURL}/pw-vgzm.81550-daz${contentId}` // ); return `${baseURL}/pw-vgzm.81550-daz${contentId}`; } } }, getAuthorId(content) { if (!content) { return nevermatch; } const taxonomies = content.taxonomies || []; for (const taxonomy of taxonomies) { if (taxonomy.type === "author") { return taxonomy.id; } } return nevermatch; }, getAuthorEmail(authorInfo) { return ( authorInfo?.properties?.author_email || authorInfo?.properties?.user_email || "" ); }, getAuthorsHtml(other) { if (!other || !other.taxonomies) { return ""; } const taxonomies = other.taxonomies.filter( (taxonomy) => taxonomy.type === "author" ); let html = `

`; for (const taxonomy of taxonomies) { html += this.getAuthorHtml(taxonomy, other); } html += "

"; return html; }, getAuthorHtml(authorInfo, other) { const { id, name, thumbnails, properties } = authorInfo; const imageUrl = properties?.["author_photo.url"] || thumbnails?.default || ""; const authorName = name; const authorEmail = this.getAuthorEmail(authorInfo); const url = getLinkUrl(`/autoren/${id}`); let authorEmailHtml = ""; if (authorEmail) { authorEmailHtml = ` ${authorEmail} `; } let authorImageHtml = ""; if (imageUrl) { authorImageHtml = `

`; } return `

${authorImageHtml}

${authorName} ${authorEmailHtml}

`; }, testNewAdspirit(locationRef) { if (locationRef.href.includes("TEST_NEW_ADSPIRIT")) { return "true"; } return "false"; }, getAdspiritContent(id, width, height, spaceTop, spaceBottom) { let dazAdspiritUrlParams = globalThis.dazAdspiritUrlParams || ""; if (dazAdspiritUrlParams && !dazAdspiritUrlParams.startsWith("&")) { dazAdspiritUrlParams = "&" + dazAdspiritUrlParams; } if ( dazAdspiritUrlParams && dazAdspiritUrlParams.includes("special=no_ad") ) { return ""; } if (width) { width = `${width}px`; } else { width = "auto"; } if (height) { height = `${height}px`; } else { height = "auto"; } const adText = "Anzeige"; if (spaceTop) { spaceTop = `space-top-${spaceTop}`; } else { spaceTop = ""; } if (spaceBottom) { spaceBottom = `space-bottom-${spaceBottom}`; } else { spaceBottom = ""; } return `

${adText}

`; }, isImportedArticle: (content) => { return content?.properties?._import_date ? "is-imported-article" : ""; }, getTime: (date, options, length) => { if (!date) { return; } const time = getTime(date, options); if (!time) { return; } return length ? time.substring(0, length) : time; }, getStartsWithValue(value) { return value || ""; }, getStartsWithRegexValue(value) { return value || ""; }, handleAppBarMenu: (items, ressort) => { const highlightedItemIndex = (items ?? []).findIndex((item) => item.url.startsWith(`/news/${ressort}/`) ); return classNames([ "menu-ressorts", "visible", highlightedItemIndex !== -1 && `highlight-${highlightedItemIndex + 1}`, ]); }, loadAdspiritFast(document, location) { if (!location.href.includes("FAST_ADSPIRIT")) { return; } if (globalThis.adspiritLoaded) { return; } console.log("enable fast adspirit"); globalThis.adspiritLoaded = true; let adSpiritRefreshCount = 0; let isInLoop = false; const seenNodes = new WeakSet(); const hasSeenAll = (nodeList) => { for (const element of nodeList) { if (!seenNodes.has(element)) { return false; } } return true; }; const applyAdspiritRefreshOnce = () => { const nodes = document.querySelectorAll("[data-asm-params]"); for (const node of nodes) { if (seenNodes.has(node)) { continue; } seenNodes.add(node); // @ts-ignore const asmParams = node.dataset.asmParams; const id = asmParams.slice("pid=".length); if ( globalThis.asm_async_data && globalThis.asm_async_data.refreshSlot ) { globalThis.asm_async_data.refreshSlot(id); } } }; const idleCallback = (callback) => { if (typeof requestIdleCallback !== "undefined") { return requestIdleCallback(callback); } return setTimeout(callback, 50); }; const doApplyRefresh = () => { applyAdspiritRefreshOnce(); }; const applyRefresh = () => { doApplyRefresh(); adSpiritRefreshCount++; if (adSpiritRefreshCount < 300) { idleCallback(applyRefresh); } else { isInLoop = false; } }; const refreshRepeatedly = () => { adSpiritRefreshCount = 0; if (isInLoop) { return; } isInLoop = true; applyRefresh(); }; const handleWindowLoad = () => { refreshRepeatedly(); const mutationObserver = new MutationObserver(refreshRepeatedly); mutationObserver.observe(document.body, { subtree: true, childList: true, }); }; let adspiritLoaded = false; const waitForScriptToLoad = async (script) => { // @ts-ignore const { resolve, promise } = Promise.withResolvers(); script.addEventListener("load", resolve); script.addEventListener("error", resolve); const event = await promise; script.removeEventListener("load", resolve); script.removeEventListener("error", resolve); if (event instanceof ErrorEvent) { throw new Error(`Failed to load script: ${event.error}`); } }; const waitForIdle = async () => { // @ts-ignore const { resolve, promise } = Promise.withResolvers(); idleCallback(resolve); await promise; }; const loadScript = async (src, globalKey) => { const script = document.createElement("script"); const promise = waitForScriptToLoad(script); script.src = src; document.head.append(script); await promise; if (!globalKey) { return; } const maxTries = 2125; for (let i = 0; i < maxTries; i++) { const api = globalThis[globalKey]; if (api) { return api; } await waitForIdle(); } throw new Error(`script load error: api ${globalKey} not found`); }; const doLoadAdspirit = async () => { if (adspiritLoaded || this.testNewAdspirit(location)) { return; } adspiritLoaded = true; await loadScript( "https://cdn.adspirit.de/adasync.min.js", "asm_async_data" ); handleWindowLoad(); }; doLoadAdspirit(); return "na"; }, subMenuAllLink(item) { return `/news/${item}`; }, getSubMenuItems(menu) { if (Math) { return menu; } return [ { name: "a", }, { name: "b", }, { name: "c", }, ]; }, handleSubMenuHeader(items) { if (items && items[0] && items[0].name.endsWith("Wirkstofflexikon")) { return ""; } if (items && items[0] && items[0].items && items[0].items.length === 0) { return "submenu-hidden"; } return ""; }, handleSubMenuSection(items) { if (items && items[0] && items[0].items && items[0].items.length === 0) { return "hidden"; } return ""; }, handleSubMenuAll(item, ressort) { if (item === ressort) { return "highlight"; } return ""; }, logMenu(menu) { console.log({ menu }); }, handleSubMenu: (items, ressort, ressortChild) => { const highlightedItemIndex = (items ?? []).findIndex((item) => item.url.startsWith(`/news/${ressort}/${ressortChild}`) ); return classNames([ "menu-ressort-children", "visible", highlightedItemIndex !== -1 && `highlight-${highlightedItemIndex + 1}`, ]); }, firstClickFree: (utm_campaign, utm_medium, utm_source) => { const referrers = [ "de.axelspringer.yana", "lnkd.in", "linkedin.com", "t.co", "l.facebook.com", "reddit.com", ]; return ( referrers.find( (x) => x == document.referrer .replace("https://", "") .replace("http://", "") .replace("www.", "") .replace("/", "") ) && ((utm_campaign == "reddit_24" && utm_medium == "Digital" && utm_source == "reddit_24") || utm_source == "linkedin_24" || (utm_campaign == "twitter_24" && utm_medium == "Digital" && utm_source == "twitter_24") || (utm_campaign == "facebook_24" && utm_medium == "Digital" && utm_source == "facebook_24")) ); }, registerPaywall: ( content, paywalls, utm_campaign, utm_medium, utm_source, bz, accessToken ) => { // original call in contentBody: $functions.registerPaywall($context.contentNoSSRCache[0], $global.appSettings.options_settings.config_paywall, $context.utm_campaign, $context.utm_medium, $context.utm_source, $context.bz) // content not loaded, to prevent many concurrent observers we abort here if (!content) { return ""; } const paywall = choosePaywall(content, paywalls); // no paywall if not needed if ( bz != "exklusiv" && (content.purchaseData.purchased || // @ts-ignore window.$functions.firstClickFree( utm_campaign, utm_medium, utm_source ) || verifyAccessToken(accessToken)) ) { // as paywall is in place now and non visble content has been scrambled, we remove the locked-default which blurs the contents for (let el of document.getElementsByClassName("locked-default")) { el.classList.remove("locked-default"); } return ""; } // observer that calls the actual paywall logic when all child elements have been added const observer = new MutationObserver((_mutationList, _observer) => { setPaywallPosition(paywall); }); // register observer const contentBodyElement = document.getElementById("post-content-body"); // @ts-ignore observer.observe(contentBodyElement, { subtree: true, childList: true, }); // second observer to fix weird bug where the experience renders the contents of the paywall after all this position stuff has been done // maybe caused by some kind of isLazy: false bug with experience const observerPaywall = new MutationObserver((_mutationList, _observer) => { setPaywallPosition(paywall); }); const paywallElement = document.getElementById("paywall"); // @ts-ignore observerPaywall.observe(paywallElement, { subtree: true, childList: true, }); return ""; }, returnValue: (value, fallback) => { return !value && fallback != null ? fallback : value; }, setSchlauchArticleClasses: (entryIndex, pageConfig) => { return classNames(getSchlauchArticleClasses(entryIndex, 0, pageConfig)); }, setView: (view) => { if (view === "home") { globalThis.dazAdspiritUrlParams = ""; } document.body.setAttribute("data-360-storefront-view", view); return view; }, subscribeUrl: () => { const url = "purple://storefront/resource/dynamic/storefront/assets/login.html?bounces=false&force_status_bar=true&title_bar=false&origin=" + document.URL; // TEMP! return "/"; }, handleContentBodyPaywall, linkType: (url) => { if (!url) { return "none"; } return url.toLowerCase().startsWith("http") ? "external" : "internal"; }, stringToBool: (value) => { if (typeof value === "boolean") { return value; } if (typeof value === "string") { if (value.toLowerCase() === "true") { return true; } if (value.toLowerCase() === "false") { return false; } } return; }, getSubscriptionUrl(appId, aboType, _params) { const params = _params ? `&${_params}` : ""; const microShopUrl = `${getMicroShopUrl( appId, aboType )}?redirect_url=${encodeURIComponent(`${location.href}`)}${params}`; return microShopUrl; }, }; function getMicroShopUrl(appId, aboType = "daz-abo") { const prodAppId = "ea56c88a-122b-43f9-8b91-baa17657ba48"; return appId === prodAppId ? `https://microshop.dav-medien.de/${aboType}` : `https://microshop.staging.dav-medien.de/${aboType}`; } function verifyAccessToken(token) { const parts = atob(token).split("."); console.debug("verifyToken", parts); if (parts.length != 2) return false; let calculated = 0; // @ts-ignore for (const i in parts[0]) { // @ts-ignore calculated += parts[0].charCodeAt(i); } calculated *= parseInt(parts[0].substring(-3)); // @ts-ignore return calculated == parts[1] && parseInt(parts[0]) > Date.now() / 1000; } function classNames(classes) { return classes.filter(Boolean).join(" "); } function getDate(dateTime, options) { if (!dateTime) { return; } const locale = "de-de"; const date = new Date(dateTime); return date.toLocaleDateString(locale, options); } function getIndexList(indexListAsString) { const match = (indexListAsString ?? "").match(/[0-9]+/g) ?? []; return match .map((index) => (isFinite(index) ? Number(index) : undefined)) .filter(Boolean); } function getNumber(number, fallback) { if (isFinite(number)) { return Number(number); } return fallback; } function getRegExpNoneOfArray(array) { return `^(?!(${array.join("|")}))$`; } function getRegExpOneOfArray(array) { return `^(${array.join("|")})$`; } function getSchlauchArticleClasses(entryIndex, schlauchSection, pageConfig) { if (entryIndex == null || !isFinite(entryIndex)) { return []; } const index = Number(entryIndex); let classes = []; if (pageConfig && index != null) { const schlauchConfig = [ "schlauch", ...(schlauchSection ? [`schlauch_section_${schlauchSection}`] : []), "config", ].join("."); const articlesConfig = { highlight: { list: getIndexList( pageConfig[`${schlauchConfig}.highlight_article.highlight_list`] ), interval: getIndexList( pageConfig[ `${schlauchConfig}.highlight_article.highlight_rule.interval` ] ), offset: getIndexList( pageConfig[ `${schlauchConfig}.highlight_article.highlight_rule.offset` ] ), }, noImage: { list: getIndexList( pageConfig[`${schlauchConfig}.article_without_image.no_image_list`] ), interval: getIndexList( pageConfig[ `${schlauchConfig}.article_without_image.no_image_rule.interval` ] ), offset: getIndexList( pageConfig[ `${schlauchConfig}.article_without_image.no_image_rule.offset` ] ), }, }; const isHighlighted = indexMatchesListOrRule( index, articlesConfig.highlight ); const noImage = indexMatchesListOrRule(index, articlesConfig.noImage); classes = [ ...classes, isHighlighted && "is-highlighted with-brackets", noImage && "no-image", ]; return classes; } return classes; } function getTime(dateTime, options) { if (!dateTime) { return ""; } const locale = "de"; const date = new Date(dateTime); return date.toLocaleTimeString(locale, options); } function indexMatchesListOrRule(index, listAndRule) { const indexOne = index + 1; const match = listAndRule.list.includes(indexOne) || (indexOne >= listAndRule.offset && (indexOne - listAndRule.offset) % listAndRule.interval === 0); return Boolean(match); } function setPaywallPosition(config, first = true) { // adjust after all styles are loaded (some margins take some time) if (!first) { } const paywallElement = document.getElementById("paywall"); if (!paywallElement) { // console.log("PAYWALL element doesnt exist yet", paywallElement); setTimeout(() => { setPaywallPosition(config, false); }, 1000); return; } // returns distance of element top boundary to document top boundary const getTop = (el) => { return el.getBoundingClientRect().top + document.documentElement.scrollTop; }; const contentElement = document.getElementsByClassName( "purple-inner-container" )[0]; // if another concurrent render already added it, the height will be messed up contentElement.classList.remove("locked-paywall"); // set height of white fade-out paywallElement.style.setProperty( "--fadeoutHeight", `${config.fadeout || 0}px` ); // set colors of paywall paywallElement.style.setProperty( "--colorBanner", config.farben?.banner || "var(--colorBrand)" ); paywallElement.style.setProperty( "--colorButtons", config.farben?.buttons || "var(--colorBrand)" ); // height of paywall (including fade-out area) const paywallHeight = paywallElement.offsetHeight; // console.log("PAYWALL HEIGHT", paywallHeight); // set height of content (fallback value first if calculation doesnt work due to render cycles) // @ts-ignore contentElement.style.setProperty( "--contentHeight", `${parseInt(config.position.fallback || 0)}px` ); let contentHeight; const configPositionValue = parseInt(config.position.value || 0); switch (config.position.rule) { case "pixels": contentHeight = configPositionValue; break; case "percent": // @ts-ignore contentHeight = (contentElement.offsetHeight / 100) * configPositionValue; break; case "blocks": { const blocks = contentElement.getElementsByTagName("p"); let [visibleCount, realCount] = [0, 0]; while (visibleCount < configPositionValue) { if (!blocks[0].nodeName) continue; const styles = getComputedStyle(blocks[realCount]); if (styles.display != "none") visibleCount++; realCount++; } const target = blocks[realCount - 1]; if (!target) { break; } contentHeight = target.getBoundingClientRect().bottom + document.documentElement.scrollTop - getTop(contentElement); break; } case "headlines": { const blocks = contentElement.getElementsByTagName("h2"); let [visibleCount, realCount] = [0, 0]; while (visibleCount < configPositionValue) { const styles = getComputedStyle(blocks[realCount]); if (styles.display != "none") visibleCount++; realCount++; } const target = blocks[realCount - 1]; if (!target) { break; } contentHeight = target.getBoundingClientRect().bottom + document.documentElement.scrollTop - getTop(contentElement); break; } } // if position rule was successfull, set height again if (contentHeight && !isNaN(contentHeight)) { // add the offset to the paywall position const finalHeight = parseInt(config.position.offset || 0) + contentHeight; if (finalHeight > 0) { // @ts-ignore contentElement.style.setProperty("--contentHeight", `${finalHeight}px`); } } // set margin-bottom so that paywall is visible above margin // @ts-ignore contentElement.style.setProperty( "--paywallHeight", `${paywallHeight - parseInt(config.fadeout || 0)}px` ); // move paywall up over margin paywallElement.style.top = `-${paywallElement.offsetHeight}px`; // when position is moved, set the height to 0 of paywall parent // @ts-ignore paywallElement.parentElement.style.height = "0"; // add class to content so its height and overflow-y gets activated contentElement.classList.add("locked-paywall"); // in this element all the article content is stored // @ts-ignore const paywallCoverTop = contentElement.offsetHeight + getTop(contentElement); for (let el of contentElement.children) { // if child (text / heading) is below paywall upper boundary and it wasn't scrambled yet -> scramble it! // sc attributes signales that it has been scrambled if (!el.classList.contains("sc") && getTop(el) > paywallCoverTop) { // @ts-ignore el.innerText = scramble(el.innerText); el.classList.add("sc"); } } // as paywall is in place now and non visble content has been scrambled, we remove the locked-default which blurs the contents for (let el of document.getElementsByClassName("locked-default")) { el.classList.remove("locked-default"); } return ""; } function choosePaywall(content, paywalls, index = false) { if (!content) return; const ressortId = content.properties["taxonomy.category.primary"]; if (paywalls.dynamic) { let dynamicPaywalls; if (Array.isArray(paywalls.dynamic)) { dynamicPaywalls = paywalls.dynamic; } else { delete paywalls.dynamic._element_count; dynamicPaywalls = Object.values(paywalls.dynamic); } for (const [i, paywall] of dynamicPaywalls.entries()) { let ressorts = paywall.ressort; if (!Array.isArray(ressorts)) { const taxonomiesObject = paywall.ressort; delete taxonomiesObject._element_count; ressorts = Object.values(taxonomiesObject); } if (ressorts.find((x) => x.id === ressortId)) { if (!index) return paywall; // @ts-ignore if (index === "first") return "dynamic"; // @ts-ignore if (index === "second") return i; } } } if (!index) return paywalls.default; // @ts-ignore if (index === "first") return "default"; return null; } function scramble(text) { // caesar cipher +1 let textScrambled = ""; for (let i in text) { if (text.charAt(i) !== " ") { textScrambled += String.fromCharCode(text.charCodeAt(i) + 1); } else { textScrambled += " "; } } return textScrambled; } function formatDateTime(dateInput) { // web format: 2022-04-06T22:21Z let date; if (typeof dateInput === "string") { date = new Date(dateInput); } else if (typeof dateInput === "number") { date = new Date(dateInput); } // @ts-ignore return `${date.toISOString()} `; } 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 unscramble(textScrambled) { // caesar cipher -1 let text = ""; for (let i in textScrambled) { if (textScrambled.charAt(i) !== " ") { text += String.fromCharCode(textScrambled.charCodeAt(i) - 1); } else { text += " "; } } return textScrambled; } function replaceUmlaute(str) { const umlautMap = { "\u00dc": "UE", "\u00c4": "AE", "\u00d6": "OE", "\u00fc": "ue", "\u00e4": "ae", "\u00f6": "oe", "\u00df": "ss", }; return str .replace(/[\u00dc|\u00c4|\u00d6][a-z]/g, (a) => { const big = umlautMap[a.slice(0, 1)]; return big.charAt(0) + big.charAt(1).toLowerCase() + a.slice(1); }) .replace( new RegExp("[" + Object.keys(umlautMap).join("|") + "]", "g"), (a) => umlautMap[a] ); } function paywallIsNeeded(configId, entitlementToken, contentTier) { let isNeeded = false; let isValidToken = false; // let currentUserSubscriptionRole; let parsedTokens; if (entitlementToken) { // currentUserSubscriptionRole = getCurrentUserSubscriptionRole(entitlementToken); parsedTokens = getParsedTokens(entitlementToken); try { isValidToken = !!JSON.parse(decodeJwt(entitlementToken)); } catch (e) { console.error(e); } } // paywall 1 if (configId === "user_is_logged_out_and_article_is_DAZ_plus") { isNeeded = (!entitlementToken || (entitlementToken && !isValidToken)) && contentTier === "DAZ_plus"; } // paywall 2 else if (configId === "user_is_logged_in_and_article_is_DAZ_plus") { const tools = parsedTokens?.subTokenParsed?.tools ?? []; console.log("tools", tools); isNeeded = entitlementToken && isValidToken && contentTier === "DAZ_plus" && !(tools.includes("dazPremium") || tools.includes("dazDigital")); // currentUserSubscriptionRole !== "DAZ-Abo" && } // paywall 3 else if (configId === "user_is_logged_out_and_article_is_DAZ_reg") { isNeeded = !entitlementToken && contentTier === "DAZ_reg"; } return isNeeded?.toString(); } function handleContentBodyPaywall( content, paywallConfigs2, simpleDocCheck, entitlementToken ) { let contentTier = content?.properties?.content_tier; if (!content || !paywallConfigs2) { return "unknown-paywall"; } const paywallConfigs2Extended = paywallConfigs2.map((config) => { let isNeeded = paywallIsNeeded( config.config_id, entitlementToken, contentTier ); let isValidToken; if (entitlementToken) { try { isValidToken = !!JSON.parse(decodeJwt(entitlementToken)); } catch (e) { console.error(e); } } return { ...config, isNeeded, }; }); let selectedPaywallConfig = paywallConfigs2Extended.find( (config) => config.isNeeded === "true" ); let isPurchasable = content.postType === "post" ? content.access === "PURCHASABLE" && content.purchaseData.purchased === false : true; const needsPayWall = isPurchasable && paywallConfigs2Extended.filter((config) => config.isNeeded === "true") .length; const needsDocCheck = content?.properties?.doccheck_aktivieren === "true" && (!simpleDocCheck || simpleDocCheck === "invalid"); // we might have no paywall sbut only the docCheck, for this case we use the settings of the primary paywall if (needsDocCheck && !selectedPaywallConfig) { selectedPaywallConfig = paywallConfigs2Extended[0]; } if (needsDocCheck) { selectedPaywallConfig = { ...selectedPaywallConfig, base_config: { ...selectedPaywallConfig.base_config, amount_headlines: "0", amount_blocks: "0", amount_html_elements: "0", amount_words: "0", }, }; } 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, needsDocCheck ); const postContentBodyObserver = new MutationObserver( (_mutationList, _observer) => { contentBodyMutationCallBack( paywallConfigs2Extended, selectedPaywallConfig, needsPayWall, needsDocCheck ); } ); postContentBodyObserver.observe(contentBodyElement, { subtree: true, childList: true, }); }, }); return needsPayWall ? "with-paywall" : "without-paywall"; } 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 { // remove paywalls // @ts-ignore 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]); } } } 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 getParsedTokens(token = "") { try { let tokenParsed = JSON.parse(decodeJwt(token)); let subTokenParsed = JSON.parse(decodeJwt(tokenParsed.sub)); let davJWTTokenParsed = JSON.parse(decodeJwt(subTokenParsed.davJWT)); console.log("parsedTokens", { tokenParsed, subTokenParsed, davJWTTokenParsed, }); console.log("subTokenParsed", subTokenParsed); return { tokenParsed, subTokenParsed, davJWTTokenParsed }; } catch (e) { console.error(e); } } function getCurrentUserSubscriptionRole(token = "") { const parsedTokens = getParsedTokens(token); if (parsedTokens) { let tools = parsedTokens.subTokenParsed?.tools || []; let roles = parsedTokens.davJWTTokenParsed?.roles || []; let hasDazAbo = roles.find((role) => role === "DAZ-Abo"); return hasDazAbo ? hasDazAbo : ""; } } function getPrimaryCategory(issue) { let primaryCategoryId = issue?.properties?.["taxonomy.category.primary"]; if (primaryCategoryId && primaryCategoryId !== "uncategorized") { return primaryCategoryId; } primaryCategoryId = (issue.taxonomies ?? []).filter( (taxonomy) => taxonomy.type === "category" )[0]?.id; return primaryCategoryId && primaryCategoryId !== "uncategorized" ? primaryCategoryId : ""; } function isIterable(obj) { // checks for null and undefined if (obj == null) { return false; } return typeof obj[Symbol.iterator] === "function"; }

Mit Perkolation kommt die Pflanzenkraft in den Hustensaft

Nächster Artikel

Mit Perkolation kommt die Pflanzenkraft in den Hustensaft

Mehr zum Thema

Mit Perkolation kommt die Pflanzenkraft in den Hustensaft

Service

Rechtliches