// ==UserScript==
// @name IGDB List Extra Info
// @namespace https://greasyfork.org/de/users/155913-nkay08
// @description Adds additional information (genre, rating, keywords)to igdb.com lists. They can be loaded witha button // click. Needs an IGDB api key.
//
// @author NKay
// @include http*://www.igdb.com/*
// @grant none
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
// @version 0.0.1.20171119132304
// ==/UserScript==
//insert your API-KEY here
var apikey = '';
var apiurl;
var req;
var reqid;
var corsproxy;
var fields;
var myheaders;
var gametextarray;
var gameidarray;
var genresnodearray;
var keywordsnodearray;
var ratingnodearray;
var idortext;
var keyelement = "div.content-left.col-md-pull-10.col-md-2";
//only execute function if this element is loaded via ajax
waitForKeyElements(keyelement, checkForElement);
//waitForKeyElements(keyelement,alert1);
function alert1(){
alert('alert');
}
function init() {
apiurl = 'https://api-2445582011268.apicast.io';
req = '/games/?search=';
reqid = '/games/1942?fields=*';
corsproxy = 'https://cors-anywhere.herokuapp.com/';
fields = '?fields=genres,keywords,rating,rating_count,aggregated_rating,aggregated_rating_count,total_rating,total_rating_count';
myheaders = new Headers();
myheaders.append('user-key', apikey);
//myheaders.append('Accept', 'application/json');
gametextarray = [];
gameidarray = [];
genresnodearray = [];
keywordsnodearray = [];
ratingnodearray = [];
idortext = 'text';
}
function checkForElement(jnode) {
if (!document.getElementById('btnaddinfo')) {
init();
addButton();
addAdditionalInfo();
}
}
function populateGametextarray(element) {
//get the game name
var span1 = element.getElementsByTagName('span');
var gametext = span1[0].innerHTML;
var cururl = corsproxy + apiurl + req + gametext;
gametextarray.push(cururl);
}
function populateGameidarray(element) {
// get sibling. sibling has game id
var sib = element.nextSibling;
var gameid = sib.getAttribute("data-game");
}
function addTextNodes(div) {
for (var i = 0; i < div.length; i++) {
// console.log(div[i]);
addTextNode(div[i], i);
}
}
function addTextNode(el, i) {
var genrestext = document.createTextNode('Genres: ');
var genresspan = document.createElement('span');
genresspan.style.fontSize = 'medium';
genresspan.style.textDecoration = 'underline';
genresspan.appendChild(genrestext);
el.appendChild(genresspan);
var genresnode = document.createElement('span');
genresnode.setAttribute("id", "usgenre" + i.toString());
el.appendChild(genresnode);
genresnodearray.push(genresnode);
el.appendChild(document.createTextNode(' | '));
var keywordstext = document.createTextNode('Keywords: ');
var kwspan = document.createElement('span');
kwspan.style.fontSize = 'medium';
kwspan.style.textDecoration = "underline";
kwspan.appendChild(keywordstext);
el.appendChild(kwspan);
var keywordsnode = document.createElement('span');
keywordsnode.setAttribute("id", "uskw" + i.toString());
el.appendChild(keywordsnode);
keywordsnodearray.push(keywordsnode);
el.appendChild(document.createTextNode(' | '));
var ratingtext = document.createTextNode('Rating: ');
var rtspan = document.createElement('span');
rtspan.style.fontSize = 'medium';
rtspan.style.textDecoration = "underline";
rtspan.appendChild(ratingtext);
el.appendChild(rtspan);
var ratingnode = document.createTextNode('');
el.appendChild(ratingnode);
ratingnodearray.push(ratingnode);
if (idortext == 'text') {
populateGametextarray(el);
}
if (idortext == 'id') {
populateGameidarray(el);
}
}
function addButton() {
//add Button
var btn = document.createElement("button");
var btntext = document.createTextNode('Load additional info');
btn.appendChild(btntext);
btn.addEventListener("click", function() {
load(idortext);
}, false);
btn.setAttribute("id", "btnaddinfo");
var sidebar = document.getElementsByClassName("user-details-sidebar");
if (sidebar) {
var sibling = sidebar[0].nextSibling;
sibling.parentNode.insertBefore(btn, sibling);
sibling.parentNode.insertBefore(document.createElement("hr"), sibling);
}
function load(str) {
if (str == "text") {
loadbytext();
}
if (str == "id") {
loadbyid();
}
}
// var firstbtn = document.getElementsByClassName("panel-title");
// firstbtn[0].parentNode.insertBefore(document.createElement('hr'), firstbtn[0]);
// firstbtn[0].parentNode.insertBefore(btn, firstbtn[0]);
// firstbtn[0].parentNode.insertBefore(document.createElement('hr'), firstbtn[0]);
}
function addAdditionalInfo(jnode) {
console.log('Adding button and placeholders for extra info');
// var pageDivs = document.getElementsByClassName("media-body");
// addTextNodes(pageDivs);
var selector = "#content-page > div > div.content-left.col-md-push-2.col-md-10 > div:nth-child(2) > div.panel-body.listentries > div > div:nth-child(n) > div.media-body";
var selector2 = "#content-page > div > div.content-left.col-md-push-2.col-md-10 > div > div.panel-body.listentries > div > div:nth-child(5) > div";
var selectorgen ="div > div.panel-body.listentries > div > div:nth-child(n) > div";
var queryres = document.querySelectorAll(selectorgen);
addTextNodes(queryres);
// console.log(queryres);
}
function loadbytext() {
genresnodearray.forEach(element => element.innerHTML = 'loading..');
keywordsnodearray.forEach(element => element.innerHTML = 'loading..');
ratingnodearray.forEach(element => element.nodeValue = 'loading..');
//execute multiple fetch promises
//first fetch the game-id for a given name
Promise.all(
gametextarray.map(
(url, index) => fetch(url, {
headers: myheaders
})
.then(res => res.json())
.then(data => {
var gameidnum = data[0].id;
var gameid = gameidnum.toString();
//generate new url with id to query for the data
var newurl = (corsproxy + apiurl + '/games/' + gameid + fields);
return fetch(newurl, {
headers: myheaders
});
})
.then(res2 => res2.json())
.then(data2 => {
if (data2) {
var ratingstr = '';
ratingstr = ratingstr.concat('User: ');
if (data2[0].rating) {
ratingstr = ratingstr.concat(Math.round(data2[0].rating).toString());
ratingstr = ratingstr.concat(' (' + data2[0].rating_count.toString() + ')');
} else {
ratingstr = ratingstr.concat('/');
}
ratingstr = ratingstr.concat(', ');
ratingstr = ratingstr.concat('Critics: ');
if (data2[0].aggregated_rating) {
ratingstr = ratingstr.concat(Math.round(data2[0].aggregated_rating).toString());
ratingstr = ratingstr.concat(' (' + data2[0].aggregated_rating_count.toString() + ')');
} else {
ratingstr = ratingstr.concat('/');
}
ratingstr = ratingstr.concat(', ');
ratingstr = ratingstr.concat('Total: ');
if (data2[0].total_rating) {
ratingstr = ratingstr.concat(Math.round(data2[0].total_rating).toString());
ratingstr = ratingstr.concat(' (' + data2[0].total_rating_count.toString() + ')');
} else {
ratingstr = ratingstr.concat('/');
}
ratingnodearray[index].nodeValue = ratingstr;
//concat all genrenames. fetch for all genre-ids at once
if (data2[0].genres) {
var genresid = data2[0].genres;
var genresurl = corsproxy + apiurl + '/genres/' + data2[0].genres.toString();
fetch(genresurl, {
headers: myheaders
})
.then(resgenre => resgenre.json())
.then(datagenre => {
var newgenres = '';
genresnodearray[index].innerHTML = '';
datagenre.forEach((tgenre, genreindex) => {
var newgenre = document.createElement('a');
newgenre.setAttribute("href", tgenre.url);
var comma = ', ';
if (genreindex == datagenre.length - 1) {
comma = '';
}
newgenre.appendChild(document.createTextNode(tgenre.name + comma));
genresnodearray[index].appendChild(newgenre);
});
});
}
//concat all keywords. fetch for all keyword-ids at once
if (data2[0].keywords) {
var keywordsid = data2[0].keywords;
var keywordsurl = corsproxy + apiurl + '/keywords/' + data2[0].keywords.toString();
fetch(keywordsurl, {
headers: myheaders
})
.then(reskey => reskey.json())
.then(datakey => {
keywordsnodearray[index].innerHTML = '';
datakey.forEach((tkey, keyindex) => {
var newkey = document.createElement('a');
newkey.setAttribute('href', tkey.url);
var comma = ', ';
if (keyindex == datakey.length - 1) {
comma = '';
}
newkey.appendChild(document.createTextNode(tkey.name + comma));
keywordsnodearray[index].appendChild(newkey);
});
});
}
}
})
)
);
}
function loadbyid() {
genresnodearray.forEach(element => element.innerHTML = 'loading..');
keywordsnodearray.forEach(element => element.innerHTML = 'loading..');
ratingnodearray.forEach(element => element.nodeValue = 'loading..');
Promise.all(
gameidarray.map(
(url, index) => fetch(url, {
headers: myheaders
})
.then(res2 => res2.json())
.then(data2 => {
if (data2) {
var ratingstr = '';
ratingstr = ratingstr.concat('User: ');
if (data2[0].rating) {
ratingstr = ratingstr.concat(Math.round(data2[0].rating).toString());
ratingstr = ratingstr.concat(' (' + data2[0].rating_count.toString() + ')');
} else {
ratingstr = ratingstr.concat('/');
}
ratingstr = ratingstr.concat(', ');
ratingstr = ratingstr.concat('Critics: ');
if (data2[0].aggregated_rating) {
ratingstr = ratingstr.concat(Math.round(data2[0].aggregated_rating).toString());
ratingstr = ratingstr.concat(' (' + data2[0].aggregated_rating_count.toString() + ')');
} else {
ratingstr = ratingstr.concat('/');
}
ratingstr = ratingstr.concat(', ');
ratingstr = ratingstr.concat('Total: ');
if (data2[0].total_rating) {
ratingstr = ratingstr.concat(Math.round(data2[0].total_rating).toString());
ratingstr = ratingstr.concat(' (' + data2[0].total_rating_count.toString() + ')');
} else {
ratingstr = ratingstr.concat('/');
}
ratingnodearray[index].nodeValue = ratingstr;
//concat all genrenames. fetch for all genre-ids at once
if (data2[0].genres) {
var genresid = data2[0].genres;
var genresurl = corsproxy + apiurl + '/genres/' + data2[0].genres.toString();
fetch(genresurl, {
headers: myheaders
})
.then(resgenre => resgenre.json())
.then(datagenre => {
var newgenres = '';
genresnodearray[index].innerHTML = '';
datagenre.forEach((tgenre, genreindex) => {
var newgenre = document.createElement('a');
newgenre.setAttribute("href", tgenre.url);
var comma = ', ';
if (genreindex == datagenre.length - 1) {
comma = '';
}
newgenre.appendChild(document.createTextNode(tgenre.name + comma));
genresnodearray[index].appendChild(newgenre);
});
});
}
//concat all keywords. fetch for all keyword-ids at once
if (data2[0].keywords) {
var keywordsid = data2[0].keywords;
var keywordsurl = corsproxy + apiurl + '/keywords/' + data2[0].keywords.toString();
fetch(keywordsurl, {
headers: myheaders
})
.then(reskey => reskey.json())
.then(datakey => {
keywordsnodearray[index].innerHTML = '';
datakey.forEach((tkey, keyindex) => {
var newkey = document.createElement('a');
newkey.setAttribute('href', tkey.url);
var comma = ', ';
if (keyindex == datakey.length - 1) {
comma = '';
}
newkey.appendChild(document.createTextNode(tkey.name + comma));
keywordsnodearray[index].appendChild(newkey);
});
});
}
}
})
)
);
}
/*--- waitForKeyElements(): A utility function, for Greasemonkey scripts,
that detects and handles AJAXed content.
Usage example:
waitForKeyElements (
"div.comments"
, commentCallbackFunction
);
//--- Page-specific function to do what we want when the node is found.
function commentCallbackFunction (jNode) {
jNode.text ("This comment changed by waitForKeyElements().");
}
IMPORTANT: This function requires your script to have loaded jQuery.
*/
function waitForKeyElements(
selectorTxt,
/* Required: The jQuery selector string that
specifies the desired element(s).
*/
actionFunction,
/* Required: The code to run when elements are
found. It is passed a jNode to the matched
element.
*/
bWaitOnce,
/* Optional: If false, will continue to scan for
new elements even after the first match is
found.
*/
iframeSelector
/* Optional: If set, identifies the iframe to
search.
*/
) {
var targetNodes, btargetsFound;
if (typeof iframeSelector == "undefined")
targetNodes = $(selectorTxt);
else
targetNodes = $(iframeSelector).contents()
.find(selectorTxt);
if (targetNodes && targetNodes.length > 0) {
btargetsFound = true;
/*--- Found target node(s). Go through each and act if they
are new.
*/
targetNodes.each(function() {
var jThis = $(this);
var alreadyFound = jThis.data('alreadyFound') || false;
if (!alreadyFound) {
//--- Call the payload function.
var cancelFound = actionFunction(jThis);
if (cancelFound)
btargetsFound = false;
else
jThis.data('alreadyFound', true);
}
});
} else {
btargetsFound = false;
}
//--- Get the timer-control variable for this selector.
var controlObj = waitForKeyElements.controlObj || {};
var controlKey = selectorTxt.replace(/[^\w]/g, "_");
var timeControl = controlObj[controlKey];
//--- Now set or clear the timer as appropriate.
if (btargetsFound && bWaitOnce && timeControl) {
//--- The only condition where we need to clear the timer.
clearInterval(timeControl);
delete controlObj[controlKey];
} else {
//--- Set a timer, if needed.
if (!timeControl) {
timeControl = setInterval(function() {
waitForKeyElements(selectorTxt,
actionFunction,
bWaitOnce,
iframeSelector
);
},
300
);
controlObj[controlKey] = timeControl;
}
}
waitForKeyElements.controlObj = controlObj;
}