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

нема опису редагування
Немає опису редагування
Немає опису редагування
Рядок 253: Рядок 253:
     var $contents = $('.player-tab-content');
     var $contents = $('.player-tab-content');
     var $lbox = $('.l-box');
     var $lbox = $('.l-box');
    var $rbox = $('.r-box');
      
      
     if ($tabs.length === 0) return;
     if ($tabs.length === 0) return;
   
    // Функція перевірки мобільної версії
    function isMobile() {
        return $(window).width() <= 768;
    }
      
      
     $tabs.on('click', function() {
     $tabs.on('click', function() {
Рядок 267: Рядок 273:
         $content.addClass('active');
         $content.addClass('active');
          
          
         // Ховаємо/показуємо l-box залежно від табу
         // Ховаємо/показуємо l-box залежно від табу (на десктопі)
         if (tabId === 'games') {
         if (tabId === 'games') {
             $lbox.fadeOut(200);
             $lbox.fadeOut(200);
         } else {
         } else {
             $lbox.fadeIn(200);
             $lbox.fadeIn(200);
        }
       
        // Ховаємо/показуємо r-box на МОБІЛЬНИХ при переході на "games"
        if (isMobile()) {
            if (tabId === 'games') {
                $rbox.slideUp(200);
            } else {
                $rbox.slideDown(200);
            }
         }
         }
          
          
Рядок 279: Рядок 294:
              
              
             if (playerName) {
             if (playerName) {
                // Показуємо loader
                $content.html('<div class="tab-loader">Завантаження...</div>');
               
                 $.ajax({
                 $.ajax({
                     url: mw.config.get('wgScriptPath') + '/api.php',
                     url: mw.config.get('wgScriptPath') + '/api.php',
Рядок 318: Рядок 336:
                 });
                 });
             }
             }
        }
    });
   
    // При зміні розміру вікна - показуємо r-box на десктопі
    $(window).on('resize', function() {
        if (!isMobile()) {
            $rbox.show();
         }
         }
     });
     });