darnytsa_hero

MediaWiki:Common.js: відмінності між версіями

← Попереднє редагування
мНемає опису редагування
мНемає опису редагування
 
(Не показано 11 проміжних версій цього користувача)
Рядок 841: Рядок 841:


// =========================
// =========================
// КНОПКА ВИПАДКОВА СТОРІНКА (спрощена версія)
// КНОПКА ВИПАДКОВА СТОРІНКА (вище)
// =========================
// =========================
function createRandomButton() {
function createRandomButton() {
    // Перевіряємо чи кнопка вже існує
     if (document.getElementById('float-random-btn')) return;
     if (document.getElementById('float-random-btn')) {
     if (!document.body.classList.contains('skin-minerva')) return;
        return;
    }
   
    // Перевіряємо чи це мобільна версія
     if (!document.body.classList.contains('skin-minerva')) {
        return;
    }
      
      
     const btn = document.createElement('button');
     const btn = document.createElement('button');
Рядок 860: Рядок 853:
     btn.style.cssText = `
     btn.style.cssText = `
         position: fixed;
         position: fixed;
         bottom: 100px;
         bottom: 240px;
         right: 15px;
         left: 15px;
         z-index: 9998;
         z-index: 9998;
         background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
         background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
Рядок 876: Рядок 869:
         gap: 8px;
         gap: 8px;
         transition: all 0.3s ease;
         transition: all 0.3s ease;
        white-space: nowrap;
     `;
     `;
      
      
    // ПОКРАЩЕНИЙ ОБРОБНИК КЛІКУ
     btn.addEventListener('click', function(e) {
     btn.addEventListener('click', function(e) {
         e.preventDefault();
         e.preventDefault();
         e.stopPropagation();
         e.stopPropagation();
       
        // Додаємо індикатор завантаження
         btn.innerHTML = '⏳ Завантаження...';
         btn.innerHTML = '⏳ Завантаження...';
         btn.style.opacity = '0.7';
         btn.style.opacity = '0.7';
         btn.disabled = true;
         btn.disabled = true;
       
        // Використовуємо window.location.replace для чистого переходу
         setTimeout(() => {
         setTimeout(() => {
             window.location.replace('/w/index.php/Спеціальна:Випадкова_сторінка');
             window.location.href = '/w/index.php/Спеціальна:Випадкова_сторінка';
         }, 100);
         }, 100);
     });
     });
Рядок 907: Рядок 896:
      
      
     document.body.appendChild(btn);
     document.body.appendChild(btn);
    console.log('Кнопка Випадкова створена');
}
// АВТОМАТИЧНЕ ВІДНОВЛЕННЯ КНОПКИ ПІСЛЯ ПЕРЕХОДУ
// =========================
function restoreRandomButton() {
    // Перевіряємо чи ми на випадковій сторінці
    const isRandomPage = window.location.href.includes('Випадкова_сторінка') ||
                        window.location.href.includes('Special:Random');
   
    if (isRandomPage && document.body.classList.contains('skin-minerva')) {
        // Чекаємо повного завантаження сторінки
        setTimeout(() => {
            if (!document.getElementById('float-random-btn')) {
                createRandomButton();
            }
        }, 500);
    }
}
}


// =========================
// =========================
// ПРИХОВАННЯ ЕЛЕМЕНТІВ У МОБІЛЬНІЙ ВЕРСІЇ
// КНОПКА "ЯК ЦЕ ПРАЦЮЄ?" (виправлена версія)
// =========================
// =========================
function hideMobileElements() {
function createHowItWorksButton() {
     if (!document.body.classList.contains('skin-minerva')) return;
     if (document.getElementById('how-it-works-btn')) return;
   
    const btn = document.createElement('button');
    btn.id = 'how-it-works-btn';
    btn.innerHTML = '?';
    btn.title = 'Як це працює?';
    btn.style.cssText = `
        position: fixed;
        bottom: 140px;
        left: 15px;
        z-index: 9998;
        background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
        color: white;
        border: none;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        font-size: 24px;
        font-weight: bold;
        cursor: pointer;
        box-shadow: 0 4px 15px rgba(0,0,0,0.3);
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        line-height: 1;
    `;
   
    btn.addEventListener('click', function(e) {
        e.preventDefault();
        e.stopPropagation();
        window.location.href = '/w/index.php/FAQ';
    });
   
    btn.addEventListener('mouseenter', function() {
        this.style.transform = 'scale(1.05)';
        this.style.boxShadow = '0 6px 20px rgba(0,0,0,0.4)';
    });
   
    btn.addEventListener('mouseleave', function() {
        this.style.transform = 'scale(1)';
        this.style.boxShadow = '0 4px 15px rgba(0,0,0,0.3)';
    });
      
      
     setTimeout(() => {
     document.body.appendChild(btn);
        const elements = document.querySelectorAll('*');
        elements.forEach(element => {
            if (element.textContent && element.textContent.includes('Відмова')) {
                element.style.display = 'none';
                const parentLi = element.closest('li');
                if (parentLi) parentLi.style.display = 'none';
            }
        });
       
        const links = document.querySelectorAll('a[href*="%D0%92%D1%96%D0%B4%D0%BC%D0%BE%D0%B2%D0%B0"]');
        links.forEach(link => {
            link.style.display = 'none';
            const parentLi = link.closest('li');
            if (parentLi) parentLi.style.display = 'none';
        });
    }, 1000);
}
}


// =========================
// =========================
// ЗАГАЛЬНИЙ ІНІЦІАЛІЗАТОР
// ВИПРАВЛЕНА ІНІЦІАЛІЗАЦІЯ (замінити тільки цю частину)
// =========================
// =========================
document.addEventListener('DOMContentLoaded', function() {
 
     // Для мобільної версії
// Видаляємо всі старі ініціалізатори і замінюємо на цей простий код:
 
let buttonsInitialized = false;
 
function initializeLeftButtons() {
    if (buttonsInitialized) return;
    buttonsInitialized = true;
   
    // Кнопка "Як це працює?" для всіх тем
    createHowItWorksButton();
   
     // Кнопка "Випадкова сторінка" тільки для Minerva
     if (document.body.classList.contains('skin-minerva')) {
     if (document.body.classList.contains('skin-minerva')) {
        hideMobileElements();
         createRandomButton();
         createRandomButton();
       
        setTimeout(() => {
            if (!document.getElementById('float-random-btn')) {
                createRandomButton();
            }
            hideMobileElements();
        }, 2000);
     }
     }
});
}


window.addEventListener('load', function() {
// Тільки один спосіб ініціалізації
     if (document.body.classList.contains('skin-minerva')) {
if (document.readyState === 'loading') {
        setTimeout(createRandomButton, 500);
     document.addEventListener('DOMContentLoaded', initializeLeftButtons);
    }
} else {
});
    setTimeout(initializeLeftButtons, 100);
}


setTimeout(function() {
// Тільки один резервний таймер
    if (document.body.classList.contains('skin-minerva') && !document.getElementById('float-random-btn')) {
setTimeout(initializeLeftButtons, 1000);
        createRandomButton();
    }
}, 3000);
Отримано з https://darnytsa.hero.kyivcity.gov.ua/w/index.php/MediaWiki:Common.js