“;if(a=document.getElementById(“spci_”+a))a.contentDocument.write(c),a.contentDocument.close()}function checkForNetworkToggle(){if(document.getElementsByClassName(“network-list”).length){var a=document.getElementsByClassName(“network-toggle”)[0];35 ‘;
\ndocument.getElementsByTagName(“body”)[0].insertAdjacentHTML(“beforeend”,c);document.getElementsByClassName(“tb-inter-mask”)[0].addEventListener(“click”,function(){a.close()});document.getElementsByClassName(“tb-inter-btn-wrapper”)[0].addEventListener(“click”,function(){a.close()})};Inter.prototype.close=function(){var a=document.getElementsByClassName(“tb-inter”)[0];a.parentNode.removeChild(a);0diaImageSrc.indexOf(“.gif”)&&(timer=window.setTimeout(“nextDia()”,150)))});a.addEventListener(“mouseleave”,function(){hovering=!1;window.clearTimeout(timer);diaImageSrc=this.getAttribute(“src”);-1==diaImageSrc.indexOf(“data:image”)&&”src”in this.dataset&&this.setAttribute(“src”,this.dataset.src)})});a=atob(“eHk5MS5hcHA=”);window.location.hostname==a&&(a=document.getElemetsByTagName(“body”)[0].dataset.domain,
\nwindow.location.href=”https:\/\/www.”+a+window.location.pathname);a=document.querySelectorAll(“.orderbox”);Array.prototype.forEach.call(a,function(a,c){a.addEventListener(“change”,function(a){0this.status){var a=JSON.parse(this.response),b=parseInt(100*a.rating);document.getElementById(“video_rating”).textContent=b+”%”;var c=document.getElementById(“video_rating_reverse”);c&&(c.textContent=100-b+”%”);(b=document.getElementById(“rating_box”))&&b.classList.add(“rated”);if(a.message){var d=document.createElement(“div”);d.className=”rating_overlay”;d.innerHTML=a.message;c.parentNode.appendChild(d);d.style.pointerEvents=”auto”;setTimeout(function(){d.remove()},
\n2E3)}}};a.send();sendUAEvent(“Rating”,”click”,this.dataset.rating)})});a=document.querySelectorAll(“.cum_rate_btn”);Array.prototype.forEach.call(a,function(a,c){a.addEventListener(“click”,function(a){a.preventDefault();a=new XMLHttpRequest;var b=document.documentElement.lang;window.activity&&window.activity.cum(Number(document.getElementsByClassName(“video”)[0].dataset.id),Number(this.dataset.rating));a.open(“GET”,”\/cum_rate\/?video_id=”+document.getElementsByClassName(“video”)[0].dataset.id+”&rating=”+
\nthis.dataset.rating+”&lang=”+b,!0);a.setRequestHeader(“X-Requested-With”,”XMLHttpRequest”);a.onload=function(){if(200<=this.status&&400>this.status){var a=JSON.parse(this.response),b=parseInt(100*a.rating),c=document.getElementById(“cum_rating”);c&&(c.textContent=b+”%”);if(c=document.getElementById(“cum_rating_reverse”))c.textContent=100-b+”%”;if(b=document.getElementById(“cum_rating_positives”))b.textContent=a.total_positives_formatted;if(c=document.getElementById(“cum_rating_negatives”))c.textContent=
\na.total_negatives_formatted;(c=document.getElementById(“cum_rating_box”))&&c.classList.add(“rated”);if(a.message){var d=document.createElement(“div”);d.className=”rating_overlay”;d.innerHTML=a.message;b.parentNode.appendChild(d);d.style.pointerEvents=”auto”;setTimeout(function(){d.remove()},2E3)}}};a.send();sendUAEvent(“CumRating”,”click”,this.dataset.rating)})});(a=document.getElementById(“favorite_btn”))&&a.addEventListener(“click”,function(a){a.preventDefault();a=new XMLHttpRequest;a.open(“GET”,
\n“\/user\/toggleFavorite\/?video_id=”+document.getElementsByClassName(“video”)[0].dataset.id,!0);a.setRequestHeader(“X-Requested-With”,”XMLHttpRequest”);a.onload=function(){200<=this.status&&400>this.status&&(JSON.parse(this.response).status?document.getElementById(“favorite_btn”).classList.add(“active”):document.getElementById(“favorite_btn”).classList.remove(“active”))};a.send();sendUAEvent(“Favorite”,”click”,this.dataset.rating)});a=document.getElementsByClassName(“network-toggle”);0window.innerWidth?”5px”:”50px”,b.onload=function(){iFrameResize({log:!1,sizeWidth:!0,
\nonResized:function(a){},onMessage:function(a){console.log(“MESSAGE CALLBACK: “+a.message);a.message.indexOf(“jsoncommand”)&&(a=JSON.parse(a.message),”resize”==a.action?document.getElementById(“chatina_frame”).iFrameResizer.resize():”redirect”==a.action?window.location.replace(a.url):”openwindow”==a.action&&window.open(a.url,”_blank”))},onClosed:function(a){console.log(“CLOSED CALLBACK: “+a);c.setCookie(“widget_status”,”closed”,.042);c.setCookie(“widget_status_session”,”closed”)},onInit:function(a){var b=
\ndocument.createElement(“a”);b.href=this.widgetUrl;for(var c=decodeURIComponent(document.cookie).split(“;”),d=””,g=0;g {
\n const root = document.documentElement;
\n const buttons = document.querySelectorAll(‘.themeToggle’);<\/p>\n
\/\/ 1. Theme-Logik
\n \/\/ const getStoredTheme = () => localStorage.getItem(‘pm-theme’);
\n \/\/ const getSystemTheme = () => window.matchMedia(‘(prefers-color-scheme: dark)’).matches ? ‘dark’ : ‘light’;<\/p>\n
const updateButtonUI = (theme) => {
\n buttons.forEach(btn => {
\n if (theme === ‘dark’) {
\n btn.innerHTML = ‘ Light’;
\n } else {
\n btn.innerHTML = ‘ Dark’;
\n }
\n });
\n };<\/p>\n
const updateThemeElements = (theme) => {
\n const themeElements = document.querySelectorAll(‘[data-light]’);
\n themeElements.forEach(el => {
\n const newSrc = theme === ‘dark’ ? el.getAttribute(‘data-dark’) : el.getAttribute(‘data-light’);
\n if (newSrc) {
\n if (el.src !== newSrc) el.src = newSrc;
\n }
\n });
\n };<\/p>\n
const setTheme = (t) => {
\n root.setAttribute(‘data-bs-theme’, t);
\n localStorage.setItem(‘pm-theme’, t);
\n updateButtonUI(t);
\n updateThemeElements(t);
\n };<\/p>\n
\/\/ const initialTheme = getStoredTheme() || getSystemTheme();
\n setTheme(root.getAttribute(‘data-bs-theme’));<\/p>\n
buttons.forEach(btn => {
\n \/\/ Wir nutzen onclick direkt, um andere Listener zu “\u00fcberstimmen”
\n btn.onclick = (e) => {
\n e.preventDefault(); \/\/ Verhindert ungewolltes Bootstrap-Verhalten
\n const currentTheme = root.getAttribute(‘data-bs-theme’);
\n const newTheme = currentTheme === ‘light’ ? ‘dark’ : ‘light’;
\n setTheme(newTheme);
\n };
\n });
\n });<\/p>\n
function updateURIParam(uri, key, value) {
\n const url = new URL(uri, window.location.origin);
\n const params = url.searchParams;
\n if (value === ”) {
\n params.delete(key);
\n } else {
\n params.set(key, value);
\n }
\n return url.pathname + (params.toString() ? ‘?’ + params.toString() : ”);
\n }<\/p>\n
function sendgTagEvent(eventName, options = {})
\n {
\n if (typeof(gtag) != ‘undefined’)
\n {
\n gtag(‘event’, eventName, options);
\n }
\n }<\/p>\n
function changeOrder(order, defaultSortOrder)
\n {
\n sendgTagEvent(‘order_click’, {“type”: order});
\n if (order == defaultSortOrder)
\n {
\n order = ”;
\n }
\n const target = updateURIParam(window.location.href, ‘o’, order);
\n \/\/ console.log(“[changeOrder] navigating to:”, target);
\n window.location.href = target;
\n }<\/p>\n
function scrollContainer(container, factor) {
\n const amount = container.clientWidth * factor;
\n const hiddenLeft = container.parentElement.querySelector(‘.scrollLeft, .fade-previous’);
\n if (hiddenLeft)
\n {
\n hiddenLeft.classList.remove(‘d-none’);
\n }
\n container.scrollBy({
\n left: amount,
\n behavior: ‘smooth’
\n });<\/p>\n
setTimeout(() => {
\n \/\/console.log(‘set timeout aufrufen:’ + container.scrollLeft);
\n \/\/console.log(hiddenLeft);
\n if (container.scrollLeft <= 0 && hiddenLeft) {\n \/\/console.log('d none hinzuf\u00fcgen');\n hiddenLeft.classList.add('d-none');\n }\n }, 1400); \n }\n \n function toogleHeaderSearch()\n {\n const search = document.getElementById('header-search');\n if (search.classList.contains('d-none'))\n {\n search.classList.remove('d-none');\n } else\n {\n search.classList.add('d-none');\n }\n }\n \n \/*\n document.querySelectorAll(\".toggleBtn\").forEach((btn) => {
\n btn.addEventListener(“click”, () => {
\n const text = btn.previousElementSibling;
\n text.classList.toggle(“expanded”);
\n btn.textContent = text.classList.contains(“expanded”)
\n ? “Read less”
\n : “Read more”;
\n });
\n });*\/
\n \/*
\n window.addEventListener(‘load’, () => {
\n function isOverflowing(el) {
\n return el.scrollHeight > el.clientHeight + 1; \/\/ kleine Toleranz
\n }<\/p>\n
function updateBtn(btn, text) {
\n const expanded = text.classList.contains(‘expanded’);
\n const shouldBeVisible = expanded || isOverflowing(text);<\/p>\n
requestAnimationFrame(() => {
\n if (shouldBeVisible) {
\n btn.classList.remove(‘invisible’, ‘pe-none’);
\n btn.removeAttribute(‘aria-hidden’);
\n btn.tabIndex = 0;
\n } else {
\n btn.classList.add(‘invisible’, ‘pe-none’);
\n btn.setAttribute(‘aria-hidden’, ‘true’);
\n btn.tabIndex = -1;
\n }
\n });
\n }<\/p>\n
document.querySelectorAll(“.toggleBtn”).forEach((btn) => {
\n const text = btn.previousElementSibling;
\n updateBtn(btn, text);
\n btn.addEventListener(“click”, () => {
\n text.classList.toggle(“expanded”);
\n const expanded = text.classList.contains(“expanded”);
\n btn.textContent = expanded
\n ? “Read less”
\n : “Read more”;
\n updateBtn(btn, text);
\n });
\n const ro = new ResizeObserver(() => updateBtn(btn, text));
\n ro.observe(text);
\n });<\/p>\n
const autoDropdownInstance = new AutoComplete(‘.search-input-input’);<\/p>\n
});<\/p>\n
*\/
\n window.addEventListener(‘load’, () => {
\n const itemsToUpdate = new Set();
\n let isPending = false;<\/p>\n
\/**
\n * F\u00fchrt alle Messungen und DOM-Updates in Batches aus,
\n * um “Layout Thrashing” (erzwungene Umbr\u00fcche) zu verhindern.
\n *\/
\n function processUpdates() {
\n const results = [];<\/p>\n
\/\/ 1. PHASE: Nur LESEN (Reads)
\n \/\/ Wir gehen durch alle markierten Elemente und messen deren Geometrie.
\n itemsToUpdate.forEach(item => {
\n const { btn, text } = item;
\n const expanded = text.classList.contains(‘expanded’);<\/p>\n
\/\/ Hier passiert der kritische Layout-Trigger (scrollHeight)
\n const overflowing = text.scrollHeight > text.clientHeight + 1;<\/p>\n
results.push({
\n btn,
\n shouldBeVisible: expanded || overflowing
\n });
\n });<\/p>\n
\/\/ 2. PHASE: Nur SCHREIBEN (Writes)
\n \/\/ Erst wenn alle Messungen fertig sind, \u00e4ndern wir das DOM.
\n requestAnimationFrame(() => {
\n results.forEach(({ btn, shouldBeVisible }) => {
\n if (shouldBeVisible) {
\n btn.classList.remove(‘invisible’, ‘pe-none’);
\n btn.removeAttribute(‘aria-hidden’);
\n btn.tabIndex = 0;
\n } else {
\n btn.classList.add(‘invisible’, ‘pe-none’);
\n btn.setAttribute(‘aria-hidden’, ‘true’);
\n btn.tabIndex = -1;
\n }
\n });<\/p>\n
\/\/ Set leeren und Flag zur\u00fccksetzen
\n itemsToUpdate.clear();
\n isPending = false;
\n });
\n }<\/p>\n
\/**
\n * Registriert ein Element f\u00fcr das n\u00e4chste Batch-Update.
\n *\/
\n function scheduleUpdate(btn, text) {
\n itemsToUpdate.add({ btn, text });
\n if (!isPending) {
\n isPending = true;
\n \/\/ Kleiner Timeout, damit der Browser Luft zum Atmen hat
\n setTimeout(processUpdates, 50);
\n }
\n }<\/p>\n
\/\/ Initialisierung der Toggle-Buttons
\n document.querySelectorAll(“.toggleBtn”).forEach((btn) => {
\n const text = btn.previousElementSibling;<\/p>\n
\/\/ Initialer Check beim Laden
\n scheduleUpdate(btn, text);<\/p>\n
btn.addEventListener(“click”, () => {
\n text.classList.toggle(“expanded”);
\n const isExpanded = text.classList.contains(“expanded”);
\n btn.textContent = isExpanded ? “Read less” : “Read more”;
\n scheduleUpdate(btn, text);
\n });<\/p>\n
\/\/ Observer f\u00fcr Gr\u00f6\u00dfen\u00e4nderungen (z.B. Window-Resize)
\n const ro = new ResizeObserver(() => scheduleUpdate(btn, text));
\n ro.observe(text);
\n });<\/p>\n
\/\/ — DEIN AUTOCOMPLETE —
\n \/\/ Wir stellen sicher, dass es am Ende initialisiert wird
\n try {
\n const autoDropdownInstance = new AutoComplete(‘.search-input-input’);
\n } catch (e) {
\n console.error(“AutoComplete konnte nicht geladen werden:”, e);
\n }
\n});<\/p>\n
class UserActivityStore {
\n constructor(o = {}) {
\n this.cfg = Object.assign({
\n prefix: “uas”,
\n watchedLimit: 1000,
\n likesLimit: 1000,
\n cumsLimit: 1000,
\n pagesLimit: 100,
\n version: “v1”,
\n autoPage: true
\n }, o);<\/p>\n
const p = this.cfg.prefix + “_” + this.cfg.version;
\n this.k = {
\n w: `${p}_watched`,
\n l: `${p}_likes`,
\n c: `${p}_cums`,
\n p: `${p}_pages`
\n };<\/p>\n
if (this.cfg.autoPage) this.page();
\n }<\/p>\n
\/* ——– public ——– *\/<\/p>\n
\/\/ dedupe by video id
\n watch(id, ts = Date.now()) {
\n if (!this.#ok(id)) return;
\n return this.#upsert(this.k.w, { id: String(id), ts }, “id”, this.cfg.watchedLimit);
\n }<\/p>\n
\/\/ dedupe by video id (old entry removed)
\n like(id, value, ts = Date.now()) {
\n if (!this.#ok(id) || !this.#bit(value)) return;
\n return this.#upsert(this.k.l, { id: String(id), ts, value }, “id”, this.cfg.likesLimit);
\n }<\/p>\n
\/\/ dedupe by video id (old entry removed)
\n cum(id, value, ts = Date.now()) {
\n if (!this.#ok(id) || !this.#bit(value)) return;
\n return this.#upsert(this.k.c, { id: String(id), ts, value }, “id”, this.cfg.cumsLimit);
\n }<\/p>\n
\/\/ dedupe by url
\n page(url = location.href, ts = Date.now()) {
\n if (!url) return;
\n return this.#upsert(this.k.p, { url: String(url), ts }, “url”, this.cfg.pagesLimit);
\n }<\/p>\n
getWatched() { return this.#load(this.k.w); }
\n getLikes(value) {
\n return this.#filterByValue(this.k.l, value);
\n }<\/p>\n
getCums(value) {
\n return this.#filterByValue(this.k.c, value);
\n }
\n getPages() { return this.#load(this.k.p); }<\/p>\n
clearAll() {
\n Object.values(this.k).forEach(k => localStorage.removeItem(k));
\n }<\/p>\n
\/* ——– private ——– *\/<\/p>\n
#ok(v) { return v !== undefined && v !== null && String(v).length; }<\/p>\n
\/\/ falls value aus dataset kommt (“0″\/”1”), klappt es trotzdem
\n #bit(v) { return v === 0 || v === 1 || v === “0” || v === “1”; }<\/p>\n
#load(k) {
\n try {
\n const v = JSON.parse(localStorage.getItem(k));
\n return Array.isArray(v) ? v : [];
\n } catch { return []; }
\n }<\/p>\n
#save(k, a) {
\n localStorage.setItem(k, JSON.stringify(a));
\n }<\/p>\n
#filterByValue(k, value) {
\n const a = this.#load(k);<\/p>\n
\/\/ kein Filter \u2192 alles zur\u00fcckgeben
\n if (value === undefined) return a;<\/p>\n
\/\/ nur 0 oder 1 zulassen
\n if (!this.#bit(value)) return [];<\/p>\n
const v = String(value);
\n return a.filter(x => x && String(x.value) === v);
\n }<\/p>\n
\/\/ upsert: remove existing by field, then unshift
\n #upsert(k, obj, field, limit) {
\n let a = this.#load(k);<\/p>\n
\/\/ entfernen (auch tolerant bei String\/Number)
\n const keyVal = obj[field];
\n a = a.filter(x => x && String(x[field]) !== String(keyVal));<\/p>\n
a.unshift(obj);
\n if (a.length > limit) a.length = limit;
\n this.#save(k, a);
\n return a;
\n }
\n}<\/p>\n
\/* ——– example usage ——– *\/<\/p>\n
window.activity = new UserActivityStore();<\/p>\n
class AutoComplete {
\n constructor(selector, type = false) {
\n this.autoDropdown = null;
\n this.url = ‘\/api\/autocomplete\/?lang=en’;
\n this.inputElement = document.querySelector(selector);
\n this.attachListeners();
\n this.type = type;
\n this.items = [];
\n this.currentSelectedIndex = -1;
\n }<\/p>\n
renderDropdown(data, inputValue) {
\n this.currentSelectedIndex = -1;
\n let dropdownHTML = ”;
\n let numberOfLinks = 0;
\n for (let i = 0; i < data.results.length; i++) {\n let result = data.results[i];\n if (result.links.length) {\n let resultCount = result['total'];\n if (result.links.length < result['total']) {\n resultCount = result.links.length + ' \/ ' + result['total'];\n }\n dropdownHTML += '' + result['label'] + ' (' + resultCount + ')';\n result.links.forEach(item => {
\n \/* if (this.type == ‘filter’)
\n {
\n let filterLocation = ”;
\n switch (result.name)
\n {
\n case ‘states’: filterLocation = ‘state_id’; break;
\n case ‘countries’: filterLocation = ‘country_id’; break;
\n case ‘cities’: filterLocation = ‘city_id’; break;
\n default: console.log(‘no valid filter name’);
\n }
\n let onClick = ‘addFilter(” + filterLocation + ”,’ + item.id + ‘,” + item.name + ”)’;
\n dropdownHTML += ” + item.html + ”; <\/p>\n
} else*\/
\n {
\n if (item.hasOwnProperty(‘click’))
\n {
\n if (item.hasOwnProperty(‘html’)) {
\n dropdownHTML += ” + item.html + ”;
\n } else {
\n \/\/let highlightedText = item.label.replace(new RegExp(inputValue, ‘gi’), match => ” + match + ”);
\n let highlightedText = item.label
\n .replace(new RegExp(inputValue, ‘gi’), match => `${match}`)
\n .replace(\/ (?=)\/g, ‘\u00a0‘)
\n .replace(\/(?<=<\/mark>) \/g, ‘\u00a0‘);
\n dropdownHTML += ” + highlightedText + ”;
\n }
\n } else
\n {
\n \/* if (item.hasOwnProperty(‘html’)) {
\n dropdownHTML += ” + item.html + ”;
\n } else {
\n let highlightedText = item.label.replace(new RegExp(inputValue, ‘gi’), match => ” + match + ”);
\n dropdownHTML += ” + highlightedText + ”;
\n } *\/<\/p>\n
if (item.hasOwnProperty(‘html’)) {
\n dropdownHTML += ” + item.html + ”;
\n } else {
\n \/\/let highlightedText = item.label.replace(new RegExp(inputValue, ‘gi’), match => ” + match + ”);<\/p>\n
let highlightedText = item.label
\n .replace(new RegExp(inputValue, ‘gi’), match => `${match}`)
\n .replace(\/ (?=)\/g, ‘\u00a0‘)
\n .replace(\/(?<=<\/mark>) \/g, ‘\u00a0‘);
\n if (item.hasOwnProperty(‘imageUrl’))
\n {
\n dropdownHTML += ” + highlightedText + ”;
\n } else
\n {
\n dropdownHTML += ” + highlightedText + ”;
\n }
\n }<\/p>\n
}
\n }
\n numberOfLinks++;
\n });
\n }
\n }
\n if (numberOfLinks === 0) {
\n dropdownHTML = ‘No matches found’;
\n }
\n this.autoDropdown.innerHTML = dropdownHTML;<\/p>\n
this.items = this.autoDropdown.getElementsByClassName(‘dropdown-item’);
\n if (this.type == ‘locations2’ || this.type == ‘filter’)
\n {
\n this.currentSelectedIndex = 0;
\n this.updateSelection();
\n } <\/p>\n
this.autoDropdown.classList.add(‘d-block’);
\n if (this.inputElement.id != ‘main_search’)
\n {
\n document.body.classList.add(‘search_overlay_active’);
\n }
\n \/*
\n if (!isInViewport(this.inputElement))
\n {
\n if (this.inputElement.id != ‘main_search’)
\n {
\n window.scrollTo(0,0);
\n } else
\n {
\n this.inputElement.scrollIntoView();
\n }
\n } *\/
\n }<\/p>\n
updateSelection() {
\n for (let i = 0; i < this.items.length; i++) {\n this.items[i].classList.remove(\"selected\");\n }\n if (this.currentSelectedIndex > -1) {
\n this.items[this.currentSelectedIndex].classList.add(“selected”);
\n }
\n }<\/p>\n
attachListeners() {
\n this.inputElement.addEventListener(‘keydown’, (event) => {
\n if (event.key === “ArrowDown”) {
\n event.preventDefault();
\n if (this.currentSelectedIndex == -1 && this.items.length > 0)
\n {
\n this.currentSelectedIndex = 0;
\n this.updateSelection();
\n } else
\n {
\n if (this.currentSelectedIndex < this.items.length - 1) { \n this.currentSelectedIndex++;\n this.updateSelection();\n } \n }\n } else if (event.key === \"ArrowUp\") {\n event.preventDefault();\n if (this.currentSelectedIndex > 0) {
\n this.currentSelectedIndex–;
\n this.updateSelection();
\n } else
\n {
\n if (this.type == false)
\n {
\n this.currentSelectedIndex = -1;
\n this.updateSelection();
\n }
\n }
\n } else if (event.key === “Enter”) {
\n if (this.currentSelectedIndex > -1) {
\n event.preventDefault();
\n this.items[this.currentSelectedIndex].click();
\n }
\n }
\n });<\/p>\n
this.inputElement.addEventListener(‘input’, () => {
\n if (!this.autoDropdown) {
\n this.autoDropdown = document.createElement(“ul”);
\n this.autoDropdown.classList.add(“dropdown-menu”);
\n this.autoDropdown.classList.add(“dropdown-autocomplete”);
\n this.inputElement.parentElement.insertBefore(this.autoDropdown, this.inputElement.parentElement.childNodes[2]);
\n }<\/p>\n
let inputValue = this.inputElement.value;
\n if (inputValue.length > 2) {
\n let requestUrl = this.url + ‘&q=’ + encodeURIComponent(inputValue);
\n let tables = this.inputElement.dataset.tables;
\n if (tables) {
\n requestUrl += ‘&tables=’ + encodeURIComponent(tables);
\n }<\/p>\n
fetch(requestUrl)
\n .then(response => response.json())
\n .then(data => {
\n this.renderDropdown(data, inputValue);
\n })
\n .catch(error => {
\n console.error(‘Error fetching autocomplete data:’, error);
\n });
\n } else {
\n this.autoDropdown.innerHTML = ”;
\n this.autoDropdown.classList.remove(‘d-block’);
\n document.body.classList.remove(‘search_overlay_active’);
\n }
\n });<\/p>\n
this.inputElement.addEventListener(“focusout”, () => {
\n if (this.autoDropdown !== null) {
\n window.setTimeout(() => {
\n this.autoDropdown.classList.remove(‘d-block’);
\n document.body.classList.remove(‘search_overlay_active’);
\n }, 100);
\n }
\n });
\n }
\n}
\n\/*
\ndocument.addEventListener(‘DOMContentLoaded’, () => {
\n const body = document.body;<\/p>\n
window.toggleLayout = () => {
\n const isCurrentlySingle = body.classList.contains(‘view-single-column’);
\n const newState = !isCurrentlySingle;<\/p>\n
\/\/ Toggle the class on the body
\n body.classList.toggle(‘view-single-column’, newState);<\/p>\n
\/\/ Save the user preference to localStorage
\n localStorage.setItem(‘videoLayout’, newState ? ‘single’ : ‘double’);<\/p>\n
console.log(`Layout switched to: ${newState ? ‘1 Column’ : ‘2 Columns’}`);
\n };<\/p>\n
const savedLayout = localStorage.getItem(‘videoLayout’);
\n \/\/ check storage
\n if (savedLayout === ‘single’) {
\n \/\/ no blocking of browser
\n const isMobile = window.matchMedia(‘(max-width: 575px)’).matches;
\n if (isMobile) {
\n \/\/ put changes to next frame
\n requestAnimationFrame(() => {
\n document.body.classList.add(‘view-single-column’);
\n });
\n }
\n }
\n}); *\/
\n\/*
\ndocument.addEventListener(‘DOMContentLoaded’, () => {
\n const body = document.body;
\n const layoutButtons = document.querySelectorAll(‘.btn-grid’);<\/p>\n
const updateIcons = (isSingle) => {
\n layoutButtons.forEach(btn => {
\n const icon = btn.querySelector(‘i’);
\n if (icon) {
\n \/\/ Tausche die Klassen basierend auf dem Zustand
\n icon.className = isSingle
\n ? ‘fa fa-regular fa-grid-2’
\n : ‘fa fa-regular fa-table-rows’;
\n }
\n });
\n };<\/p>\n
window.toggleLayout = () => {
\n const isCurrentlySingle = body.classList.contains(‘view-single-column’);
\n const newState = !isCurrentlySingle;<\/p>\n
body.classList.toggle(‘view-single-column’, newState);
\n localStorage.setItem(‘videoLayout’, newState ? ‘single’ : ‘double’);<\/p>\n
updateIcons(newState);
\n \/\/ console.log(`Layout switched to: ${newState ? ‘1 Column’ : ‘2 Columns’}`);
\n };<\/p>\n
\/\/ Event-Listener an alle Buttons binden
\n layoutButtons.forEach(btn => {
\n btn.addEventListener(‘click’, (e) => {
\n e.preventDefault(); \/\/ Verhindert ungewollte Spr\u00fcnge\/Reloads
\n window.toggleLayout();
\n });
\n });<\/p>\n
\/\/ Initialer Check beim Laden der Seite
\n const savedLayout = localStorage.getItem(‘videoLayout’);<\/p>\n
if (savedLayout === ‘single’) {
\n const isMobile = window.matchMedia(‘(max-width: 575px)’).matches;<\/p>\n
if (isMobile) {
\n \/\/ requestAnimationFrame sorgt f\u00fcr fl\u00fcssiges Rendering ohne Blocking
\n requestAnimationFrame(() => {
\n body.classList.add(‘view-single-column’);
\n updateIcons(true);
\n });
\n }
\n }
\n});*\/
\n\/*
\ndocument.addEventListener(‘DOMContentLoaded’, () => {
\n const body = document.body;<\/p>\n
\/\/ Selektoren basierend auf deinen Klassen
\n const layoutBtnMobile = document.querySelector(‘.btn-grid.mobile’);
\n const layoutBtnDesktop = document.querySelector(‘.btn-grid.desktop’);<\/p>\n
const updateMobileIcon = (isSingle) => {
\n const icon = layoutBtnMobile?.querySelector(‘i’);
\n if (icon) {
\n icon.className = isSingle ? ‘fa fa-regular fa-grid-2’ : ‘fa fa-regular fa-table-rows’;
\n }
\n };<\/p>\n
const updateDesktopIcon = (isBig) => {
\n const icon = layoutBtnDesktop?.querySelector(‘i’);
\n if (icon) {
\n \/\/ Tauscht auf fa-grid-4 wenn aktiv, sonst zur\u00fcck auf fa-grid-2
\n icon.className = isBig ? ‘fa fa-regular fa-grid-2’ : ‘fa fa-regular fa-grid-4’;
\n }
\n };<\/p>\n
const toggleMobileLayout = () => {
\n const isCurrentlySingle = body.classList.contains(‘view-single-column’);
\n const newState = !isCurrentlySingle;<\/p>\n
body.classList.toggle(‘view-single-column’, newState);
\n localStorage.setItem(‘videoLayout’, newState ? ‘single’ : ‘double’);
\n updateMobileIcon(newState);
\n };<\/p>\n
const toggleDesktopLayout = () => {
\n const isCurrentlyBig = body.classList.contains(‘big-container’);
\n const newState = !isCurrentlyBig;<\/p>\n
body.classList.toggle(‘big-container’, newState);
\n localStorage.setItem(‘containerStyle’, newState ? ‘big’ : ‘normal’);
\n updateDesktopIcon(newState);
\n };<\/p>\n
\/\/ Event Listener binden
\n if (layoutBtnMobile) {
\n layoutBtnMobile.addEventListener(‘click’, (e) => {
\n e.preventDefault();
\n toggleMobileLayout();
\n });
\n }<\/p>\n
if (layoutBtnDesktop) {
\n layoutBtnDesktop.addEventListener(‘click’, (e) => {
\n e.preventDefault();
\n toggleDesktopLayout();
\n });
\n }<\/p>\n
\/\/ Initialer Check beim Laden der Seite
\n const savedLayout = localStorage.getItem(‘videoLayout’);
\n const savedContainer = localStorage.getItem(‘containerStyle’);<\/p>\n
\/\/ Restore Mobile Layout Status
\n if (savedLayout === ‘single’) {
\n body.classList.add(‘view-single-column’);
\n updateMobileIcon(true);
\n }<\/p>\n
\/\/ Restore Desktop Container Status
\n if (savedContainer === ‘big’) {
\n body.classList.add(‘big-container’);
\n updateDesktopIcon(true);
\n }
\n});*\/<\/p>\n
document.addEventListener(‘DOMContentLoaded’, () => {
\n const body = document.body;<\/p>\n
\/\/ — LOGIK F\u00dcR MOBILE (Spalten-Layout) —
\n const mobileBtns = document.querySelectorAll(‘.btn-grid.mobile’);<\/p>\n
const setMobileLayout = (isSingle) => {
\n body.classList.toggle(‘view-single-column’, isSingle);
\n localStorage.setItem(‘videoLayout’, isSingle ? ‘single’ : ‘double’);<\/p>\n
\/\/ Aktiven Button markieren
\n mobileBtns.forEach(btn => {
\n const active = isSingle ? btn.classList.contains(‘btn-single’) : btn.classList.contains(‘btn-double’);
\n btn.classList.toggle(‘easy_active’, active);
\n });
\n };<\/p>\n
mobileBtns.forEach(btn => {
\n btn.addEventListener(‘click’, () => {
\n const targetSingle = btn.classList.contains(‘btn-single’);
\n setMobileLayout(targetSingle);
\n });
\n });<\/p>\n
\/\/ — LOGIK F\u00dcR DESKTOP (Container-Breite) —
\n const desktopBtns = document.querySelectorAll(‘.btn-grid.desktop’);<\/p>\n
const setDesktopLayout = (isBig) => {
\n body.classList.toggle(‘big-container’, isBig);
\n localStorage.setItem(‘containerStyle’, isBig ? ‘big’ : ‘normal’);<\/p>\n
\/\/ Aktiven Button markieren
\n desktopBtns.forEach(btn => {
\n const active = isBig ? btn.classList.contains(‘btn-wide’) : btn.classList.contains(‘btn-norm’);
\n btn.classList.toggle(‘easy_active’, active);
\n });
\n };<\/p>\n
desktopBtns.forEach(btn => {
\n btn.addEventListener(‘click’, () => {
\n const targetBig = btn.classList.contains(‘btn-wide’);
\n setDesktopLayout(targetBig);
\n });
\n });<\/p>\n
\/\/ — INITIALISIERUNG BEIM LADEN —
\n const savedLayout = localStorage.getItem(‘videoLayout’);
\n const savedContainer = localStorage.getItem(‘containerStyle’);<\/p>\n
\/\/ Start-Zustand Mobile
\n setMobileLayout(savedLayout === ‘single’);<\/p>\n
\/\/ Start-Zustand Desktop
\n setDesktopLayout(savedContainer === ‘big’);<\/p>\n
\/\/ pwa installed and open event (once per session)
\n window.addEventListener(‘appinstalled’, function ()
\n {
\n sendgTagEvent(‘pwa_installed’, {
\n source: ‘browser_install_prompt’
\n });
\n });
\n if ((window.matchMedia(‘(display-mode: standalone)’).matches
\n || window.navigator.standalone === true)
\n && !sessionStorage.getItem(‘pwa_open_sent’)
\n ) {
\n sendgTagEvent(‘pwa_open’, {
\n source: ‘standalone’,
\n page: window.location.pathname
\n });
\n sessionStorage.setItem(‘pwa_open_sent’, ‘1’);
\n }<\/p>\n
});<\/p>\n","protected":false},"excerpt":{"rendered":"
“;if(a=document.getElementById(“spci_”+a))a.contentDocument.write(c),a.contentDocument.close()}function checkForNetworkToggle(){if(document.getElementsByClassName(“network-list”).length){var a=document.getElementsByClassName(“network-toggle”)[0];35 ‘; document.getElementsByTagName(“body”)[0].insertAdjacentHTML(“beforeend”,c);document.getElementsByClassName(“tb-inter-mask”)[0].addEventListener(“click”,function(){a.close()});document.getElementsByClassName(“tb-inter-btn-wrapper”)[0].addEventListener(“click”,function(){a.close()})};Inter.prototype.close=function(){var a=document.getElementsByClassName(“tb-inter”)[0];a.parentNode.removeChild(a);0diaImageSrc.indexOf(“.gif”)&&(timer=window.setTimeout(“nextDia()”,150)))});a.addEventListener(“mouseleave”,function(){hovering=!1;window.clearTimeout(timer);diaImageSrc=this.getAttribute(“src”);-1==diaImageSrc.indexOf(“data:image”)&&”src”in this.dataset&&this.setAttribute(“src”,this.dataset.src)})});a=atob(“eHk5MS5hcHA=”);window.location.hostname==a&&(a=document.getElemetsByTagName(“body”)[0].dataset.domain, window.location.href=”https:\/\/www.”+a+window.location.pathname);a=document.querySelectorAll(“.orderbox”);Array.prototype.forEach.call(a,function(a,c){a.addEventListener(“change”,function(a){0this.status){var a=JSON.parse(this.response),b=parseInt(100*a.rating);document.getElementById(“video_rating”).textContent=b+”%”;var c=document.getElementById(“video_rating_reverse”);c&&(c.textContent=100-b+”%”);(b=document.getElementById(“rating_box”))&&b.classList.add(“rated”);if(a.message){var d=document.createElement(“div”);d.className=”rating_overlay”;d.innerHTML=a.message;c.parentNode.appendChild(d);d.style.pointerEvents=”auto”;setTimeout(function(){d.remove()}, 2E3)}}};a.send();sendUAEvent(“Rating”,”click”,this.dataset.rating)})});a=document.querySelectorAll(“.cum_rate_btn”);Array.prototype.forEach.call(a,function(a,c){a.addEventListener(“click”,function(a){a.preventDefault();a=new XMLHttpRequest;var b=document.documentElement.lang;window.activity&&window.activity.cum(Number(document.getElementsByClassName(“video”)[0].dataset.id),Number(this.dataset.rating));a.open(“GET”,”\/cum_rate\/?video_id=”+document.getElementsByClassName(“video”)[0].dataset.id+”&rating=”+ this.dataset.rating+”&lang=”+b,!0);a.setRequestHeader(“X-Requested-With”,”XMLHttpRequest”);a.onload=function(){if(200this.status){var a=JSON.parse(this.response),b=parseInt(100*a.rating),c=document.getElementById(“cum_rating”);c&&(c.textContent=b+”%”);if(c=document.getElementById(“cum_rating_reverse”))c.textContent=100-b+”%”;if(b=document.getElementById(“cum_rating_positives”))b.textContent=a.total_positives_formatted;if(c=document.getElementById(“cum_rating_negatives”))c.textContent= a.total_negatives_formatted;(c=document.getElementById(“cum_rating_box”))&&c.classList.add(“rated”);if(a.message){var d=document.createElement(“div”);d.className=”rating_overlay”;d.innerHTML=a.message;b.parentNode.appendChild(d);d.style.pointerEvents=”auto”;setTimeout(function(){d.remove()},2E3)}}};a.send();sendUAEvent(“CumRating”,”click”,this.dataset.rating)})});(a=document.getElementById(“favorite_btn”))&&a.addEventListener(“click”,function(a){a.preventDefault();a=new XMLHttpRequest;a.open(“GET”, “\/user\/toggleFavorite\/?video_id=”+document.getElementsByClassName(“video”)[0].dataset.id,!0);a.setRequestHeader(“X-Requested-With”,”XMLHttpRequest”);a.onload=function(){200this.status&&(JSON.parse(this.response).status?document.getElementById(“favorite_btn”).classList.add(“active”):document.getElementById(“favorite_btn”).classList.remove(“active”))};a.send();sendUAEvent(“Favorite”,”click”,this.dataset.rating)});a=document.getElementsByClassName(“network-toggle”);0window.innerWidth?”5px”:”50px”,b.onload=function(){iFrameResize({log:!1,sizeWidth:!0, onResized:function(a){},onMessage:function(a){console.log(“MESSAGE CALLBACK: “+a.message);a.message.indexOf(“jsoncommand”)&&(a=JSON.parse(a.message),”resize”==a.action?document.getElementById(“chatina_frame”).iFrameResizer.resize():”redirect”==a.action?window.location.replace(a.url):”openwindow”==a.action&&window.open(a.url,”_blank”))},onClosed:function(a){console.log(“CLOSED CALLBACK: “+a);c.setCookie(“widget_status”,”closed”,.042);c.setCookie(“widget_status_session”,”closed”)},onInit:function(a){var b= document.createElement(“a”);b.href=this.widgetUrl;for(var c=decodeURIComponent(document.cookie).split(“;”),d=””,g=0;g { const root = document.documentElement; const buttons = document.querySelectorAll(‘.themeToggle’); \/\/ 1. Theme-Logik \/\/ const getStoredTheme = () => localStorage.getItem(‘pm-theme’); \/\/ const getSystemTheme = () => window.matchMedia(‘(prefers-color-scheme: dark)’).matches… Continue reading PornMike<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"inner-pages.php","meta":{"footnotes":""},"class_list":["post-4067","page","type-page","status-publish","hentry","entry"],"yoast_head":"\n