Zertifikate und Unternehmenswerte

Bewertungen { "@context": "http://schema.org", "@type": "Product", "name": "Zertifikate und Unternehmenswerte – Ingenieur Glaser", "aggregateRating": { "@type": "AggregateRating", "worstRating": 1, "bestRating": 5, "ratingValue": 4.6, "ratingCount": 2, "reviewCount": 1 } } /* Sterne Wrapper */ #star-rating-wrapper { text-align: center; } /* mittig ausrichten */ /* Hinweis unter Sterne */ #rating-note { color: #C0C0C0; font-size: 0.9em; } /* Sterne */ #star-rating { --star-size: 60px; --star-color: #FFC000; --star-background: #E0E0E0; --percent: calc(var(--rating) / 5 * 100%); display: inline-block; font-size: 1.8em; font-family: Times; line-height: 1; cursor: pointer; } #star-rating::before { content: "★★★★★"; letter-spacing: 0.1em; background: linear-gradient(90deg, var(--star-color) var(--percent), var(--star-background) var(--percent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } // Star-Rating Sterne animieren und beim Klicken an den Server übermitteln document.addEventListener("DOMContentLoaded", () => { const starRatingNode = document.querySelector("#star-rating"); // Sterne-Node if (!starRatingNode) { return; } // Abbrechen, falls nicht vorhanden const currentStarRating = starRatingNode.style.getPropertyValue("--rating"); // Aktuelle Bewertung aus CSS-Variable auslesen 1.0-5.0 console.log({currentStarRating}); let votingDone = false; // Hat dieser Benutzer bereits bewertet? // Mouse Hover starRatingNode.addEventListener("mousemove", (e) => { if (votingDone) { return; } // Abbrechen, falls schon bewertet wurde. const mouseRating = Math.round(((e.pageX - starRatingNode.getBoundingClientRect().left) / document.querySelector("#star-rating").offsetWidth * 5 + 0.5) * 2) / 2; // Maus aktuell gewählte Sterne ermitteln (1-5 Sterne) starRatingNode.style.setProperty("--rating", mouseRating); // Maus-Rating in Oberfläche anzeigen }); // Mouse Leave starRatingNode.addEventListener("mouseleave", (e) => { if (votingDone) { return; } // Abbrechen, falls schon bewertet wurde. starRatingNode.style.setProperty("--rating", currentStarRating); // Bem Verlassen wieder das normale Rating anzeigen. }); // Mouse Klick starRatingNode.addEventListener("click", async (e) => { if (votingDone) { return; } // Abbrechen, falls schon bewertet wurde. votingDone = true; // Bereits bewertet merken const mouseRating = Math.round(((e.pageX - starRatingNode.getBoundingClientRect().left) / document.querySelector("#star-rating").offsetWidth * 5 + 0.5) * 2) / 2; // Maus aktuell gewählte Sterne ermitteln (1-5 Sterne) starRatingNode.style.setProperty("--rating", mouseRating); // Maus-Rating in Oberfläche anzeigen // Bewertung an Server übermitteln const data = await fetch("https://ingenieur-glaser.de/wp-json/neo/rating", { method: "POST", headers: { "Content-Type": "application/x-www-form-urlencoded" }, body: new URLSearchParams({ page_slug: "certificates-and-corporate-values", rating: mouseRating }) }).then(response => response.json()); document.querySelector("#rating-note").textContent = data.message; // Meldung des Servers ausgeben. z.B. "Sie haben bereits bewertet." if (data.success) { window.dispatchEvent(new CustomEvent("rating", { detail: mouseRating })); } // Rating-Event auslösen, um bei 5-Sterne-Bewertung auf einem neoPlugin in den WP Store weiterzuleiten }); }); // Scroll-Event window.addEventListener("scroll", () => { // No scroll event from WP admins if (document.querySelector("body").classList.contains("admin-bar")) { return; } // Scrollposition feststellen const scrollPercent = document.documentElement.scrollTop / (document.documentElement.scrollHeight - document.documentElement.clientHeight); // Scroll-Position [0-1] % // Über X% gescrollt if (scrollPercent > 0.8) { // Über 80% nach unten gescrollt? fetch("https://ingenieur-glaser.de/wp-json/neo/scrolled", { method: "POST", headers: { "Content-Type": "application/x-www-form-urlencoded" }, body: new URLSearchParams({ page_slug: "certificates-and-corporate-values" }) }); } });