☰

IGDB List Extra Info

Adds additional information (genre, rating, keywords)to igdb.com lists. They can be loaded witha button // click. Needs an IGDB api key.

当前为 2017-11-19 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         IGDB List Extra Info
  3. // @namespace    https://greasyfork.org/de/users/155913-nkay08
  4. // @description  Adds additional information  (genre, rating, keywords)to igdb.com lists. They can be loaded witha button // click. Needs an IGDB api key.
  5. //
  6. // @author       NKay
  7. // @include        http*://www.igdb.com/*
  8. // @grant        none
  9. // @require http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
  10. // @version 0.0.1.20171119132011
  11. // ==/UserScript==
  12.  
  13.  
  14. //insert your API-KEY here
  15. var apikey = '';
  16.  
  17.  
  18. var apiurl;
  19. var req;
  20. var reqid;
  21. var corsproxy;
  22. var fields;
  23.  
  24.  
  25. var myheaders;
  26.  
  27. var gametextarray;
  28. var gameidarray;
  29. var genresnodearray;
  30. var keywordsnodearray;
  31. var ratingnodearray;
  32.  
  33. var idortext;
  34.  
  35. var keyelement = "div.content-left.col-md-pull-10.col-md-2";
  36. //only execute function if this element is loaded via ajax
  37. waitForKeyElements(keyelement, checkForElement);
  38. //waitForKeyElements(keyelement,alert1);
  39.  
  40. function alert1(){
  41.  alert('alert');
  42. }
  43.  
  44. function init() {
  45. 	apiurl = 'https://api-2445582011268.apicast.io';
  46. 	req = '/games/?search=';
  47. 	reqid = '/games/1942?fields=*';
  48. 	corsproxy = 'https://cors-anywhere.herokuapp.com/';
  49. 	fields = '?fields=genres,keywords,rating,rating_count,aggregated_rating,aggregated_rating_count,total_rating,total_rating_count';
  50. 	myheaders = new Headers();
  51. 	myheaders.append('user-key', apikey);
  52. 	//myheaders.append('Accept', 'application/json');
  53. 	gametextarray = [];
  54. 	gameidarray = [];
  55. 	genresnodearray = [];
  56. 	keywordsnodearray = [];
  57. 	ratingnodearray = [];
  58.  
  59. 	idortext = 'text';
  60.  
  61. }
  62.  
  63. function checkForElement(jnode) {
  64. 	if (!document.getElementById('btnaddinfo')) {
  65. 		init();
  66. 		addButton();
  67. 		addAdditionalInfo();
  68. 	}
  69. }
  70.  
  71. function populateGametextarray(element) {
  72. 	//get the game name
  73. 	var span1 = element.getElementsByTagName('span');
  74. 	var gametext = span1[0].innerHTML;
  75. 	var cururl = corsproxy + apiurl + req + gametext;
  76. 	gametextarray.push(cururl);
  77. }
  78.  
  79. function populateGameidarray(element) {
  80. 	// get sibling. sibling has game id
  81. 	var sib = element.nextSibling;
  82. 	var gameid = sib.getAttribute("data-game");
  83. }
  84.  
  85. function addTextNodes(div) {
  86. 	for (var i = 0; i < div.length; i++) {
  87.   //     console.log(div[i]);
  88. 		addTextNode(div[i], i);
  89. 	}
  90. }
  91.  
  92. function addTextNode(el, i) {
  93. 	var genrestext = document.createTextNode('Genres: ');
  94. 	var genresspan = document.createElement('span');
  95. 	genresspan.style.fontSize = 'medium';
  96. 	genresspan.style.textDecoration = 'underline';
  97. 	genresspan.appendChild(genrestext);
  98. 	el.appendChild(genresspan);
  99. 	var genresnode = document.createElement('span');
  100. 	genresnode.setAttribute("id", "usgenre" + i.toString());
  101. 	el.appendChild(genresnode);
  102. 	genresnodearray.push(genresnode);
  103. 	el.appendChild(document.createTextNode('   |   '));
  104. 	var keywordstext = document.createTextNode('Keywords: ');
  105. 	var kwspan = document.createElement('span');
  106. 	kwspan.style.fontSize = 'medium';
  107. 	kwspan.style.textDecoration = "underline";
  108. 	kwspan.appendChild(keywordstext);
  109. 	el.appendChild(kwspan);
  110. 	var keywordsnode = document.createElement('span');
  111. 	keywordsnode.setAttribute("id", "uskw" + i.toString());
  112. 	el.appendChild(keywordsnode);
  113. 	keywordsnodearray.push(keywordsnode);
  114. 	el.appendChild(document.createTextNode('   |   '));
  115. 	var ratingtext = document.createTextNode('Rating: ');
  116. 	var rtspan = document.createElement('span');
  117. 	rtspan.style.fontSize = 'medium';
  118. 	rtspan.style.textDecoration = "underline";
  119. 	rtspan.appendChild(ratingtext);
  120. 	el.appendChild(rtspan);
  121. 	var ratingnode = document.createTextNode('');
  122. 	el.appendChild(ratingnode);
  123. 	ratingnodearray.push(ratingnode);
  124.  
  125. 	if (idortext == 'text') {
  126. 		populateGametextarray(el);
  127. 	}
  128. 	if (idortext == 'id') {
  129. 		populateGameidarray(el);
  130. 	}
  131.  
  132.  
  133.  
  134. }
  135.  
  136.  
  137. function addButton() {
  138. 	//add Button
  139. 	var btn = document.createElement("button");
  140. 	var btntext = document.createTextNode('Load additional info');
  141. 	btn.appendChild(btntext);
  142. 	btn.addEventListener("click", function() {
  143. 		load(idortext);
  144. 	}, false);
  145. 	btn.setAttribute("id", "btnaddinfo");
  146. 	var sidebar = document.getElementsByClassName("user-details-sidebar");
  147. 	if (sidebar) {
  148. 		var sibling = sidebar[0].nextSibling;
  149. 		sibling.parentNode.insertBefore(btn, sibling);
  150. 	}
  151.  
  152. 	function load(str) {
  153. 		if (str == "text") {
  154. 			loadbytext();
  155. 		}
  156. 		if (str == "id") {
  157. 			loadbyid();
  158. 		}
  159. 	}
  160.  
  161. 	//    var firstbtn = document.getElementsByClassName("panel-title");
  162. 	//    firstbtn[0].parentNode.insertBefore(document.createElement('hr'), firstbtn[0]);
  163. 	//    firstbtn[0].parentNode.insertBefore(btn, firstbtn[0]);
  164. 	//   firstbtn[0].parentNode.insertBefore(document.createElement('hr'), firstbtn[0]);
  165. }
  166.  
  167. function addAdditionalInfo(jnode) {
  168. 	console.log('Adding button and placeholders for extra info');
  169. //	var pageDivs = document.getElementsByClassName("media-body");
  170. //	addTextNodes(pageDivs);
  171.  
  172.     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";
  173.     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";
  174.     var selectorgen ="div > div.panel-body.listentries > div > div:nth-child(n) > div";
  175.     var queryres = document.querySelectorAll(selectorgen);
  176.     addTextNodes(queryres);
  177.  // console.log(queryres);
  178.  
  179. }
  180.  
  181. function loadbytext() {
  182. 	genresnodearray.forEach(element => element.innerHTML = 'loading..');
  183. 	keywordsnodearray.forEach(element => element.innerHTML = 'loading..');
  184. 	ratingnodearray.forEach(element => element.nodeValue = 'loading..');
  185.  
  186. 	//execute multiple fetch promises
  187. 	//first fetch the game-id for a given name
  188. 	Promise.all(
  189. 		gametextarray.map(
  190. 			(url, index) => fetch(url, {
  191. 				headers: myheaders
  192. 			})
  193. 			.then(res => res.json())
  194. 			.then(data => {
  195. 				var gameidnum = data[0].id;
  196. 				var gameid = gameidnum.toString();
  197.  
  198. 				//generate new url with id to query for the data
  199. 				var newurl = (corsproxy + apiurl + '/games/' + gameid + fields);
  200. 				return fetch(newurl, {
  201. 					headers: myheaders
  202. 				});
  203. 			})
  204. 			.then(res2 => res2.json())
  205. 			.then(data2 => {
  206. 				if (data2) {
  207. 					var ratingstr = '';
  208. 					ratingstr = ratingstr.concat('User: ');
  209. 					if (data2[0].rating) {
  210. 						ratingstr = ratingstr.concat(Math.round(data2[0].rating).toString());
  211. 						ratingstr = ratingstr.concat(' (' + data2[0].rating_count.toString() + ')');
  212. 					} else {
  213. 						ratingstr = ratingstr.concat('/');
  214. 					}
  215. 					ratingstr = ratingstr.concat(', ');
  216. 					ratingstr = ratingstr.concat('Critics: ');
  217. 					if (data2[0].aggregated_rating) {
  218. 						ratingstr = ratingstr.concat(Math.round(data2[0].aggregated_rating).toString());
  219. 						ratingstr = ratingstr.concat(' (' + data2[0].aggregated_rating_count.toString() + ')');
  220. 					} else {
  221. 						ratingstr = ratingstr.concat('/');
  222. 					}
  223. 					ratingstr = ratingstr.concat(', ');
  224. 					ratingstr = ratingstr.concat('Total: ');
  225. 					if (data2[0].total_rating) {
  226. 						ratingstr = ratingstr.concat(Math.round(data2[0].total_rating).toString());
  227. 						ratingstr = ratingstr.concat(' (' + data2[0].total_rating_count.toString() + ')');
  228. 					} else {
  229. 						ratingstr = ratingstr.concat('/');
  230. 					}
  231. 					ratingnodearray[index].nodeValue = ratingstr;
  232.  
  233.  
  234.  
  235.  
  236. 					//concat all genrenames. fetch for all genre-ids at once
  237. 					if (data2[0].genres) {
  238. 						var genresid = data2[0].genres;
  239. 						var genresurl = corsproxy + apiurl + '/genres/' + data2[0].genres.toString();
  240. 						fetch(genresurl, {
  241. 								headers: myheaders
  242. 							})
  243. 							.then(resgenre => resgenre.json())
  244. 							.then(datagenre => {
  245. 								var newgenres = '';
  246. 								genresnodearray[index].innerHTML = '';
  247. 								datagenre.forEach((tgenre, genreindex) => {
  248. 									var newgenre = document.createElement('a');
  249. 									newgenre.setAttribute("href", tgenre.url);
  250. 									var comma = ', ';
  251. 									if (genreindex == datagenre.length - 1) {
  252. 										comma = '';
  253. 									}
  254. 									newgenre.appendChild(document.createTextNode(tgenre.name + comma));
  255. 									genresnodearray[index].appendChild(newgenre);
  256.  
  257. 								});
  258. 							});
  259. 					}
  260.  
  261. 					//concat all keywords. fetch for all keyword-ids at once
  262. 					if (data2[0].keywords) {
  263. 						var keywordsid = data2[0].keywords;
  264. 						var keywordsurl = corsproxy + apiurl + '/keywords/' + data2[0].keywords.toString();
  265. 						fetch(keywordsurl, {
  266. 								headers: myheaders
  267. 							})
  268. 							.then(reskey => reskey.json())
  269. 							.then(datakey => {
  270. 								keywordsnodearray[index].innerHTML = '';
  271. 								datakey.forEach((tkey, keyindex) => {
  272. 									var newkey = document.createElement('a');
  273. 									newkey.setAttribute('href', tkey.url);
  274. 									var comma = ', ';
  275. 									if (keyindex == datakey.length - 1) {
  276. 										comma = '';
  277. 									}
  278. 									newkey.appendChild(document.createTextNode(tkey.name + comma));
  279. 									keywordsnodearray[index].appendChild(newkey);
  280. 								});
  281.  
  282.  
  283. 							});
  284.  
  285. 					}
  286.  
  287. 				}
  288. 			})
  289. 		)
  290. 	);
  291.  
  292. }
  293.  
  294. function loadbyid() {
  295. 	genresnodearray.forEach(element => element.innerHTML = 'loading..');
  296. 	keywordsnodearray.forEach(element => element.innerHTML = 'loading..');
  297. 	ratingnodearray.forEach(element => element.nodeValue = 'loading..');
  298.  
  299. 	Promise.all(
  300. 		gameidarray.map(
  301. 			(url, index) => fetch(url, {
  302. 				headers: myheaders
  303. 			})
  304. 			.then(res2 => res2.json())
  305. 			.then(data2 => {
  306. 				if (data2) {
  307. 					var ratingstr = '';
  308. 					ratingstr = ratingstr.concat('User: ');
  309. 					if (data2[0].rating) {
  310. 						ratingstr = ratingstr.concat(Math.round(data2[0].rating).toString());
  311. 						ratingstr = ratingstr.concat(' (' + data2[0].rating_count.toString() + ')');
  312. 					} else {
  313. 						ratingstr = ratingstr.concat('/');
  314. 					}
  315. 					ratingstr = ratingstr.concat(', ');
  316. 					ratingstr = ratingstr.concat('Critics: ');
  317. 					if (data2[0].aggregated_rating) {
  318. 						ratingstr = ratingstr.concat(Math.round(data2[0].aggregated_rating).toString());
  319. 						ratingstr = ratingstr.concat(' (' + data2[0].aggregated_rating_count.toString() + ')');
  320. 					} else {
  321. 						ratingstr = ratingstr.concat('/');
  322. 					}
  323. 					ratingstr = ratingstr.concat(', ');
  324. 					ratingstr = ratingstr.concat('Total: ');
  325. 					if (data2[0].total_rating) {
  326. 						ratingstr = ratingstr.concat(Math.round(data2[0].total_rating).toString());
  327. 						ratingstr = ratingstr.concat(' (' + data2[0].total_rating_count.toString() + ')');
  328. 					} else {
  329. 						ratingstr = ratingstr.concat('/');
  330. 					}
  331. 					ratingnodearray[index].nodeValue = ratingstr;
  332.  
  333.  
  334.  
  335.  
  336. 					//concat all genrenames. fetch for all genre-ids at once
  337. 					if (data2[0].genres) {
  338. 						var genresid = data2[0].genres;
  339. 						var genresurl = corsproxy + apiurl + '/genres/' + data2[0].genres.toString();
  340. 						fetch(genresurl, {
  341. 								headers: myheaders
  342. 							})
  343. 							.then(resgenre => resgenre.json())
  344. 							.then(datagenre => {
  345. 								var newgenres = '';
  346. 								genresnodearray[index].innerHTML = '';
  347. 								datagenre.forEach((tgenre, genreindex) => {
  348. 									var newgenre = document.createElement('a');
  349. 									newgenre.setAttribute("href", tgenre.url);
  350. 									var comma = ', ';
  351. 									if (genreindex == datagenre.length - 1) {
  352. 										comma = '';
  353. 									}
  354. 									newgenre.appendChild(document.createTextNode(tgenre.name + comma));
  355. 									genresnodearray[index].appendChild(newgenre);
  356.  
  357. 								});
  358. 							});
  359. 					}
  360.  
  361. 					//concat all keywords. fetch for all keyword-ids at once
  362. 					if (data2[0].keywords) {
  363. 						var keywordsid = data2[0].keywords;
  364. 						var keywordsurl = corsproxy + apiurl + '/keywords/' + data2[0].keywords.toString();
  365. 						fetch(keywordsurl, {
  366. 								headers: myheaders
  367. 							})
  368. 							.then(reskey => reskey.json())
  369. 							.then(datakey => {
  370. 								keywordsnodearray[index].innerHTML = '';
  371. 								datakey.forEach((tkey, keyindex) => {
  372. 									var newkey = document.createElement('a');
  373. 									newkey.setAttribute('href', tkey.url);
  374. 									var comma = ', ';
  375. 									if (keyindex == datakey.length - 1) {
  376. 										comma = '';
  377. 									}
  378. 									newkey.appendChild(document.createTextNode(tkey.name + comma));
  379. 									keywordsnodearray[index].appendChild(newkey);
  380. 								});
  381.  
  382.  
  383. 							});
  384.  
  385. 					}
  386.  
  387. 				}
  388. 			})
  389. 		)
  390. 	);
  391.  
  392.  
  393.  
  394.  
  395. }
  396.  
  397.  
  398.  
  399.  
  400. /*--- waitForKeyElements():  A utility function, for Greasemonkey scripts,
  401.     that detects and handles AJAXed content.
  402.  
  403.     Usage example:
  404.  
  405.         waitForKeyElements (
  406.             "div.comments"
  407.             , commentCallbackFunction
  408.         );
  409.  
  410.         //--- Page-specific function to do what we want when the node is found.
  411.         function commentCallbackFunction (jNode) {
  412.             jNode.text ("This comment changed by waitForKeyElements().");
  413.         }
  414.  
  415.     IMPORTANT: This function requires your script to have loaded jQuery.
  416. */
  417. function waitForKeyElements(
  418. 	selectorTxt,
  419. 	/* Required: The jQuery selector string that
  420. 	                        specifies the desired element(s).
  421. 	                    */
  422. 	actionFunction,
  423. 	/* Required: The code to run when elements are
  424. 	                        found. It is passed a jNode to the matched
  425. 	                        element.
  426. 	                    */
  427. 	bWaitOnce,
  428. 	/* Optional: If false, will continue to scan for
  429. 	                        new elements even after the first match is
  430. 	                        found.
  431. 	                    */
  432. 	iframeSelector
  433. 	/* Optional: If set, identifies the iframe to
  434. 	                        search.
  435. 	                    */
  436. ) {
  437. 	var targetNodes, btargetsFound;
  438.  
  439. 	if (typeof iframeSelector == "undefined")
  440. 		targetNodes = $(selectorTxt);
  441. 	else
  442. 		targetNodes = $(iframeSelector).contents()
  443. 		.find(selectorTxt);
  444.  
  445. 	if (targetNodes && targetNodes.length > 0) {
  446. 		btargetsFound = true;
  447. 		/*--- Found target node(s).  Go through each and act if they
  448. 		    are new.
  449. 		*/
  450. 		targetNodes.each(function() {
  451. 			var jThis = $(this);
  452. 			var alreadyFound = jThis.data('alreadyFound') || false;
  453.  
  454. 			if (!alreadyFound) {
  455. 				//--- Call the payload function.
  456. 				var cancelFound = actionFunction(jThis);
  457. 				if (cancelFound)
  458. 					btargetsFound = false;
  459. 				else
  460. 					jThis.data('alreadyFound', true);
  461. 			}
  462. 		});
  463. 	} else {
  464. 		btargetsFound = false;
  465. 	}
  466.  
  467. 	//--- Get the timer-control variable for this selector.
  468. 	var controlObj = waitForKeyElements.controlObj || {};
  469. 	var controlKey = selectorTxt.replace(/[^\w]/g, "_");
  470. 	var timeControl = controlObj[controlKey];
  471.  
  472. 	//--- Now set or clear the timer as appropriate.
  473. 	if (btargetsFound && bWaitOnce && timeControl) {
  474. 		//--- The only condition where we need to clear the timer.
  475. 		clearInterval(timeControl);
  476. 		delete controlObj[controlKey];
  477. 	} else {
  478. 		//--- Set a timer, if needed.
  479. 		if (!timeControl) {
  480. 			timeControl = setInterval(function() {
  481. 					waitForKeyElements(selectorTxt,
  482. 						actionFunction,
  483. 						bWaitOnce,
  484. 						iframeSelector
  485. 					);
  486. 				},
  487. 				300
  488. 			);
  489. 			controlObj[controlKey] = timeControl;
  490. 		}
  491. 	}
  492. 	waitForKeyElements.controlObj = controlObj;
  493. }