Maak jij deze zomer 2025 Het Perfecte WikiKids-kiekje? Iedereen kan meedoen!
Gebruiker:MakiBoy/Gadget-LogCounter.js: verschil tussen versies
Naar navigatie springen
Naar zoeken springen
Regel 91: | Regel 91: | ||
document.getElementById('bodyContent').appendChild(pagination); | document.getElementById('bodyContent').appendChild(pagination); | ||
− | var | + | var totalVisitors = pages.reduce(function (total, page) { |
return total + page.normalVisitors + page.mainPageVisitors; | return total + page.normalVisitors + page.mainPageVisitors; | ||
}, 0); | }, 0); | ||
− | var totalVisitors = document.createElement(' | + | var totalElement = document.createElement('div'); |
− | + | ||
− | document.getElementById('bodyContent').appendChild( | + | var totalVisitorsElement = document.createElement('span'); |
+ | totalVisitorsElement.textContent = `Totaal aantal bezoekers: ${parseNumber(totalVisitors)}`; | ||
+ | totalElement.appendChild(totalVisitorsElement); | ||
+ | |||
+ | var totalPagesElement = document.createElement('span'); | ||
+ | totalPagesElement.textContent = `Totaal aantal pagina's: ${parseNumber(pages.length)}`; | ||
+ | totalElement.appendChild(totalPagesElement); | ||
+ | |||
+ | document.getElementById('bodyContent').appendChild(totalElement); | ||
} | } | ||
Versie van 13 jan 2023 16:00
// [[User:MakiBoy/Gadget-LogCounter.js]] gemaakt door [[User:MakiBoy]]
var version = '2.0';
function parseNumber(number) {
return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
}
function showProject(pages) {
document.getElementsByTagName("h1")[0].textContent = "Speciaal:LogCounter";
document.title = "LogCounter - WikiKids";
var table = document.createElement('table');
table.classList.add('wikitable');
var tableHead = document.createElement('thead');
var tableHeadRow = document.createElement('tr');
var tableHeadTitles = ['Paginatitel', 'Laatst bezocht', 'Normaal', 'Hoofdpagina', 'Totaal aantal'];
var tableBody = document.createElement('tbody');
var currentPage = 1;
var rowsPerPage = 50;
var totalPages = Math.ceil(pages.length / rowsPerPage);
function showPage(pageNumber) {
currentPage = pageNumber;
tableBody.innerHTML = '';
var start = (currentPage - 1) * rowsPerPage;
var end = start + rowsPerPage;
var paginatedItems = pages.slice(start, end);
paginatedItems.forEach(function (page) {
var row = document.createElement('tr');
var totalVisitors = page.normalVisitors + page.mainPageVisitors;
var pageTitle = page.title.replace(/_/g, ' ');
row.innerHTML = `<td><a href="/${page.title}?x=N">${pageTitle}</a></td>
<td>${page.date}</td>
<td>${parseNumber(page.normalVisitors)}</td>
<td>${parseNumber(page.mainPageVisitors)}</td>
<td>${parseNumber(totalVisitors)}</td>`;
tableBody.appendChild(row);
});
}
showPage(1);
var pagination = document.createElement('div');
pagination.classList.add('pagination');
var prevButton = document.createElement('button');
prevButton.textContent = 'Vorige';
prevButton.style = 'margin-right: 10px;';
if (currentPage === 1) {
prevButton.disabled = true;
}
prevButton.addEventListener('click', function () {
if (currentPage > 1) {
showPage(currentPage - 1);
}
});
pagination.appendChild(prevButton);
var pageCounter = document.createElement('span');
pageCounter.textContent = `Pagina ${currentPage} van ${totalPages}`;
pagination.appendChild(pageCounter);
var nextButton = document.createElement('button');
nextButton.textContent = 'Volgende';
nextButton.style = 'margin-left: 10px;';
if (currentPage === totalPages) {
nextButton.disabled = true;
}
nextButton.addEventListener('click', function () {
if (currentPage < totalPages) {
showPage(currentPage + 1);
}
});
pagination.appendChild(nextButton);
tableHeadTitles.forEach(function (title) {
var tableHeadCell = document.createElement('th');
tableHeadCell.textContent = title;
tableHeadRow.appendChild(tableHeadCell);
});
tableHead.appendChild(tableHeadRow);
table.appendChild(tableHead);
table.appendChild(tableBody);
document.getElementById('bodyContent').appendChild(table);
document.getElementById('bodyContent').appendChild(pagination);
var totalVisitors = pages.reduce(function (total, page) {
return total + page.normalVisitors + page.mainPageVisitors;
}, 0);
var totalElement = document.createElement('div');
var totalVisitorsElement = document.createElement('span');
totalVisitorsElement.textContent = `Totaal aantal bezoekers: ${parseNumber(totalVisitors)}`;
totalElement.appendChild(totalVisitorsElement);
var totalPagesElement = document.createElement('span');
totalPagesElement.textContent = `Totaal aantal pagina's: ${parseNumber(pages.length)}`;
totalElement.appendChild(totalPagesElement);
document.getElementById('bodyContent').appendChild(totalElement);
}
function getPages() {
var pages = [];
var request = new XMLHttpRequest();
request.open('GET', 'https://wikikids.martvanweeghel.nl/pages', false);
request.send(null);
if (request.status === 200) {
pages = JSON.parse(request.responseText);
}
// Sorteer de pagina's op het aantal bezoekers (hoog naar laag) (page.normalVisitors + page.mainPageVisitors)
pages.sort(function (a, b) {
return b.normalVisitors + b.mainPageVisitors - a.normalVisitors - a.mainPageVisitors;
});
return pages;
}
if (mw.config.get('wgNamespaceNumber') === -1 && mw.config.get('wgTitle') === "LogCounter") {
document.getElementById("footer-places").innerHTML += '<li id="footer-places-gadget-LogCounter">Script gemaakt door <a href="/User:MakiBoy" title="Gebruiker:MakiBoy">MakiBoy</a>, versie: ' + version + '</li>';
var allPages = getPages();
showProject(allPages);
}