MediaWiki:Common.js
Увага: Після публікування слід очистити кеш браузера, щоб побачити зміни.
- Firefox / Safari: тримайте Shift, коли натискаєте Оновити, або натисніть Ctrl-F5 чи Ctrl-Shift-R (⌘-R на Apple Mac)
- Google Chrome: натисніть Ctrl-Shift-R (⌘-Shift-R на Apple Mac)
- Edge: тримайте Ctrl, коли натискаєте Оновити, або натисніть Ctrl-F5.
// Виправляємо viewport
(function() {
var viewport = document.querySelector('meta[name="viewport"]');
if (viewport) {
viewport.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=5.0, viewport-fit=cover');
} else {
var meta = document.createElement('meta');
meta.name = 'viewport';
meta.content = 'width=device-width, initial-scale=1.0, maximum-scale=5.0, viewport-fit=cover';
document.head.appendChild(meta);
}
})();
$(function() {
$('.category-card').each(function() {
var $card = $(this);
var href = $card.attr('data-href');
if (href) {
$card.css('cursor', 'pointer');
$card.on('click', function(e) {
if ($(e.target).closest('a').length === 0) {
window.location.href = href;
}
});
$card.hover(
function() { $card.addClass('card-hover'); },
function() { $card.removeClass('card-hover'); }
);
}
});
});
/* ══════════════════════════════════════════════
МОБІЛЬНА ШАПКА
══════════════════════════════════════════════ */
mw.hook('wikipage.content').add(function() {
var overlay = document.createElement('div');
overlay.className = 'mobile-menu-overlay';
document.body.appendChild(overlay);
var topbar = document.createElement('div');
topbar.className = 'mobile-topbar';
var wikiLogo = document.querySelector('#p-logo img, .mw-wiki-logo img, img.mw-logo-icon, #p-logo a, .mw-logo img');
var logoSrc = '';
if (wikiLogo && wikiLogo.tagName === 'IMG') {
logoSrc = wikiLogo.src;
} else if (wikiLogo && wikiLogo.tagName === 'A') {
var bgStyle = window.getComputedStyle(wikiLogo).backgroundImage;
if (bgStyle && bgStyle !== 'none') {
var bgMatch = bgStyle.match(/url\(["']?([^"')]+)["']?\)/);
if (bgMatch) logoSrc = bgMatch[1];
}
}
var mainPageUrl = mw.config.get('wgArticlePath').replace('$1', encodeURIComponent('Головна_сторінка'));
var siteName = mw.config.get('wgSiteName') || 'Вікі університету';
var shortName = siteName.replace('Вікі ', '').split(' ').slice(0, 3).join(' ');
var userName = mw.config.get('wgUserName');
var isLoggedIn = !!userName;
var articlePath = mw.config.get('wgArticlePath');
var logoHtml = logoSrc
? '<img src="' + logoSrc + '" alt="Логотип" style="max-width:32px!important;width:32px;height:32px;">'
: '<span style="display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#003d82;color:#fff;font-weight:700;font-size:16px;border-radius:8px;flex-shrink:0;">' + (siteName.charAt(0) || 'В') + '</span>';
var userInitial = isLoggedIn ? (userName.charAt(0).toUpperCase()) : '';
var userAvatarHtml = isLoggedIn
? '<span class="topbar-user-avatar" aria-label="' + mw.html.escape(userName) + '">' + mw.html.escape(userInitial) + '</span>'
: '<a class="topbar-login-btn" href="' + articlePath.replace('$1', 'Special:UserLogin') + '" aria-label="Увійти"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg></a>';
var dropdownHtml = isLoggedIn
? '<div class="topbar-user-dropdown" id="topbar-user-dropdown">' +
'<div class="topbar-dropdown-header">' +
'<span class="topbar-dropdown-avatar">' + mw.html.escape(userInitial) + '</span>' +
'<span class="topbar-dropdown-name">' + mw.html.escape(userName) + '</span>' +
'</div>' +
'<div class="topbar-dropdown-divider"></div>' +
'<a class="topbar-dropdown-item" href="' + articlePath.replace('$1', 'Користувач:' + encodeURIComponent(userName)) + '">' +
'<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>' +
'Профіль' +
'</a>' +
'<a class="topbar-dropdown-item" href="' + articlePath.replace('$1', 'Special:Preferences') + '">' +
'<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.07 4.93a10 10 0 0 1 0 14.14M4.93 4.93a10 10 0 0 0 0 14.14"/></svg>' +
'Налаштування' +
'</a>' +
'<div class="topbar-dropdown-divider"></div>' +
'<a class="topbar-dropdown-item topbar-dropdown-logout" href="' + mw.config.get('wgScript') + '?title=Special:UserLogout&returnto=Головна_сторінка">' +
'<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" y1="12" x2="9" y2="12"/></svg>' +
'Вийти' +
'</a>' +
'</div>'
: '';
topbar.innerHTML =
'<button class="topbar-menu-btn" id="topbar-menu-btn" aria-label="Меню">' +
'<span class="topbar-hamburger"><span></span><span></span><span></span></span>' +
'</button>' +
'<a class="mobile-topbar-logo" href="' + mainPageUrl + '" aria-label="На головну">' +
logoHtml +
'<span class="mobile-topbar-logo-text">' + mw.html.escape(shortName) + '</span>' +
'</a>' +
'<div class="mobile-topbar-search" id="mobile-topbar-search-slot"></div>' +
'<div class="topbar-user-wrap" id="topbar-user-wrap">' +
userAvatarHtml +
dropdownHtml +
'</div>';
document.body.insertBefore(topbar, document.body.firstChild);
var nativeSearch = document.getElementById('p-search');
if (!nativeSearch) nativeSearch = document.querySelector('#mw-head #p-search');
var searchSlot = document.getElementById('mobile-topbar-search-slot');
if (nativeSearch && searchSlot) {
var searchOriginalParent = nativeSearch.parentNode;
var searchOriginalNextSibling = nativeSearch.nextSibling;
function moveSearchToTopbar() {
if (!searchSlot.contains(nativeSearch)) {
searchSlot.appendChild(nativeSearch);
}
}
function moveSearchBack() {
if (searchSlot.contains(nativeSearch)) {
if (searchOriginalNextSibling && searchOriginalParent.contains(searchOriginalNextSibling)) {
searchOriginalParent.insertBefore(nativeSearch, searchOriginalNextSibling);
} else {
searchOriginalParent.appendChild(nativeSearch);
}
}
}
if (window.innerWidth <= 1100) {
moveSearchToTopbar();
}
var resizeTimer;
window.addEventListener('resize', function() {
clearTimeout(resizeTimer);
resizeTimer = setTimeout(function() {
if (window.innerWidth <= 1100) {
moveSearchToTopbar();
} else {
moveSearchBack();
}
}, 100);
});
}
var userWrap = topbar.querySelector('#topbar-user-wrap');
var userDropdown = topbar.querySelector('#topbar-user-dropdown');
if (userWrap && userDropdown) {
userWrap.addEventListener('click', function(e) {
e.stopPropagation();
var isOpen = userDropdown.classList.contains('open');
userDropdown.classList.toggle('open', !isOpen);
});
document.addEventListener('click', function() {
userDropdown.classList.remove('open');
});
}
function openMenu() {
document.body.classList.add('mobile-nav-open');
overlay.classList.add('open');
var menuBtn = topbar.querySelector('#topbar-menu-btn');
if (menuBtn) menuBtn.classList.add('active');
}
function closeMenu() {
document.body.classList.remove('mobile-nav-open');
overlay.classList.remove('open');
var menuBtn = topbar.querySelector('#topbar-menu-btn');
if (menuBtn) menuBtn.classList.remove('active');
}
var topbarMenuBtn = topbar.querySelector('#topbar-menu-btn');
if (topbarMenuBtn) {
topbarMenuBtn.addEventListener('click', function(e) {
e.stopPropagation();
if (document.body.classList.contains('mobile-nav-open')) {
closeMenu();
} else {
openMenu();
}
});
}
overlay.addEventListener('click', closeMenu);
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape') closeMenu();
});
window.addEventListener('resize', function() {
if (window.innerWidth > 1100) closeMenu();
});
});
/* ══════════════════════════════════════════════
МОБІЛЬНИЙ ФІК РОЗМІРУ THUMB-КАРТИНОК
══════════════════════════════════════════════ */
mw.hook('wikipage.content').add(function() {
function fixThumbWidths() {
if (window.innerWidth > 1100) return;
var vw = window.innerWidth;
var targetWidth = Math.min(280, Math.max(120, Math.round(vw * 0.48)));
document.querySelectorAll('.mw-parser-output .thumbinner').forEach(function(el) {
el.style.removeProperty('width');
el.style.setProperty('width', targetWidth + 'px', 'important');
el.style.setProperty('max-width', '100%', 'important');
el.style.setProperty('box-sizing', 'border-box', 'important');
});
document.querySelectorAll('.mw-parser-output .thumbinner img').forEach(function(el) {
el.style.setProperty('width', '100%', 'important');
el.style.setProperty('max-width', '100%', 'important');
el.style.setProperty('height', 'auto', 'important');
});
}
fixThumbWidths();
window.addEventListener('resize', fixThumbWidths, { passive: true });
});
/* ══════════════════════════════════════════════
ГЛОБАЛЬНІ ПАРСЕРИ
══════════════════════════════════════════════ */
function extractImageName(wikitext) {
if (!wikitext) return null;
var m = wikitext.match(/\|\s*image\s*=\s*([^\|\n\}]+)/i);
if (m && m[1].trim()) return m[1].trim();
m = wikitext.match(/\[\[(?:Файл|File|Зображення|Image):([^\|\]]+)/i);
return m ? m[1].trim() : null;
}
function extractDescription(wikitext) {
if (!wikitext) return '';
var text = wikitext;
var depth = 0, end = -1;
for (var i = 0; i < text.length; i++) {
if (text[i] === '{' && text[i + 1] === '{') { depth++; i++; }
else if (text[i] === '}' && text[i + 1] === '}') {
depth--;
if (depth === 0) { end = i + 2; break; }
i++;
}
}
if (end > 0) text = text.substring(end);
text = text
.replace(/\[\[(?:Файл|File|Зображення|Image):[^\]]*\]\]/gi, '')
.replace(/\{\|[\s\S]*?\|\}/g, '')
.replace(/\{\{[^}]*\}\}/g, '')
.replace(/={2,6}[^=\n]+=+/g, '')
.replace(/\[\[(?:[^\|\]]*\|)?([^\]]+)\]\]/g, '$1')
.replace(/\[[^\s\]]+\s+([^\]]+)\]/g, '$1')
.replace(/\[[^\]]+\]/g, '')
.replace(/'{2,3}/g, '')
.replace(/<[^>]+>/g, '')
.replace(/^[\*#:;].*/gm, '');
var lines = text.split('\n')
.map(function (l) { return l.trim(); })
.filter(function (l) { return l.length > 20; });
if (!lines.length) return '';
var result = lines[0].substring(0, 160);
return lines[0].length > 160 ? result + '…' : result;
}
/* ══════════════════════════════════════════════
ВИПАДКОВІ СТАТТІ
══════════════════════════════════════════════ */
function loadRandomArticles() {
var list = document.getElementById('random-articles-list');
if (!list) return;
list.innerHTML = '<div class="random-articles-loading">Завантаження...</div>';
var apiBase = mw.config.get('wgScriptPath') + '/api.php';
var excludedPages = [
'Головна сторінка',
'Структурні підрозділи',
'Викладачі',
'Історія університету',
'Керівництво університету',
'Факультети і кафедри',
'Освітні програми',
'Сертифікатні програми і курси',
'Періодичні видання',
'Наукові конференції',
'Видатні випускники',
'Історичні постаті',
'Корпоративна культура'
];
fetch(apiBase + '?action=query&list=random&rnnamespace=0&rnlimit=10&format=json')
.then(function(r) { return r.json(); })
.then(function(data) {
var pages = data.query.random.filter(function(p) {
return excludedPages.indexOf(p.title) === -1;
}).slice(0, 3);
var titles = pages.map(function(p) { return p.title; }).join('|');
return fetch(
apiBase +
'?action=query' +
'&titles=' + encodeURIComponent(titles) +
'&prop=revisions' +
'&rvprop=content' +
'&format=json'
);
})
.then(function(r) { return r.json(); })
.then(function(data) {
var pages = Object.values(data.query.pages);
list.innerHTML = '';
var promises = pages.map(function(page) {
var title = page.title;
var pageUrl = mw.config.get('wgArticlePath').replace(
'$1', encodeURIComponent(title.replace(/ /g, '_'))
);
var content = '';
if (page.revisions && page.revisions[0]) {
content = page.revisions[0]['*'] || '';
}
var excerpt = extractDescription(content);
if (!excerpt) excerpt = 'Немає опису.';
var imgName = extractImageName(content);
if (imgName) {
var fileTitle = imgName.match(/^(Файл|File|Image|Зображення):/i)
? imgName
: 'File:' + imgName;
return fetch(
apiBase +
'?action=query' +
'&titles=' + encodeURIComponent(fileTitle) +
'&prop=imageinfo' +
'&iiprop=url' +
'&iiurlwidth=120' +
'&format=json'
)
.then(function(r) { return r.json(); })
.then(function(imgData) {
var imgPages = Object.values(imgData.query.pages);
var imgSrc = null;
if (imgPages[0] && imgPages[0].imageinfo && imgPages[0].imageinfo[0]) {
imgSrc = imgPages[0].imageinfo[0].thumburl || imgPages[0].imageinfo[0].url;
}
return { title: title, excerpt: excerpt, pageUrl: pageUrl, imgSrc: imgSrc };
})
.catch(function() {
return { title: title, excerpt: excerpt, pageUrl: pageUrl, imgSrc: null };
});
}
return Promise.resolve({ title: title, excerpt: excerpt, pageUrl: pageUrl, imgSrc: null });
});
return Promise.all(promises);
})
.then(function(results) {
var list2 = document.getElementById('random-articles-list');
if (!list2) return;
list2.innerHTML = '';
results.forEach(function(item) {
var thumbHtml = item.imgSrc
? '<div class="random-article-thumb-wrap"><img class="random-article-thumb" src="' + item.imgSrc + '" alt=""></div>'
: '<div class="random-article-thumb-placeholder">📄</div>';
var card = document.createElement('a');
card.href = item.pageUrl;
card.className = 'random-article-card';
card.innerHTML =
thumbHtml +
'<div class="random-article-info">' +
'<div class="random-article-title">' + mw.html.escape(item.title) + '</div>' +
'<div class="random-article-excerpt">' + mw.html.escape(item.excerpt) + '</div>' +
'</div>';
list2.appendChild(card);
});
})
.catch(function(err) {
var list3 = document.getElementById('random-articles-list');
if (list3) list3.innerHTML = '<div class="random-articles-loading">Не вдалося завантажити статті.</div>';
console.error('[RA] error:', err);
});
}
mw.hook('wikipage.content').add(function() {
var panel = document.getElementById('random-articles-panel');
if (!panel) return;
loadRandomArticles();
var btn = document.getElementById('random-articles-refresh');
if (btn) {
btn.addEventListener('click', function() {
loadRandomArticles();
});
}
});
/* ══════════════════════════════════════════════
Vue-додаток для категорій MediaWiki
══════════════════════════════════════════════ */
mw.hook('wikipage.content').add(function () {
var mountEl = document.getElementById('vue-category-cards');
if (!mountEl) return;
var categoryName = mountEl.getAttribute('data-category') || '';
var filterField = mountEl.getAttribute('data-filter-field') || 'auto';
var pageLimit = parseInt(mountEl.getAttribute('data-limit') || '50', 10);
var columns = mountEl.getAttribute('data-columns') || '3';
var dataFilters = mountEl.getAttribute('data-filters') || '';
var dataSortOrder = mountEl.getAttribute('data-sort-order') || '';
// Якщо true — фільтр визначається з назви сторінки, а не з інфобоксу
var filterFromTitle = mountEl.getAttribute('data-filter-from-title') === 'true';
var fixedFilters = dataFilters
? dataFilters.split(',').map(function(s){ return s.trim(); }).filter(Boolean)
: [];
var sortOrder = dataSortOrder
? dataSortOrder.split(',').map(function(s){ return s.trim(); }).filter(Boolean)
: [];
if (!categoryName) {
mountEl.innerHTML = '<p style="color:red">Вкажіть атрибут data-category</p>';
return;
}
var isTouch = ('ontouchstart' in window) || (navigator.maxTouchPoints > 0);
mw.loader.getScript('https://unpkg.com/vue@3/dist/vue.global.prod.js').then(function () {
var apiBase = mw.config.get('wgScriptPath') + '/api.php';
function parseInfobox(wikitext) {
if (!wikitext) return {};
var fields = {};
var depth = 0, start = -1, end = -1;
for (var i = 0; i < wikitext.length; i++) {
if (wikitext[i] === '{' && wikitext[i + 1] === '{') {
if (depth === 0) start = i;
depth++;
i++;
} else if (wikitext[i] === '}' && wikitext[i + 1] === '}') {
depth--;
if (depth === 0) { end = i + 2; break; }
i++;
}
}
var box = (start >= 0 && end > start) ? wikitext.substring(start, end) : wikitext;
var lineRe = /\|\s*([\w\u0400-\u04FF]+)\s*=\s*([^\|\n\}]*)/gi;
var m;
while ((m = lineRe.exec(box)) !== null) {
var key = m[1].trim().toLowerCase();
if (key === 'class' || key === 'style') continue;
var val = m[2].trim()
.replace(/\[\[(?:[^\|\]]*\|)?([^\]]+)\]\]/g, '$1')
.replace(/'{2,3}/g, '')
.replace(/<[^>]+>/g, '');
if (val) fields[key] = val;
}
return fields;
}
function resolveFilterValue(fields, explicit) {
if (!explicit || explicit === 'auto') {
var priority = ['посада', 'position', 'title', 'rank', 'тип', 'type', 'категорія', 'рубрика'];
for (var i = 0; i < priority.length; i++) {
if (fields[priority[i]]) return fields[priority[i]];
}
var skip = ['image', 'зображення', 'photo', 'фото'];
var keys = Object.keys(fields);
for (var j = 0; j < keys.length; j++) {
if (skip.indexOf(keys[j]) === -1) return fields[keys[j]];
}
return '';
}
return fields[explicit.toLowerCase()] || '';
}
// Визначає фільтр з назви сторінки — шукає який fixedFilter входить у назву
function filterLabelFromTitle(pageTitle) {
if (!fixedFilters.length || !pageTitle) return 'Інше';
var lower = pageTitle.toLowerCase();
for (var i = 0; i < fixedFilters.length; i++) {
if (lower.indexOf(fixedFilters[i].toLowerCase()) !== -1) {
return fixedFilters[i];
}
}
return 'Інше';
}
// Зіставляємо значення поля інфобоксу з одним із fixedFilters (часткове співпадіння)
function matchFixedFilter(rawVal) {
if (!fixedFilters.length || !rawVal) return rawVal;
var lower = rawVal.toLowerCase();
for (var i = 0; i < fixedFilters.length; i++) {
if (lower.indexOf(fixedFilters[i].toLowerCase()) !== -1 ||
fixedFilters[i].toLowerCase().indexOf(lower) !== -1) {
return fixedFilters[i];
}
}
return rawVal;
}
function toFilterLabel(val) {
if (!val) return 'Інше';
if (fixedFilters.length) return val;
if (val.length <= 12) return val;
return val.split(/[\s,]/)[0];
}
function sortItems(items) {
if (!sortOrder.length) {
return items.slice().sort(function(a, b) {
return a.title.localeCompare(b.title, 'uk');
});
}
return items.slice().sort(function(a, b) {
var ai = sortOrder.indexOf(a.filterLabel);
var bi = sortOrder.indexOf(b.filterLabel);
if (ai === -1) ai = sortOrder.length;
if (bi === -1) bi = sortOrder.length;
if (ai !== bi) return ai - bi;
return a.title.localeCompare(b.title, 'uk');
});
}
var app = Vue.createApp({
data() {
return {
items: [],
loading: true,
error: null,
activeFilter: 'Всі',
filters: ['Всі'],
preview: null,
previewX: 0,
previewY: 0,
previewTimer: null,
searchQuery: '',
gridColumns: columns,
isTouch: isTouch,
};
},
computed: {
filteredItems() {
var vm = this;
var q = vm.searchQuery.trim().toLowerCase();
var base = vm.items.filter(function (item) {
if (!item || !item.title) return false;
var matchFilter = vm.activeFilter === 'Всі' || item.filterLabel === vm.activeFilter;
var matchSearch = !q ||
item.title.toLowerCase().indexOf(q) !== -1 ||
(item.description && item.description.toLowerCase().indexOf(q) !== -1);
return matchFilter && matchSearch;
});
return sortItems(base);
},
gridStyle() {
if (window.innerWidth <= 480) return 'grid-template-columns: 1fr;';
return 'grid-template-columns: repeat(' + this.gridColumns + ', 1fr);';
}
},
mounted() {
this.loadItems();
},
methods: {
showPreview(item, event) {
if (this.isTouch || !item) return;
var vm = this;
clearTimeout(vm.previewTimer);
var rect = (event.currentTarget || event.target).getBoundingClientRect();
var scrollY = window.scrollY || window.pageYOffset;
var scrollX = window.scrollX || window.pageXOffset;
vm.previewTimer = setTimeout(function () {
var spaceRight = window.innerWidth - rect.right;
vm.previewX = spaceRight > 290
? rect.right + scrollX + 12
: rect.left + scrollX - 282;
vm.previewY = rect.top + scrollY;
vm.preview = item;
}, 250);
},
hidePreview() {
if (this.isTouch) return;
clearTimeout(this.previewTimer);
this.previewTimer = setTimeout(() => { this.preview = null; }, 150);
},
keepPreview() {
if (this.isTouch) return;
clearTimeout(this.previewTimer);
},
async loadItems() {
this.loading = true;
this.error = null;
try {
// ── 1. Збираємо ВСІХ членів категорії через cmcontinue ──
var members = [];
var continueToken = null;
do {
var url = apiBase +
'?action=query&list=categorymembers' +
'&cmtitle=' + encodeURIComponent('Категорія:' + categoryName) +
'&cmlimit=500&cmnamespace=0&format=json';
if (continueToken) {
url += '&cmcontinue=' + encodeURIComponent(continueToken);
}
var catResp = await fetch(url);
var catData = await catResp.json();
var batch = (catData.query || {}).categorymembers || [];
members = members.concat(batch);
continueToken = (catData.continue && catData.continue.cmcontinue)
? catData.continue.cmcontinue
: null;
} while (continueToken);
// Якщо data-limit заданий явно — обрізаємо
if (pageLimit && pageLimit < members.length) {
members = members.slice(0, pageLimit);
}
if (!members.length) { this.loading = false; return; }
// ── 2. Завантажуємо вміст сторінок батчами по 50 ──
var pages = [];
var batchSize = 50;
for (var offset = 0; offset < members.length; offset += batchSize) {
var batchMembers = members.slice(offset, offset + batchSize);
var titles = batchMembers.map(function(m) { return m.title; }).join('|');
var pageResp = await fetch(
apiBase + '?action=query&titles=' + encodeURIComponent(titles) +
'&prop=revisions&rvprop=content&format=json'
);
var pageData = await pageResp.json();
var batchPages = Object.values((pageData.query || {}).pages || {});
pages = pages.concat(batchPages);
}
// ── 3. Обробляємо кожну сторінку ──
var filterSet = new Set();
var promises = pages.map(async function(page) {
try {
var content = (page.revisions && page.revisions[0])
? (page.revisions[0]['*'] || '') : '';
var filterLabel;
if (filterFromTitle) {
filterLabel = filterLabelFromTitle(page.title);
} else {
var fields = parseInfobox(content);
var rawVal = resolveFilterValue(fields, filterField === 'auto' ? 'auto' : filterField);
var matched = fixedFilters.length ? matchFixedFilter(rawVal) : rawVal;
filterLabel = toFilterLabel(matched);
}
if (filterLabel && filterLabel !== 'Інше') filterSet.add(filterLabel);
var description = extractDescription(content);
var imgName = extractImageName(content);
var imgSrc = null;
if (imgName) {
try {
var fileTitle = /^(Файл|File|Image|Зображення):/i.test(imgName)
? imgName : 'File:' + imgName;
var imgResp = await fetch(
apiBase + '?action=query&titles=' + encodeURIComponent(fileTitle) +
'&prop=imageinfo&iiprop=url&iiurlwidth=200&format=json'
);
var imgData = await imgResp.json();
var imgPages = Object.values((imgData.query || {}).pages || {});
var ii = imgPages[0] && imgPages[0].imageinfo && imgPages[0].imageinfo[0];
if (ii) imgSrc = ii.thumburl || ii.url;
} catch (e) { /* ignore */ }
}
var pageUrl = mw.config.get('wgArticlePath').replace(
'$1', encodeURIComponent(page.title.replace(/ /g, '_'))
);
var extra = [];
if (!filterFromTitle) {
var fields2 = parseInfobox(content);
var extraKeys = ['посада', 'position', 'occupation', 'спеціальність',
'рік', 'рубрика', 'тип', 'автор', 'faculty'];
extraKeys.forEach(function(k) {
if (fields2[k]) extra.push({ label: k, value: fields2[k] });
});
}
return {
title: page.title,
filterLabel: filterLabel || 'Інше',
description: description || '',
imgSrc: imgSrc,
pageUrl: pageUrl,
extra: extra.slice(0, 3),
};
} catch (e) {
console.error('[vcc] page error:', e, page && page.title);
return null;
}
});
var results = await Promise.all(promises);
this.items = results.filter(function(item) { return item != null; });
// ── 4. Будуємо список фільтрів ──
var builtFilters;
if (fixedFilters.length) {
var itemsRef = this.items;
builtFilters = fixedFilters.filter(function(f) {
return itemsRef.some(function(item) { return item.filterLabel === f; });
});
} else {
builtFilters = Array.from(filterSet).sort(function(a, b) {
return a.localeCompare(b, 'uk');
});
}
this.filters = ['Всі'].concat(builtFilters);
} catch (e) {
console.error('[vue-category-cards] error:', e);
this.error = 'Не вдалося завантажити дані.';
}
this.loading = false;
}
/* ══════════════════════════════════════════════
ГОЛОВНА СТОРІНКА
══════════════════════════════════════════════ */
function animateNumber(element, target) {
element.classList.add('animating');
var current = 0;
var increment = target / 60;
var timer = setInterval(function() {
current += increment;
if (current >= target) {
current = target;
clearInterval(timer);
setTimeout(function() { element.classList.remove('animating'); }, 100);
}
element.textContent = Math.floor(current);
}, 16);
}
mw.hook('wikipage.content').add(function() {
if (mw.config.get('wgPageName') !== 'Головна_сторінка') return;
var statsNumbers = document.querySelectorAll('.stats-panel-number');
var animated = false;
function checkAndAnimate() {
if (animated) return;
var statsPanel = document.querySelector('.stats-panel');
if (!statsPanel) return;
var rect = statsPanel.getBoundingClientRect();
if (rect.top < window.innerHeight && rect.bottom > 0) {
animated = true;
statsNumbers.forEach(function(el) {
var text = el.textContent.trim();
var num = parseInt(text.replace(/[^\d]/g, ''), 10);
if (!isNaN(num) && num > 0) {
el.textContent = '0';
setTimeout(function() { animateNumber(el, num); }, 200);
}
});
}
}
window.addEventListener('scroll', checkAndAnimate);
checkAndAnimate();
});
mw.hook('wikipage.content').add(function() {
document.querySelectorAll('div[style*="grid-template-columns"]').forEach(function(grid) {
var cards = Array.from(grid.children);
if (cards.length < 2) return;
cards.sort(function(a, b) {
var aLink = a.querySelector('div[style*="flex-grow"] a');
var bLink = b.querySelector('div[style*="flex-grow"] a');
if (!aLink || !bLink) return 0;
var aSurname = aLink.textContent.trim().split(' ')[0];
var bSurname = bLink.textContent.trim().split(' ')[0];
return aSurname.localeCompare(bSurname, 'uk');
});
cards.forEach(function(card) {
grid.appendChild(card);
});
});
});
mw.hook('wikipage.content').add(function() {
if (mw.config.get('wgPageName') !== 'Головна_сторінка') return;
var progressBar = document.createElement('div');
progressBar.className = 'scroll-progress';
document.body.appendChild(progressBar);
function updateProgress() {
var winScroll = document.documentElement.scrollTop || document.body.scrollTop;
var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
if (height <= 0) return;
var scrolled = (winScroll / height) * 100;
progressBar.style.width = scrolled + '%';
}
window.addEventListener('scroll', updateProgress, { passive: true });
updateProgress();
});
mw.hook('wikipage.content').add(function() {
if (mw.config.get('wgPageName') !== 'Головна_сторінка') return;
var welcomeWrapper = document.querySelector('.welcome-wrapper');
if (!welcomeWrapper) return;
if (window.innerWidth < 768) return;
if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
var canvas = document.createElement('canvas');
canvas.className = 'particles-canvas';
canvas.style.cssText = 'position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;';
canvas.style.webkitMaskImage = 'linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%), linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%)';
canvas.style.maskImage = 'linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%), linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%)';
canvas.style.webkitMaskComposite = 'source-in';
canvas.style.maskComposite = 'intersect';
welcomeWrapper.style.position = 'relative';
welcomeWrapper.insertBefore(canvas, welcomeWrapper.firstChild);
var ctx = canvas.getContext('2d');
canvas.width = welcomeWrapper.offsetWidth;
canvas.height = welcomeWrapper.offsetHeight;
var particles = [];
var particleCount = 40;
var animId;
function Particle() {
this.x = Math.random() * canvas.width;
this.y = Math.random() * canvas.height;
this.vx = (Math.random() - 0.5) * 0.5;
this.vy = (Math.random() - 0.5) * 0.5;
this.radius = Math.random() * 2 + 1;
}
Particle.prototype.draw = function() {
ctx.beginPath();
ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
ctx.fillStyle = 'rgba(255, 215, 0, 0.6)';
ctx.fill();
};
Particle.prototype.update = function() {
if (this.x > canvas.width || this.x < 0) this.vx = -this.vx;
if (this.y > canvas.height || this.y < 0) this.vy = -this.vy;
this.x += this.vx;
this.y += this.vy;
this.draw();
};
for (var i = 0; i < particleCount; i++) {
particles.push(new Particle());
}
function animate() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
for (var i = 0; i < particles.length; i++) {
particles[i].update();
for (var j = i + 1; j < particles.length; j++) {
var dx = particles[i].x - particles[j].x;
var dy = particles[i].y - particles[j].y;
var distance = Math.sqrt(dx * dx + dy * dy);
if (distance < 120) {
ctx.beginPath();
ctx.strokeStyle = 'rgba(255, 215, 0, ' + (1 - distance / 120) * 0.3 + ')';
ctx.lineWidth = 1;
ctx.moveTo(particles[i].x, particles[i].y);
ctx.lineTo(particles[j].x, particles[j].y);
ctx.stroke();
}
}
}
animId = requestAnimationFrame(animate);
}
animate();
var resizeTimer;
window.addEventListener('resize', function() {
clearTimeout(resizeTimer);
resizeTimer = setTimeout(function() {
canvas.width = welcomeWrapper.offsetWidth;
canvas.height = welcomeWrapper.offsetHeight;
if (window.innerWidth < 768) {
cancelAnimationFrame(animId);
canvas.remove();
}
}, 200);
});
});