Gebruiker:Rots61/Gadget-TestGadget.js

if (mw.config.get('wgNamespaceNumber') === 0) {
	if (Math.random() > 0.5) {
		beoordelingensterren = '<span id="beoordelingen" class="mw-body" style="margin-top: 1em;border: solid 1px #23819c;background:white;display:inline-block;"><span id="beoordelingtekst">Beoordeel dit artikel: </span><br><img id="ster1" src="https://upload.wikimedia.org/wikipedia/commons/7/73/Farm-Fresh_star.png" onmouseover="beoordelinghover(1);" onclick="beoordelingklik(1);"><img id="ster2" src="https://upload.wikimedia.org/wikipedia/commons/7/73/Farm-Fresh_star.png" onmouseover="beoordelinghover(2);"  onclick="beoordelingklik(2);"><img id="ster3" src="https://upload.wikimedia.org/wikipedia/commons/7/73/Farm-Fresh_star.png" onmouseover="beoordelinghover(3);" onclick="beoordelingklik(3);"><img id="ster4" src="https://upload.wikimedia.org/wikipedia/commons/7/73/Farm-Fresh_star.png" onmouseover="beoordelinghover(4);" onclick="beoordelingklik(4);"><img id="ster5" src="https://upload.wikimedia.org/wikipedia/commons/7/73/Farm-Fresh_star.png" onmouseover="beoordelinghover(5);" onclick="beoordelingklik(5);"><span id="beoordeling-deeltwee" style="display:none;"><br>Heb je nog een verbeterpunt voor dit artikel? <textarea id="beoordelingtekstvlak" maxlength="125" placeholder="Alleen nuttige feedback wordt gelezen."></textarea><button onclick="verstuurbeoordeling();" style="background:#23819c; border:0px; height:2.49em; padding:8px;">Verzenden</button></span></span>';
		document.getElementById('footer').outerHTML = beoordelingensterren + document.getElementById('footer').outerHTML;
		var stopbeoordeling = false;
	}
}
function beoordelinghover(nummer) {
    if (stopbeoordeling) return;
    if (!document.getElementById('ster' + x)) return;
    for (var x = 1; x < 6; x++) {
        if (nummer < x) {
            document.getElementById('ster' + x).classList.add('grijs');
        } else {
            document.getElementById('ster' + x).classList.remove('grijs');
        }
    }   
}
function beoordelingklik(nummer) {
	beoordelinghover(nummer);
    stopbeoordeling = true;
    if (document.getElementById('beoordelingtekst')) {
    	document.getElementById('beoordelingtekst').innerText = 'Dank je wel!';
    	document.getElementById('beoordeling-deeltwee').style.display = '';
    }
	object = {
        title: 'X:' + nummer + ':' + mw.config.get('wgPageName'),
        fromMainPage: false
    };
	fetch("https://wikikids.martvanweeghel.nl/pages",
	{
	    headers: {
	        'Accept': 'application/json',
	        'Content-Type': 'application/json'
	    },
	    method: "POST",
	    body: JSON.stringify(object)
	})
	.then(function (res) {})
	.catch(function (res) {});
}
beoordelinghover(0);

function verstuurbeoordeling() {
	if (document.getElementById('beoordelingtekst')) {
		document.getElementById('beoordeling-deeltwee').style.display = 'none';
	}
	
	var geschrevenfeedback = '';
	try {
		if (document.getElementById('beoordelingtekstvlak')) {
			geschrevenfeedback = document.getElementById('beoordelingtekstvlak').value;
		}
		if (!geschrevenfeedback) {
			return;
		}
	} catch (error) {
		return;
	}
	object = {
	    title: 'X:' + mw.config.get('wgPageName') + ':' + geschrevenfeedback.replace(/ /g,"_").replace(/[^a-zA-Z0-9?_!]/g, "").slice(0,127),
	    fromMainPage: false
    };
	fetch("https://wikikids.martvanweeghel.nl/pages",
	{
	    headers: {
	        'Accept': 'application/json',
	        'Content-Type': 'application/json'
	    },
	    method: "POST",
	    body: JSON.stringify(object)
	})
	.then(function (res) {})
	.catch(function (res) {});
}