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

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

@@ Рядок 870: / Рядок 870: @@
+// Простий спосіб додати елементи в меню
-/// Найпростіший спосіб - додаємо елементи в будь-який список меню
+function addToMenu() {
-function simpleAddMenu() {
+     // Чекаємо поки меню повністю завантажиться
-     const menu = document.querySelector('#mw-mf-page-left');
+    setTimeout(function() {
-    if (menu) {
+        const menu = document.querySelector('#mw-mf-page-left');
-         // Створюємо новий список якщо потрібно
+        if (!menu) return;
+         // Шукаємо список навігації
          let navList = menu.querySelector('#p-navigation');
+        // Якщо списку немає - створюємо його
          if (!navList) {
              navList = document.createElement('ul');
@@ Рядок 884: / Рядок 888: @@
          }
-         // Додаємо елементи
+         // Перевіряємо чи вже є наші елементи
-         if (!navList.innerHTML.includes('Головна сторінка')) {
+        const currentHtml = navList.innerHTML.toLowerCase();
-             navList.innerHTML += `
+         if (!currentHtml.includes('головна') && !currentHtml.includes('випадкова')) {
+            // Додаємо обидва елементи
+             navList.innerHTML = `
                  <li class="toggle-list-item">
-                     <a class="toggle-list-item__anchor" href="/w/index.php/%D0%93%D0%BE%D0%BB%D0%BE%D0%B2%D0%BD%D0%B0_%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B0">
+                     <a class="toggle-list-item__anchor" href="/w/index.php/Головна_сторінка">
                          <span class="minerva-icon minerva-icon--home"></span>
-                         Головна сторінка
+                         <span class="toggle-list-item__label">Головна сторінка</span>
                      </a>
                  </li>
                  <li class="toggle-list-item">
-                     <a class="toggle-list-item__anchor" href="/w/index.php/%D0%A1%D0%BF%D0%B5%D1%86%D1%96%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0:%D0%92%D0%B8%D0%BF%D0%B0%D0%B4%D0%BA%D0%BE%D0%B2%D0%B0_%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BA%D0%B0">
+                     <a class="toggle-list-item__anchor" href="/w/index.php/Спеціальна:Випадкова_сторінка">
                          <span class="minerva-icon minerva-icon--die"></span>
-                         Випадкова стаття
+                         <span class="toggle-list-item__label">Випадкова стаття</span>
                      </a>
                  </li>
-             `;
+             ` + navList.innerHTML;
          }
+    }, 100);
+}
+// Запускаємо при кліку на меню
+document.addEventListener('click', function(e) {
+    if (e.target.closest('#mw-mf-main-menu-button') || e.target.closest('#main-menu-input')) {
+        addToMenu();
      }
-}
+});
-// Запускаємо часто
+// Також запускаємо при завантаженні
-setInterval(simpleAddMenu, 1000);
+document.addEventListener('DOMContentLoaded', addToMenu);