MediaWiki:Common.js: відмінності між версіями
Wiki (обговорення | внесок) Немає опису редагування |
Wiki (обговорення | внесок) Немає опису редагування |
||
| Рядок 864: | Рядок 864: | ||
link.style.display = 'block'; | link.style.display = 'block'; | ||
link.style.color = '#ffffff'; | link.style.color = '#ffffff'; | ||
}); | |||
} | |||
}); | |||
// Додавання елементів у бічне меню | |||
function addMenuItems() { | |||
const navigationList = document.querySelector('#p-navigation'); | |||
if (navigationList) { | |||
// Перевіряємо чи вже є такі елементи | |||
const existingItems = navigationList.querySelectorAll('.toggle-list-item'); | |||
let hasMainPage = false; | |||
let hasRandomPage = false; | |||
existingItems.forEach(item => { | |||
if (item.textContent.includes('Головна сторінка') || item.textContent.includes('Домашня')) { | |||
hasMainPage = true; | |||
} | |||
if (item.textContent.includes('Випадкова') || item.textContent.includes('Випадкову')) { | |||
hasRandomPage = true; | |||
} | |||
}); | |||
// Додаємо Головну сторінку якщо немає | |||
if (!hasMainPage) { | |||
const mainPageItem = document.createElement('li'); | |||
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" | |||
data-mw="interface"> | |||
<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() { | |||
addMenuItems(); | |||
// Також запускаємо при відкритті меню | |||
const menuCheckbox = document.querySelector('#main-menu-input'); | |||
if (menuCheckbox) { | |||
menuCheckbox.addEventListener('change', function() { | |||
if (this.checked) { | |||
setTimeout(addMenuItems, 50); | |||
} | |||
}); | }); | ||
} | } | ||
}); | }); | ||