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

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

@@ Рядок 872: / Рядок 872: @@
-// Додавання елементів у бічне меню
+// Додавання елементів в конкретне місце
-function addMenuItems() {
+function addMenuItemsToSpecificPlace() {
-     const navigationList = document.querySelector('#p-navigation');
+     const menu = document.querySelector('#mw-mf-page-left');
-     if (navigationList) {
+     if (menu) {
-         // Перевіряємо чи вже є такі елементи
+         // Знаходимо список навігації
-         const existingItems = navigationList.querySelectorAll('.toggle-list-item');
+         const navList = menu.querySelector('#p-navigation');
-        let hasMainPage = false;
-        let hasRandomPage = false;
-         existingItems.forEach(item => {
+         if (navList && !navList.querySelector('.menu__item--mainpage')) {
-            if (item.textContent.includes('Головна сторінка') || item.textContent.includes('Домашня')) {
+             // Створюємо елементи
-                hasMainPage = true;
+             const mainPageItem = createMenuItem(
-            }
+                'Головна сторінка',
-            if (item.textContent.includes('Випадкова') || item.textContent.includes('Випадкову')) {
+                 '/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',
-                hasRandomPage = true;
+                'home'
-             }
+             );
-        });
+             const randomItem = createMenuItem(
-        // Додаємо Головну сторінку якщо немає
+                'Випадкова стаття',
-        if (!hasMainPage) {
+                 '/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',
-             const mainPageItem = document.createElement('li');
+                'die'
-            mainPageItem.className = 'toggle-list-item';
+            );
-            mainPageItem.innerHTML = `
-                 <a class="toggle-list-item__anchor menu__item--mainpage"
+             // Додаємо на початок списку
-                   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"
+             navList.prepend(randomItem);
-                   data-mw="interface">
+             navList.prepend(mainPageItem);
-                    <span class="minerva-icon minerva-icon--home"></span>
-                    <span class="toggle-list-item__label">Головна сторінка</span>
-                </a>
-             `;
-             // Вставляємо на початок списку
-            navigationList.insertBefore(mainPageItem, navigationList.firstChild);
-        }
-        // Додаємо Випадкову статтю якщо немає
-        if (!hasRandomPage) {
-             const randomPageItem = document.createElement('li');
-            randomPageItem.className = 'toggle-list-item';
-            randomPageItem.innerHTML = `
-                 <a class="toggle-list-item__anchor menu__item--randompage"
-                   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"
-                   data-mw="interface">
-                    <span class="minerva-icon minerva-icon--die"></span>
-                    <span class="toggle-list-item__label">Випадкова стаття</span>
-                </a>
-             `;
-             // Вставляємо після Головної сторінки
-             const mainPage = navigationList.querySelector('.menu__item--mainpage');
-             if (mainPage) {
-                mainPage.closest('.toggle-list-item').after(randomPageItem);
-            } else {
-                navigationList.appendChild(randomPageItem);
-            }
          }
      }
 }
-// Запускаємо при завантаженні сторінки
+// Функція для створення пункту меню
-document.addEventListener('DOMContentLoaded', function() {
+function createMenuItem(text, href, iconType) {
-     addMenuItems();
+    const li = document.createElement('li');
+    li.className = 'toggle-list-item';
+    const iconClass = iconType === 'home' ? 'minerva-icon--home' : 'minerva-icon--die';
+    li.innerHTML = `
+        <a class="toggle-list-item__anchor menu__item--${iconType}" href="${href}">
+            <span class="minerva-icon ${iconClass}"></span>
+            <span class="toggle-list-item__label">${text}</span>
+        </a>
+     `;
-     // Також запускаємо при відкритті меню
+     return li;
-    const menuCheckbox = document.querySelector('#main-menu-input');
+}
-    if (menuCheckbox) {
-        menuCheckbox.addEventListener('change', function() {
+document.addEventListener('DOMContentLoaded', addMenuItemsToSpecificPlace);
-            if (this.checked) {
-                setTimeout(addMenuItems, 50);
-            }
-        });
-    }
-});