“;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 {
\nconst root = document.documentElement;
\nconst 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) => {
\nbuttons.forEach(btn => {
\nif (theme === ‘dark’) {
\nbtn.innerHTML = ‘ Light’;
\n} else {
\nbtn.innerHTML = ‘ Dark’;
\n}
\n});
\n};<\/p>\n
const updateThemeElements = (theme) => {
\nconst themeElements = document.querySelectorAll(‘[data-light]’);
\nthemeElements.forEach(el => {
\nconst newSrc = theme === ‘dark’ ? el.getAttribute(‘data-dark’) : el.getAttribute(‘data-light’);
\nif (newSrc) {
\nif (el.src !== newSrc) el.src = newSrc;
\n}
\n});
\n};<\/p>\n
const setTheme = (t) => {
\nroot.setAttribute(‘data-bs-theme’, t);
\nlocalStorage.setItem(‘pm-theme’, t);
\nupdateButtonUI(t);
\nupdateThemeElements(t);
\n};<\/p>\n
\/\/ const initialTheme = getStoredTheme() || getSystemTheme();
\nsetTheme(root.getAttribute(‘data-bs-theme’));<\/p>\n
buttons.forEach(btn => {
\n\/\/ Wir nutzen onclick direkt, um andere Listener zu “\u00fcberstimmen”
\nbtn.onclick = (e) => {
\ne.preventDefault(); \/\/ Verhindert ungewolltes Bootstrap-Verhalten
\nconst currentTheme = root.getAttribute(‘data-bs-theme’);
\nconst newTheme = currentTheme === ‘light’ ? ‘dark’ : ‘light’;
\nsetTheme(newTheme);
\n};
\n});
\n});<\/p>\n
function updateURIParam(uri, key, value) {
\nconst url = new URL(uri, window.location.origin);
\nconst params = url.searchParams;
\nif (value === ”) {
\nparams.delete(key);
\n} else {
\nparams.set(key, value);
\n}
\nreturn url.pathname + (params.toString() ? ‘?’ + params.toString() : ”);
\n}<\/p>\n
function sendgTagEvent(eventName, options = {})
\n{
\nif (typeof(gtag) != ‘undefined’)
\n{
\ngtag(‘event’, eventName, options);
\n}
\n}<\/p>\n
function changeOrder(order, defaultSortOrder)
\n{
\nsendgTagEvent(‘order_click’, {“type”: order});
\nif (order == defaultSortOrder)
\n{
\norder = ”;
\n}
\nconst target = updateURIParam(window.location.href, ‘o’, order);
\n\/\/ console.log(“[changeOrder] navigating to:”, target);
\nwindow.location.href = target;
\n}<\/p>\n
function scrollContainer(container, factor) {
\nconst amount = container.clientWidth * factor;
\nconst hiddenLeft = container.parentElement.querySelector(‘.scrollLeft, .fade-previous’);
\nif (hiddenLeft)
\n{
\nhiddenLeft.classList.remove(‘d-none’);
\n}
\ncontainer.scrollBy({
\nleft: amount,
\nbehavior: ‘smooth’
\n});<\/p>\n
setTimeout(() => {
\n\/\/console.log(‘set timeout aufrufen:’ + container.scrollLeft);
\n\/\/console.log(hiddenLeft);
\nif (container.scrollLeft <= 0 && hiddenLeft) { \/\/console.log(‘d none hinzuf\u00fcgen’); hiddenLeft.classList.add(‘d-none’); } }, 1400); } function toogleHeaderSearch() { const search = document.getElementById(‘header-search’); if (search.classList.contains(‘d-none’)) { search.classList.remove(‘d-none’); } else { search.classList.add(‘d-none’); } } \/* document.querySelectorAll(“.toggleBtn”).forEach((btn) => {
\nbtn.addEventListener(“click”, () => {
\nconst text = btn.previousElementSibling;
\ntext.classList.toggle(“expanded”);
\nbtn.textContent = text.classList.contains(“expanded”)
\n? “Read less”
\n: “Read more”;
\n});
\n});*\/
\n\/*
\nwindow.addEventListener(‘load’, () => {
\nfunction isOverflowing(el) {
\nreturn el.scrollHeight > el.clientHeight + 1; \/\/ kleine Toleranz
\n}<\/p>\n
function updateBtn(btn, text) {
\nconst expanded = text.classList.contains(‘expanded’);
\nconst shouldBeVisible = expanded || isOverflowing(text);<\/p>\n
requestAnimationFrame(() => {
\nif (shouldBeVisible) {
\nbtn.classList.remove(‘invisible’, ‘pe-none’);
\nbtn.removeAttribute(‘aria-hidden’);
\nbtn.tabIndex = 0;
\n} else {
\nbtn.classList.add(‘invisible’, ‘pe-none’);
\nbtn.setAttribute(‘aria-hidden’, ‘true’);
\nbtn.tabIndex = -1;
\n}
\n});
\n}<\/p>\n
document.querySelectorAll(“.toggleBtn”).forEach((btn) => {
\nconst text = btn.previousElementSibling;
\nupdateBtn(btn, text);
\nbtn.addEventListener(“click”, () => {
\ntext.classList.toggle(“expanded”);
\nconst expanded = text.classList.contains(“expanded”);
\nbtn.textContent = expanded
\n? “Read less”
\n: “Read more”;
\nupdateBtn(btn, text);
\n});
\nconst ro = new ResizeObserver(() => updateBtn(btn, text));
\nro.observe(text);
\n});<\/p>\n
const autoDropdownInstance = new AutoComplete(‘.search-input-input’);<\/p>\n
});<\/p>\n
*\/
\nwindow.addEventListener(‘load’, () => {
\nconst itemsToUpdate = new Set();
\nlet 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*\/
\nfunction processUpdates() {
\nconst results = [];<\/p>\n
\/\/ 1. PHASE: Nur LESEN (Reads)
\n\/\/ Wir gehen durch alle markierten Elemente und messen deren Geometrie.
\nitemsToUpdate.forEach(item => {
\nconst { btn, text } = item;
\nconst expanded = text.classList.contains(‘expanded’);<\/p>\n
\/\/ Hier passiert der kritische Layout-Trigger (scrollHeight)
\nconst overflowing = text.scrollHeight > text.clientHeight + 1;<\/p>\n
results.push({
\nbtn,
\nshouldBeVisible: expanded || overflowing
\n});
\n});<\/p>\n
\/\/ 2. PHASE: Nur SCHREIBEN (Writes)
\n\/\/ Erst wenn alle Messungen fertig sind, \u00e4ndern wir das DOM.
\nrequestAnimationFrame(() => {
\nresults.forEach(({ btn, shouldBeVisible }) => {
\nif (shouldBeVisible) {
\nbtn.classList.remove(‘invisible’, ‘pe-none’);
\nbtn.removeAttribute(‘aria-hidden’);
\nbtn.tabIndex = 0;
\n} else {
\nbtn.classList.add(‘invisible’, ‘pe-none’);
\nbtn.setAttribute(‘aria-hidden’, ‘true’);
\nbtn.tabIndex = -1;
\n}
\n});<\/p>\n
\/\/ Set leeren und Flag zur\u00fccksetzen
\nitemsToUpdate.clear();
\nisPending = false;
\n});
\n}<\/p>\n
\/**
\n* Registriert ein Element f\u00fcr das n\u00e4chste Batch-Update.
\n*\/
\nfunction scheduleUpdate(btn, text) {
\nitemsToUpdate.add({ btn, text });
\nif (!isPending) {
\nisPending = true;
\n\/\/ Kleiner Timeout, damit der Browser Luft zum Atmen hat
\nsetTimeout(processUpdates, 50);
\n}
\n}<\/p>\n
\/\/ Initialisierung der Toggle-Buttons
\ndocument.querySelectorAll(“.toggleBtn”).forEach((btn) => {
\nconst text = btn.previousElementSibling;<\/p>\n
\/\/ Initialer Check beim Laden
\nscheduleUpdate(btn, text);<\/p>\n
btn.addEventListener(“click”, () => {
\ntext.classList.toggle(“expanded”);
\nconst isExpanded = text.classList.contains(“expanded”);
\nbtn.textContent = isExpanded ? “Read less” : “Read more”;
\nscheduleUpdate(btn, text);
\n});<\/p>\n
\/\/ Observer f\u00fcr Gr\u00f6\u00dfen\u00e4nderungen (z.B. Window-Resize)
\nconst ro = new ResizeObserver(() => scheduleUpdate(btn, text));
\nro.observe(text);
\n});<\/p>\n
\/\/ — DEIN AUTOCOMPLETE —
\n\/\/ Wir stellen sicher, dass es am Ende initialisiert wird
\ntry {
\nconst autoDropdownInstance = new AutoComplete(‘.search-input-input’);
\n} catch (e) {
\nconsole.error(“AutoComplete konnte nicht geladen werden:”, e);
\n}
\n});<\/p>\n
class UserActivityStore {
\nconstructor(o = {}) {
\nthis.cfg = Object.assign({
\nprefix: “uas”,
\nwatchedLimit: 1000,
\nlikesLimit: 1000,
\ncumsLimit: 1000,
\npagesLimit: 100,
\nversion: “v1”,
\nautoPage: true
\n}, o);<\/p>\n
const p = this.cfg.prefix + “_” + this.cfg.version;
\nthis.k = {
\nw: `${p}_watched`,
\nl: `${p}_likes`,
\nc: `${p}_cums`,
\np: `${p}_pages`
\n};<\/p>\n
if (this.cfg.autoPage) this.page();
\n}<\/p>\n
\/* ——– public ——– *\/<\/p>\n
\/\/ dedupe by video id
\nwatch(id, ts = Date.now()) {
\nif (!this.#ok(id)) return;
\nreturn this.#upsert(this.k.w, { id: String(id), ts }, “id”, this.cfg.watchedLimit);
\n}<\/p>\n
\/\/ dedupe by video id (old entry removed)
\nlike(id, value, ts = Date.now()) {
\nif (!this.#ok(id) || !this.#bit(value)) return;
\nreturn this.#upsert(this.k.l, { id: String(id), ts, value }, “id”, this.cfg.likesLimit);
\n}<\/p>\n
\/\/ dedupe by video id (old entry removed)
\ncum(id, value, ts = Date.now()) {
\nif (!this.#ok(id) || !this.#bit(value)) return;
\nreturn this.#upsert(this.k.c, { id: String(id), ts, value }, “id”, this.cfg.cumsLimit);
\n}<\/p>\n
\/\/ dedupe by url
\npage(url = location.href, ts = Date.now()) {
\nif (!url) return;
\nreturn this.#upsert(this.k.p, { url: String(url), ts }, “url”, this.cfg.pagesLimit);
\n}<\/p>\n
getWatched() { return this.#load(this.k.w); }
\ngetLikes(value) {
\nreturn this.#filterByValue(this.k.l, value);
\n}<\/p>\n
getCums(value) {
\nreturn this.#filterByValue(this.k.c, value);
\n}
\ngetPages() { return this.#load(this.k.p); }<\/p>\n
clearAll() {
\nObject.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) {
\ntry {
\nconst v = JSON.parse(localStorage.getItem(k));
\nreturn Array.isArray(v) ? v : [];
\n} catch { return []; }
\n}<\/p>\n
#save(k, a) {
\nlocalStorage.setItem(k, JSON.stringify(a));
\n}<\/p>\n
#filterByValue(k, value) {
\nconst a = this.#load(k);<\/p>\n
\/\/ kein Filter \u2192 alles zur\u00fcckgeben
\nif (value === undefined) return a;<\/p>\n
\/\/ nur 0 oder 1 zulassen
\nif (!this.#bit(value)) return [];<\/p>\n
const v = String(value);
\nreturn a.filter(x => x && String(x.value) === v);
\n}<\/p>\n
\/\/ upsert: remove existing by field, then unshift
\n#upsert(k, obj, field, limit) {
\nlet a = this.#load(k);<\/p>\n
\/\/ entfernen (auch tolerant bei String\/Number)
\nconst keyVal = obj[field];
\na = a.filter(x => x && String(x[field]) !== String(keyVal));<\/p>\n
a.unshift(obj);
\nif (a.length > limit) a.length = limit;
\nthis.#save(k, a);
\nreturn a;
\n}
\n}<\/p>\n
\/* ——– example usage ——– *\/<\/p>\n
window.activity = new UserActivityStore();<\/p>\n
class AutoComplete {
\nconstructor(selector, type = false) {
\nthis.autoDropdown = null;
\nthis.url = ‘\/api\/autocomplete\/?lang=en’;
\nthis.inputElement = document.querySelector(selector);
\nthis.attachListeners();
\nthis.type = type;
\nthis.items = [];
\nthis.currentSelectedIndex = -1;
\n}<\/p>\n
renderDropdown(data, inputValue) {
\nthis.currentSelectedIndex = -1;
\nlet dropdownHTML = ”;
\nlet numberOfLinks = 0;
\nfor (let i = 0; i < data.results.length; i++) {
\nlet result = data.results[i];
\nif (result.links.length) {
\nlet resultCount = result[‘total’];
\nif (result.links.length < result[‘total’]) { resultCount = result.links.length + ‘ \/ ‘ + result[‘total’]; } dropdownHTML += ” + result[‘label’] + ‘ (‘ + resultCount + ‘)’; result.links.forEach(item => {
\n\/* if (this.type == ‘filter’)
\n{
\nlet filterLocation = ”;
\nswitch (result.name)
\n{
\ncase ‘states’: filterLocation = ‘state_id’; break;
\ncase ‘countries’: filterLocation = ‘country_id’; break;
\ncase ‘cities’: filterLocation = ‘city_id’; break;
\ndefault: console.log(‘no valid filter name’);
\n}
\nlet onClick = ‘addFilter(” + filterLocation + ”,’ + item.id + ‘,” + item.name + ”)’;
\ndropdownHTML += ” + item.html + ”;<\/p>\n
} else*\/
\n{
\nif (item.hasOwnProperty(‘click’))
\n{
\nif (item.hasOwnProperty(‘html’)) {
\ndropdownHTML += ” + item.html + ”;
\n} else {
\n\/\/let highlightedText = item.label.replace(new RegExp(inputValue, ‘gi’), match => ” + match + ”);
\nlet highlightedText = item.label
\n.replace(new RegExp(inputValue, ‘gi’), match => `${match}`)
\n.replace(\/ (?=)\/g, ‘\u00a0‘)
\n.replace(\/(?<=) \/g, ‘\u00a0‘);
\ndropdownHTML += ” + highlightedText + ”;
\n}
\n} else
\n{
\n\/* if (item.hasOwnProperty(‘html’)) {
\ndropdownHTML += ” + item.html + ”;
\n} else {
\nlet highlightedText = item.label.replace(new RegExp(inputValue, ‘gi’), match => ” + match + ”);
\ndropdownHTML += ” + highlightedText + ”;
\n} *\/<\/p>\n
if (item.hasOwnProperty(‘html’)) {
\ndropdownHTML += ” + 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(\/(?<=) \/g, ‘\u00a0‘);
\nif (item.hasOwnProperty(‘imageUrl’))
\n{
\ndropdownHTML += ” + highlightedText + ”;
\n} else
\n{
\ndropdownHTML += ” + highlightedText + ”;
\n}
\n}<\/p>\n
}
\n}
\nnumberOfLinks++;
\n});
\n}
\n}
\nif (numberOfLinks === 0) {
\ndropdownHTML = ‘No matches found’;
\n}
\nthis.autoDropdown.innerHTML = dropdownHTML;<\/p>\n
this.items = this.autoDropdown.getElementsByClassName(‘dropdown-item’);
\nif (this.type == ‘locations2’ || this.type == ‘filter’)
\n{
\nthis.currentSelectedIndex = 0;
\nthis.updateSelection();
\n}<\/p>\n
this.autoDropdown.classList.add(‘d-block’);
\nif (this.inputElement.id != ‘main_search’)
\n{
\ndocument.body.classList.add(‘search_overlay_active’);
\n}
\n\/*
\nif (!isInViewport(this.inputElement))
\n{
\nif (this.inputElement.id != ‘main_search’)
\n{
\nwindow.scrollTo(0,0);
\n} else
\n{
\nthis.inputElement.scrollIntoView();
\n}
\n} *\/
\n}<\/p>\n
updateSelection() {
\nfor (let i = 0; i < this.items.length; i++) { this.items[i].classList.remove(“selected”); } if (this.currentSelectedIndex > -1) {
\nthis.items[this.currentSelectedIndex].classList.add(“selected”);
\n}
\n}<\/p>\n
attachListeners() {
\nthis.inputElement.addEventListener(‘keydown’, (event) => {
\nif (event.key === “ArrowDown”) {
\nevent.preventDefault();
\nif (this.currentSelectedIndex == -1 && this.items.length > 0)
\n{
\nthis.currentSelectedIndex = 0;
\nthis.updateSelection();
\n} else
\n{
\nif (this.currentSelectedIndex < this.items.length – 1) { this.currentSelectedIndex++; this.updateSelection(); } } } else if (event.key === “ArrowUp”) { event.preventDefault(); if (this.currentSelectedIndex > 0) {
\nthis.currentSelectedIndex–;
\nthis.updateSelection();
\n} else
\n{
\nif (this.type == false)
\n{
\nthis.currentSelectedIndex = -1;
\nthis.updateSelection();
\n}
\n}
\n} else if (event.key === “Enter”) {
\nif (this.currentSelectedIndex > -1) {
\nevent.preventDefault();
\nthis.items[this.currentSelectedIndex].click();
\n}
\n}
\n});<\/p>\n
this.inputElement.addEventListener(‘input’, () => {
\nif (!this.autoDropdown) {
\nthis.autoDropdown = document.createElement(“ul”);
\nthis.autoDropdown.classList.add(“dropdown-menu”);
\nthis.autoDropdown.classList.add(“dropdown-autocomplete”);
\nthis.inputElement.parentElement.insertBefore(this.autoDropdown, this.inputElement.parentElement.childNodes[2]);
\n}<\/p>\n
let inputValue = this.inputElement.value;
\nif (inputValue.length > 2) {
\nlet requestUrl = this.url + ‘&q=’ + encodeURIComponent(inputValue);
\nlet tables = this.inputElement.dataset.tables;
\nif (tables) {
\nrequestUrl += ‘&tables=’ + encodeURIComponent(tables);
\n}<\/p>\n
fetch(requestUrl)
\n.then(response => response.json())
\n.then(data => {
\nthis.renderDropdown(data, inputValue);
\n})
\n.catch(error => {
\nconsole.error(‘Error fetching autocomplete data:’, error);
\n});
\n} else {
\nthis.autoDropdown.innerHTML = ”;
\nthis.autoDropdown.classList.remove(‘d-block’);
\ndocument.body.classList.remove(‘search_overlay_active’);
\n}
\n});<\/p>\n
this.inputElement.addEventListener(“focusout”, () => {
\nif (this.autoDropdown !== null) {
\nwindow.setTimeout(() => {
\nthis.autoDropdown.classList.remove(‘d-block’);
\ndocument.body.classList.remove(‘search_overlay_active’);
\n}, 100);
\n}
\n});
\n}
\n}
\n\/*
\ndocument.addEventListener(‘DOMContentLoaded’, () => {
\nconst body = document.body;<\/p>\n
window.toggleLayout = () => {
\nconst isCurrentlySingle = body.classList.contains(‘view-single-column’);
\nconst newState = !isCurrentlySingle;<\/p>\n
\/\/ Toggle the class on the body
\nbody.classList.toggle(‘view-single-column’, newState);<\/p>\n
\/\/ Save the user preference to localStorage
\nlocalStorage.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
\nif (savedLayout === ‘single’) {
\n\/\/ no blocking of browser
\nconst isMobile = window.matchMedia(‘(max-width: 575px)’).matches;
\nif (isMobile) {
\n\/\/ put changes to next frame
\nrequestAnimationFrame(() => {
\ndocument.body.classList.add(‘view-single-column’);
\n});
\n}
\n}
\n}); *\/
\n\/*
\ndocument.addEventListener(‘DOMContentLoaded’, () => {
\nconst body = document.body;
\nconst layoutButtons = document.querySelectorAll(‘.btn-grid’);<\/p>\n
const updateIcons = (isSingle) => {
\nlayoutButtons.forEach(btn => {
\nconst icon = btn.querySelector(‘i’);
\nif (icon) {
\n\/\/ Tausche die Klassen basierend auf dem Zustand
\nicon.className = isSingle
\n? ‘fa fa-regular fa-grid-2’
\n: ‘fa fa-regular fa-table-rows’;
\n}
\n});
\n};<\/p>\n
window.toggleLayout = () => {
\nconst isCurrentlySingle = body.classList.contains(‘view-single-column’);
\nconst newState = !isCurrentlySingle;<\/p>\n
body.classList.toggle(‘view-single-column’, newState);
\nlocalStorage.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
\nlayoutButtons.forEach(btn => {
\nbtn.addEventListener(‘click’, (e) => {
\ne.preventDefault(); \/\/ Verhindert ungewollte Spr\u00fcnge\/Reloads
\nwindow.toggleLayout();
\n});
\n});<\/p>\n
\/\/ Initialer Check beim Laden der Seite
\nconst savedLayout = localStorage.getItem(‘videoLayout’);<\/p>\n
if (savedLayout === ‘single’) {
\nconst isMobile = window.matchMedia(‘(max-width: 575px)’).matches;<\/p>\n
if (isMobile) {
\n\/\/ requestAnimationFrame sorgt f\u00fcr fl\u00fcssiges Rendering ohne Blocking
\nrequestAnimationFrame(() => {
\nbody.classList.add(‘view-single-column’);
\nupdateIcons(true);
\n});
\n}
\n}
\n});*\/
\n\/*
\ndocument.addEventListener(‘DOMContentLoaded’, () => {
\nconst body = document.body;<\/p>\n
\/\/ Selektoren basierend auf deinen Klassen
\nconst layoutBtnMobile = document.querySelector(‘.btn-grid.mobile’);
\nconst layoutBtnDesktop = document.querySelector(‘.btn-grid.desktop’);<\/p>\n
const updateMobileIcon = (isSingle) => {
\nconst icon = layoutBtnMobile?.querySelector(‘i’);
\nif (icon) {
\nicon.className = isSingle ? ‘fa fa-regular fa-grid-2’ : ‘fa fa-regular fa-table-rows’;
\n}
\n};<\/p>\n
const updateDesktopIcon = (isBig) => {
\nconst icon = layoutBtnDesktop?.querySelector(‘i’);
\nif (icon) {
\n\/\/ Tauscht auf fa-grid-4 wenn aktiv, sonst zur\u00fcck auf fa-grid-2
\nicon.className = isBig ? ‘fa fa-regular fa-grid-2’ : ‘fa fa-regular fa-grid-4’;
\n}
\n};<\/p>\n
const toggleMobileLayout = () => {
\nconst isCurrentlySingle = body.classList.contains(‘view-single-column’);
\nconst newState = !isCurrentlySingle;<\/p>\n
body.classList.toggle(‘view-single-column’, newState);
\nlocalStorage.setItem(‘videoLayout’, newState ? ‘single’ : ‘double’);
\nupdateMobileIcon(newState);
\n};<\/p>\n
const toggleDesktopLayout = () => {
\nconst isCurrentlyBig = body.classList.contains(‘big-container’);
\nconst newState = !isCurrentlyBig;<\/p>\n
body.classList.toggle(‘big-container’, newState);
\nlocalStorage.setItem(‘containerStyle’, newState ? ‘big’ : ‘normal’);
\nupdateDesktopIcon(newState);
\n};<\/p>\n
\/\/ Event Listener binden
\nif (layoutBtnMobile) {
\nlayoutBtnMobile.addEventListener(‘click’, (e) => {
\ne.preventDefault();
\ntoggleMobileLayout();
\n});
\n}<\/p>\n
if (layoutBtnDesktop) {
\nlayoutBtnDesktop.addEventListener(‘click’, (e) => {
\ne.preventDefault();
\ntoggleDesktopLayout();
\n});
\n}<\/p>\n
\/\/ Initialer Check beim Laden der Seite
\nconst savedLayout = localStorage.getItem(‘videoLayout’);
\nconst savedContainer = localStorage.getItem(‘containerStyle’);<\/p>\n
\/\/ Restore Mobile Layout Status
\nif (savedLayout === ‘single’) {
\nbody.classList.add(‘view-single-column’);
\nupdateMobileIcon(true);
\n}<\/p>\n
\/\/ Restore Desktop Container Status
\nif (savedContainer === ‘big’) {
\nbody.classList.add(‘big-container’);
\nupdateDesktopIcon(true);
\n}
\n});*\/<\/p>\n
document.addEventListener(‘DOMContentLoaded’, () => {
\nconst body = document.body;<\/p>\n
\/\/ — LOGIK F\u00dcR MOBILE (Spalten-Layout) —
\nconst mobileBtns = document.querySelectorAll(‘.btn-grid.mobile’);<\/p>\n
const setMobileLayout = (isSingle) => {
\nbody.classList.toggle(‘view-single-column’, isSingle);
\nlocalStorage.setItem(‘videoLayout’, isSingle ? ‘single’ : ‘double’);<\/p>\n
\/\/ Aktiven Button markieren
\nmobileBtns.forEach(btn => {
\nconst active = isSingle ? btn.classList.contains(‘btn-single’) : btn.classList.contains(‘btn-double’);
\nbtn.classList.toggle(‘easy_active’, active);
\n});
\n};<\/p>\n
mobileBtns.forEach(btn => {
\nbtn.addEventListener(‘click’, () => {
\nconst targetSingle = btn.classList.contains(‘btn-single’);
\nsetMobileLayout(targetSingle);
\n});
\n});<\/p>\n
\/\/ — LOGIK F\u00dcR DESKTOP (Container-Breite) —
\nconst desktopBtns = document.querySelectorAll(‘.btn-grid.desktop’);<\/p>\n
const setDesktopLayout = (isBig) => {
\nbody.classList.toggle(‘big-container’, isBig);
\nlocalStorage.setItem(‘containerStyle’, isBig ? ‘big’ : ‘normal’);<\/p>\n
\/\/ Aktiven Button markieren
\ndesktopBtns.forEach(btn => {
\nconst active = isBig ? btn.classList.contains(‘btn-wide’) : btn.classList.contains(‘btn-norm’);
\nbtn.classList.toggle(‘easy_active’, active);
\n});
\n};<\/p>\n
desktopBtns.forEach(btn => {
\nbtn.addEventListener(‘click’, () => {
\nconst targetBig = btn.classList.contains(‘btn-wide’);
\nsetDesktopLayout(targetBig);
\n});
\n});<\/p>\n
\/\/ — INITIALISIERUNG BEIM LADEN —
\nconst savedLayout = localStorage.getItem(‘videoLayout’);
\nconst savedContainer = localStorage.getItem(‘containerStyle’);<\/p>\n
\/\/ Start-Zustand Mobile
\nsetMobileLayout(savedLayout === ‘single’);<\/p>\n
\/\/ Start-Zustand Desktop
\nsetDesktopLayout(savedContainer === ‘big’);<\/p>\n
\/\/ pwa installed and open event (once per session)
\nwindow.addEventListener(‘appinstalled’, function ()
\n{
\nsendgTagEvent(‘pwa_installed’, {
\nsource: ‘browser_install_prompt’
\n});
\n});
\nif ((window.matchMedia(‘(display-mode: standalone)’).matches
\n|| window.navigator.standalone === true)
\n&& !sessionStorage.getItem(‘pwa_open_sent’)
\n) {
\nsendgTagEvent(‘pwa_open’, {
\nsource: ‘standalone’,
\npage: window.location.pathname
\n});
\nsessionStorage.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(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= 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(){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, 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