☰

Colorful Text Ratings *OLD*

Changes game star rating to a colour-coded text rating

// ==UserScript==
// @name            Colorful Text Ratings *OLD*
// @namespace       tag://kongregate
// @description     Changes game star rating to a colour-coded text rating
// @author          Matthew Ammann
// @include         http://www.kongregate.com
// @include         http://www.kongregate.com/
// @include         http://www.kongregate.com/*games*
// @include         http://www.kongregate.com/accounts/*/favorites
// @include         http://www.kongregate.com/collabs*
// @include         http://www.kongregate.com/collabs/*/*
// @include         http://www.kongregate.com/contests
// @include         http://www.kongregate.com/contests/
// @date            04/03/11
// @version         1.4
// ==/UserScript==

var count = 0;

function colorBG(element, rating)
{
	if(rating >= 4.5)
		element.style.background = "blue";
	else if(rating >= 4.0)
		element.style.background = "green";
	else if(rating >= 3.5)
		element.style.background = "orange";
	else if(rating >= 3.0)
		element.style.background = "red";
	else if(rating >= 2.5)
		element.style.background = "purple";
	else if(rating >= 2.0)
		element.style.background = "grey";
	else 
		element.style.background = "black";	
}

GM_registerMenuCommand("Text Rating -> Number of Decimal Points", decimalsPrompt)
var decimalPoints = GM_getValue("decimals", 2);

addGlobalStyle('.rating { font: 1.1em Lucida Grande,Verdana,Arial,sans-serif ! important }');
addGlobalStyle('.rating ul { background: none ! important; width: 22px ! important}');
addGlobalStyle('.rating ul li { text-indent: 0px ! important; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 22px !important; padding: 2px 2px 3px 3px}');
addGlobalStyle('.star-rating { font-size: 11px ! important }');
addGlobalStyle('.star-rating ul { background: none ! important; width: 30px ! important}');
addGlobalStyle('.star-rating ul li { text-indent: 0px ! important; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 22px !important; padding: 2px 2px 3px 3px}');
addGlobalStyle('.collabs_rating ul { background: none ! important; width: 35px ! important}');
addGlobalStyle('.collabs_rating ul li { text-indent: 0px ! important; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 30px ! important; padding: 2px 2px 3px 3px}');
addGlobalStyle('.browse_rating ul { background: none ! important; width: 35px ! important}');
addGlobalStyle('.browse_rating ul li{ width: 21px ! important; text-indent: 0px ! important; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 1px 1px 1px 2px}');
addGlobalStyle('.featured_game_info ul { background: none ! important; width: 35px ! important; height: 15px ! important}');
addGlobalStyle('.featured_game_info ul li:first-child{ width: 25px ! important; text-indent: 0px ! important; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 3px 2px 3px}');
addGlobalStyle('.game_rating ul { background: none ! important; width: 35px ! important}');
addGlobalStyle('.game_rating ul li{ width: 22px ! important; text-indent: 0px ! important; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 1px 1px 1px 2px; margin-left: 7px}');
addGlobalStyle('.more_ind_game ul { background: none ! important; width: 22px ! important}');
addGlobalStyle('.more_ind_game ul li { text-indent: 0px ! important; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 22px !important; padding: 2px 2px 3px 3px}');
addGlobalStyle('.shared_content_rating ul { background: none ! important; width: 22px ! important}');
addGlobalStyle('.shared_content_rating ul li { text-indent: 0px ! important; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 22px !important; padding: 2px 2px 3px 3px}');

var path = location.pathname;
var pathArray = path.split("/");

//This modifies ratings on the homepage only
if(pathArray[1] == "")
{
	var featuredRatings = document.getElementsByClassName("ratings");

	for(i=0; i < featuredRatings.length; i++)
	{
		var rating = cleanUpRatingText(featuredRatings[i].querySelector("li"), "featured");
		featuredRatings[i].querySelector("li").innerHTML = rating;

		styleText(featuredRatings[i]);
		colorBG(featuredRatings[i].querySelector("li"), Number(rating));
		setWidth(featuredRatings[i], decimalPoints);
		
		//alert(featuredRatings[i].parentNode.parentNode.querySelector ("dl.featured_game_desc>dt>a"))
	}
}

var ratingsArray = document.getElementsByClassName("current-rating");

for(i=0; i < ratingsArray.length; i++)
{
	var ancestor2 = up(ratingsArray[i], 2);
	
	if(ancestor2.className != "my_rating lbOn" && ancestor2.className != "rate_art_sound" && ancestor2.className != "details bd" && 
		ancestor2.id != "star_ratings_block" && ancestor2.id != "quicklinks_star_ratings_block")	
	{
		var filteredRating;
	
		if(ancestor2.className == "collabs_rating")
		{
			var betterRatingNode = ancestor2.getElementsByTagName("em")[0];
			filteredRating = cleanUpRatingText(betterRatingNode);
			
			ancestor2.removeChild(betterRatingNode);
			colorBG(ratingsArray[i], filteredRating);
		}
		else if(ancestor2.parentNode.className == "graybg")
		{
			var betterRatingNode = ancestor2.getElementsByClassName("num_rating")[0];
			//alert(filteredRating)
			filteredRating = cleanUpRatingText(ratingsArray[i]);
			console.log(filteredRating);
			colorBG(ratingsArray[i], filteredRating);
			
			ancestor2.removeChild(betterRatingNode);
			ratingsArray[i].style.setProperty("width", "30px", "important");
			ratingsArray[i].addEventListener("click", function(){getPreciseRating(this)}, false);
		}
		else if(ancestor2.className == "shared_content_rating")
		{
			setPosition(ratingsArray[i]);
			cleanUpRatingText(ratingsArray[i]);
			colorBG(ratingsArray[i], ratingsArray[i].innerHTML);
		}
		else
		{
			ancestor = up(ratingsArray[i], 5);
		
			if(ancestor.className == "callout_listing")
				ratingsArray[i].addEventListener("mouseover", function(){getPreciseRating(this)}, false);
			else
				ratingsArray[i].addEventListener("click", function(){getPreciseRating(this)}, false);
			
			cleanUpRatingText(ratingsArray[i]);
			colorBG(ratingsArray[i], ratingsArray[i].innerHTML);
		}

		styleText(ratingsArray[i]);
	}//end if
} //end for

function getPreciseRating(elem)
{
	var linkNode;
	var ancestor2 = up(elem, 2);
	var ancestor3 = up(elem, 3);
	var ancestor5 = up(elem, 5);

	if(ancestor2.className == "rating")
		linkNode = ancestor3.querySelector("dt a").href;
	else if(ancestor2.className == "browse_rating" || ancestor5.className == "contests")
		linkNode = ancestor3.querySelector("td a").href;
	else if(ancestor3.className == "more_ind_game")
		linkNode = ancestor2.querySelector("a").href;
	else if(ancestor2.className == "shared_content_rating")
		linkNode = ancestor3.querySelector("h3 a").href;
	
	var URL = linkNode + "/metrics.json";

	var xhr = new XMLHttpRequest(); 
	xhr.onload = function(){
		if(xhr.readyState == 4 && xhr.status < 400){
		
			var response = JSON.parse(xhr.responseText);
			var preciseRating = response.rating;
			preciseRating = preciseRating.toFixed(decimalPoints);
			elem.innerHTML = preciseRating;
			
			setPosition(elem);
			setWidth(elem);
			colorBG(elem, preciseRating);
		}
	}
		
	xhr.open("GET", URL, true);
	xhr.send(""); 
}

function setWidth(elem)
{
	var width, liWidth;
	var ancestor2 = up(elem, 2);
	var ancestor3 = up(elem, 3);

	if(elem.parentNode.className == "featured_game_info")
	{
		if(decimalPoints == 3)
		{
			width = "45px";
			liWidth = "33px";
		}
		else if(decimalPoints == 4)
		{
			width = "50px";
			liWidth = "40px";
		}

		elem.getElementsByTagName("li")[0].style.setProperty("width", liWidth, "important");
	}
	else if(ancestor2.className == "rating" || elem.parentNode.className == "collabs_rating" ||
			ancestor3.className == "more_ind_game")
	{
		if(decimalPoints == 2)
			width = "30px";
		else if(decimalPoints == 3)
			width = "38px";
		else if(decimalPoints == 4)
			width = "45px";
	}
	else
	{
		if(decimalPoints == 2)
			width = "32px";
		else if(decimalPoints == 3)
			width = "36px";
		else if(decimalPoints == 4)
			width = "43px";
	}
	
	elem.style.setProperty("width", width, "important");
}

function decimalsPrompt()
{
	var input = prompt("Please enter the number of decimal points you would like the script to show, as a number between 2 and 4.");
	
	GM_setValue("decimals", input);
}

function setPosition(elem)
{			
	var ancestor2 = up(elem, 2);
	var ancestor5 = up(elem, 5);

	if(ancestor5.className == "callout_listing")
	{
		if(decimalPoints == 2)
			ancestor2.style.right = "17px";	
		else if(decimalPoints == 3)
			ancestor2.style.right = "24px";	
		else if(decimalPoints == 4)
			ancestor2.style.right = "31px";	
	}		
	
	else if(ancestor2.className == "shared_content_rating")
		elem.parentNode.style.right = "5px";
}


function cleanUpRatingText(element) {
	var rating;
	var ancestor2 = element.parentNode.parentNode;
	
	if(element.innerHTML.indexOf("(") != -1)
	{
		//alert("is graybg");
		var betterRatingNode = ancestor2.getElementsByClassName("num_rating")[0];
		element.innerHTML = ancestor2.querySelector(".num_rating").innerHTML.replace(/^.*(\d\.\d+).*$/, function(match, rating){
			rating = Number(rating).toFixed(decimalPoints);
			return rating;
		});
		alert(rating);
	}
	else
	{
		element.innerHTML = element.innerHTML.replace(/^.*(\d\.\d+).*$/, function(match, rating){
			rating = parseFloat(rating).toFixed(decimalPoints);
			return rating;
		});
	}
	return rating;
	
}

function styleText(element)
{
	element.style.color = "white";
	element.style.fontWeight = "bold";
	element.parentNode.style.height = "15 px";
}

function up(element, selector) {
	if(typeof selector == "number") {
		while (selector--)
			element = element.parentNode;
	} else {
		while (!element.mozMatchesSelector(selector))
			element = element.parentNode;
	}
	return element;
}

function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];
    if (!head) { return; }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style);
}