Mafia Closed Circle

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

Повідомлення Обговорення

MediaWiki:Common.js (переглянути вихідний код)

Версія за 11:58, 15 січня 2026

540 байтів вилучено ,  15 січень
нема опису редагування
Немає опису редагування
Немає опису редагування
 
(Не показані 3 проміжні версії цього користувача)
Рядок 104: Рядок 104:
});
});


// ==================================================
// МОБІЛЬНИЙ ПОШУК
// ==================================================
$(function() {
    // Тільки для мобільних
    if ($(window).width() > 768) return;
   
    var $searchBtn = $('.mobile-search-btn');
    var $overlay = $('.mobile-search-overlay');
   
    // Якщо вже є - не створюємо заново
    if ($searchBtn.length === 0) {
        $searchBtn = $('<div class="mobile-search-btn">' +
            '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2">' +
            '<circle cx="11" cy="11" r="8"/>' +
            '<path d="m21 21-4.35-4.35"/>' +
            '</svg>' +
        '</div>');
       
        $overlay = $('<div class="mobile-search-overlay">' +
            '<input type="text" placeholder="Пошук..." autocomplete="off">' +
            '<div class="mobile-search-close">×</div>' +
        '</div>');
       
        $('.minerva-header .branding-box').after($searchBtn);
        $('body').append($overlay);
    }
   
    var $input = $overlay.find('input');
    var $close = $overlay.find('.mobile-search-close');
   
    $searchBtn.on('click', function(e) {
        e.preventDefault();
        e.stopPropagation();
        $overlay.addClass('active');
        setTimeout(function() { $input.focus(); }, 100);
    });
   
    $close.on('click', function() {
        $overlay.removeClass('active');
        $input.val('');
    });
   
    $input.on('keydown', function(e) {
        if (e.keyCode === 13) {
            var query = $input.val().trim();
            if (query) {
                window.location.href = '/index.php?title=Спеціальна:Пошук&search=' + encodeURIComponent(query);
            }
        }
        if (e.keyCode === 27) {
            $overlay.removeClass('active');
            $input.val('');
        }
    });
   
    $overlay.on('click', function(e) {
        if (e.target === this) {
            $overlay.removeClass('active');
            $input.val('');
        }
    });
});


// ==================================================
// ==================================================
Рядок 312: Рядок 249:
     });
     });
});
});


// ==================================================
// ==================================================
Рядок 317: Рядок 255:
// ==================================================
// ==================================================
$(function() {
$(function() {
    // Тільки на мобільних
     if ($(window).width() > 768) return;
     if ($(window).width() > 768) return;
      
      
     // Створюємо overlay для пошуку
     // Перевіряємо чи вже створено
    if ($('.mobile-search-btn').length > 0) return;
   
    var $searchBtn = $('<div class="mobile-search-btn">' +
        '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2">' +
        '<circle cx="11" cy="11" r="8"/>' +
        '<path d="m21 21-4.35-4.35"/>' +
        '</svg>' +
    '</div>');
   
     var $overlay = $('<div class="mobile-search-overlay">' +
     var $overlay = $('<div class="mobile-search-overlay">' +
         '<input type="search" placeholder="Пошук..." id="mobileSearchInput">' +
         '<input type="text" placeholder="Пошук..." autocomplete="off">' +
         '<span class="mobile-search-close">×</span>' +
         '<div class="mobile-search-close">×</div>' +
     '</div>');
     '</div>');
      
      
    $('.minerva-header .branding-box').after($searchBtn);
     $('body').append($overlay);
     $('body').append($overlay);
      
      
     var $input = $('#mobileSearchInput');
     var $input = $overlay.find('input');
     var $close = $overlay.find('.mobile-search-close');
     var $close = $overlay.find('.mobile-search-close');
    var $searchIcon = $('#searchIcon');
      
      
    // Клік на іконку пошуку - відкриваємо
     $searchBtn.on('click', function(e) {
     $searchIcon.on('click', function(e) {
         e.preventDefault();
         e.preventDefault();
         e.stopPropagation();
         e.stopPropagation();
         $overlay.addClass('active');
         $overlay.addClass('active');
         $input.focus();
         setTimeout(function() { $input.focus(); }, 100);
     });
     });
      
      
    // Клік на хрестик - закриваємо
     $close.on('click', function() {
     $close.on('click', function() {
         $overlay.removeClass('active');
         $overlay.removeClass('active');
Рядок 346: Рядок 290:
     });
     });
      
      
    // Enter - пошук
     $input.on('keydown', function(e) {
     $input.on('keydown', function(e) {
         if (e.which === 13 || e.keyCode === 13) {
         if (e.keyCode === 13) {
            e.preventDefault();
             var query = $input.val().trim();
             var query = $(this).val().trim();
             if (query) {
             if (query) {
                 window.location.href = '/index.php?title=Спеціальна:Пошук&search=' + encodeURIComponent(query);
                 window.location.href = '/index.php?title=Спеціальна:Пошук&search=' + encodeURIComponent(query);
             }
             }
         }
         }
    });
         if (e.keyCode === 27) {
   
    // Escape - закриваємо
    $(document).on('keydown', function(e) {
         if (e.which === 27 && $overlay.hasClass('active')) {
             $overlay.removeClass('active');
             $overlay.removeClass('active');
             $input.val('');
             $input.val('');
Рядок 365: Рядок 303:
     });
     });
      
      
    // Клік поза overlay - закриваємо
     $overlay.on('click', function(e) {
     $overlay.on('click', function(e) {
         if (e.target === this) {
         if (e.target === this) {
Рядок 374: Рядок 311:
});
});


/* ==================================================== */
// ==================================================
/* МОБІЛЬНИЙ ПОШУК - ІКОНКА + OVERLAY */
// БЛОКУВАННЯ MINERVA SEARCH OVERLAY (ДЕСКТОП)
/* ==================================================== */
// ==================================================
 
$(function() {
$(function() {
     // Тільки для мобільних
     // Тільки для десктопа
     if (window.innerWidth > 768) return;
     if ($(window).width() <= 768) return;
      
      
    // Створюємо кнопку пошуку
     var $searchInput = $('#searchInput');
     var $searchBtn = $('<div class="mobile-search-btn">' +
    if ($searchInput.length === 0) return;
        '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2">' +
        '<circle cx="11" cy="11" r="8"/>' +
        '<path d="m21 21-4.35-4.35"/>' +
        '</svg>' +
    '</div>');
      
      
     // Створюємо overlay
     // Затримка щоб DOM завантажився
     var $overlay = $('<div class="mobile-search-overlay">' +
     setTimeout(function() {
        '<input type="text" placeholder="Пошук..." autocomplete="off" autocapitalize="off">' +
        // Змінюємо placeholder
        '<div class="mobile-search-close">×</div>' +
        $searchInput.attr('placeholder', 'Пошук...');
     '</div>');
       
        // Клонуємо input щоб прибрати всі event listeners
        var $newInput = $searchInput.clone(false);
        $searchInput.replaceWith($newInput);
        $searchInput = $newInput;
       
        // Прибираємо readonly і класи тригера
        $searchInput.prop('readonly', false);
        $searchInput.removeAttr('readonly');
        $searchInput.removeClass('skin-minerva-search-trigger');
       
        // При фокусі - блокуємо overlay
        $searchInput.on('focus click', function(e) {
            e.stopPropagation();
           
            // Прибираємо overlay класи з body
            $('body').removeClass('overlay-enabled search-enabled');
           
            // Видаляємо overlay елементи
            $('.overlay, .search-overlay').hide();
           
            // Прибираємо hash
            if (window.location.hash === '#/search') {
                history.replaceState(null, null, window.location.pathname);
            }
        });
       
        // При Enter - перехід на сторінку пошуку
        $searchInput.on('keydown', function(e) {
            if (e.which === 13 || e.keyCode === 13) {
                e.preventDefault();
                var query = $(this).val().trim();
                if (query) {
                    window.location.href = '/index.php?title=Спеціальна:Пошук&search=' + encodeURIComponent(query);
                }
                return false;
            }
        });
       
     }, 100);
      
      
     // Додаємо в DOM
     // Блокуємо hashchange на #/search
     $('.minerva-header .branding-box').after($searchBtn);
     $(window).on('hashchange', function(e) {
    $('body').append($overlay);
        if (window.location.hash === '#/search') {
            e.preventDefault();
            history.replaceState(null, null, window.location.pathname);
            $('body').removeClass('overlay-enabled search-enabled');
            $('.overlay, .search-overlay').hide();
        }
    });
      
      
     var $input = $overlay.find('input');
     // Перевіряємо hash при завантаженні
     var $close = $overlay.find('.mobile-search-close');
    if (window.location.hash === '#/search') {
        history.replaceState(null, null, window.location.pathname);
    }
});
 
// ==================================================
// BANNER SEARCH (LIQUIPEDIA STYLE)
// ==================================================
$(function() {
     var $container = $('#bannerSearchContainer');
    if ($container.length === 0) return;
      
      
     // Відкриття пошуку
     // Створюємо елементи через JS
     $searchBtn.on('click', function(e) {
     var $input = $('<input>', {
         e.preventDefault();
         type: 'text',
        e.stopPropagation();
         id: 'bannerSearchInput',
         $overlay.addClass('active');
         placeholder: 'Пошук MCC...'
         setTimeout(function() {
            $input.focus();
        }, 100);
     });
     });
      
      
     // Закриття пошуку
     var $btn = $('<button>', {
    $close.on('click', function() {
         id: 'bannerSearchBtn',
         $overlay.removeClass('active');
         text: 'Пошук'
         $input.val('');
     });
     });
      
      
     // Enter - пошук
    $container.append($input).append($btn);
     $input.on('keydown', function(e) {
   
         if (e.keyCode === 13) { // Enter
     // Функція пошуку
            var query = $input.val().trim();
     function doSearch() {
            if (query) {
         var query = $input.val().trim();
                window.location.href = '/index.php?title=Спеціальна:Пошук&search=' + encodeURIComponent(query);
        if (query) {
            }
            window.location.href = '/index.php?title=Спеціальна:Пошук&search=' + encodeURIComponent(query);
         }
         }
        if (e.keyCode === 27) { // Escape
    }
            $overlay.removeClass('active');
   
            $input.val('');
    $btn.on('click', doSearch);
        }
    });
      
      
    // Клік поза overlay - закриття
     $input.on('keydown', function(e) {
     $overlay.on('click', function(e) {
         if (e.keyCode === 13) {
         if (e.target === this) {
             e.preventDefault();
             $overlay.removeClass('active');
             doSearch();
             $input.val('');
         }
         }
     });
     });
});
});
Отримано з https://mafiacc.site/index.php/Спеціальна:Мобільна_різниця_версій/6054...6065