MediaWiki:Common.js - Versionsgeschichte

MagnaTeiwaz am 26. April 2019 um 09:59 Uhr

2019-04-26T09:59:29Z

← Nächstältere Version		Version vom 26. April 2019, 09:59 Uhr
Zeile 57:		Zeile 57:
	function createProgressBar(domElement) {		function createProgressBar(domElement) {
	var green = 0;		var green = 0;
	var greenDomElement = domElement.getElementsByClassName("green");		var yellow = 0;
	if (greenDomElement && greenDomElement.length > 0) {		var red = 0;
	var greenText = greenDomElement[0].innerText;
	green = parseInt(greenText);
	if (isNaN(green)) {		var dataTable;
	green = 0;		var dataTableAttribute = domElement.getAttribute('data-table');
			if (dataTableAttribute) {
			dataTable = document.getElementById(dataTableAttribute);
			}

			if (dataTable) {
			var greenDomElements = dataTable.getElementsByClassName('green');
			if (greenDomElements) {
			green = greenDomElements.length;
			}
			var yellowDomElements = dataTable.getElementsByClassName('yellow');
			if (yellowDomElements) {
			yellow = yellowDomElements.length;
			}
			var redDomElements = dataTable.getElementsByClassName('red');
			if (redDomElements) {
			red = redDomElements.length;
			}
			} else {
			var greenDomElement = domElement.getElementsByClassName('green');
			if (greenDomElement && greenDomElement.length > 0) {
			var greenText = greenDomElement[0].innerText;
			green = parseInt(greenText);
			if (isNaN(green)) {
			green = 0;
			}
	}		}
	}
	~~var yellow = 0;~~		var yellowDomElement = domElement.getElementsByClassName('yellow');
	var yellowDomElement = domElement.getElementsByClassName("yellow");		if (yellowDomElement && yellowDomElement.length > 0) {
	if (yellowDomElement && yellowDomElement.length > 0) {		var yellowText = yellowDomElement[0].innerText;
	var yellowText = yellowDomElement[0].innerText;		yellow = parseInt(yellowText);
	yellow = parseInt(yellowText);		if (isNaN(yellow)) {
	if (isNaN(yellow)) {		yellow = 0;
	yellow = 0;		}
	}		}
	}
	~~var red = 0;~~		var redDomElement = domElement.getElementsByClassName('red');
	var redDomElement = domElement.getElementsByClassName("red");		if (redDomElement && redDomElement.length > 0) {
	if (redDomElement && redDomElement.length > 0) {		var redText = redDomElement[0].innerText;
	var redText = redDomElement[0].innerText;		red = parseInt(redText);
	red = parseInt(redText);		if (isNaN(red)) {
	if (isNaN(red)) {		red = 0;
	red = 0;		}
	}		}
	}		}

	var newDomElement = createProgressBarDomElement(green, yellow, red);		var newDomElement = createProgressBarDomElement(green, yellow, red);
	domElement.parentNode.replaceChild(newDomElement, domElement);		domElement.parentNode.replaceChild(newDomElement, domElement);

MagnaTeiwaz am 26. April 2019 um 09:45 Uhr

2019-04-26T09:45:32Z

← Nächstältere Version		Version vom 26. April 2019, 09:45 Uhr
Zeile 46:		Zeile 46:
	textDomElement.style.textAlign = 'center';		textDomElement.style.textAlign = 'center';
	textDomElement.innerText = green + '/' + sum + ' (' + ('' + greenPercent.toFixed(2)).replace('.',',') + '%)';		textDomElement.innerText = green + '/' + sum + ' (' + ('' + greenPercent.toFixed(2)).replace('.',',') + '%)';
	if (redPercent > 47) {		if (redPercent > 50) {
	textDomElement.style.color = 'white';		textDomElement.style.color = 'white';
	} else {		} else {

MagnaTeiwaz am 26. April 2019 um 09:44 Uhr

2019-04-26T09:44:29Z

← Nächstältere Version		Version vom 26. April 2019, 09:44 Uhr
Zeile 45:		Zeile 45:
	textDomElement.style.top = 0;		textDomElement.style.top = 0;
	textDomElement.style.textAlign = 'center';		textDomElement.style.textAlign = 'center';
	textDomElement.innerText = green + '/' + sum + ' (' + ('' + greenPercent.toFixed(2)).replace(~~"\\~~.",',') + '%)';		textDomElement.innerText = green + '/' + sum + ' (' + ('' + greenPercent.toFixed(2)).replace('.',',') + '%)';
	if (redPercent > 47) {		if (redPercent > 47) {
	textDomElement.style.color = 'white';		textDomElement.style.color = 'white';

MagnaTeiwaz am 26. April 2019 um 09:44 Uhr

2019-04-26T09:44:15Z

← Nächstältere Version		Version vom 26. April 2019, 09:44 Uhr
Zeile 45:		Zeile 45:
	textDomElement.style.top = 0;		textDomElement.style.top = 0;
	textDomElement.style.textAlign = 'center';		textDomElement.style.textAlign = 'center';
	textDomElement.innerText = green + '/' + sum + ' (' + greenPercent.toFixed(2) + '%)';		textDomElement.innerText = green + '/' + sum + ' (' + ('' + greenPercent.toFixed(2)).replace("\\.",',') + '%)';
	if (redPercent > 52) {		if (redPercent > 47) {
	textDomElement.style.color = 'white';		textDomElement.style.color = 'white';
	} else {		} else {

MagnaTeiwaz am 26. April 2019 um 09:42 Uhr

2019-04-26T09:42:42Z

← Nächstältere Version		Version vom 26. April 2019, 09:42 Uhr
Zeile 45:		Zeile 45:
	textDomElement.style.top = 0;		textDomElement.style.top = 0;
	textDomElement.style.textAlign = 'center';		textDomElement.style.textAlign = 'center';
	textDomElement.innerText = green + '/' + sum + ' (' + ~~(((green + yellow) / sum)~~.toFixed(~~4) * 100~~) + '%)';		textDomElement.innerText = green + '/' + sum + ' (' + greenPercent.toFixed(2) + '%)';
	if (redPercent > 52) {		if (redPercent > 52) {
	textDomElement.style.color = 'white';		textDomElement.style.color = 'white';

MagnaTeiwaz am 26. April 2019 um 09:40 Uhr

2019-04-26T09:40:56Z

@@ Zeile 39: / Zeile 39: @@
 	redDomElement.style.backgroundColor = 'red';
 	domElement.appendChild(redDomElement);
 	return domElement;
+}

MagnaTeiwaz am 26. April 2019 um 09:35 Uhr

2019-04-26T09:35:10Z

← Nächstältere Version		Version vom 26. April 2019, 09:35 Uhr
Zeile 33:		Zeile 33:
	var redDomElement = document.createElement('div');		var redDomElement = document.createElement('div');
	redDomElement.className = 'red';		redDomElement.className = 'red';
	var redPercent = (~~10000 -~~ (~~green * 100~~) ~~- (yellow~~ * ~~100)) /~~ 100;		var redPercent = (red / sum).toFixed(4) * 100;
	redDomElement.style.width = redPercent + '%';		redDomElement.style.width = redPercent + '%';
	redDomElement.style.float = 'left';		redDomElement.style.float = 'left';

MagnaTeiwaz am 26. April 2019 um 09:34 Uhr

2019-04-26T09:34:06Z

← Nächstältere Version		Version vom 26. April 2019, 09:34 Uhr
Zeile 33:		Zeile 33:
	var redDomElement = document.createElement('div');		var redDomElement = document.createElement('div');
	redDomElement.className = 'red';		redDomElement.className = 'red';
	var redPercent = ~~100.0~~ - green - yellow;		var redPercent = (10000 - (green * 100) - (yellow * 100)) / 100;
	redDomElement.style.width = redPercent + '%';		redDomElement.style.width = redPercent + '%';
	redDomElement.style.float = 'left';		redDomElement.style.float = 'left';

MagnaTeiwaz am 26. April 2019 um 09:33 Uhr

2019-04-26T09:33:18Z

← Nächstältere Version		Version vom 26. April 2019, 09:33 Uhr
Zeile 17:		Zeile 17:
	var greenDomElement = document.createElement('div');		var greenDomElement = document.createElement('div');
	greenDomElement.className = 'green';		greenDomElement.className = 'green';
	var greenPercent = (green / sum) * 100;		var greenPercent = (green / sum).toFixed(4) * 100;
	greenDomElement.style.width = greenPercent + '%';		greenDomElement.style.width = greenPercent + '%';
	greenDomElement.style.float = 'left';		greenDomElement.style.float = 'left';
Zeile 25:		Zeile 25:
	var yellowDomElement = document.createElement('div');		var yellowDomElement = document.createElement('div');
	yellowDomElement.className = 'yellow';		yellowDomElement.className = 'yellow';
	var yellowPercent = (yellow / sum) * 100;		var yellowPercent = (yellow / sum).toFixed(4) * 100;
	yellowDomElement.style.width = yellowPercent + '%';		yellowDomElement.style.width = yellowPercent + '%';
	yellowDomElement.style.float = 'left';		yellowDomElement.style.float = 'left';

MagnaTeiwaz am 26. April 2019 um 09:30 Uhr

2019-04-26T09:30:38Z

← Nächstältere Version		Version vom 26. April 2019, 09:30 Uhr
Zeile 33:		Zeile 33:
	var redDomElement = document.createElement('div');		var redDomElement = document.createElement('div');
	redDomElement.className = 'red';		redDomElement.className = 'red';
	var redPercent = 100 - green - yellow;		var redPercent = 100.0 - green - yellow;
	redDomElement.style.width = redPercent + '%';		redDomElement.style.width = redPercent + '%';
	redDomElement.style.float = 'left';		redDomElement.style.float = 'left';