Gebruiker:MakiBoy/Gadget-LogCounter.js

/* jshint sub:true maxerr:100000 */
// [[User:MakiBoy/Gadget-LogCounter.js]] gemaakt door [[User:MakiBoy]]

var version = '2.9';

function parseNumber(number) {
    return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
}

function showProjectLogCounter(pages) {
    document.getElementsByTagName("h1")[0].textContent = "Speciaal:LogCounter";
    document.title = "LogCounter - WikiKids";

    var searchBar = '<div><input type="text" id="lc-searchbar"> <button onclick="searchTitle();">Zoek</button></div>'
        + '<button onclick="reloadPagesLogCounter();">Laad alles opnieuw in</button>';
    var logCounterInfo = '<div id="logCounterInfo">Deze pagina laat zien hoeveel paginabezoeken er zijn geweest op een specifieke pagina. De rij "Views" bevat alle views. De rij "Categorie" laat alleen maar zien hoeveel views er vanuit een categorie komen.</div>';

    var table = document.createElement('table');
    table.classList.add('wikitable');
	
	var arrayHoofdpagina = ["1", "20012023"]; //voeg versies toe die de hoofdpagina gebruiken
	var arrayCategorie = ["1"]; //voeg versies toe die de categorieën gebruiken
    var tableHead = document.createElement('thead');
    var tableHeadRow = document.createElement('tr');
    var tableHeadTitles;
    if (arrayHoofdpagina.includes(requestDate)) {
    	tableHeadTitles = ['Paginatitel', 'Laatste bezoek', 'Views', 'Hoofdpagina'];
    } else {
    	tableHeadTitles = ['Paginatitel', 'Laatste bezoek', 'Views', 'Categorie'];
    }
    var tableBody = document.createElement('tbody');

    var currentPage = 1;
    var rowsPerPage = mw.util.getParamValue('rows') ? parseInt(mw.util.getParamValue('rows')) : 25;
    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, mainPageVisited, pageTitle, pageLink, date;
            if (historyLogCounter) {
	            totalVisitors = page.nV + page.mPV;
	            mainPageVisited = page.mPV ? parseNumber(page.mPV) : "";
	            pageTitle = page.t.replace(/_/g, ' ');
	            pageLink = page.t;
	            if (pageLink.includes("S:Z\\")) {
	            	pageLink = pageLink.replace(/S:Z\\/g, 'Speciaal:Zoeken/');
	            	pageTitle = pageTitle.replace(/S:Z\\/g, 'Zoekopdracht: ');
	            }
	            date = new Date(page.uA);
            } else {
	            totalVisitors = page.normalVisitors + page.mainPageVisitors;
	            mainPageVisited = page.mainPageVisitors ? parseNumber(page.mainPageVisitors) : "";
	            pageTitle = page.title.replace(/_/g, ' ');
	            pageLink = page.title;
	            if (pageLink.includes("S:Z")) {
	            	pageLink = pageLink.replace(/S:Z\\/g, 'Speciaal:Zoeken/');
	            	pageTitle = page.title;
	            }
	            date = new Date(page.updatedAt);
            }
            function addZero(number) {
                return number < 10 ? "0" + number : number;
            }

            var dateString = addZero(date.getDate()) + "-" + addZero((date.getMonth() + 1)) + "-" + date.getFullYear();

            row.innerHTML = `<td><a href="/${pageLink}">${pageTitle}</a></td>
                <td>${dateString}</td>
                <td>${parseNumber(totalVisitors)}</td><td><span style="color:green; font-weight: bold;">${parseNumber(mainPageVisited)}</span></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;';
    prevButton.addEventListener('click', function () {
        if (currentPage > 1) {
            showPage(currentPage - 1);
            //Manier waarop je kunt zien op welke pagina je bent
            document.getElementById('pageCounter').textContent = `Pagina ${currentPage} van ${totalPages}`;
        }
    });
    pagination.appendChild(prevButton);

    var pageCounter = document.createElement('span');
    pageCounter.id = "pageCounter";
    pageCounter.textContent = `Pagina ${currentPage} van ${totalPages}`;
    pagination.appendChild(pageCounter);

    var nextButton = document.createElement('button');
    nextButton.textContent = 'Volgende';
    nextButton.style = 'margin-left: 10px;';
    nextButton.addEventListener('click', function () {
        if (currentPage < totalPages) {
            showPage(currentPage + 1);
            //Manier waarop je kunt zien op welke pagina je bent
            document.getElementById('pageCounter').textContent = `Pagina ${currentPage} van ${totalPages}`;
        }
    });
    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);

    var totalVisitors = pages.reduce(function (total, page) {
    	if (historyLogCounter) {
    		return total + page.nV + page.mPV;
    	} else {
    		return total + page.normalVisitors + page.mainPageVisitors;
    	}
    }, 0);

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

    var totalVisitorsElement = document.createElement('span');
    totalVisitorsElement.textContent = `Totaal aantal bezoeken: ${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').innerHTML = '';
    document.getElementById('bodyContent').innerHTML = searchBar + logCounterInfo;
    document.getElementById('bodyContent').appendChild(table);
    document.getElementById('bodyContent').appendChild(pagination);
    document.getElementById('bodyContent').appendChild(totalElement);
}

function getCategoriesLogCounter() { //toon alleen pagina's in een specifieke categorie
	
}

function getPagesLogCounter() {
    var pages = [];
    var request = new XMLHttpRequest();
    request.open('GET', urlLogCounter, 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) {
    	if (historyLogCounter) {
    		return b.nV + b.mPV - a.nV - a.mPV;
    	} else {
    		return b.normalVisitors + b.mainPageVisitors - a.normalVisitors - a.mainPageVisitors;
    	}
    });
    return pages;
}

function searchTitle(searchQuery) {
    if (!searchQuery) {
        searchQuery = document.getElementById('lc-searchbar').value.replace(/ /g, '_');
    }
    var allPages = getPagesLogCounter();
    for (var i = 0; i < allPages.length; i++) {
        if (allPages[i].title.toLowerCase() === searchQuery.toLowerCase()) {
            var searchResult = [allPages[i]];
            showProjectLogCounter(searchResult);
            break;
        }
    }
    setTimeout(function () {
        if (!searchResult) {
    		var searchBar = '<div><input type="text" id="lc-searchbar"> <button onclick="searchTitle();">Zoek</button></div>'
        	+ '<button onclick="reloadPagesLogCounter();">Laad alles opnieuw in</button>'
        	+ '<br>De pagina <a href="https://wikikids.nl/' + searchQuery + '">' + searchQuery + '</a> heeft geen views ontvangen of bestaat niet.' 
        	+ 'Kijk voor meer <a href="https://wikikids.nl/WikiKids:LogCounter">informatie op deze pagina</a>.';
        	document.getElementById('bodyContent').innerHTML = searchBar;
        	console.log(allPages);
        	console.log(searchQuery);
        }
    }, 750);
}

function reloadPagesLogCounter() {
    var allPages = getPagesLogCounter();
    showProjectLogCounter(allPages);
}

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>';
    if (mw.util.getParamValue('date')) {
    	var urlLogCounter = 'https://wikikids.nl/User:Rots61/Statistieken/' + mw.util.getParamValue('date') + '?action=raw';
    	var historyLogCounter = true;
    	var requestDate = mw.util.getParamValue('date');
    } else {
    	var urlLogCounter = 'https://wikikids.martvanweeghel.nl/pages';
    }
    if (mw.util.getParamValue('page')) {
        searchTitle(mw.util.getParamValue('page'));
    } else {
        var allPages = getPagesLogCounter();
        showProjectLogCounter(allPages);
    }
}