// @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"; }

Richtige Ansätze, falsche Umsetzung

Nächster Artikel

Richtige Ansätze, falsche Umsetzung

Mehr zum Thema

Richtige Ansätze, falsche Umsetzung

Service

Rechtliches