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

← Попереднє редагування Наступне редагування →

@@ Рядок 106: / Рядок 106: @@
 //OVERLAY
 (function() {
-    // Функция для создания кастомного overlay (только для обычных картинок без MediaViewer)
+     // Функция добавления кнопки "Закрити" к overlay MediaViewer
-    function showCustomOverlay(url) {
-        const overlay = document.createElement('div');
-        overlay.style.position = 'fixed';
-        overlay.style.top = 0;
-        overlay.style.left = 0;
-        overlay.style.width = '100%';
-        overlay.style.height = '100%';
-        overlay.style.background = 'rgba(0,0,0,0.85)';
-        overlay.style.display = 'flex';
-        overlay.style.justifyContent = 'center';
-        overlay.style.alignItems = 'center';
-        overlay.style.flexDirection = 'column';
-        overlay.style.zIndex = 9999;
-        const img = document.createElement('img');
-        img.src = url;
-        img.style.maxWidth = '90%';
-        img.style.maxHeight = '90%';
-        overlay.appendChild(img);
-        const closeBtn = document.createElement('button');
-        closeBtn.innerText = 'Закрити';
-        closeBtn.style.marginTop = '20px';
-        closeBtn.style.padding = '10px 20px';
-        closeBtn.style.fontSize = '18px';
-        closeBtn.style.cursor = 'pointer';
-        closeBtn.style.background = '#f44336';
-        closeBtn.style.color = 'white';
-        closeBtn.style.border = 'none';
-        closeBtn.style.borderRadius = '5px';
-        closeBtn.addEventListener('click', () => overlay.remove());
-        overlay.appendChild(closeBtn);
-        document.body.appendChild(overlay);
-    }
-    // Перехватываем клики на обычные картинки (без MediaViewer)
-    document.body.addEventListener('click', function(e) {
-        const target = e.target;
-        // Если картинка не часть MediaViewer overlay и нет ссылки на /w/images/
-        if (target.tagName === 'IMG' && !target.closest('.mediaViewerOverlay')) {
-            const parentLink = target.closest('a[href*="/w/images/"]');
-            if (!parentLink) {
-                e.preventDefault();
-                e.stopPropagation();
-                showCustomOverlay(target.src);
-            }
-        }
-        // Ссылки на файлы, где MediaViewer не срабатывает
-        if (target.tagName === 'A' && target.href && target.href.includes('/w/images/')) {
-            // проверка: если кликнули на миниатюру с MediaViewer, не блокируем
-            if (!target.closest('.thumb')) {
-                e.preventDefault();
-                e.stopPropagation();
-                showCustomOverlay(target.href);
-            }
-        }
-    }, true);
-     // Функция добавления кнопки "Закрити" к MediaViewer overlay
      function addCloseButtonToMediaViewer() {
+        // Ищем overlay MediaViewer
          const overlay = document.querySelector('.mediaViewerOverlay, .mwe-popups');
-         if (!overlay || overlay.dataset.closeBtnAdded) return;
+         if (!overlay || overlay.dataset.closeBtnAdded) return; // если уже добавлено, выходим
          overlay.dataset.closeBtnAdded = true;
+        // Создаем кнопку
          const closeBtn = document.createElement('button');
          closeBtn.innerText = 'Закрити';
@@ Рядок 186: / Рядок 126: @@
          closeBtn.style.border = 'none';
          closeBtn.style.borderRadius = '5px';
+        // Действие кнопки: скрываем overlay
          closeBtn.addEventListener('click', () => {
              overlay.style.display = 'none';
@@ Рядок 193: / Рядок 135: @@
      }
-     // MutationObserver отслеживает появление overlay MediaViewer
+     // MutationObserver следит за динамически появляющимися overlay
      const observer = new MutationObserver(() => addCloseButtonToMediaViewer());
      observer.observe(document.body, { childList: true, subtree: true });
 })();