Gebruiker:MakiBoy/Gadget-LogCounter.js

/* jshint sub:true maxerr:100000 */
// [[User:MakiBoy/Gadget-LogCounter.js]] gemaakt door [[User:MakiBoy]] en [[User:Rots61]], onderhouden door [[User:Rots61]]
let mw, document, console;
const version = '3.2';
let searchBarLC;

// Wordt gebruikt om de views op de juiste manier te formaten
function parseNumber (number) {
	return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, '.');
}

// Wordt gebruikt om een nul toe te voegen bij de datum
function addZero (number) {
	return number < 10 ? '0' + number : number;
}

/*
	laat de speciale pagina uiteindelijk zien
	pages = array met alle pagina's die getoont moeten worden
	zoekbalk = de waarde die zichtbaar moet zijn in de zoekbalk
*/

function showProjectLogCounter (pages, zoekbalk) {
	// Dit zorgt ervoor dat de kleur wordt weergegeven of de kleurcode.
	const haakjesfilterkleur = /[G-Za-z]/.test(parameterLC['filterkleur']) ? '' : '#';
	console.log(pages);
	// Past de titel van de speciale pagina aan
	document.getElementsByTagName('h1')[0].textContent = 'Speciaal:' + mw.config.get('wgTitle');
	document.title = 'Statistieken WikiKids';

	/*
		variabele voor de bovenkant
		zoekbalk = wordt zichtbaar in de zoekbalk, hierdoor weet de gebruiker wat hij opgezocht heeft
		reload? ?LCx = 3 variablen die ervoor zorgen dat de juiste icoontje rechts zichtbaar is.
	*/
	searchBarLC = '<div><input type="text" id="lc-searchbar" value=' + zoekbalk + '> <button onclick="searchContainsLogCounterButton();"><img src="https://upload.wikimedia.org/wikipedia/commons/9/9a/OOjs_UI_indicator_search-ltr.svg" title="Bevat (zoeken)" height="25"></button> <button onclick="searchExactLogCounterButton();"><img src="https://upload.wikimedia.org/wikipedia/commons/8/86/OOjs_UI_icon_articleSearch-ltr.svg" title="Exact (zoeken)" height="25"></button> <button onclick="gotoGeschiedenisVanPagina()"><img src="https://upload.wikimedia.org/wikipedia/commons/2/27/OOjs_UI_icon_history.svg" title="Geschiedenis" height="25">*</button> <small>*Gebruikt veel internetdata </small>'
	+ '<div style="float:right;"><div id="reload1" style="display: ' + reload1LCx + ';"><a href="javascript:reload1LC();"><img title="Refresh de gegevens" src="https://upload.wikimedia.org/wikipedia/commons/f/ff/OOjs_UI_icon_reload_flipX.svg" width="50"></a></div><div id="reload2" style="display: ' + reload2LCx + ';"><img src="https://upload.wikimedia.org/wikipedia/commons/9/91/LoadingX.gif" width="50"></div><div id="reload3" style="display: ' + reload3LCx + ';"><img src="https://upload.wikimedia.org/wikipedia/commons/f/f6/OOjs_UI_icon_check-constructive.svg" width="50"></a></div></div></div>'
	+ '<div><img src="https://upload.wikimedia.org/wikipedia/commons/8/8b/OOjs_UI_icon_download.svg" title="height="25"> <button onclick="downloadLogCounter(\';\');"><b>;</b></button> <button onclick="downloadLogCounter(\',\');"><b>,</b></button></button>';
	// Variabele die informatie geeft over de LogCounter.
	let logCounterInfo = '<div id="logCounterInfo">Deze pagina laat zien hoeveel paginabezoeken er zijn geweest op een specifieke pagina. De rij "Views" bevat <b>alle</b> views. De rij daarachter laat alleen maar zien hoeveel views komen vanuit iets specifieks, bijvoorbeeld vanuit een categorie of van een mobiele telefoon. <a href="/Speciaal:Statistieken_WikiKids?action=tabel">Klik hier voor statistieken van vorige weken.</a> </div>';
	// Controleert of het een speciale week is, als dat het geval is, dan wordt de informatie uitgebreid.
	if (parameterLC['specialeweek']) {
		logCounterInfo += '<span style="color:red;">Let op! De week die je nu bekijkt, is een speciale week. In deze week is gekeken naar de bezoeker op een andere manier dan de standaard manier (per pagina). De gegevens die hier staan zijn dus niet eenvoudig te begrijpen. </span><br>';
	}
	// Het maken van een tabel
	const table = document.createElement('table');
	table.classList.add('wikitable');
	const tableHead = document.createElement('thead');
	const tableHeadRow = document.createElement('tr');
	const tableBody = document.createElement('tbody');

	let tableHeadTitles;
	// Geeft de titels van de tabel weer. Als het gaat om een afgeronde week, wordt de informatie anders geüpdated.
	if (infoHistory) {
		// Haalt de een na laatste titel van de info pagina van de week.
		tableHeadTitles = ['Titel', 'Laatste bezoek', 'Views', infoHistory.Types, '%'];
	} else {
		// De een na laatste wordt elke week aangepast, zodat het de juiste informatie geeft.
		tableHeadTitles = ['Titel', 'Laatste bezoek', 'Views', 'Chrome(ium)', '%'];
	}
	/*
		Variabelen:
		currentPage = de huidige pagina, deze informatie komt uit de parameters die megegeven zijn door de gebruiker
		rowsPerPage = aantal rijen, krijgt de informatie uit de parameters die meegegeven zijn
		totalPages = totaal aantal pagina's, gebaseerd op het aantal rijen.
	*/
	let currentPage = parseInt(parameterLC['pagenr']);
	const rowsPerPage = parseInt(parameterLC['rows']);
	const totalPages = Math.ceil(pages.length / rowsPerPage);

	// Functie die een specifieke pagina laat zien, op basis van de parameter 'pageNumber'
	function showPage (pageNumber) {
		currentPage = pageNumber;
		tableBody.innerHTML = '';
		const start = (currentPage - 1) * rowsPerPage;
		const end = start + rowsPerPage;
		const paginatedItems = pages.slice(start, end);
		paginatedItems.forEach(function (page) {
			let dateString;
			const row = document.createElement('tr');
			// Definieert variabelen die later nodig zijn
			let totalVisitors, mainPageVisited, pageTitle, pageLink, date, tempDate;
			// Controleert of een gedeelte van de informatie leeg is gelaten. Dit is enkel voor voorgaande versies
			if (!page.nV) {
				totalVisitors = page.mPV;
			} else if (!page.mPV) {
				totalVisitors = page.nV;
			} else {
				totalVisitors = page.nV + page.mPV;
			}
			// Vervangt de
			mainPageVisited = page.mPV ? page.mPV : '';
			pageTitle = page.t.replace(/_/g, ' ');
			pageLink = page.t;
			if (parameterLC['specialeweek']) {
				if (pageLink.includes('Zoeken:')) {
					pageLink = 'https://wikikids.nl/Speciaal:Zoeken?search=' + pageTitle.replace(/Zoeken.?:/g, '');
					pageTitle = pageTitle.replace(/Zoeken:/g, 'Zoek:');
				}
				if (pageLink.includes('Tijd')) {
					tempDate = new Date((parseInt(pageTitle.replace(/Tijd.?:/g, '')) + 28026240) * 60 * 1000);
					pageTitle = pageTitle.replace(/Tijd/g, 'T').replace(/:.*/g, ':');
					dateString = addZero(tempDate.getDate()) + ' april ' + addZero(tempDate.getHours()) + ':' + addZero(tempDate.getMinutes());
				}
			}
			date = new Date(page.uA);
			const filterShow = page.filterShow ? page.filterShow : '';
			const percentMainPage = Math.round((100 / totalVisitors) * mainPageVisited * 100) / 100;
			let percentStyle = '>';
			if (filterShow === 'colored') {
				percentStyle = ' style="background: ' + haakjesfilterkleur + parameterLC['filterkleur'] + '">';
			}
			if (parameterLC['specialeweek'] && (pageLink.includes('Speciaal:Zoeken?') || pageLink.includes('Tijd'))) {
				if (pageLink.includes('Speciaal:Zoeken?')) {
					dateString = '-';
				}
			} else if (!isNaN(date)) {
				dateString = addZero(date.getDate()) + '-' + addZero((date.getMonth() + 1)) + '-' + date.getFullYear() + ' ' + addZero(date.getHours()) + ':' + addZero(date.getMinutes());
			} else {
				dateString = 'Niet beschikbaar';
			}
			row.innerHTML = `<td><a href="/${pageLink}">${pageTitle}</a></td>
				<td>${dateString}</td>
				<td>${parseNumber(totalVisitors)}</td><td>${parseNumber(mainPageVisited)}</td>
				<td ${percentStyle + percentMainPage}</td>`;
			tableBody.appendChild(row);
		});
	}
	showPage(currentPage);

	const pagination = document.createElement('div');
	pagination.classList.add('pagination');

	const prevButton = document.createElement('button');
	prevButton.textContent = 'Vorige';
	prevButton.style = 'margin-right: 10px;';
	prevButton.addEventListener('click', function () {
		if (currentPage > 1) {
			parameterLC['pagenr'] = currentPage - 1;
			showPage(currentPage - 1);
			changeURL();
			// Manier waarop je kunt zien op welke pagina je bent
			document.getElementById('pageCounter').innerHTML = `Pagina <input id="logcounternumberpage" type="number" size="5" value=${currentPage}> van ${totalPages}`;
		}
	});
	pagination.appendChild(prevButton);

	const pageCounter = document.createElement('span');
	pageCounter.id = 'pageCounter';
	pageCounter.innerHTML = `Pagina <input id="logcounternumberpage" type="number" size="5" value=${currentPage}> van ${totalPages}`;
	pagination.appendChild(pageCounter);

	const nextButton = document.createElement('button');
	nextButton.textContent = 'Volgende';
	nextButton.style = 'margin-left: 10px;';
	nextButton.addEventListener('click', function () {
		if (currentPage < totalPages) {
			parameterLC['pagenr'] = currentPage + 1;
			showPage(currentPage + 1);
			changeURL();
			// Manier waarop je kunt zien op welke pagina je bent
			document.getElementById('pageCounter').innerHTML = `Pagina <input id="logcounternumberpage" type="number" size="5" value=${currentPage}> van ${totalPages}`;
		}
	});

	const gotoButton = document.createElement('button');
	gotoButton.textContent = 'Gaan';
	gotoButton.style = 'margin-left: 10px;';
	gotoButton.addEventListener('click', function () {
		if (document.getElementById('logcounternumberpage').value > totalPages || document.getElementById('logcounternumberpage').value < 1) {
		} else {
			parameterLC['pagenr'] = parseInt(document.getElementById('logcounternumberpage').value);
			showPage(parseInt(document.getElementById('logcounternumberpage').value));
			changeURL();
			document.getElementById('pageCounter').innerHTML = `Pagina <input id="logcounternumberpage" type="number" size="5" value=${currentPage}> van ${totalPages}`;
		}
	});

	pagination.appendChild(gotoButton);
	pagination.appendChild(nextButton);

	tableHeadTitles.forEach(function (title) {
		const tableHeadCell = document.createElement('th');
		tableHeadCell.textContent = title;
		tableHeadRow.appendChild(tableHeadCell);
	});
	tableHead.appendChild(tableHeadRow);
	table.appendChild(tableHead);
	table.appendChild(tableBody);

	const totalVisitors = pages.reduce(function (total, page) {
		if (!page.nV) {
			return total + page.mPV;
		} else if (!page.mPV) {
			return total + page.nV;
		} else {
			return total + page.nV + page.mPV;
		}
	}, 0);

	const totalElement = document.createElement('div');
	totalElement.style = 'margin-top: 20px; display: flex; flex-direction: column;';

	const totalVisitorsElement = document.createElement('span');
	totalVisitorsElement.textContent = `Totaal aantal bezoeken: ${parseNumber(totalVisitors)}`;
	totalElement.appendChild(totalVisitorsElement);

	const totalPagesElement = document.createElement('span');
	totalPagesElement.textContent = `Totaal aantal pagina's: ${parseNumber(pages.length)}`;
	totalElement.appendChild(totalPagesElement);

	if (infoHistory) {
		const moreInfoElement = document.createElement('span');
		const xStarttime = new Date(infoHistory.Starttime);
		const xEndtime = new Date(infoHistory.Endtime);
		const firstDateString = addZero(xStarttime.getDate()) + '-' + addZero((xStarttime.getMonth() + 1)) + '-' + xStarttime.getFullYear() + ' ' + addZero(xStarttime.getHours()) + ':' + addZero(xStarttime.getMinutes());
		const lastDateString = addZero(xEndtime.getDate()) + '-' + addZero((xEndtime.getMonth() + 1)) + '-' + xEndtime.getFullYear() + ' ' + addZero(xEndtime.getHours()) + ':' + addZero(xEndtime.getMinutes());
		moreInfoElement.textContent = `${firstDateString} tot ${lastDateString}`;
		totalElement.appendChild(moreInfoElement);
	}
	document.getElementById('bodyContent').innerHTML = window.location.search.includes('&') ? terugnaarlogcounter : '';
	document.getElementById('bodyContent').innerHTML += searchBarLC + logCounterInfo;
	document.getElementById('bodyContent').appendChild(table);
	document.getElementById('bodyContent').appendChild(pagination);
	document.getElementById('bodyContent').appendChild(totalElement);
}

function downloadLogCounter (tss) {
	let a = 'Paginatitel' + tss + 'Views' + tss + 'Speciale statistiek \n';
	for (let x = 0; x < allPages.length; x++) {
		if (!allPages[x].mPV) {
			a += allPages[x].t.replace(/,/g, '.') + tss + (allPages[x].nV) + tss + '0' + tss + '\n';
		} else if (!allPages[x].nV) {
			a += allPages[x].t.replace(/,/g, '.') + tss + (allPages[x].mPV) + tss + allPages[x].mPV + tss + '\n';
		} else {
			a += allPages[x].t.replace(/,/g, '.') + tss + (allPages[x].mPV + allPages[x].nV) + tss + allPages[x].mPV + tss + '\n';
		}
	}
	if (parameterLC['date']) {
		downloadfile(a, 'Statistieken WikiKids ' + parameterLC['date'] + '.csv', 'csv');
	} else {
		downloadfile(a, 'Statistieken WikiKids live.csv', 'csv');
	}
}

function downloadfile (data, filename, type) {
	const file = new Blob([data], { type: type });
	if (window.navigator.msSaveOrOpenBlob) { window.navigator.msSaveOrOpenBlob(file, filename + '.' + type); } else {
		const a = document.createElement('a');
		const url = URL.createObjectURL(file);
		a.href = url;
		a.download = filename;
		document.body.appendChild(a);
		a.click();
		setTimeout(function () {
			document.body.removeChild(a);
			window.URL.revokeObjectURL(url);
		}, 0);
	}
}

function statsPerPageLogCounter () {
	document.title = 'Statistieken van een bepaalt artikel.'
	document.getElementById('bodyContent').innerHTML = 'Wacht... minimaal 10 seconden. Na 20 seconden zonder resultaat kan je deze pagina opnieuw laden. Problemen? <a href="/Overleg gebruiker:Rots61">Graag hier melden.</a> ';
	let allHistoryPages;
	const request = new XMLHttpRequest();
	// Geeft alle subpagina's van User:Rots/Statistieken/. /StatisiekenExtra doet dus niet mee
	request.open('GET', 'https://wikikids.nl/api.php?action=query&list=allpages&apminsize=100000&apnamespace=2&apprefix=Rots61/Statistieken/&aplimit=500&format=json', false);
	request.send(null);
	if (request.status === 200) {
		allHistoryPages = JSON.parse(request.responseText);
	}
	allHistoryPages = allHistoryPages.query.allpages;
	let tableoutputLC = '<table class="wikitable" id="LogCounterPerPage"><thead><tr><th onclick="sortTable(\'LogCounterPerPage\',0, true)">Rank</th><th onclick="sortTable(\'LogCounterPerPage\',1)">Datum</th><th onclick="sortTable(\'LogCounterPerPage\',2, true)">Aantal bezoekers</th></thead><tbody>';
	requests = new Array(allHistoryPages.length);
	setTimeout(function () {
		for (let i = 0; i < allHistoryPages.length; i++) {
			requests[i] = new XMLHttpRequest();
			requests[i].open('GET', 'https://wikikids.nl/' + allHistoryPages[i]['title'] + '?action=raw');
			requests[i].onload = function () {
				const datainfo = JSON.parse(requests[i].responseText);
				let result;
				for (let y = 0; y < datainfo.length; y++) {
					if (datainfo[y]['t'].toLowerCase() === parameterLC['page'].replace(/ /g, '_').toLowerCase()) {
						result = datainfo[y];
						result['Rank'] = y + 1;
						break;
					}
				}
				if (result) {
					let totaalViews;
					if (!result.nV) { // bij een gedeelte van de opgeslagen data, wordt nV of mPV leeggelaten, dit zorgt ervoor dat het juist wordt weergegeven. Dit is alleen nodig bij een voorgaande versie. Bij huidige versies worden alles gewoon doorgegeven.
						totaalViews = result.mPV;
					} else if (!result.mPV) {
						totaalViews = result.nV;
					} else {
						totaalViews = result.nV + result.mPV;
					}
					tableoutputLC += `<tr><td>${result['Rank']}</td><td><a href="https://wikikids.nl/Special:Statistieken_WikiKids?date=${allHistoryPages[i]['title'].slice(-8)}">${allHistoryPages[i]['title'].slice(-8)}</a></td><td>${totaalViews}</td></tr>`;
				} else {
					tableoutputLC += `<tr><td></td><td><a href="https://wikikids.nl/Special:Statistieken_WikiKids?date=${allHistoryPages[i]['title'].slice(-8)}">${allHistoryPages[i]['title'].slice(-8)}</a></td><td>0</td></tr>`;
				}
			};
			requests[i].send();
		}
		document.getElementsByTagName('h1')[0].textContent = 'Speciaal:' + mw.config.get('wgTitle');
		document.title = 'Pagina specifieke statistieken -  WikiKids';
		let infotext = `<div><input type="text" id="lc-searchbar"> <button onclick="gotoGeschiedenisVanPagina()"><img src="https://upload.wikimedia.org/wikipedia/commons/2/27/OOjs_UI_icon_history.svg" title="Geschiedenis" height="25">*</button> <small>*Gebruikt veel internetdata!</small></div>Specifieke statistieken voor <a href="/${parameterLC['page']}">${parameterLC['page'].replace(/_/g, ' ')}</a>. <br>Indien niet alle weken zijn ingeladen, herlaad de pagina dan. Helpt dat nog steeds niet? <a href="/Overleg gebruiker:Rots61">Meld dit hier.</a> <br>
		Voor 20230306 (week 9) telden bots ook mee in de statistieken. Hierdoor kan het zijn dat de statistieken daarvoor hoger zijn dan het daadwerkelijke aantal bezoekers. `;
		setTimeout(function () {
			document.getElementById('bodyContent').innerHTML = terugnaarlogcounter + infotext + tableoutputLC + '</tbody></table>';
			sortTable('LogCounterPerPage', 1);
		}, 4000);
	}, 500);
}

function getPagesLogCounter () {
	const request = new XMLHttpRequest();
	request.open('GET', urlLogCounter, false);
	request.send(null);
	if (request.status === 200) {
		pages = JSON.parse(request.responseText);
	}

	// hernoemen alle keys zodat het later makkelijker gaat
	if (!historyLogCounter) {
		for (let x = 0; x < pages.length; x++) {
			renamekey('uA', 'updatedAt', x);
			renamekey('mPV', 'mainPageVisitors', x);
			renamekey('nV', 'normalVisitors', x);
			renamekey('t', 'title', x);
		}
	}
	fullPages = pages;
	// Sorteer de pagina's op het aantal bezoekers (hoog naar laag) (page.normalVisitors + page.mainPageVisitors)
	pages.sort(function (a, b) {
		return b.nV + b.mPV - a.nV - a.mPV;
	});

	// Filter percentmax, percentmin, aantalmax, aantalmin, only
	if (parameterLC['checkrules']) {
	for (let y = 0; y < pages.length; y++) {
		pages[y].mPV = pages[y].mPV ? pages[y].mPV : 0;
		pages[y].nV = pages[y].nV ? pages[y].nV : 0;
		procent = (100 / (pages[y].nV + pages[y].mPV)) * pages[y].mPV; // 50
		if (procent <= parameterLC['percentmax']) { // 60 <= 70 true // 50 <= 50 true
			if (procent >= parameterLC['percentmin'] || parameterLC['percentmin'] === null) { // 60 >= 50 true //50 <= 0 true
				pages[y].filterShow = 'colored'; // kleuren
			}
		}
		if (pages[y].nV + pages[y].mPV > parameterLC['aantalmax']) { // 50 >= 100; 1 >= 1
			pages[y].filterShow = undefined;
		} else if (pages[y].nV + pages[y].mPV < parameterLC['aantalmin']) { // 50 <= 0
			pages[y].filterShow = undefined;
		}
		if (parameterLC['only']) {
			if (pages[y].filterShow !== 'colored') {
				pages.splice(y, 1);
				y = y - 1;
			}
		}
	}
	}
	if (document.getElementById('reload2')) {
		setTimeout(function () {
		document.getElementById('reload1').style.display = 'none';
		document.getElementById('reload2').style.display = 'none';
		document.getElementById('reload3').style.display = '';
		reload1LCx = 'none';
		reload2LCx = 'none';
		reload3LCx = '';
		setTimeout(function () { document.getElementById('reload3').style.display = 'none'; document.getElementById('reload1').style.display = ''; reload1LCx = ''; reload2LCx = 'none';	reload3LCx = 'none'; }, 2500);
		}, 1000);
	} else {
		setTimeout(function () {
			if (document.getElementById('reload2')) {
				document.getElementById('reload1').style.display = 'none';
				document.getElementById('reload2').style.display = 'none';
				document.getElementById('reload3').style.display = '';
				reload1LCx = 'none';
				reload2LCx = 'none';
				reload3LCx = '';
				setTimeout(function () { document.getElementById('reload3').style.display = 'none'; document.getElementById('reload1').style.display = ''; reload1LCx = ''; reload2LCx = 'none';	reload3LCx = 'none' }, 2500);
			}
		}, 2500);
	}
	return pages;
}

function gotoGeschiedenisVanPagina () {
	parameterLC = {};
	parameterLC['page'] = document.getElementById('lc-searchbar').value.replace(/ /g, '_');
	changeURL();
	startLC();
}

function searchContainsLogCounterButton () {
	searchQuery = document.getElementById('lc-searchbar').value.replace(/ /g, '_');
	parameterLC['exactzoeken'] = undefined;
	parameterLC['action'] = undefined;
	parameterLC['page'] = undefined;
	parameterLC['pagenr'] = 1;
	parameterLC['bevatzoeken'] = searchQuery;
	changeURL();
	startLC();
}

function searchContainsLogCounter (searchQuery) {
	if (!searchQuery) {
		searchQuery = parameterLC['bevatzoeken'];
	}

	const searchResult = [];
	for (let i = 0; i < allPages.length; i++) {
		if (allPages[i]['t'].toLowerCase().includes(searchQuery.toLowerCase())) {
			searchResult.push(allPages[i]);
		}
	}
	setTimeout(function () {
		if (!searchResult.length) {
			const printToScreen = '<br>Er is geen pagina die <a href="https://wikikids.nl/Speciaal:Zoeken/' + searchQuery + '">' + searchQuery + '</a> bevat, en die in deze periode views heeft ontvangen.'
			+ 'Kijk voor meer <a href="https://wikikids.nl/WikiKids:Statistieken">informatie op deze pagina</a>.';
			document.getElementById('bodyContent').innerHTML = terugnaarlogcounter + searchBarLC + printToScreen;
		} else {
			showProjectLogCounter(searchResult, searchQuery);
		}
	}, 750);
}

function searchExactLogCounterButton () {
	searchQuery = document.getElementById('lc-searchbar').value.replace(/ /g, '_');
	parameterLC['bevatzoeken'] = undefined;
	parameterLC['action'] = undefined;
	parameterLC['page'] = undefined;
	parameterLC['pagenr'] = 1;
	parameterLC['exactzoeken'] = searchQuery;
	changeURL();
	startLC();
}

function searchExactLogCounter (searchQuery) {
	if (!searchQuery) {
		searchQuery = parameterLC['exactzoeken'];
	}
	const searchResult = [];
	for (let i = 0; i < allPages.length; i++) {
		if (allPages[i]['t'].toLowerCase() === searchQuery.toLowerCase()) {
			searchResult.push(allPages[i]);
		}
	}
	setTimeout(function () {
		if (!searchResult.length) {
			const printToScreen = '<br>De pagina <a href="https://wikikids.nl/' + searchQuery + '">' + searchQuery + '</a> heeft geen views ontvangen, voldoet niet aan het ingestelde filter of bestaat niet. ';
			document.getElementById('bodyContent').innerHTML = terugnaarlogcounter + searchBarLC + printToScreen;
		} else {
			showProjectLogCounter(searchResult, searchQuery);
		}
	}, 750);
}

function getInfoPageLogCounter (urlInfoLogCounter) {
	let infoHistory;
	const request = new XMLHttpRequest();
	request.open('GET', urlInfoLogCounter, false);
	request.send(null);
	if (request.status === 200) {
		infoHistory = JSON.parse(request.responseText);
	}
	return infoHistory;
}

function tabelLogCounter () {
	let allHistoryPages;
	const request = new XMLHttpRequest();
	// Geeft alle subpagina's van User:Rots61/Statistieken, /StatistiekenExtra doet dus mee
	request.open('GET', 'https://wikikids.nl/api.php?action=query&list=allpages&apminsize=100000&apnamespace=2&apprefix=Rots61/Statistieken&aplimit=500&format=json', false);
	request.send(null);
	if (request.status === 200) {
		allHistoryPages = JSON.parse(request.responseText);
	}
	allHistoryPages = allHistoryPages.query.allpages;
	let tableoutputLC = `<table class="wikitable" id="LogCounterHistory"><thead><tr><th onclick="sortTable('LogCounterHistory',0)">Link</th><th onclick="sortTable('LogCounterHistory',1)">Datum</th><th onclick="sortTable('LogCounterHistory',2, true)">Aantal bezoekers</th><th onclick="sortTable('LogCounterHistory',3, true)">Aantal pagina's</th><th onclick="sortTable('LogCounterHistory',4)">Extra informatie</th></tr></thead><tbody>
	<tr><td><a href="https://wikikids.nl/Special:Statistieken_WikiKids">Live</a></td><td>Sinds zaterdag</td><td>0</td><td>0</td></tr>`;
	requests = new Array(allHistoryPages.length);
		setTimeout(function () {
		for (let i = 0; i < allHistoryPages.length; i++) {
			const url = 'https://wikikids.nl/' + allHistoryPages[i]['title'] + '/info?action=raw';
			requests[i] = new XMLHttpRequest();
			requests[i].open('GET', url);
			requests[i].onload = function () {
				const datainfo = JSON.parse(requests[i].responseText);
				tableoutputLC += `<tr><td><a href="https://wikikids.nl/Special:Statistieken_WikiKids?date=${allHistoryPages[i]['title'].slice(-8)}${allHistoryPages[i]['specialeweek'] ? '&specialeweek=true' : ''}">${datainfo['Jaar-Week']}</a></td>`;
				const xStarttime = new Date(datainfo.Starttime);
				const xEndtime = new Date(datainfo.Endtime);
				const firstDateString = addZero(xStarttime.getDate()) + '-' + addZero((xStarttime.getMonth() + 1)) + '-' + xStarttime.getFullYear() + ' ' + addZero(xStarttime.getHours()) + ':' + addZero(xStarttime.getMinutes());
				const lastDateString = addZero(xEndtime.getDate()) + '-' + addZero((xEndtime.getMonth() + 1)) + '-' + xEndtime.getFullYear() + ' ' + addZero(xEndtime.getHours()) + ':' + addZero(xEndtime.getMinutes());
				tableoutputLC += `<td>van ${firstDateString} tot ${lastDateString}</td><td>${datainfo.Totalviews}</td><td>${datainfo.Totalpages}</td><td><a href="/WikiKids:Statistieken#${datainfo.Types.replace(/ /g, '_')}">${datainfo.Types}</a></td></tr>`;
			};
			requests[i].send();
		}
		document.getElementsByTagName('h1')[0].textContent = 'Speciaal:' + mw.config.get('wgTitle');
		document.title = 'Voorgaande statistieken -  WikiKids';
		infotext = 'Elke zaterdag worden, rond 6 uur, de statistieken opnieuw ingesteld. Een week loopt dus van zaterdag tot zaterdag. Het real-time registreren van de bezoekers wordt mogelijk gemaakt door MakiBoy. Voor vragen kun je terecht bij MakiBoy of Rots61. <br>'
		+ 'Deze lijst wordt automatisch bijgewerkt, zodat alle vorige statistieken worden getoont. <br>';
		setTimeout(function () {
			tableoutputLC += '</tbody></table>';
			document.getElementById('bodyContent').innerHTML = terugnaarlogcounter + infotext + tableoutputLC;
			sortTable('LogCounterHistory', 0);
		}, 500);
	}, 500);
}

function changeURL () {
	let urlPath = '/Speciaal:Statistieken WikiKids?';
	if (parameterLC['rows']) {
		if (parameterLC['rows'] !== 25) {
			urlPath += 'rows=' + parameterLC['rows'] + '&';
		}
	}
	if (parameterLC['action']) {
		urlPath += 'action=' + parameterLC['action'] + '&';
	}
	if (parameterLC['date']) {
		urlPath += 'date=' + parameterLC['date'] + '&';
	}
	if (parameterLC['page']) {
		urlPath += 'page=' + parameterLC['page'] + '&';
	}
	if (parameterLC['pagenr']) {
		if (parameterLC['pagenr'] < 1 || (parameterLC['pagenr'] > Math.ceil(allPages.length / parameterLC['rows']) || parameterLC['pagenr'] === 1)) {
			parameterLC['pagenr'] = 1;
		} else {
			urlPath += 'pagenr=' + parameterLC['pagenr'] + '&';
		}
	}
	if (parameterLC['percentmin']) {
		if (parameterLC['percentmin'] !== -1) {
			urlPath += 'percentmin=' + parameterLC['percentmin'] + '&';
		}
	}
	if (parameterLC['percentmax']) {
		if (parameterLC['percentmax'] !== 100) {
			urlPath += 'percentmax=' + parameterLC['percentmax'] + '&';
		}
	}
	if (parameterLC['only']) {
		urlPath += 'only=x&';
	}
	if (parameterLC['aantalmax']) {
		if (parameterLC['aantalmax'] !== Infinity) {
			urlPath += 'aantalmax=' + parameterLC['aantalmax'] + '&';
		}
	}
	if (parameterLC['aantalmin']) {
		if (parameterLC['aantalmin'] !== 0) {
			urlPath += 'aantalmin=' + parameterLC['aantalmin'] + '&';
		}
	}
	if (parameterLC['bevatzoeken']) {
		urlPath += 'bevatzoeken=' + parameterLC['bevatzoeken'] + '&';
	}
	if (parameterLC['exactzoeken']) {
		urlPath += 'exactzoeken=' + parameterLC['exactzoeken'] + '&';
	}
	if (parameterLC['specialeweek']) {
		urlPath += 'specialeweek=' + parameterLC['specialeweek'] + '&';
	}
	if (parameterLC['filterkleur']) {
		if (parameterLC['filterkleur'] !== 'lightgreen') {
			urlPath += 'filterkleur=' + parameterLC['filterkleur'] + '&';
		}
	}

	urlPath += 'v=1.0';
	window.history.pushState('', '', urlPath);
	// window.history.replaceState("","", urlPath);
}

function reload1LC () {
	document.getElementById('reload1').style.display = 'none';
	document.getElementById('reload2').style.display = '';
	document.getElementById('reload3').style.display = 'none';
	reload1LCx = 'none';
	reload2LCx = '';
	reload3LCx = 'none';
	reloadPagesLogCounter();
}

function reloadPagesLogCounter () {
	/*
	parameterLC['action'] = undefined;
	parameterLC['page'] = undefined;
	*/
	changeURL();
	startLC(true);
}

function terugLogCounter (dateparameter, specialeweekparameter) {
	parameterLC = {};
	if (dateparameter || specialeweekparameter) {
		parameterLC['date'] = dateparameter;
		parameterLC['specialeweek'] = specialeweekparameter;
		changeURL();
		startLC();
	} else {
		changeURL();
		startLC(true);
	}
}

function sortTable (id, n, getal) {
  let table; let rows; let switching; let i; let x; let y; let shouldSwitch; let dir; let switchcount = 0;
  table = document.getElementById(id);
  switching = true;
  // Set the sorting direction to ascending:
  dir = 'asc';
  /* Make a loop that will continue until
  no switching has been done: */
  while (switching) {
	// Start by saying: no switching is done:
	switching = false;
	rows = table.rows;
	/* Loop through all table rows (except the
	first, which contains table headers): */
	for (i = 1; i < (rows.length - 1); i++) {
	  // Start by saying there should be no switching:
	  shouldSwitch = false;
	  /* Get the two elements you want to compare,
	  one from current row and one from the next: */
	  x = rows[i].getElementsByTagName('TD')[n];
	  y = rows[i + 1].getElementsByTagName('TD')[n];
	  /* Check if the two rows should switch place,
	  based on the direction, asc or desc: */
	  if (getal) {
		  if (dir === 'asc') {
			if (parseInt(x.innerHTML) > parseInt(y.innerHTML)) {
			  // If so, mark as a switch and break the loop:
			  shouldSwitch = true;
			  break;
			}
		  } else if (dir == 'desc') {
			if (parseInt(x.innerHTML) < parseInt(y.innerHTML)) {
			  // If so, mark as a switch and break the loop:
			  shouldSwitch = true;
			  break;
			}
		  }
	  } else {
		  if (dir == 'asc') {
			if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) {
			  // If so, mark as a switch and break the loop:
			  shouldSwitch = true;
			  break;
			}
		  } else if (dir == 'desc') {
			if (x.innerHTML.toLowerCase() < y.innerHTML.toLowerCase()) {
			  // If so, mark as a switch and break the loop:
			  shouldSwitch = true;
			  break;
			}
		  }
	  }
	}
	if (shouldSwitch) {
	  /* If a switch has been marked, make the switch
	  and mark that a switch has been done: */
	  rows[i].parentNode.insertBefore(rows[i + 1], rows[i]);
	  switching = true;
	  // Each time a switch is done, increase this count by 1:
	  switchcount++;
	} else {
	  /* If no switching has been done AND the direction is "asc",
	  set the direction to "desc" and run the while loop again. */
	  if (switchcount === 0 && dir === 'asc') {
		dir = 'desc';
		switching = true;
	  }
	}
  }
}

var pages = [];
if (mw.config.get('wgNamespaceNumber') === -1 && (mw.config.get('wgTitle') === 'LogCounter' || (mw.config.get('wgTitle') === 'Statistieken Wikikids' || (mw.config.get('wgTitle') === 'Statistieken WikiKids' || mw.config.get('wgTitle') === 'WikiStats')))) {
	var parameterLC = {};
	var historyLogCounter, infoHistory, urlLogCounter, allPages, fullPages, terugnaarlogcounter;
	var reload1LCx = '';
	var reload2LCx = 'none';
	var reload3LCx = 'none';
	mw.loader.using('mediawiki.util', function () {
		mw.util.addPortletLink('p-namespaces', 'https://wikikids.nl/index.php?title=Overleg_gebruiker:Rots61&action=edit&section=new', 'Vragen? ', '#linkNaarOverlegPaginaR61', 'Vragen over de statistieken');
	});
	mw.loader.using('mediawiki.util', function () {
		mw.util.addPortletLink('p-namespaces', 'https://wikikids.nl/WikiKids:Statistieken', 'Info ', '#linkNaarWKStatistieken', 'Informatie over de statistieken');
	});	$.when($.ready, mw.loader.using(['mediawiki.util'])).done(function () {
		document.getElementById('footer-places').innerHTML += '<li id="footer-places-gadget-LogCounter">Script gemaakt door <a href="/User:MakiBoy" title="Gebruiker:MakiBoy">MakiBoy</a> en <a href="/User:Rots61" title="Gebruiker:Rots61">Rots61</a>, versie: ' + version + '</li>';
	});
	startLC(true, 'first');
}

function startLC (reloadlc, firsttime) {
	parameterLC['rows'] = mw.util.getParamValue('rows') ? mw.util.getParamValue('rows') : 25;
	parameterLC['action'] = mw.util.getParamValue('action');
	parameterLC['date'] = mw.util.getParamValue('date');
	parameterLC['page'] = mw.util.getParamValue('page');
	parameterLC['pagenr'] = mw.util.getParamValue('pagenr') ? mw.util.getParamValue('pagenr') : 1;
	parameterLC['bevatzoeken'] = mw.util.getParamValue('bevatzoeken');
	parameterLC['exactzoeken'] = mw.util.getParamValue('exactzoeken');
	parameterLC['specialeweek'] = mw.util.getParamValue('specialeweek');
	parameterLC['filterkleur'] = mw.util.getParamValue('filterkleur') ? mw.util.getParamValue('filterkleur') : 'lightgreen';

	parameterLC['percentmin'] = mw.util.getParamValue('percentmin') ? mw.util.getParamValue('percentmin') : -1;
	parameterLC['percentmax'] = mw.util.getParamValue('percentmax') ? mw.util.getParamValue('percentmax') : 100;
	parameterLC['only'] = mw.util.getParamValue('only');
	parameterLC['aantalmax'] = mw.util.getParamValue('aantalmax') ? mw.util.getParamValue('aantalmax') : Infinity;
	parameterLC['aantalmin'] = mw.util.getParamValue('aantalmin') ? mw.util.getParamValue('aantalmin') : 0;
	parameterLC['checkrules'] = mw.util.getParamValue('aantalmin') + mw.util.getParamValue('aantalmax') + mw.util.getParamValue('only') + mw.util.getParamValue('percentmax') + mw.util.getParamValue('percentmin');
	// zorgt ervoor dat er bovenin een link terug verwijst naar de basisinstellingen van de logcounter.
	terugnaarlogcounter = '<div id="contentSub"><span class="subpages">&lt; <a href="javascript:terugLogCounter();" title="Speciaal:Statistieken WikiKids">Speciaal:Statistieken WikiKids</a>';
	if (parameterLC['date']) {
		terugnaarlogcounter += ' | <a href="javascript:terugLogCounter(' + parameterLC['date'];
		if (parameterLC['specialeweek']) {
			terugnaarlogcounter += ', true';
		}
		terugnaarlogcounter += ');" title="Speciaal:Statistieken/' + parameterLC['date'] + '">' + parameterLC['date'] + '</a>';
	}
	terugnaarlogcounter += '</span></div>';
	if (parameterLC['date']) {
		if (parameterLC['specialeweek']) {
			urlLogCounter = 'https://wikikids.nl/User:Rots61/StatistiekenExtra/' + parameterLC['date'] + '?action=raw';
			infoHistory = getInfoPageLogCounter('https://wikikids.nl/User:Rots61/StatistiekenExtra/' + parameterLC['date'] + '/info?action=raw');
		} else {
			urlLogCounter = 'https://wikikids.nl/User:Rots61/Statistieken/' + parameterLC['date'] + '?action=raw';
			infoHistory = getInfoPageLogCounter('https://wikikids.nl/User:Rots61/Statistieken/' + parameterLC['date'] + '/info?action=raw');
		}
		historyLogCounter = true;
	} else {
		urlLogCounter = 'https://wikikids.martvanweeghel.nl/pages';
		historyLogCounter = false;
	}
	if (firsttime) {
		allPages = getPagesLogCounter();
		changeURL();
	}
	if (parameterLC['action'] === 'tabel') {
		tabelLogCounter();
	} else if (parameterLC['page']) { // Views voor een pagina, de hele tijd;
		statsPerPageLogCounter();
	} else {
		if (firsttime) {
		} else if (reloadlc) {
			allPages = getPagesLogCounter();
		} else {
			allPages = fullPages;
		}
		if (parameterLC['bevatzoeken']) {
			searchContainsLogCounter(parameterLC['bevatzoeken']);
		} else if (parameterLC['exactzoeken']) {
			searchExactLogCounter(parameterLC['exactzoeken']);
		} else {
			showProjectLogCounter(allPages, '');
		}
	}
}

if (!mw.storage.get('disableLoggingLC')) {
	mw.storage.set('disableLoggingLC', true, 86400);
}

if (mw.config.get('wgNamespaceNumber') === 0 || mw.config.get('wgNamespaceNumber') === 100) {
	mw.loader.using('mediawiki.util', function () {
		mw.util.addPortletLink('p-cactions',
			'https://wikikids.nl/Speciaal:Statistieken_WikiKids?page=' + encodeURIComponent(mw.config.get('wgPageName')),
			'Statistieken* ', '#GeschiedenisStats', 'Statistieken van ' + mw.config.get('wgPageName'));
	});
}

function renamekey (new_key, old_key, x) {
	Object.defineProperty(pages[x], new_key,
		Object.getOwnPropertyDescriptor(pages[x], old_key));
	delete pages[x][old_key];
}