M_Viper/Minecraft-Modern-Theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 10 Wiki Activity

Update from Git Manager GUI

Browse Source
This commit is contained in:
M_Viper
2026-03-19 23:51:57 +01:00
parent 3d08d57d64
commit 2855fbada5
5 changed files with 193 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
Minecraft-Modern-Theme/js/announcement.js
View File

@@ -7,8 +7,7 @@ document.addEventListener("DOMContentLoaded", function () {
if (position === "top") {
document.body.insertAdjacentElement('afterbegin', bar);
}
else if (position === "below-slider") {
} else if (position === "below-slider") {
const anchor = document.getElementById("mm-announcement-anchor");
if (anchor) {
anchor.replaceWith(bar);
@@ -16,69 +15,62 @@ document.addEventListener("DOMContentLoaded", function () {
const header = document.getElementById("masthead");
if (header) header.insertAdjacentElement('afterend', bar);
}
}
else if (position === "below-header") {
const header = document.getElementById("masthead");
if (header) header.insertAdjacentElement('afterend', bar);
}
else {
} else {
// "below-header" und alle anderen Positionen
const header = document.getElementById("masthead");
if (header) header.insertAdjacentElement('afterend', bar);
}
// --- 2. Schließen-Button ---
const closeBtn = bar.querySelector(".mm-announcement-close");
if (closeBtn) {
closeBtn.addEventListener("click", function () {
bar.style.display = "none";
bar.style.transition = 'opacity 0.3s ease';
bar.style.opacity = '0';
setTimeout(function() { bar.style.display = "none"; }, 300);
});
}
// --- 2. Countdown Timer Logik ---
// --- 3. Countdown Timer ---
const timerElement = document.querySelector('.mm-countdown-timer');
if (timerElement) {
const targetDateString = timerElement.getAttribute('data-date');
const expiredMessage = timerElement.getAttribute('data-expired');
const expiredMessage = timerElement.getAttribute('data-expired') || 'Abgelaufen';
if (!targetDateString) {
timerElement.style.display = 'none';
return;
}
// Prüfen ob Datum gesetzt ist
if (targetDateString) {
const countDownDate = new Date(targetDateString).getTime();
const updateTimer = setInterval(function() {
// FIX: Tick-Funktion auslagern und SOFORT aufrufen – kein 1s-Flackern beim Laden
function tick() {
const now = new Date().getTime();
const distance = countDownDate - now;
if (distance < 0) {
clearInterval(updateTimer);
clearInterval(timerInterval);
timerElement.innerHTML = expiredMessage;
// Optional: Rot einfärben wenn abgelaufen
timerElement.style.color = '#ff3333';
return;
}
// Zeitberechnung
const days = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Formatierung (z.B. 05 statt 5)
const fDays = days > 0 ? days + "d " : "";
const fHours = hours < 10 ? "0" + hours : hours;
const fMinutes = minutes < 10 ? "0" + minutes : minutes;
const fSeconds = seconds < 10 ? "0" + seconds : seconds;
const fDays = days > 0 ? days + 'd ' : '';
const fHours = String(hours).padStart(2, '0');
const fMinutes = String(minutes).padStart(2, '0');
const fSeconds = String(seconds).padStart(2, '0');
timerElement.innerHTML = fDays + fHours + ":" + fMinutes + ":" + fSeconds;
}, 1000);
// Sofort einmal ausführen, um Ladezeit zu vermeiden
// Wir lösen das Interval manuell für den ersten Durchlauf aus,
// indem wir den Code kopieren oder den Timeout kurz setzen.
// Für diesen Fall reicht der erste Tick nach 1 Sekunde,
// aber wir können es direkt aufrufen:
// (Hier nutzen wir einfach den ersten Tick des Intervals)
} else {
timerElement.style.display = 'none';
timerElement.innerHTML = fDays + fHours + ':' + fMinutes + ':' + fSeconds;
}
tick(); // Sofort ausführen
const timerInterval = setInterval(tick, 1000);
}
});

58
Minecraft-Modern-Theme/js/header-scroll.js
View File

@@ -1,17 +1,57 @@
// /js/header-scroll.js
// header-scroll.js – ergänzt um Header-Suche Toggle
document.addEventListener('DOMContentLoaded', function () {
// WICHTIG: Das Skript nur ausführen, wenn wir NICHT im Customizer sind.
// Diese Prüfung ist robuster und funktioniert ohne PHP.
if ( window.location.href.includes('/wp-admin/customize.php') || ( window.parent && window.parent.wp && window.parent.wp.customize ) ) {
return; // Skript hier beenden, wenn wir im Customizer sind.
// ── Customizer Guard ──────────────────────────────────────────────────
if (
window.location.href.includes('/wp-admin/customize.php') ||
(window.parent && window.parent.wp && window.parent.wp.customize)
) {
return;
}
// ── Scroll-Effekt ─────────────────────────────────────────────────────
const header = document.querySelector('.site-header');
if (header) {
window.addEventListener('scroll', function () {
if (window.scrollY > 50) {
header.classList.add('scrolled');
} else {
header.classList.remove('scrolled');
header.classList.toggle('scrolled', window.scrollY > 50);
}, { passive: true });
}
// ── Suche Toggle ──────────────────────────────────────────────────────
const searchToggle = document.querySelector('.header-search-toggle');
const searchDropdown = document.querySelector('.header-search-dropdown');
if (searchToggle && searchDropdown) {
searchToggle.addEventListener('click', function (e) {
e.stopPropagation();
const isOpen = searchDropdown.classList.toggle('open');
searchToggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
searchDropdown.setAttribute('aria-hidden', isOpen ? 'false' : 'true');
if (isOpen) {
// Fokus ins Suchfeld setzen
const field = searchDropdown.querySelector('.search-field');
if (field) setTimeout(function () { field.focus(); }, 50);
}
});
// Schließen bei Außenklick
document.addEventListener('click', function (e) {
if (!searchDropdown.contains(e.target) && !searchToggle.contains(e.target)) {
searchDropdown.classList.remove('open');
searchToggle.setAttribute('aria-expanded', 'false');
searchDropdown.setAttribute('aria-hidden', 'true');
}
});
// Schließen mit Escape
document.addEventListener('keydown', function (e) {
if (e.key === 'Escape' && searchDropdown.classList.contains('open')) {
searchDropdown.classList.remove('open');
searchToggle.setAttribute('aria-expanded', 'false');
searchDropdown.setAttribute('aria-hidden', 'true');
searchToggle.focus();
}
});
}
});

15
Minecraft-Modern-Theme/js/login-slider.js
View File

@@ -2,8 +2,8 @@ jQuery(document).ready(function($) {
const slider = $('#minecraft-avatar-slider');
const slides = slider.find('.avatar-slide');
// Nur starten, wenn es mehr als einen Slide gibt
if (slides.length > 1) {
if ( slides.length === 0 ) return;
let currentIndex = 0;
function showSlide(index) {
@@ -11,15 +11,20 @@ jQuery(document).ready(function($) {
slides.eq(index).addClass('avatar-slide-active');
}
// FIX: Ersten Slide sofort anzeigen, nicht erst nach dem ersten Interval-Tick
showSlide(0);
// Nur Interval starten wenn es mehr als einen Slide gibt
if ( slides.length > 1 ) {
function nextSlide() {
currentIndex = (currentIndex + 1) % slides.length;
showSlide(currentIndex);
}
// Geschwindigkeit aus den WordPress-Einstellungen holen
const speed = avatarSliderSettings.speed || 4000;
const speed = ( typeof avatarSliderSettings !== 'undefined' && avatarSliderSettings.speed )
? avatarSliderSettings.speed
: 4000;
// Den Slider alle X Sekunden wechseln
setInterval(nextSlide, speed);
}
});

43
Minecraft-Modern-Theme/js/navigation.js
View File

@@ -1,8 +1,11 @@
( function() {
// FIX: Null-Check – Script bricht auf Login-Seite & Seiten ohne Nav nicht mehr ab
const siteNavigation = document.getElementById( 'site-navigation' );
const menuToggle = siteNavigation.querySelector( '.menu-toggle' );
if ( ! siteNavigation ) {
return;
}
// Early exit wenn kein Toggle da ist
const menuToggle = siteNavigation.querySelector( '.menu-toggle' );
if ( ! menuToggle ) {
return;
}
@@ -11,7 +14,6 @@
menuToggle.addEventListener( 'click', function() {
siteNavigation.classList.toggle( 'toggled' );
// Aria States aktualisieren
if ( menuToggle.getAttribute( 'aria-expanded' ) === 'true' ) {
menuToggle.setAttribute( 'aria-expanded', 'false' );
menuToggle.innerHTML = '<i class="fas fa-bars"></i>';
@@ -21,18 +23,37 @@
}
} );
// Mobile Submenu Toggle (Klick auf Parent-Item öffnet Untermenü)
// FIX: Menü bei Klick außerhalb schließen
document.addEventListener( 'click', function( e ) {
if ( siteNavigation.classList.contains( 'toggled' ) && ! siteNavigation.contains( e.target ) ) {
siteNavigation.classList.remove( 'toggled' );
menuToggle.setAttribute( 'aria-expanded', 'false' );
menuToggle.innerHTML = '<i class="fas fa-bars"></i>';
}
} );
// Mobile Submenu Toggle
const subMenuParents = siteNavigation.querySelectorAll( '.menu-item-has-children' );
subMenuParents.forEach( function( subMenuParent ) {
subMenuParent.addEventListener( 'click', function( e ) {
// Nur auf Mobil aktivieren (Media Query Check)
if ( window.innerWidth <= 992 ) {
// Optional: Verhindern, dass der Link geklickt wird, wenn man nur das Menü öffnen will
// e.preventDefault();
// FIX: Eigenen Toggle-Button erzeugen statt gesamtes <li> klickbar zu machen
const toggleBtn = document.createElement( 'button' );
toggleBtn.classList.add( 'submenu-toggle' );
toggleBtn.setAttribute( 'aria-expanded', 'false' );
toggleBtn.innerHTML = '<i class="fas fa-chevron-down"></i>';
// Klasse 'active' umschalten für das CSS Display
this.classList.toggle( 'active' );
const parentLink = subMenuParent.querySelector( 'a' );
if ( parentLink ) {
parentLink.insertAdjacentElement( 'afterend', toggleBtn );
}
toggleBtn.addEventListener( 'click', function( e ) {
e.stopPropagation();
if ( window.innerWidth <= 992 ) {
const isOpen = subMenuParent.classList.toggle( 'active' );
toggleBtn.setAttribute( 'aria-expanded', isOpen ? 'true' : 'false' );
// Icon drehen
toggleBtn.querySelector('i').style.transform = isOpen ? 'rotate(180deg)' : 'rotate(0deg)';
}
} );
} );

57
Minecraft-Modern-Theme/js/theme-toggle.js
View File

@@ -1,32 +1,55 @@
document.addEventListener('DOMContentLoaded', function () {
const html = document.documentElement;
// FIX: Null-Check – Login-Seite hat keinen Toggle-Button
const toggle = document.querySelector('.theme-toggle');
if ( ! toggle ) {
return;
}
const html = document.documentElement;
const iconMoon = toggle.querySelector('.icon-moon');
const iconSun = toggle.querySelector('.icon-sun');
const defaultMode = typeof sliderSettings !== 'undefined' ? sliderSettings.defaultMode : 'dark';
const saved = localStorage.getItem('themeMode') || defaultMode;
if (saved === 'light') {
html.classList.add('light-mode');
iconMoon.style.display = 'none';
iconSun.style.display = 'block';
// FIX: Systemschema respektieren wenn kein gespeicherter Wert vorhanden
let saved = localStorage.getItem('themeMode');
if ( ! saved ) {
// Prüfe OS-Einstellung, falle sonst auf Theme-Default zurück
if ( window.matchMedia && window.matchMedia('(prefers-color-scheme: light)').matches ) {
saved = 'light';
} else {
iconMoon.style.display = 'block';
iconSun.style.display = 'none';
saved = defaultMode;
}
}
function applyMode( mode ) {
if ( mode === 'light' ) {
html.classList.add('light-mode');
if ( iconMoon ) iconMoon.style.display = 'none';
if ( iconSun ) iconSun.style.display = 'block';
} else {
html.classList.remove('light-mode');
if ( iconMoon ) iconMoon.style.display = 'block';
if ( iconSun ) iconSun.style.display = 'none';
}
}
applyMode( saved );
toggle.addEventListener('click', function () {
html.classList.toggle('light-mode');
const isLight = html.classList.toggle('light-mode');
const newMode = isLight ? 'light' : 'dark';
applyMode( newMode );
localStorage.setItem('themeMode', newMode);
});
if (html.classList.contains('light-mode')) {
iconMoon.style.display = 'none';
iconSun.style.display = 'block';
localStorage.setItem('themeMode', 'light');
} else {
iconMoon.style.display = 'block';
iconSun.style.display = 'none';
localStorage.setItem('themeMode', 'dark');
// Live-Reaktion auf OS-Umschalten (optional aber nice-to-have)
if ( window.matchMedia ) {
window.matchMedia('(prefers-color-scheme: light)').addEventListener('change', function( e ) {
// Nur reagieren wenn der User noch keine manuelle Auswahl getroffen hat
if ( ! localStorage.getItem('themeMode') ) {
applyMode( e.matches ? 'light' : 'dark' );
}
});
}
});