/* 3RD PARTY START */ // Didomi window.didomiConfig = { preferences: { enableAllButtons: true, }, user: { bots: { consentRequired: false, types: ['crawlers', 'performance'] } }, cookies: { storageSources: { cookies: true, localStorage: true } } }; function lazyloadScript() { (function () { (function (e, i) { var o = document.createElement("link"); o.rel = "preconnect"; o.as = "script"; var n = document.createElement("link"); n.rel = "dns-prefetch"; n.as = "script"; var r = document.createElement("script"); r.id = "spcloader"; r.type = "text/javascript"; r["async"] = true; r.charset = "utf-8"; window.didomiConfig = window.didomiConfig || {}; window.didomiConfig.sdkPath = window.didomiConfig.sdkPath || i || "https://sdk.privacy-center.org/"; const t = window.didomiConfig.sdkPath; var d = t + e + "/loader.js?target=" + document.location.hostname; if (window.didomiConfig && window.didomiConfig.user) { var a = window.didomiConfig.user; var c = a.country; var s = a.region; if (c) { d = d + "&country=" + c; if (s) { d = d + "®ion=" + s } } } o.href = t; n.href = t; r.src = d; var f = document.getElementsByTagName("script")[0]; f.parentNode.insertBefore(o, f); f.parentNode.insertBefore(n, f); f.parentNode.insertBefore(r, f) })("ad5e4602-22d3-4353-a5f1-72689327265f") })(); } function onUserInteraction() { clearTimeout(timeoutId); document.removeEventListener('scroll', onUserInteraction); document.removeEventListener('mousemove', onUserInteraction); document.removeEventListener('touchstart', onUserInteraction); lazyloadScript(); } const timeoutId = setTimeout(lazyloadScript, 3500); document.addEventListener('scroll', onUserInteraction); document.addEventListener('mousemove', onUserInteraction); document.addEventListener('touchstart', onUserInteraction); // GTM (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-57MKSKK'); // Matomo function getCookie(name) { return document.cookie .split('; ') .find(row => row.startsWith(name + '=')) ?.split('=')[1] || null; } const isInternalUser = getCookie('itelio_user') === 'true'; if (!isInternalUser) { var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(["setDocumentTitle", document.domain + "/" + document.title]); _paq.push(["setDomains", ["*.ideas.docusnap.com", "*.ideen-365.docusnap.com", "*.ideen.docusnap.com"]]); _paq.push(["requireCookieConsent"]); if (!window.location.pathname.match(/(\/redirect)/)) { _paq.push(['trackPageView']); } _paq.push(['enableLinkTracking']); (function () { var u = "https://docusnap.matomo.cloud/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '13']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = '//cdn.matomo.cloud/docusnap.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g, s); })(); }; /* 3RD PARTY END */ (function () { const form = document.querySelector(".idea-search-form"); if (!form) return; const input = form.querySelector("#query"); if (!input) return; form.addEventListener("submit", function () { input.value = ensurePrefixWildcard(input.value.trim()); }); function ensurePrefixWildcard(q) { if (!q) return q; // "Phrasen in Anführungszeichen" bleiben wie sie sind. // Einzelne Wörter ohne Stern bekommen einen * hinten dran. return q.replace(/"([^"]+)"|(\S+)/g, function (match, quoted, word) { if (quoted) return `"${quoted}"`; if (/\*$/.test(word)) return word; // schon Stern dran return word + "*"; }); } })(); // Keep product filter open document.addEventListener("DOMContentLoaded", () => { document.querySelectorAll(".collapsable-filter").forEach((container) => { const toggleBtn = container.querySelector("button.expand-collapse"); const list = container.querySelector( "ul.portal-sidebar__section.cfo-filters.filters" ); const icon = toggleBtn?.querySelector("i.fa-solid"); if (toggleBtn) toggleBtn.setAttribute("aria-expanded", "true"); if (list) list.classList.remove("hidden"); if (icon && icon.classList.contains("fa-chevron-down")) { icon.classList.replace("fa-chevron-down", "fa-chevron-right"); } }); }); (() => { /* === 0) Global Event-Delegation für „Profil bearbeiten“ ============ */ document.addEventListener( "click", (e) => { const link = e.target.closest(".edit-profile"); if (!link) return; e.preventDefault(); e.stopImmediatePropagation(); // Navigation verhindern let uid = link.dataset.userId; // aus data-Attr holen /* Fallback: versteckten Portal-Link durchsuchen */ if (!uid) { const portal = document.querySelector( '.current-user-info a[href*="/portal_users/"]' ); if (portal) { uid = portal.pathname.split("/")[2]; // reine Ziffern-ID link.dataset.userId = uid; // für nächste Klicks cachen } } if (!uid) return; // ohne ID abbrechen openProfileModal(uid); }, true ); /* ================================================================== Globals =================================================================*/ const LOGIN_URL = "/portal_session/new?return_to=%2F"; const SIGNUP_URL = "https://www.docusnap.com/myds/registrierung"; let isLoggedIn = false; /* ------------------------------------------------------------------ Menü-Logik ------------------------------------------------------------------ */ function renderUserMenus() { const signupBlock = document.querySelector(".signup-link.user-menu"); const menus = document.querySelectorAll(".ds-user-menu"); if (!menus.length) return false; const currentUser = document.querySelector(".current-user-info"); isLoggedIn = !!currentUser || sessionStorage.getItem("isLoggedIn") === "true"; // Login‑Status im SessionStorage spiegeln if (isLoggedIn) { sessionStorage.setItem("isLoggedIn", "true"); } else { sessionStorage.removeItem("isLoggedIn"); } menus.forEach((menu) => { if (isLoggedIn) { /* … (nichts tun) … */ } else { menu.innerHTML = ` `; // Falls im ursprünglichen Markup ein .dropdown drinsteht → rauswerfen menu.querySelectorAll(".dropdown")?.forEach((d) => d.remove()); } }); if (signupBlock) signupBlock.style.display = "none"; return true; } /* ------------------------------------------------------------------ Auf Menü warten ------------------------------------------------------------------ */ function waitForMenu(maxTries = 40) { if (renderUserMenus()) return; if (maxTries === 0) return; setTimeout(() => waitForMenu(maxTries - 1), 150); } document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => waitForMenu()) : waitForMenu(); /* ------------------------------------------------------------------ Logout-Flag sofort löschen ------------------------------------------------------------------ */ document.addEventListener("click", (e) => { const a = e.target.closest('a[href="/portal_session/logout"]'); if (a) sessionStorage.removeItem("isLoggedIn"); }); /* ------------------------------------------------------------------ Burger-Menü ------------------------------------------------------------------ */ document.addEventListener("DOMContentLoaded", () => { const burgerMenu = () => { const burger = document.querySelector(".burger"); const nav = document.querySelector("nav"); if (burger && nav) { burger.addEventListener("click", () => { const open = nav.classList.toggle("open"); burger.setAttribute("aria-expanded", open); burger.classList.toggle("is-active", open); document.body.style.overflow = open ? "hidden" : ""; }); } } burgerMenu(); document.addEventListener("page:change", burgerMenu) }); /* ------------------------------------------------------------------ Webhook & Prefill-Funktion ------------------------------------------------------------------ */ const WEBHOOK_URL = "https://hook.eu2.make.com/p3ibiiq2nu79r4pi4ny99qph0ui8gtgn"; const WEEKLY_WEBHOOK_URL = "https://hook.eu2.make.com/mcpvw8q4pzu6b3fubfbgst3im0iwzmvk"; const PREFILL_WEBHOOK_URL = "https://hook.eu2.make.com/kor5si6rhbnxszsahjlv6xbtvtzqe52d"; // Einheitlicher Cache-Key function getPrefillCacheKey(uid = "", portalId = "") { return portalId ? `prefill_${portalId}_${uid}` : `prefill_${uid}`; } // Prefill holt portal_user (flaches Objekt), nutzt portal_id und cacht gezielt async function prefillFromModal(uid = "", portalId = "") { if (!uid) return {}; const cacheKey = getPrefillCacheKey(uid, portalId); const cached = sessionStorage.getItem(cacheKey); if (cached) return JSON.parse(cached); const fd = new FormData(); fd.append("user_id", uid); if (portalId) fd.append("portal_id", portalId); try { const res = await fetch(PREFILL_WEBHOOK_URL, { method: "POST", body: fd }); if (!res.ok) throw new Error(`Prefill webhook ${res.status}`); const data = await res.json(); const pu = data?.portal_user || {}; sessionStorage.setItem(cacheKey, JSON.stringify(pu)); return pu; } catch (err) { console.warn("Prefill failed:", err); return {}; } } /* ------------------------------------------------------------------ Styles einmalig injizieren ------------------------------------------------------------------ */ function injectProfileModalStyles() { if (document.getElementById("profile-modal-styles")) return; const style = document.createElement("style"); style.id = "profile-modal-styles"; style.textContent = ` /* === Overlay & Modal === */ .profile-modal-overlay { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.55); z-index: 10000; opacity: 0; animation: pm-fade-in .25s forwards ease; } .profile-modal-overlay.pm-out { animation: pm-fade-out .25s forwards ease; } @keyframes pm-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes pm-fade-out { from { opacity: 1; } to { opacity: 0; } } .profile-modal { background: #fff; width: 90%; max-width: 480px; padding: 2rem 1.5rem 2.25rem; border-radius: .75rem; box-shadow: 0 10px 40px rgba(0,0,0,.25); transform: translateY(-30px) scale(.96); animation: pm-slide-in .3s forwards cubic-bezier(.25,.8,.25,1); position: relative; } @keyframes pm-slide-in { to { transform: translateY(0) scale(1); } } .profile-modal-close { position: absolute; top: .75rem; right: .75rem; background: none; border: 0; font-size: 1.75rem; line-height: 1; cursor: pointer; color: #666; } .profile-modal-headline { margin-top: 0; margin-bottom: 1rem; font-size: 1.35rem; } .profile-modal-form { display: flex; flex-direction: row; flex-wrap: wrap; gap: 1rem; } .profile-modal-form label { display: flex; flex-direction: column; gap: .25rem; font-weight: 600; } .profile-modal-form input { padding: .5rem .75rem; border: 1px solid #ccc; border-radius: .25rem; font-size: 1rem; } .profile-modal-submit { width: calc(50% - .5rem); } /* === Success message === */ .pm-success { margin-top: 1.25rem; padding: .9rem 1rem; display: none; align-items: center; gap: .5rem; font-weight: 600; border-radius: .5rem; background: #e7f8ec; border: 1px solid #34a853; color: #0f5132; } .pm-success.show { display: flex; animation: pm-success-pop .3s cubic-bezier(.18,.9,.21,1.1) forwards; } @keyframes pm-success-pop { 0% { transform: scale(.85); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } .pm-check { width: 20px; height: 20px; flex-shrink: 0; } .pm-check path { stroke-dasharray: 70; stroke-dashoffset: 70; animation: pm-draw .6s ease forwards .1s; } @keyframes pm-draw { to { stroke-dashoffset: 0; } } `; document.head.appendChild(style); } /* ------------------------------------------------------------------ Modal bauen ------------------------------------------------------------------ */ function buildProfileModal(userId = "") { const overlay = document.createElement("div"); overlay.className = "profile-modal-overlay"; overlay.innerHTML = ` `; return overlay; } /* ------------------------------------------------------------------ Modal öffnen ------------------------------------------------------------------ */ async function openProfileModal(userId = "") { if (document.querySelector(".profile-modal-overlay")) return; injectProfileModalStyles(); const overlay = buildProfileModal(userId); document.body.appendChild(overlay); document.body.style.overflow = "hidden"; const formNames = overlay.querySelector(".profile-modal-form"); const formDigest = overlay.querySelector(".weekly-digest-form"); const successBox = overlay.querySelector(".pm-success"); // Close-Handling const closeBtn = overlay.querySelector(".profile-modal-close"); const close = () => { overlay.classList.add("pm-out"); overlay.addEventListener("animationend", () => { overlay.remove(); document.body.style.overflow = ""; }, { once: true }); }; closeBtn.addEventListener("click", close); overlay.addEventListener("click", (e) => e.target === overlay && close()); document.addEventListener("keydown", (e) => e.key === "Escape" && close(), { once: true }); // Portal-ID aus ziehen const portalId = document.querySelector('meta[name="idea-portal-id"]')?.getAttribute("content") || ""; // Prefill const pu = await prefillFromModal(userId, portalId); // flaches portal_user-Objekt const first_name = pu.first_name ?? ""; const last_name = pu.last_name ?? ""; const weekly_digest = pu.unsubscribed_from_weekly_emails ? "0" : "1"; // Baseline const baseline = { first_name, last_name, weekly_digest }; // Inputs setzen formNames.elements.first_name.value = baseline.first_name; formNames.elements.last_name.value = baseline.last_name; formDigest.elements.weekly_digest.checked = baseline.weekly_digest === "1"; // Speichern const saveBtn = overlay.querySelector(".profile-modal-submit-all"); saveBtn.addEventListener("click", async () => { const curFirst = formNames.elements.first_name.value.trim(); const curLast = formNames.elements.last_name.value.trim(); const curDigest = formDigest.elements.weekly_digest.checked ? "1" : "0"; const tasks = []; // Namen ändern if (curFirst !== baseline.first_name || curLast !== baseline.last_name) { const fd = new FormData(); fd.append("user_id", userId); fd.append("portal_id", portalId); fd.append("first_name", curFirst); fd.append("last_name", curLast); tasks.push(sendToWebhook(fd, WEBHOOK_URL)); } // Weekly Digest ändern if (curDigest !== baseline.weekly_digest) { const fd = new FormData(); fd.append("user_id", userId); fd.append("portal_id", portalId); fd.append("weekly_digest", curDigest); tasks.push(sendToWebhook(fd, WEEKLY_WEBHOOK_URL)); } if (!tasks.length) { successBox.classList.add("show"); setTimeout(() => successBox.classList.remove("show"), 2000); return; } try { await Promise.all(tasks); // Baseline aktualisieren (spiegelt Session-Cache) baseline.first_name = curFirst; baseline.last_name = curLast; baseline.weekly_digest = curDigest; successBox.classList.add("show"); setTimeout(() => successBox.classList.remove("show"), 3000); } catch { alert("Fehler beim Speichern. Bitte später erneut versuchen."); } }); // POST an Webhook, danach Session-Cache sofort aktualisieren async function sendToWebhook(formData, url) { try { const res = await fetch(url, { method: "POST", body: formData }); if (!res.ok) throw new Error(); successBox.classList.add("show"); setTimeout(() => successBox.classList.remove("show"), 3000); const uid = formData.get("user_id"); const pId = formData.get("portal_id") || portalId; // Fallback auf äußeren Scope if (uid) { const cacheKey = getPrefillCacheKey(uid, pId); const cached = JSON.parse(sessionStorage.getItem(cacheKey) || "{}"); // Cache ist IMMER das flache portal_user-Objekt if (formData.has("first_name")) cached.first_name = formData.get("first_name"); if (formData.has("last_name")) cached.last_name = formData.get("last_name"); if (formData.has("weekly_digest")) { cached.unsubscribed_from_weekly_emails = formData.get("weekly_digest") === "1" ? false : true; } sessionStorage.setItem(cacheKey, JSON.stringify(cached)); } } catch (err) { alert("Fehler beim Speichern. Bitte später erneut versuchen."); throw err; } } } })();

Geben Sie bitte Ihre E-Mail-Adresse ein

ÄHNLICHE IDEEN

Abhängigkeiten: Option für automatisches erweitern