☰

Greasy Fork 支持简体中文。

SG Game Tags

Shows some tags of the game in Steamgifts.

目前為 2016-05-31 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name         SG Game Tags
  3. // @namespace    https://steamcommunity.com/id/Ruphine/
  4. // @version      2.12
  5. // @description  Shows some tags of the game in Steamgifts.
  6. // @author       Ruphine
  7.  
  8. // @include      http://www.steamgifts.com/*
  9. // @include      https://www.steamgifts.com/*
  10. // @connect      steampowered.com
  11. // @require      https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js
  12. // @grant        GM_deleteValue
  13. // @grant        GM_getValue
  14. // @grant        GM_listValues
  15. // @grant        GM_setValue
  16. // @grant        GM_xmlhttpRequest
  17. // ==/UserScript==
  18.  
  19. /* CSS */
  20. var myCSS;
  21. myCSS = '<style> \
  22. 		.tags { \
  23. 			color: #FFFFFF; \
  24. 			text-decoration: none; \
  25. 			border-radius: 4px; \
  26. 			padding-top: 2px; \
  27. 			padding-bottom: 2px; \
  28. 			padding-left: 5px; \
  29. 			padding-right: 5px; \
  30. 			font-size: 8pt; \
  31. 			margin-right: 3px; \
  32. 			margin-bottom: 3px; \
  33. 			margin-top: 3px; \
  34. 			text-shadow: none; \
  35. 			display: none; \
  36. 		} \
  37. 		.tags-card { background-color: #3AA435; } \
  38. 		.tags-bundle { background-color: #E9202A; } \
  39. 		.tags-achievement { background-color: #305AC9; } \
  40. 		.tags-wishlist { background-color: #9335F1; } \
  41. 		.tags-hidden { background-color: #A0522D; } \
  42. 		.tags-linux { background-color: #E67300; } \
  43. 		.tags-mac { background-color: #777777; } \
  44. 		.tags-early { background-color: #9FA027; } \
  45. 		.tags.tags-minimalist { \
  46. 			margin-right: 0; \
  47. 			margin-left: 5px; \
  48. 		}\
  49. 		.my__checkbox { \
  50. 			cursor:pointer; \
  51. 			padding:7px 0 \
  52. 		} \
  53. 		.my__checkbox i { \
  54. 			margin-right:7px \
  55. 		} \
  56. 		.my__checkbox:not(:last-of-type) { \
  57. 			border-bottom:1px dotted #d2d6e0 \
  58. 		} \
  59. 		.my__checkbox:not(:hover) .form__checkbox__hover,.my__checkbox.is-selected .form__checkbox__hover,.my__checkbox:not(.is-selected) .form__checkbox__selected,.my__checkbox:hover .form__checkbox__default,.my__checkbox.is-selected .form__checkbox__default { \
  60. 			display:none \
  61. 		} \
  62. 	</style>';
  63.  
  64. $("head").append(myCSS);
  65.  
  66.  
  67. /* Constant Variables */
  68. const linkCard = "http://www.steamcardexchange.net/index.php?inventorygame-appid-";
  69. const linkAchievement = "http://steamcommunity.com/stats/"; // 424280/achievements/";
  70. const linkBundle = "https://www.steamgifts.com/bundle-games/search?q=";
  71. const linkHidden = "https://www.steamgifts.com/account/settings/giveaways/filters/search?q=";
  72. const linkWishlist = "https://www.steamgifts.com/account/steam/wishlist/search?q=";
  73.  
  74. const linkGameAPI = "http://store.steampowered.com/api/appdetails?filters=categories,platforms,genres&appids=";
  75. const linkPackAPI = "http://store.steampowered.com/api/packagedetails?packageids=";
  76.  
  77. const ClassCard = "tags tags-card";
  78. const TitleCard = "This game has trading cards";
  79. const TextCard = "Trading Cards";
  80.  
  81. const ClassBundle = "tags tags-bundle";
  82. const TitleBundle = "This game is marked as bundled by Steamgifts";
  83. const TextBundle = "Bundled";
  84.  
  85. const ClassAchievement = "tags tags-achievement";
  86. const TitleAchievement = "This game has steam achievements";
  87. const TextAchievement = "Achievements";
  88.  
  89. const ClassHidden = "tags tags-hidden";
  90. const TitleHidden = "This game is in your filter list";
  91. const TextHidden = "Hidden";
  92.  
  93. const ClassWishlist = "tags tags-wishlist";
  94. const TitleWishlist = "This game is in your Steam wishlist";
  95. const TextWishlist = "Wishlist";
  96.  
  97. const ClassLinux = "tags tags-linux";
  98. const TitleLinux = "Linux supported";
  99. const TextLinux = "Linux";
  100.  
  101. const ClassMac = "tags tags-mac";
  102. const TitleMac = "Mac supported";
  103. const TextMac = "Mac";
  104.  
  105. const ClassEarly = "tags tags-early";
  106. const TitleEarly = "This game is in early access state"
  107. const TextEarly = "Early Access";
  108.  
  109. const THIS_URL = window.location.href;
  110. const TIMEOUT = 1000;
  111.  
  112. var cbCards = GM_getValue("cbCards", true);
  113. var cbAchievement = GM_getValue("cbAchievement", true);
  114. var cbBundled = GM_getValue("cbBundled", true);
  115. var cbHidden = GM_getValue("cbHidden", true);
  116. var cbWishlist = GM_getValue("cbWishlist", true);
  117. var cbLinux = GM_getValue("cbLinux", false);
  118. var cbMac = GM_getValue("cbMac", false);
  119. var cbEarly = GM_getValue("cbEarly", false);
  120.  
  121. var cbTagStyle = GM_getValue("cbTagStyle", 1); //1 = full, 2 = minimalist
  122.  
  123. main();
  124.  
  125. function main()
  126. {
  127. 	if(/www.steamgifts.com\/giveaways\/new/.test(THIS_URL)) // process giveaway creation page
  128. 		$(".js__autocomplete-data").on("DOMNodeInserted", NewGiveawayDivUpdated);
  129. 	else if(/www.steamgifts.com\/account\/settings\/giveaways$/.test(THIS_URL)) // process giveaway setting page
  130. 		initSetting();
  131. 	else if(/www.steamgifts.com\/($|giveaways$|giveaways\/search)/.test(THIS_URL)) // homepage and all search active giveaway
  132. 	{
  133. 		ProcessGiveawayListPage($(".giveaway__row-inner-wrap"));
  134. 		// handles element added later by endless scroll, add timeout to delay this function because it is triggered when ext SG runs
  135. 		setTimeout(function()
  136. 		{
  137. 			$(document).on("DOMNodeInserted", ".widget-container", function(e)
  138. 			{
  139. 				ProcessGiveawayListPage($(e.target).find(".giveaway__row-inner-wrap"));
  140. 			});
  141. 		}, TIMEOUT);
  142.  
  143. 		if($(".featured__inner-wrap .global__image-outer-wrap--missing-image").length == 0 && $(".featured__inner-wrap a img").length > 0)
  144. 		{
  145. 			var URL = $(".featured__inner-wrap a img")[0].src;
  146. 			ProcessFeaturedGiveaway(URL);
  147. 		}
  148. 	}
  149. 	// user profile & group page excluding user trade and feedback and excluding group users, stats, and wishlist
  150. 	else if(/www.steamgifts.com\/(user|group)\//.test(THIS_URL) && !/user\/\w+\/(feedback|trade)/.test(THIS_URL) && !/group\/\w+\/\w+\/(users|stats|wishlist)/.test(THIS_URL)) // exclude 
  151. 	{
  152. 		ProcessGiveawayListPage($(".giveaway__row-inner-wrap"));
  153. 		// handles element added later by endless scroll
  154. 		setTimeout(function()
  155. 		{
  156. 			$(document).on("DOMNodeInserted", ".widget-container", function(e)
  157. 			{
  158. 				ProcessGiveawayListPage($(e.target).find(".giveaway__row-inner-wrap"));
  159. 			});
  160. 		}, TIMEOUT);
  161. 	}
  162. 	else if(/www.steamgifts.com\/giveaway\//.test(THIS_URL)) // giveaway page https://www.steamgifts.com/giveaway/FGbTw/left-4-dead-2
  163. 	{
  164. 		var URL = $(".featured__inner-wrap a")[0].href;
  165. 		ProcessFeaturedGiveaway(URL);
  166. 	}
  167. 	// https://www.steamgifts.com/sales*
  168. 	// https://www.steamgifts.com/sales/account/steam/games
  169. 	// https://www.steamgifts.com/sales/account/steam/wishlist
  170. 	// https://www.steamgifts.com/giveaways/created
  171. 	// https://www.steamgifts.com/giveaways/entered
  172. 	// https://www.steamgifts.com/giveaways/won
  173. 	// https://www.steamgifts.com/giveaways/wishlist
  174. 	// https://www.steamgifts.com/account/settings/giveaways/filters
  175. 	else if(/www.steamgifts.com\/(sales|account\/steam\/(games|wishlist)|giveaways\/(created|entered|won|wishlist)|account\/settings\/giveaways\/filters|group\/\w+\/\w+\/wishlist)/.test(THIS_URL))
  176. 		ProcessGameListPage();
  177. 	// else
  178. 	// 	console.log("[SG Game Tags] Not Supported Page");
  179. }
  180.  
  181. function ProcessFeaturedGiveaway(URL)
  182. {
  183. 	var Name = $(".featured__heading__medium").text().substring(0,30);
  184. 	Name = Name.replace("+", "%2B").replace("[NEW] ", "").replace("[FREE] ", ""); //remove [NEW] and [FREE] to make it work with ext SG
  185. 	var Target = $(".featured__heading");
  186.  
  187. 	ProcessTags(Target, URL, Name);
  188. }
  189.  
  190. function ProcessGiveawayListPage(scope) // giveaways list with creator name
  191. {
  192. 	$(scope).each(function(index, element)
  193. 	{
  194. 		var URL = $(element).find("a.giveaway__icon").attr("href");
  195. 		if(URL != null)
  196. 		{
  197. 			var Name = $(element).find(".giveaway__heading__name").text().substring(0,30);
  198. 			Name = Name.replace("+", "%2B").replace("[NEW] ", "").replace("[FREE] ", ""); //remove [NEW] and [FREE] to make it work with ext SG
  199. 			var Target = $(element).find(".giveaway__heading");
  200.  
  201. 			ProcessTags(Target, URL, Name);
  202. 		}
  203. 	});
  204. }
  205.  
  206. function ProcessGameListPage() // giveaways / games list
  207. {
  208. 	$(".table__row-inner-wrap").each(function(index, element)
  209. 	{
  210. 		var URL;
  211. 		if(/www.steamgifts.com\/account\/settings\/giveaways\/filters/.test(THIS_URL))
  212. 			URL = $(element).find("a.table__column__secondary-link").text();
  213. 		else
  214. 			URL = $($(element).find(".global__image-inner-wrap")[0]).css('background-image');
  215.  
  216. 		if(URL != null)
  217. 		{
  218. 			URL = URL.replace('url(', '').replace(')', '');
  219. 			var Name = $(element).find(".table__column__heading").text().substring(0,30);
  220. 			Name = Name.replace("+", "%2B").replace("[NEW] ", "").replace("[FREE] ", ""); //remove [NEW] and [FREE] to make it work with ext SG
  221. 			var Target = $(element).find(".table__column--width-fill > :first-child");
  222.  
  223. 			if(/www.steamgifts.com\/sales/.test(THIS_URL)) Target.css("display", "block"); //because sales pages don't use <p> thus tags will appears in line with title
  224.  
  225. 			ProcessTags(Target, URL, Name);
  226. 		}
  227. 	});
  228. }
  229.  
  230. function ProcessTags(Target, URL, Name)
  231. {
  232. 	var ID = getAppIDfromLink(URL);
  233. 	var linkStore = "";
  234. 	if(isApp(URL))
  235. 		linkStore = "http://store.steampowered.com/app/" + ID;
  236. 	else if(isPackage(URL))
  237. 		linkStore = "http://store.steampowered.com/sub/" + ID;
  238. 	// TODO : add minimalist version as feature
  239. 	if(cbTagStyle == 1)
  240. 	{
  241. 		var tagCard        = createTag(ClassCard, TitleCard, TextCard, linkCard+ID, Target);
  242. 		var tagAchievement = createTag(ClassAchievement, TitleAchievement, TextAchievement, linkAchievement+ID+"/achievements/", tagCard);
  243. 		var tagBundle      = createTag(ClassBundle, TitleBundle, TextBundle, linkBundle+Name, tagAchievement);
  244. 		var tagLinux       = createTag(ClassLinux, TitleLinux, TextLinux, linkStore, tagBundle);
  245. 		var tagMac         = createTag(ClassMac, TitleMac, TextMac, linkStore, tagLinux);
  246. 		var tagEarly       = createTag(ClassEarly, TitleEarly, TextEarly, linkStore, tagMac);
  247. 	}
  248. 	else
  249. 	{
  250. 		var tagCard        = createTag(ClassCard + " tags-minimalist", TitleCard, TextCard.substring(0,1), linkCard+ID, Target);
  251. 		var tagAchievement = createTag(ClassAchievement + " tags-minimalist", TitleAchievement, TextAchievement.substring(0,1), linkAchievement+ID+"/achievements/", Target);
  252. 		var tagBundle      = createTag(ClassBundle + " tags-minimalist", TitleBundle, TextBundle.substring(0,1), linkBundle+Name, Target);
  253. 		var tagLinux       = createTag(ClassLinux + " tags-minimalist", TitleLinux, TextLinux.substring(0,1), linkStore, Target);
  254. 		var tagMac         = createTag(ClassMac + " tags-minimalist", TitleMac, TextMac.substring(0,1), linkStore, Target);
  255. 		var tagEarly       = createTag(ClassEarly + " tags-minimalist", TitleEarly, TextEarly.substring(0,1), linkStore, Target);
  256. 	}
  257. 	
  258. 	if(/www.steamgifts.com\/giveaway\//.test(THIS_URL)) //only trigger inside giveaway page, no need for homepage
  259. 	{
  260. 		if(cbTagStyle == 1)
  261. 		{
  262. 			var tagHidden = createTag(ClassHidden, TitleHidden, TextHidden, linkHidden+Name, tagEarly);
  263. 			var tagWishlist = createTag(ClassWishlist, TitleWishlist, TextWishlist, linkWishlist+Name, tagHidden);
  264. 		}
  265. 		else if(cbTagStyle == 2)
  266. 		{
  267. 			var tagHidden = createTag(ClassHidden + " tags-minimalist", TitleHidden, TextHidden, linkHidden+Name, Target);
  268. 			var tagWishlist = createTag(ClassWishlist + " tags-minimalist", TitleWishlist, TextWishlist, linkWishlist+Name, Target);
  269. 		}
  270. 		getHiddenStatus(ID, Name, tagHidden);
  271. 		getWishlistStatus(ID, Name, tagWishlist);
  272. 	}
  273.  
  274. 	if(isApp(URL))
  275. 		getSteamCategories(ID, tagCard, tagAchievement, tagLinux, tagMac, tagEarly);
  276. 	else if(isPackage(URL))
  277. 	{
  278. 		tagCard.setAttribute("href", URL);
  279. 		tagAchievement.setAttribute("href", URL);
  280. 		getSteamCategoriesFromPackage(ID, tagCard, tagAchievement, tagLinux, tagMac, tagEarly);
  281. 	}
  282.  
  283. 	getBundleStatus(ID, Name, tagBundle);
  284. }
  285.  
  286. function createTag(_class, title, text, href, divTarget)
  287. {
  288. 	var tag = document.createElement("a");
  289. 	tag.setAttribute("id", "tags");
  290. 	tag.setAttribute("target", "_blank");
  291. 	tag.setAttribute("class", _class);
  292. 	tag.setAttribute("title", title);
  293. 	tag.setAttribute("href", href);
  294. 	tag.innerHTML = text;
  295.  
  296. 	if(cbTagStyle == 1 || /www.steamgifts.com\/giveaways\/new/.test(THIS_URL)) // full text below game title, use after, or bundle tag in giveaway creation page
  297. 		$(divTarget).after(tag);
  298. 	else if(cbTagStyle == 2) // minimalist beside game title use append
  299. 		$(divTarget).append(tag);
  300. 	return tag;
  301. }
  302.  
  303. function displayElems(elems)
  304. {
  305. 	$(elems).css("display", "inline-block");
  306. }
  307.  
  308. function getSteamCategories(appID, tagCard, tagAchievement, tagLinux, tagMac, tagEarly)
  309. {
  310. 	var jsonCards = GM_getValue("cards-" + appID, "");
  311. 	var jsonAchievement = GM_getValue("achievements-" + appID, "");
  312. 	var jsonLinux = GM_getValue("linux-" + appID, "");
  313. 	var jsonMac = GM_getValue("mac-" + appID, "");
  314. 	var jsonEarly = GM_getValue("early-" + appID, "");
  315.  
  316. 	var reqCard = needRequest(jsonCards);
  317. 	var reqAchievement = needRequest(jsonAchievement);
  318. 	var reqLinux = needRequest(jsonLinux);
  319. 	var reqMac = needRequest(jsonMac);
  320. 	var reqEarly = (jsonEarly == "");
  321.  
  322. 	if(!reqCard && cbCards) // if app card is saved
  323. 	{
  324. 		if(JSON.parse(jsonCards).val)
  325. 			displayElems(tagCard);
  326. 	}
  327. 	if(!reqAchievement && cbAchievement) // if app achievement is saved
  328. 	{
  329. 		if(JSON.parse(jsonAchievement).val)
  330. 			displayElems(tagAchievement);
  331. 	}
  332. 	if(!reqLinux && cbLinux) // if app linux is saved
  333. 	{
  334. 		if(JSON.parse(jsonLinux).val)
  335. 			displayElems(tagLinux);
  336. 	}
  337. 	if(!reqMac && cbMac) // if app mac is saved
  338. 	{
  339. 		if(JSON.parse(jsonMac).val)
  340. 			displayElems(tagMac);
  341. 	}
  342. 	if(!reqEarly && cbEarly)
  343. 	{
  344. 		var obj = JSON.parse(jsonEarly);
  345. 		if(obj.val) // if game saved as early access, check saved date
  346. 		{
  347. 			if(obj.savedDate < (Date.now() - (3 * 24 * 60 * 60 * 1000)))
  348. 				reqEarly = true;
  349. 			else
  350. 				displayElems(tagEarly);
  351. 		}
  352. 	}
  353.  
  354. 	if((reqCard && cbCards) || (reqAchievement && cbAchievement) || (reqLinux && cbLinux) || (reqMac && cbMac) || (reqEarly && cbEarly))
  355. 	{
  356. 		console.log("[SG Game Tags] Request Steam " + appID);
  357. 		GM_xmlhttpRequest({
  358. 			method: "GET",
  359. 			timeout: 10000,
  360. 			url: linkGameAPI+appID,
  361. 			onload: function(data)
  362. 			{
  363. 				var obj = JSON.parse(data.responseText)[appID].data;
  364. 				if(obj == null)
  365. 				{
  366. 					console.log("[SG Game Tags] apps " + appID + " does not have store page or does not exist");
  367. 					saveData("cards-" + appID, false);
  368. 					saveData("achievements-" + appID, false);
  369. 					saveData("linux-" + appID, false);
  370. 					saveData("mac-" + appID, false);
  371. 					saveData("early-" + appID, false);
  372. 				}
  373. 				else
  374. 				{
  375. 					// get steam apps categories : achievement, trading cards, etc
  376. 					var categories = obj.categories;
  377. 					if(categories != null)
  378. 					{
  379. 						var catCards = $.grep(categories, function(e){ return e.id == "29"; });
  380. 						if(catCards.length > 0)
  381. 						{
  382. 							if(cbCards) displayElems(tagCard);
  383. 							saveData("cards-" + appID, true);
  384. 						}
  385. 						else
  386. 							saveData("cards-" + appID, false);
  387.  
  388. 						var catAchievement = $.grep(categories, function(e){ return e.id == "22"; });
  389. 						if(catAchievement.length > 0)
  390. 						{
  391. 							if(cbAchievement) displayElems(tagAchievement);
  392. 							saveData("achievements-" + appID, true);
  393. 						}
  394. 						else
  395. 							saveData("achievements-" + appID, false);
  396. 					}
  397. 					else
  398. 						console.log("[SG Game Tags] apps " + appID + " does not have categories");
  399.  
  400. 					// get steam apps platforms: linux: boolean, mac: boolean
  401. 					var platforms = obj.platforms;
  402. 					if(platforms.linux == true && cbLinux) displayElems(tagLinux);
  403. 					if(platforms.mac   == true && cbMac)   displayElems(tagMac);
  404. 					saveData("linux-" + appID, platforms.linux);
  405. 					saveData("mac-"   + appID, platforms.mac);
  406.  
  407. 					// get steam apps genres
  408. 					var genres = obj.genres;
  409. 					var genEarly = $.grep(genres, function(e){ return e.id == "70"; });
  410. 					if(genEarly.length > 0)
  411. 					{
  412. 						if(cbEarly) displayElems(tagEarly);
  413. 						saveData("early-" + appID, true);
  414. 					}
  415. 					else
  416. 						saveData("early-" + appID, false);
  417. 				}
  418. 			}
  419. 		});
  420. 	}
  421. }
  422.  
  423. function getBundleStatus(appID, appName, elems)
  424. {
  425. 	if(cbBundled)
  426. 	{
  427. 		var jsonBundle = GM_getValue("bundled-" + appID, "");
  428. 		if(!needRequest(jsonBundle))
  429. 		{
  430. 			if(JSON.parse(jsonBundle).val)
  431. 				displayElems(elems);
  432. 		}
  433. 		else
  434. 		{
  435. 			console.log("[SG Game Tags] Request bundle " + appID + " - " + appName);
  436. 			$.get( linkBundle+appName, function(data)
  437. 			{
  438. 				var gamesfound = $(data).find(".table__column__secondary-link");
  439. 				for(i=0; i<$(gamesfound).length; i++)
  440. 				{
  441. 					var url = $(gamesfound)[i].href;
  442. 					var ID = getAppIDfromLink(url);
  443.  
  444. 					if(appID == ID)
  445. 					{
  446. 						//TODO : Save appID + true ke local cache
  447. 						displayElems(elems);
  448. 						saveData("bundled-" + appID, true);
  449. 						return true; //exit function
  450. 					}
  451. 				}
  452. 				saveData("bundled-" + appID, false);
  453. 			});
  454. 		}
  455. 	}
  456. }
  457.  
  458. function getHiddenStatus(appID, appName, elems)
  459. {
  460. 	if(cbHidden)
  461. 	{
  462. 		console.log("[SG Game Tags] Request hidden " + appID + " - " + appName);
  463. 		$.get(linkHidden+appName, function(data)
  464. 		{
  465. 			var gamesfound = $(data).find("a.table__column__secondary-link");
  466. 			for(i=0; i<$(gamesfound).length; i++)
  467. 			{
  468. 				var url = $(gamesfound)[i].href;
  469. 				var ID = getAppIDfromLink(url);
  470. 				if(appID == ID)
  471. 				{
  472. 					//TODO : Save appID + true ke local cache
  473. 					displayElems(elems);
  474. 					return true; //exit function
  475. 				}
  476. 			}
  477. 		});
  478. 	}
  479. }
  480.  
  481. function getWishlistStatus(appID, appName, elems)
  482. {
  483. 	if(cbWishlist)
  484. 	{
  485. 		console.log("[SG Game Tags] Request wishlist " + appID + " - " + appName);
  486. 		$.get(linkWishlist+appName, function(data)
  487. 		{
  488. 			var gamesfound = $(data).find("a.table__column__secondary-link");
  489. 			for(i=0; i<$(gamesfound).length; i++)
  490. 			{
  491. 				var url = $(gamesfound)[i].href;
  492. 				var ID = getAppIDfromLink(url);
  493. 				if(appID == ID)
  494. 				{
  495. 					//TODO : Save appID + true ke local cache
  496. 					displayElems(elems);
  497. 					return true; //exit function
  498. 				}
  499. 			}
  500. 		});
  501. 	}
  502. }
  503.  
  504. function getSteamCategoriesFromPackage(appID, tagCard, tagAchievement, tagLinux, tagMac, tagEarly)
  505. {
  506. 	if(cbCards || cbAchievement || cbLinux || cbMac || cbEarly)
  507. 	{
  508. 		//TODO: Check if the game is saved, if no then request to steam
  509. 		GM_xmlhttpRequest({
  510. 			method: "GET",
  511. 			timeout: 10000,
  512. 			url: linkPackAPI+appID,
  513. 			onload: function(data)
  514. 			{
  515. 				var IDs = JSON.parse(data.responseText)[appID].data;
  516. 				if(IDs == null)
  517. 				{
  518. 					console.log("[SG Game Tags] Package " + appID + " does not exist");
  519. 					saveData("cards-" + appID, false);
  520. 					saveData("achievements-" + appID, false);
  521. 					saveData("linux-" + appID, false);
  522. 					saveData("mac-" + appID, false);
  523. 					saveData("early-" + appID, false);
  524. 				}
  525. 				else
  526. 				{
  527. 					IDs = IDs.apps;
  528. 					$.each(IDs, function(index)
  529. 					{
  530. 						getSteamCategories(IDs[index].id, tagCard, tagAchievement, tagLinux, tagMac, tagEarly);
  531. 					});
  532. 				}
  533. 			}
  534. 		});
  535. 	}
  536. }
  537.  
  538. function getAppIDfromLink(link)
  539. {
  540. 	var url = link.split("/");
  541. 	return url[url.length-2];
  542. }
  543.  
  544. function isApp(link)
  545. {
  546. 	var pattern = /\/app|apps\/0-9\//;
  547. 	return pattern.test(link);
  548. }
  549.  
  550. function isPackage(link)
  551. {
  552. 	var pattern = /\/sub|subs\/0-9\//;
  553. 	return pattern.test(link);
  554. }
  555.  
  556. function saveData(name, val)
  557. {
  558. 	var data = {val:val, savedDate:Date.now()};
  559. 	GM_setValue(name, JSON.stringify(data));
  560. }
  561.  
  562. function needRequest(json)
  563. {
  564. 	if(json == "")
  565. 		return true;
  566. 	else
  567. 	{
  568. 		var obj = JSON.parse(json);
  569. 		if(obj.val)
  570. 			return false;
  571. 		else
  572. 			return (obj.savedDate < (Date.now() - (24 * 60 * 60 * 1000))); // need request if savedDate < 3 days ago
  573. 	}
  574. }
  575.  
  576. function NewGiveawayDivUpdated(event)
  577. {
  578. 	if(event.type == "DOMNodeInserted") //show bundle tag for shown game
  579. 	{
  580. 		var gamesfound = $(".table__row-inner-wrap");
  581. 		$(".tags").remove();
  582. 		$(".table__row-inner-wrap").each(function(index, element)
  583. 		{
  584. 			var url = $(element).find("a.table__column__secondary-link").text();
  585. 			var ID = getAppIDfromLink(url);
  586. 			var Name = $(element).find(".table__column__heading").text();
  587. 			var Target = $(element).find(".table__column--width-fill");
  588.  
  589. 			$(".js__autocomplete-data").off("DOMNodeInserted");
  590. 			var tagBundle = createTag(ClassBundle, TitleBundle, TextBundle, linkBundle+Name, Target);
  591. 			$(tagBundle).css("float", "right");
  592. 			getBundleStatus(ID, Name, tagBundle);
  593. 		});
  594. 		if(gamesfound.length > 0)
  595. 		{
  596. 			$(".js__autocomplete-data").on("DOMNodeRemoved", NewGiveawayDivUpdated);
  597.  
  598. 			$(".table__row-inner-wrap").on("click", function(event)
  599. 			{
  600. 				var url = $(this).find("a.table__column__secondary-link").text();
  601. 				var ID = getAppIDfromLink(url);
  602. 				var Name = $(this).find(".table__column__heading").text();
  603. 				var Target = $(".js__autocomplete-name")[0];
  604. 				tagBundle = createTag(ClassBundle, TitleBundle, TextBundle, linkBundle+Name, Target);
  605. 				getBundleStatus(ID, Name, tagBundle);
  606. 			});
  607. 		}
  608. 	}
  609. 	else if(event.type == "DOMNodeRemoved")//show / remove tag of selected game
  610. 	{
  611. 		$(".js__autocomplete-data").off("DOMNodeRemoved");
  612. 		$(".table__row-inner-wrap").off("click");
  613. 		$(".js__autocomplete-data").on("DOMNodeInserted", NewGiveawayDivUpdated);
  614. 	}
  615. }
  616.  
  617. function initSetting()
  618. {
  619. 	var no = $(".form__heading").length + 1;
  620. 	initTagOnOffSetting(no);
  621. 	initTagPositionSetting(no+1);
  622. }
  623.  
  624. function initTagOnOffSetting(no)
  625. {
  626. 	var CheckIcon = '<i class="form__checkbox__default fa fa-circle-o"></i><i class="form__checkbox__hover fa fa-circle"></i><i class="form__checkbox__selected fa fa-check-circle"></i>';
  627. 	var form__row = document.createElement("div");
  628. 	form__row.setAttribute("class", "form__row");
  629.  
  630. 		var form__heading = document.createElement("div");
  631. 		form__heading.setAttribute("class", "form__heading");
  632.  
  633. 			var form__heading__number = document.createElement("div");
  634. 			form__heading__number.setAttribute("class", "form__heading__number");
  635. 			form__heading__number.innerHTML = no + ".";
  636.  
  637. 			var form__heading__text = document.createElement("div");
  638. 			form__heading__text.setAttribute("class", "form__heading__text");
  639. 			form__heading__text.setAttribute("title", "If you have performance issues, try disable tags you don't need")
  640. 			form__heading__text.innerHTML = "[SG Game Tags] Which tags do you want to see?";
  641.  
  642. 		$(form__heading).append(form__heading__number).append(form__heading__text);
  643.  
  644. 		var form__row__indent = document.createElement("div");
  645. 		form__row__indent.setAttribute("class", "form__row__indent");
  646.  
  647. 			var form__checkbox_1 = createCheckBox("my__checkbox", CheckIcon + "Trading Cards", cbCards);
  648. 			var form__checkbox_2 = createCheckBox("my__checkbox", CheckIcon + "Achievements", cbAchievement);
  649. 			var form__checkbox_3 = createCheckBox("my__checkbox", CheckIcon + "Bundled", cbBundled);
  650. 			var form__checkbox_4 = createCheckBox("my__checkbox", CheckIcon + "Hidden", cbHidden);
  651. 			var form__checkbox_5 = createCheckBox("my__checkbox", CheckIcon + "Wishlist", cbWishlist);
  652. 			var form__checkbox_6 = createCheckBox("my__checkbox", CheckIcon + "Linux", cbLinux);
  653. 			var form__checkbox_7 = createCheckBox("my__checkbox", CheckIcon + "Mac", cbMac);
  654. 			var form__checkbox_8 = createCheckBox("my__checkbox", CheckIcon + "Early Access", cbEarly);
  655.  
  656. 			$(form__checkbox_1).click(function(){toggleCBTags(form__checkbox_1, "cbCards");});
  657. 			$(form__checkbox_2).click(function(){toggleCBTags(form__checkbox_2, "cbAchievement");});
  658. 			$(form__checkbox_3).click(function(){toggleCBTags(form__checkbox_3, "cbBundled");});
  659. 			$(form__checkbox_4).click(function(){toggleCBTags(form__checkbox_4, "cbHidden");});
  660. 			$(form__checkbox_5).click(function(){toggleCBTags(form__checkbox_5, "cbWishlist");});
  661. 			$(form__checkbox_6).click(function(){toggleCBTags(form__checkbox_6, "cbLinux");});
  662. 			$(form__checkbox_7).click(function(){toggleCBTags(form__checkbox_7, "cbMac");});
  663. 			$(form__checkbox_8).click(function(){toggleCBTags(form__checkbox_8, "cbEarly");});
  664.  
  665. 		$(form__row__indent)
  666. 			.append(form__checkbox_1)
  667. 			.append(form__checkbox_2)
  668. 			.append(form__checkbox_3)
  669. 			.append(form__checkbox_4)
  670. 			.append(form__checkbox_5)
  671. 			.append(form__checkbox_6)
  672. 			.append(form__checkbox_7)
  673. 			.append(form__checkbox_8);
  674.  
  675. 	$(form__row).append(form__heading).append(form__row__indent);
  676.  
  677. 	$(".js__submit-form").before(form__row);
  678.  
  679. 	var desc = document.createElement("div");
  680. 	desc.setAttribute("class", "form__input-description");
  681. 	desc.innerHTML = "No need to press Save Changes button. It is automatically saved when the value changed.";
  682. 	$(desc).appendTo([form__row__indent]);
  683.  
  684. 	changeCBColor();
  685. }
  686.  
  687. function initTagPositionSetting(no)
  688. {
  689. 	var CheckIcon = '<i class="form__checkbox__default fa fa-circle-o"></i><i class="form__checkbox__hover fa fa-circle"></i><i class="form__checkbox__selected fa fa-check-circle"></i>';
  690. 	var form__row = document.createElement("div");
  691. 	form__row.setAttribute("class", "form__row");
  692.  
  693. 		var form__heading = document.createElement("div");
  694. 		form__heading.setAttribute("class", "form__heading");
  695.  
  696. 			var form__heading__number = document.createElement("div");
  697. 			form__heading__number.setAttribute("class", "form__heading__number");
  698. 			form__heading__number.innerHTML = no + ".";
  699.  
  700. 			var form__heading__text = document.createElement("div");
  701. 			form__heading__text.setAttribute("class", "form__heading__text");
  702. 			form__heading__text.setAttribute("title", "This setting doesn't affect performance, only visual change.");
  703. 			form__heading__text.innerHTML = "[SG Game Tags] Tags Style";
  704.  
  705. 		$(form__heading).append(form__heading__number).append(form__heading__text);
  706.  
  707. 		var form__row__indent = document.createElement("div");
  708. 		form__row__indent.setAttribute("class", "form__row__indent");
  709. 			var form__checkbox_1 = createCheckBox("form__checkbox", CheckIcon + "(Original) Full Text tags below game title", cbTagStyle == 1);
  710. 			var form__checkbox_2 = createCheckBox("form__checkbox", CheckIcon + "(Minimalist) One letter tags beside game title", cbTagStyle == 2);
  711.  
  712. 			form__checkbox_1.setAttribute("title", 'The tags will display "Trading Cards", "Bundled", etc. This option will increase page height.');
  713. 			form__checkbox_2.setAttribute("title", 'The tags will just display first letter. "Trading Cards" becomes "T", "Bundled" becomes "B", etc.');
  714.  
  715. 			$(form__checkbox_1).click(
  716. 				function()
  717. 				{
  718. 					$(form__checkbox_2).removeClass("is-selected").addClass("is-disabled");
  719. 					$(form__checkbox_1).removeClass("is-disabled").addClass("is-selected");
  720. 					GM_setValue("cbTagStyle", 1);
  721. 				}
  722. 			);
  723. 			$(form__checkbox_2).click(
  724. 				function()
  725. 				{
  726. 					$(form__checkbox_1).removeClass("is-selected").addClass("is-disabled");
  727. 					$(form__checkbox_2).removeClass("is-disabled").addClass("is-selected");
  728. 					GM_setValue("cbTagStyle", 2);
  729. 				}
  730. 			);
  731.  
  732. 		$(form__row__indent).append(form__checkbox_1).append(form__checkbox_2);
  733.  
  734. 	$(form__row).append(form__heading).append(form__row__indent);
  735.  
  736. 	$(".js__submit-form").before(form__row);
  737.  
  738. 	var desc = document.createElement("div");
  739. 	desc.setAttribute("class", "form__input-description");
  740. 	desc.innerHTML = "No need to press Save Changes button. It is automatically saved when the value changed.";
  741. 	$(desc).appendTo([form__row__indent]);
  742. }
  743.  
  744. function createCheckBox(_class, _html, cbValue)
  745. {
  746. 	var cb = document.createElement("div");
  747. 	cb.setAttribute("class", _class);
  748. 	cb.innerHTML = _html;
  749. 	if(cbValue)
  750. 		$(cb).addClass("is-selected");
  751. 	else
  752. 		$(cb).addClass("is-disabled");
  753.  
  754. 	return cb;
  755. }
  756.  
  757. function toggleCBTags(cbElems, cbName)
  758. {
  759. 	var cbValue;
  760. 	if(cbName == "cbCards")
  761. 	{
  762. 		cbCards = !cbCards;
  763. 		cbValue = cbCards;
  764. 	}
  765. 	else if(cbName == "cbAchievement")
  766. 	{
  767. 		cbAchievement = !cbAchievement;
  768. 		cbValue = cbAchievement;
  769. 	}
  770. 	else if(cbName == "cbBundled")
  771. 	{
  772. 		cbBundled = !cbBundled;
  773. 		cbValue = cbBundled;
  774. 	}
  775. 	else if(cbName == "cbHidden")
  776. 	{
  777. 		cbHidden = !cbHidden;
  778. 		cbValue = cbHidden;
  779. 	}
  780. 	else if(cbName == "cbWishlist")
  781. 	{
  782. 		cbWishlist = !cbWishlist;
  783. 		cbValue = cbWishlist;
  784. 	}
  785. 	else if(cbName == "cbLinux")
  786. 	{
  787. 		cbLinux = !cbLinux;
  788. 		cbValue = cbLinux;
  789. 	}
  790. 	else if(cbName == "cbMac")
  791. 	{
  792. 		cbMac = !cbMac;
  793. 		cbValue = cbMac;
  794. 	}
  795. 	else if(cbName == "cbEarly")
  796. 	{
  797. 		cbEarly = !cbEarly;
  798. 		cbValue = cbEarly;
  799. 	}
  800.  
  801. 	GM_setValue(cbName, cbValue);
  802. 	if(cbValue)
  803. 		$(cbElems).removeClass("is-disabled").addClass("is-selected");
  804. 	else
  805. 		$(cbElems).removeClass("is-selected").addClass("is-disabled");
  806.  
  807. 	changeCBColor();
  808. }
  809.  
  810. function changeCBColor()
  811. {
  812. 	var colorCBDisabled = $(".form__checkbox.is-disabled").css("color");
  813. 	var colorCBSelected = $(".form__checkbox.is-selected").css("color");
  814.  
  815. 	$(".my__checkbox.is-disabled").css("color", colorCBDisabled);
  816. 	$(".my__checkbox.is-selected").css("color", colorCBSelected);
  817. }