☰

STS Helper

In Steam Translation Server, add many features to make translate easier.

当前为 2015-09-29 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name     		STS Helper
  3. // @namespace		iFantz7E.StsHelper
  4. // @version			1.50
  5. // @description		In Steam Translation Server, add many features to make translate easier.
  6. // @match      		http://translation.steampowered.com/*
  7. // @match      		https://translation.steampowered.com/*
  8. // @icon      		http://translation.steampowered.com/public/favicon.ico
  9. // @grant       	GM_addStyle
  10. // @copyright		2014, 7-elephant
  11. // ==/UserScript==
  12.  
  13. // http://userscripts.org/scripts/show/325610
  14. // https://greasyfork.org/scripts/2250-sts-helper/
  15.  
  16. GM_addStyle(
  17. 	"  #logout { position: fixed; z-index: 1001; right: 12px; top: 10px; line-height: 24px; text-align: right; } "
  18. 	+ "input[type='button'], input[type='submit'] { cursor: pointer; } "
  19. 	+ "input[type='button']:disabled { cursor: default; color: #777; } "
  20. 	+ "#suggestionmain > div:nth-child(4) > form:nth-child(2) > div:nth-child(1) "
  21. 	+ " { text-align: left; } "
  22. 	+ ".lbAction > div > input[value^='SUBMIT'] "
  23. 	+ " { width: 97%; height: 30px; } "
  24. 	+ "form.lbAction:nth-child(1) > div:nth-child(2) > input:nth-child(1) "
  25. 	+ " { width: 90%; margin-top: 5px; } "
  26. 	+ "div.suggestion form.lbAction textarea"
  27. 	+ " { width: 700px !important; min-height: 50px; } "
  28. 	+ ".progress td { vertical-align: top; } "
  29. 	+ "div#suggestions_nav { z-index: 3; position: absolute; width: 525px; left: 463px; top: 4px; text-align: right; line-height: 24px; } "
  30. 	+ "#suggestionmain .smallcopy { width: 855px; min-height: 70px; max-height: 70px; overflow: hidden; } "
  31. 	+ "#suggestionmain .progress { margin-top: -12px; } "
  32. 	+ "#leftAreaContainer > table:nth-child(5) > tbody:nth-child(1) > tr > td:nth-child(1) { vertical-align: top; } "
  33. 	+ "#leftAreaContainer > table:nth-child(5), #leftAreaContainer > table:nth-child(5) th, #leftAreaContainer > table:nth-child(5) td "
  34. 	+ " { border: 1px solid; border-collapse: collapse; padding: 4px; } "
  35. 	+ "#suggestions_box { margin-top: 1px !important; } "
  36. 	+ "#suggestions_iframe { min-height: 100px !important; } "
  37. 	+ "#keylist td:nth-child(1) > div:hover  "
  38. 	+ " { background-repeat: no-repeat; background-position: center; background-color: #0D0D0D !important; } "
  39. 	+ ".progress h1 { display: inline-block; } "
  40. 	+ "div#suggestions_box iframe { background-color: #1D1D1D !important; } "
  41. 	+ ".stsh_btn { width: 90px; } "
  42. 	+ ".stsh_btnLong { min-width: 130px; } "
  43. 	+ ".stsh_btnRight { position: relative; float: right; } "
  44. 	+ ".stsh_suggestion_header { color: #A4B23C; } "
  45. 	+ ".stsh_suggestion_comment:before { background-color: #CF8B37 !important; } "
  46. 	+ ".stsh_suggestion_pending:before { background-color: #FFF !important; } "
  47. 	+ ".stsh_suggestion_approved:before { background-color: #A4B23C !important; } "
  48. 	+ ".stsh_suggestion_declined:before { background-color: red !important; } "
  49. 	+ ".stsh_suggestion_applied:before { background-color: #2EBCEB !important; } "
  50. 	+ ".stsh_suggestion_removed:before { background-color: #555 !important; } "
  51. 	+ ".stsh_suggestion { list-style: none; } "
  52. 	+ ".stsh_suggestion:before "
  53. 	+ " { content: ''; display: inline-block; position: relative; height: 6px; width: 6px; "
  54. 	+ "   border-radius: 3px; background-clip: padding-box; margin-right: -6px; top: -1px; left: -12px; background-color: green; }"
  55. 	+ "#stsh_frame { text-align: center; } "
  56. 	+ ".stsh_blue { color: #2ebceb; } "
  57. 	+ ".stsh_green { color: #a4b23c; } "
  58. 	+ ".stsh_red { color: #F00; } "
  59. 	+ ".stsh_white { color: #fff; } "
  60. 	+ ".stsh_orange { color: #CF8B37; } "
  61. 	+ ".stsh_pink { color: pink; } "
  62. 	+ "#stsh_showing { color: #CCDAD6; position: fixed; z-index: 4; right: 12px; bottom: 12px; text-align: right; line-height: 14px;} "
  63. 	+ ".stsh_showing_counter { display: inline-block; min-width: 60px; text-align: center; } "
  64. 	+ ".stsh_showing_header { color: #CCDAD6; display: inline-block; width: 135px; text-align: center; padding-top: 10px; } "
  65. 	+ ".stsh_showing_button { min-width: 135px; } "
  66. 	+ ".stsh_showing_group { position: fixed; z-index: 3; right: 12px; top: 84px; line-height: 24px; text-align: right; } "
  67. 	+ ".stsh_scroll_header { color: #CCDAD6; display: inline-block; width: 130px; text-align: center; padding-top: 10px; } "
  68. 	+ "#stsh_specialEvent { position: absolute; z-index: 2; right: 164px; top: 11px; } "
  69. 	+ ".stsh_snapshot { position: absolute; top: 320px; left: 790px; width: 140px; text-align: center; color: #FFF; } "
  70. 	+ ".suggestion_signature input[value~='APPROVE'], .suggestion_signature input[value~='Next'] { color: #A4B23C } "
  71. 	+ ".suggestion_signature input[value~='DECLINE'], .suggestion_signature input[value~='Next']:nth-child(5) { color: #F22 } "
  72. 	+ ".suggestion_signature input[disabled='disabled'] { color: #777 !important; } "
  73. 	+ ".lbAction input[value~='COMMENT'] { vertical-align: top; margin-top: 1px; height: 52px; } "
  74. 	+ ".lbAction input[value~='DISCUSS'] { vertical-align: top; margin-top: 1px; height: 36px; } "
  75. );
  76.  
  77. function attachOnLoad(callback)
  78. {
  79. 	window.addEventListener("load", function (e) 
  80. 	{
  81. 		callback();
  82. 	});
  83. }
  84.  
  85. function attachOnReady(callback) 
  86. {
  87. 	document.addEventListener("DOMContentLoaded", function (e) 
  88. 	{
  89. 		callback();
  90. 	});
  91. }
  92.  
  93. function addKeyCtrl(ele, input, keyCode, keyName)
  94. {
  95. 	if (ele != null && input != null)
  96. 	{
  97. 		//if (input.getAttribute("disabled") == null)
  98. 		//	return;
  99. 			
  100. 		if (keyName != null && keyName != "")
  101. 		{
  102. 			input.value += " (Ctrl+" + keyName + ")";
  103. 		}
  104. 		
  105. 		ele.addEventListener("keydown", function (e) 
  106. 		{
  107. 			//console.log("Key: " + e.keyCode);
  108. 			
  109. 			if (e.ctrlKey && e.keyCode == keyCode) 
  110. 			{
  111. 				input.focus();
  112. 				input.click();
  113. 				return false;
  114. 			}
  115. 		}, true);
  116. 	}
  117. }
  118.  
  119. function addKeyAlt(ele, input, keyCode, keyName)
  120. {
  121. 	if (ele != null && input != null)
  122. 	{
  123. 		if (keyName != null && keyName != "")
  124. 		{
  125. 			input.value += " (Alt+" + keyName + ")";
  126. 		}
  127. 		
  128. 		ele.addEventListener("keydown", function (e) 
  129. 		{
  130. 			if (e.altKey && e.keyCode == keyCode) 
  131. 			{
  132. 				input.focus();
  133. 				input.click();
  134. 				return false;
  135. 			}
  136. 		}, true);
  137. 	}
  138. }
  139.  
  140. function addKeyCtrlEnter(form, input)
  141. {
  142. 	addKeyCtrl(form, input, 13, "Enter")
  143. }
  144.  
  145. function disableAfterClick(ele)
  146. {
  147. 	ele.addEventListener("click", function (e) 
  148. 	{
  149. 		// don't change color after disable
  150. 		e.target.style.setProperty("color"
  151. 			, window.getComputedStyle(e.target).color, "important");
  152. 		e.target.disabled = true;
  153. 	}, true);
  154. }
  155.  
  156. function resizeSuggestionBox()
  157. {
  158. 	var script = document.createElement('script');
  159.  
  160. 	script.innerHTML = " \
  161. var stsh_showSuggestionsBox_start = new Date(); \
  162. var stsh_showSuggestionsBox_itv = setInterval(function() \
  163. { \
  164. 	var stsh_showSuggestionsBox_isEnd = false; \
  165. 	var stsh_showSuggestionsBox_cur = new Date(); \
  166. 	if (typeof showSuggestionsBox != 'undefined') \
  167. 	{ \
  168. 		showSuggestionsBox = function(url) \
  169. 		{ \
  170. 			g_suggestionsBoxIsOpen = true; \
  171. 			$('suggestions_box_outer').appear( \
  172. 			{ \
  173. 				duration : 0.1 \
  174. 			} \
  175. 			); \
  176. 			$('suggestions_iframe').setAttribute('src', url); \
  177. 			if (!Prototype.Browser.IE) \
  178. 			{ \
  179. 				$('suggestions_iframe').focus(); \
  180. 			} \
  181. 			$('suggestions_iframe').style.height = (document.viewport.getHeight() * 0.99) + 'px'; \
  182. 			return false; \
  183. 		}; \
  184. 		stsh_showSuggestionsBox_isEnd = true; \
  185. 	} \
  186. 	if (stsh_showSuggestionsBox_isEnd || stsh_showSuggestionsBox_cur - stsh_showSuggestionsBox_start > 10000) \
  187. 	{ \
  188. 		clearInterval(stsh_showSuggestionsBox_itv); \
  189. 	} \
  190. }, 300); \
  191. ";
  192. 	
  193. 	document.head.appendChild(script);
  194.  
  195. 	window.addEventListener("resize", function()
  196. 	{
  197. 		var iframe = document.querySelector("#suggestions_iframe");
  198. 		iframe.style.height = (window.innerHeight * 0.99) + "px";
  199. 	});
  200. }
  201.  
  202. function getQueryByName(name, url) 
  203. {
  204. 	if (url == null)
  205. 		url = location.search;
  206.     name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
  207.     var regex = new RegExp("[\\?&]" + name + "=([^&#]*)");
  208.     var results = regex.exec(url);
  209.     return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
  210. }
  211.  
  212. function checkSpecialCharMatched(str1, str2)
  213. {
  214. 	// return (status, numSp1, numSp2)
  215. 	// status: 0:Match, 1:NotMatch, 2:NotEqual
  216. 	
  217. 	var sp1 = "";
  218. 	var sp2 = "";
  219. 	var sp3 = "";
  220. 	var sp4 = "";
  221. 	var sp5 = "";
  222. 	var sp6 = "";
  223. 	var sp7 = "";
  224. 	var sp8 = "";
  225. 	
  226. 	var strOut1 = "";
  227. 	var strOut2 = "";
  228. 	
  229. 	if (str1 != null && str2 != null)
  230. 	{
  231. 		for (var i = 0; i < str1.length; i++)
  232. 		{	
  233. 			if (str1[i] == sp1 || str1[i] == sp2 || str1[i] == sp3 || str1[i] == sp4
  234. 				|| str1[i] == sp5 || str1[i] == sp6 || str1[i] == sp7 || str1[i] == sp8)
  235. 			{
  236. 				strOut1 += str1[i];
  237. 			}
  238. 		}
  239. 		for (var i = 0; i < str2.length; i++)
  240. 		{	
  241. 			if (str2[i] == sp1 || str2[i] == sp2 || str2[i] == sp3 || str2[i] == sp4
  242. 				|| str2[i] == sp5 || str2[i] == sp6 || str2[i] == sp7 || str2[i] == sp8)
  243. 			{
  244. 				strOut2 += str2[i];
  245. 			}
  246. 		}
  247. 	}
  248. 	
  249. 	var retVal = 0;
  250. 	
  251. 	if (strOut1 == strOut2)
  252. 		retVal = 0;
  253. 	else if (strOut1.length == strOut2.length)
  254. 		retVal = 1;
  255. 	else 
  256. 		retVal = 2;
  257. 	
  258. 	return new Array(retVal, strOut1.length, strOut2.length);
  259. }
  260.  
  261. function reload()
  262. {
  263. 	window.location = window.location.href;
  264. }
  265.  
  266. function getCookie(c_name) {
  267.     var c_value = document.cookie;
  268.     var c_start = c_value.indexOf(" " + c_name + "=");
  269.     if (c_start == -1) {
  270.         c_start = c_value.indexOf(c_name + "=");
  271.     }
  272.     if (c_start == -1) {
  273.         c_value = null;
  274.     }
  275.     else {
  276.         c_start = c_value.indexOf("=", c_start) + 1;
  277.         var c_end = c_value.indexOf(";", c_start);
  278.         if (c_end == -1) {
  279.             c_end = c_value.length;
  280.         }
  281.         c_value = unescape(c_value.substring(c_start, c_end));
  282.     }
  283.     return c_value;
  284. }
  285. 	
  286. function main() 
  287. {
  288. 	var url = document.documentURI;
  289. 	var lang = getCookie("Language");
  290. 	
  291. 	// Auto refresh when error
  292. 	{
  293. 		var h1 = document.querySelector("#leftAreaContainer > h1");
  294. 		if (h1 != null)
  295. 		{
  296. 			if (h1.textContent.trim() == "Steam Translation Server - Maintenance Warning")
  297. 			{
  298. 				console.log("stsh: refresh");
  299. 				setTimeout(reload, 60000);
  300. 				return;
  301. 			}
  302. 		}
  303. 	}
  304.  
  305. 	// Clean links
  306. 	{
  307. 		var pattT1 = /\?t=[0-9]{6,}\&/g;
  308. 		var pattT2 = /\&t=[0-9]{6,}/g;
  309. 		var pattT3 = /\?t=[0-9]{6,}/g;
  310. 	
  311. 		var as = document.querySelectorAll("a");
  312. 		for (var i = 0; i < as.length; i++)
  313. 		{
  314. 			var href = as[i].href;
  315. 			if (pattT1.test(href))
  316. 			{
  317. 				as[i].href = href.replace(pattT1,"?");
  318. 			}
  319. 			else if (pattT2.test(href))
  320. 			{
  321. 				as[i].href = href.replace(pattT2,"");
  322. 			}
  323. 			else if (pattT3.test(href))
  324. 			{
  325. 				as[i].href = href.replace(pattT3,"");
  326. 			}
  327. 		}
  328. 	}
  329.  
  330. 	var eleLogout = document.querySelector("#logout");
  331. 	if (eleLogout != null)
  332. 	{
  333. 		var logoutHtml = ' <input value="My Profile" type="button" onmouseup="window.open(\'/user_activity.php\',\'_blank\'); return false;" /> '
  334. 			+ ' <input name="login_button" value="Logout?" type="submit" onmouseup="return confirm(\'Logout?\');" /> ';
  335. 		
  336. 		eleLogout.innerHTML = logoutHtml;
  337. 	}
  338.  
  339. 	// Special event button
  340. 	{
  341. 		var eleLogoff = document.querySelector("#logoff");
  342. 		if (eleLogoff != null)
  343. 		{
  344. 			var d = new Date();
  345. 			if ((d.getUTCMonth() > 8) || (d.getUTCMonth() == 8 && d.getUTCDate() >= 25) || (d.getUTCMonth() == 0 && d.getUTCDate() <= 1))
  346. 			{
  347. 				var divSpecial = document.createElement("div");
  348. 				divSpecial.id = "stsh_specialEvent";
  349. 				divSpecial.innerHTML = '<input value="Year-End Rally" type="button" onmouseup="window.open(\'/rally'
  350. 					+ d.getUTCFullYear() + '.php\',\'_blank\'); return false;" />';
  351. 				eleLogoff.appendChild(divSpecial);
  352. 			}
  353. 		}
  354. 	}	
  355.  
  356. 	if (url.indexOf("Us_And_Them.php") > -1)
  357. 	{
  358. 		var container = "\"";
  359. 		var tdEng = document.querySelector("#leftAreaContainer > table:nth-child(5) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2)");
  360. 		if (tdEng != null)
  361. 		{
  362. 			tdEng.innerHTML = container + tdEng.innerHTML + container;
  363. 		}
  364. 	
  365. 		var h1 = document.querySelector("#leftAreaContainer > h1:nth-child(2)");
  366. 		if (h1 != null)
  367. 		{
  368. 			var header = h1.textContent.trim();
  369. 			var key = header.split(" ")[0];
  370. 			h1.innerHTML = header.replace(key, "<a href='http://translation.steampowered.com/translate.php?search_input=" 
  371. 				+ encodeURIComponent(key) + "' >" + key + "</a>");
  372. 			document.title = key + " - " + document.title;
  373. 		}
  374. 	
  375. 	} // End Us_And_Them.php
  376.  
  377. 	if (url.indexOf("suggestions.php") > -1)
  378. 	{
  379. 		var ele = document.querySelector("#suggestionmain > div:nth-child(4) > form:nth-child(2) > div:nth-child(1) > textarea:nth-child(1)");
  380. 		if (ele != null)
  381. 		{
  382. 			ele.style.width = "960px";
  383. 			ele.style.height = "64px";
  384. 			ele.style.marginLeft = "3px";
  385. 		}
  386. 	
  387. 		var inputClose = document.querySelector("#suggestions_nav > input[value^='Close']");
  388. 		if (inputClose != null)
  389. 		{
  390. 			inputClose.value = "Close (Esc)"; 
  391. 		}
  392. 	
  393. 		var td = document.querySelector(".progress > tbody:nth-child(2) > tr:nth-child(2) > td:nth-child(3)");
  394. 		if (td != null && td.textContent.trim() == "")
  395. 		{
  396. 			td.innerHTML = ' <input value="Move Suggestion Box Here" type="button" onmouseup="moveSuggestionBox(); return false;" /> ';
  397. 		}
  398. 	
  399. 		var textarea = document.querySelector("form.lbAction > div:nth-child(1) > textarea:nth-child(1)");
  400. 		if (textarea != null)
  401. 		{
  402. 			textarea.focus();
  403. 			textarea.style.height = textarea.scrollHeight + "px";
  404. 		}
  405. 	
  406. 		var br = document.querySelector("form.lbAction:nth-child(2) > div:nth-child(2) > br:nth-child(1)");
  407. 		if (br != null)
  408. 		{
  409. 			br.parentElement.removeChild(br);
  410. 		}
  411. 		
  412. 		var key = "";
  413. 	
  414. 		var divNav = document.querySelector("div#suggestions_nav");
  415. 		if (divNav != null)
  416. 		{
  417. 			var insert = "";
  418. 			var spliter = "_";
  419. 			var regApp = /[0-9]{2,}/;
  420. 		
  421. 			var aKey = document.querySelector(".smallcopy > font:nth-child(2) > a:nth-child(1)");
  422. 			if (aKey != null)
  423. 			{
  424. 				insert += ' <br/> &nbsp; ';
  425. 				key = encodeURIComponent(aKey.textContent.trim());
  426. 			
  427. 				if (key == "token-key")
  428. 				{
  429. 					aKey = document.querySelector(".smallcopy > a:nth-child(3)");
  430. 					if (aKey != null)
  431. 					{
  432. 						key = encodeURIComponent(aKey.textContent.trim());
  433. 					}
  434. 				}
  435. 			
  436. 				if (key != "")
  437. 				{
  438. 					document.title = key + " - " + document.title;
  439. 					
  440. 					if (key.split(spliter).length > 1)
  441. 					{
  442. 						if (key.indexOf("%23") == 0)
  443. 						{						
  444. 							var firstSpliter = key.indexOf(spliter);
  445. 							var keySharp = key.substring(0, firstSpliter);
  446. 							insert += ' <input value="Search by Sharp" type="button" onmouseup="window.open(\'/translate.php?search_input=' 
  447. 								+ keySharp + '\',\'_blank\'); return false;"> ';
  448. 						}
  449. 					
  450. 						var lastSpliter = key.lastIndexOf(spliter);
  451. 						var keyGroup = key.substring(0, lastSpliter);
  452. 						insert += ' <input value="Search by Group" type="button" onmouseup="window.open(\'/translate.php?search_input=' 
  453. 							+ keyGroup + '\',\'_blank\'); return false;"> ';
  454. 					}
  455. 					insert += ' <input value="Search by Key" type="button" onmouseup="window.open(\'/translate.php?search_input=' 
  456. 						+ key + '\',\'_blank\'); return false;"> ';
  457. 				}
  458. 			}
  459. 		
  460. 			var tdText = document.querySelector(".progress > tbody:nth-child(2) > tr:nth-child(2) > td:nth-child(1)");
  461. 			if (tdText != null)
  462. 			{
  463. 				if (tdText.textContent.trim() == "")
  464. 				{
  465. 					tdText = document.querySelector(".progress > tbody:nth-child(2) > tr:nth-child(3) > td:nth-child(1)");
  466. 				}
  467. 			}
  468. 			if (tdText != null)
  469. 			{
  470. 				var text = encodeURIComponent(tdText.textContent.trim()).replace(/(%20|%09)/g,"+")
  471. 					.replace(/'/g,"\\'").replace("%0A","+").replace(/\++/g,"+").substr(0, 80);
  472. 					
  473. 				if (text.length >= 80)
  474. 				{
  475. 					text = text.substr(0,text.lastIndexOf("+"));
  476. 				}
  477. 				
  478. 				if (text != "")
  479. 				{
  480. 					insert += ' <br/> &nbsp; <input value="Search by String" type="button" onmouseup="window.open(\'/translate.php?search_input=' 
  481. 						+ text + '\',\'_blank\'); return false;"> ';
  482. 				}
  483. 			}
  484. 		
  485. 			var app = regApp.exec(key.replace("%23",""));
  486. 			if (key.indexOf("faq") < 0 && app != null)
  487. 			{
  488. 				insert += ' <br/> &nbsp; ';
  489. 			
  490. 				if (key.indexOf("SharedFiles_App_") == 0)
  491. 				{
  492. 					insert += ' <input value="View Workshop" type="button" onmouseup="window.open(\'http://steamcommunity.com/workshop/browse?appid=' 
  493. 						+ app + '\',\'_blank\'); return false;"> ';
  494. 				}
  495. 			
  496. 				insert += ' <input value="View Community" type="button" onmouseup="window.open(\'http://steamcommunity.com/app/' 
  497. 					+ app + '/\',\'_blank\'); return false;"> '
  498. 			
  499. 				insert += ' <input value="View App" type="button" onmouseup="window.open(\'http://store.steampowered.com/app/' 
  500. 					+ app + '/\',\'_blank\'); return false;"> ';
  501. 			}
  502. 		
  503. 			var src = document.documentURI;
  504. 			var insertBefore = " <input value=\"Refresh\" onmouseup=\"window.location = window.location.href; return false;\" type=\"button\"> "
  505. 				+ " <input value=\"Frame\" onmouseup=\"window.open('" 
  506. 				+ src + "','_blank'); return false;\" type=\"button\"> ";
  507. 		
  508. 			var innerNew = divNav.innerHTML
  509. 				.replace('<input value="Previous','&nbsp;&nbsp;<input value="Prev')
  510. 				.replace('<input value="Close','&nbsp;&nbsp;<input value="Close');
  511. 		
  512. 			divNav.innerHTML = insertBefore + innerNew + insert;
  513. 		}
  514. 	
  515. 		// Regroup glossary
  516. 		var stsh_regroupGlossary_start = new Date();
  517. 		var stsh_regroupGlossary_itv = setInterval(function()
  518. 		{
  519. 			var stsh_regroupGlossary_isEnd = false;
  520. 			var stsh_regroupGlossary_cur = new Date();
  521. 			
  522. 			var divSgts = document.querySelectorAll("div.suggestions_list");
  523. 			if (divSgts.length > 0)
  524. 			{
  525. 				var noResult = "No results";
  526. 				var br = "<br>";
  527. 				var brSpace = " <br> ";
  528. 				var tag = "<";
  529. 				var colon = ":";
  530. 				var comma = ",";
  531. 				var isEdit = false;
  532. 			
  533. 				var p = divSgts[divSgts.length - 1].nextSibling;
  534. 				if (p == null || p.tagName != "P")
  535. 				{
  536. 					p = document.querySelector("#suggestionmain > p");
  537. 				}
  538. 				
  539. 				if (p != null)
  540. 				{
  541. 					var inner = p.innerHTML;
  542. 					if (inner.indexOf("GLOSSARY FEATURE") > -1)
  543. 					{
  544. 						var glossaries = inner.split(br);
  545. 						for (var i = 0; i < glossaries.length; i++)
  546. 						{
  547. 							var glossary = glossaries[i].trim();
  548. 							if (glossary.length > 0 && glossary.indexOf(tag) != 0 && glossary != noResult)
  549. 							{
  550. 								var colonIndex = glossary.indexOf(colon);
  551. 								var contentHead = glossary.substr(0, colonIndex + 2);
  552. 								var contentAll = glossary.substr(colonIndex + 1);
  553. 								var contents = contentAll.split(comma).sort();
  554. 							
  555. 								var contentsNew = contents.filter(function(elem, pos) 
  556. 								{
  557. 									return contents.indexOf(elem) == pos;
  558. 								});
  559. 							
  560. 								for (var j = 0; j < contentsNew.length; j++)
  561. 								{
  562. 									contentsNew[j] = " <span onclick='clickToSelect(this)'>" 
  563. 										+ contentsNew[j].trim() + "</span>";
  564. 								}
  565. 							
  566. 								glossaries[i] = contentHead + contentsNew.join(comma);
  567. 								isEdit = true;
  568. 							}
  569. 						}
  570. 						if (isEdit)
  571. 						{
  572. 							p.innerHTML = glossaries.join(brSpace);
  573. 							stsh_regroupGlossary_isEnd = true;
  574. 						}
  575. 					}
  576. 				}
  577. 			}
  578. 			
  579. 			
  580. 			if (stsh_regroupGlossary_isEnd || stsh_regroupGlossary_cur - stsh_regroupGlossary_start > 10000)
  581. 			{
  582. 				clearInterval(stsh_regroupGlossary_itv);
  583. 			}
  584. 		}, 300);
  585. 		
  586. 		// Auto link http
  587. 		{
  588. 			var regUrl = /http[^ "]+/ig;
  589. 			var eleComments = document.querySelectorAll(""
  590. 				+ ".suggestion_signature > i:nth-child(3), "
  591. 				+ ".suggestion_signature div:nth-child(1) > i:nth-child(6), "
  592. 				+ ".row0 > td:nth-child(2), .row1 > td:nth-child(2), .row2 > td:nth-child(2), "
  593. 				+ ".row-1 > td:nth-child(2) ");
  594. 				
  595. 			for (var i = 0; i < eleComments.length; i++)
  596. 			{
  597. 				var comment = eleComments[i].innerHTML + " ";
  598. 				if (comment.indexOf("<a") == -1)
  599. 				{
  600. 					var commentUrls = comment.match(regUrl) || [];
  601. 					for (var j = 0; j < commentUrls.length; j++)
  602. 					{
  603. 						var commentUrl = commentUrls[j] + " ";
  604. 						comment = comment.replace(commentUrl,"<a target='_blank' href='" 
  605. 							+ commentUrls[j] + "' >" + decodeURIComponent(commentUrls[j]) + "</a> ");
  606. 					}
  607. 				}
  608. 				
  609. 				comment = comment.trim();
  610. 				
  611. 				if (comment.indexOf("Comment:") == 0)
  612. 				{
  613. 					comment = comment
  614. 						//.replace("Comment:", "<span class='stsh_white'>Comment:</span>")
  615. 						.replace(/\-\&gt\;/g, "<span class='stsh_white'>-&gt;</span>")
  616. 						.replace(/\,/g, "<span class='stsh_white'>,</span>");
  617. 				}
  618. 				
  619. 				eleComments[i].innerHTML = comment;
  620. 				
  621. 				var eleAs = eleComments[i].querySelectorAll("a");
  622. 				for (var j = 0; j < eleAs.length; j++)
  623. 				{
  624. 					var href = eleAs[j].getAttribute("href");
  625. 					if (href.indexOf("#") > -1)
  626. 					{
  627. 						eleAs[j].setAttribute("href", href.replace(/\#/g,"%23"));
  628. 					}
  629. 				}
  630. 			}
  631. 		}
  632. 	
  633. 		var divIntro = document.querySelector("#suggestionmain > div.smallcopy");
  634. 		if (divIntro != null)
  635. 		{			
  636. 			var qBranch = getQueryByName("branch");
  637. 			
  638. 			var htmlToken = "You are editing";
  639. 			var htmlTokenReplace = "";
  640. 			
  641. 			var htmlToken2 = "token-key";
  642. 			var htmlToken2Replace = "Token-key";
  643. 			
  644. 			var htmlFile = "of file";
  645. 			var htmlFileReplace = '<br>File: <font class="stsh_blue" onclick="clickToSelect(this)">' + qBranch + '</font> >> ';
  646. 			
  647. 			var htmlSugg = 'You have  <font style="';
  648. 			var htmlSuggReplace = 'You have <font title="Enter and submit new suggestions below.  Do not alter HTML tags or variables." style="cursor: pointer; ';
  649. 			
  650. 			var htmlIntro = "Enter and submit new suggestions below. Do not alter HTML tags or variables.";
  651. 			var htmlIntroReplace = ' <a href="mailto:translationserver@valvesoftware.com" '
  652. 				+ 'title="Please report truncated tokens to translationserver@valvesoftware.com">'
  653. 				+ '<font style="color:white;">Report Tokens</font></a>';
  654. 			
  655. 			var htmlContact = '<br>Please report truncated tokens to: <a href="mailto:translationserver@valvesoftware.com"><font style="color:white;">translationserver@valvesoftware.com</font></a>';
  656. 			var htmlContactReplace = '';
  657. 			
  658. 			if (key != "")
  659. 			{
  660. 				htmlIntroReplace += ' <br>Share: <font class="stsh_green" style="font-size: 0.8em;" onclick="clickToSelect(this)">'
  661. 					+ 'http://translation.steampowered.com/translate.php?search_input=' + key
  662. 					+ "</font> <br>";
  663. 			}
  664. 			
  665. 			var isComplete = (divIntro.innerHTML.indexOf(htmlContact) > -1);
  666. 			
  667. 			divIntro.innerHTML = divIntro.innerHTML
  668. 				.replace(htmlToken, htmlTokenReplace)
  669. 				.replace(htmlToken2, htmlToken2Replace)
  670. 				.replace(htmlFile, htmlFileReplace)
  671. 				.replace(htmlSugg, htmlSuggReplace)
  672. 				.replace(htmlIntro, htmlIntroReplace)
  673. 				.replace(htmlContact, htmlContactReplace)
  674. 				.trim();
  675. 			
  676. 			if (!isComplete)
  677. 			{
  678. 				var stsh_introReplace_start = new Date();
  679. 				var stsh_introReplace_itv = setInterval(function(divIntro, htmlContact, htmlContactReplace)
  680. 				{
  681. 					var stsh_introReplace_isEnd = false;
  682. 					var stsh_introReplace_cur = new Date();
  683. 					
  684. 					if (divIntro.innerHTML.indexOf(htmlContact) > -1)
  685. 					{
  686. 						divIntro.innerHTML = divIntro.innerHTML
  687. 							.replace(htmlContact, htmlContactReplace);
  688. 							
  689. 						stsh_introReplace_isEnd = true;
  690. 					}
  691. 					
  692. 					if (stsh_introReplace_isEnd || stsh_introReplace_cur - stsh_introReplace_start > 10000)
  693. 					{
  694. 						clearInterval(stsh_introReplace_itv);
  695. 					}
  696. 				}, 100, divIntro, htmlContact, htmlContactReplace);
  697. 			}
  698. 		}
  699. 	
  700. 		var formComments = document.querySelectorAll(".lbAction");
  701. 		for (var i = 0; i < formComments.length; i++)
  702. 		{
  703. 			var formComment = formComments[i];
  704. 			var inputComment = formComment.querySelector("input[type=submit]");
  705. 			if (inputComment != null)
  706. 			{
  707. 				addKeyCtrlEnter(formComment, inputComment);
  708. 			}
  709. 		}
  710. 		
  711. 		var inputApprove = document.querySelector(".suggestion_signature input[value~='APPROVE']");
  712. 		if (inputApprove != null)
  713. 		{
  714. 			addKeyAlt(document, inputApprove, 219, "[");	// [
  715. 			addKeyAlt(document, inputApprove, 0, "");		// [
  716. 			addKeyAlt(document, inputApprove, 79, "");		// O
  717. 			addKeyAlt(document, inputApprove, 65, "");		// A
  718. 		}
  719. 		
  720. 		var inputApproveNext = document.querySelector(".suggestion_signature input[value~='Next']");
  721. 		if (inputApproveNext != null)
  722. 		{
  723. 			inputApproveNext.value = "Next";
  724. 			addKeyAlt(document, inputApproveNext, 221, "]");	// ]
  725. 			addKeyAlt(document, inputApproveNext, 188, "");		// ]
  726. 			addKeyAlt(document, inputApproveNext, 80, "");		// P
  727. 			addKeyAlt(document, inputApproveNext, 83, "");		// S
  728. 			
  729. 			disableAfterClick(inputApproveNext);
  730. 		}
  731. 		
  732. 		var inputDeclineNext = document.querySelector(".suggestion_signature input[value~='Next']:nth-child(5)");
  733. 		if (inputDeclineNext != null)
  734. 		{
  735. 			inputDeclineNext.value = "Next";
  736. 		}
  737. 		
  738. 		var inputPrev = document.querySelector("#suggestions_nav > input[value^='Prev']");
  739. 		if (inputPrev != null)
  740. 		{
  741. 			addKeyCtrl(document, inputPrev, 219, "[");
  742. 			addKeyCtrl(document, inputPrev, 0, "");
  743. 			
  744. 			disableAfterClick(inputPrev);
  745. 		}
  746. 		
  747. 		var inputNext = document.querySelector("#suggestions_nav > input[value~='Next']");
  748. 		if (inputNext != null)
  749. 		{
  750. 			addKeyCtrl(document, inputNext, 221, "]");
  751. 			addKeyCtrl(document, inputNext, 188, "");
  752. 			
  753. 			disableAfterClick(inputNext);
  754. 		}
  755. 	
  756. 		// Check special chars
  757. 		{			
  758. 			var h1s = document.querySelectorAll(".progress h1");
  759. 			if (h1s.length == 2)
  760. 			{				
  761. 				var h1Org = h1s[0];
  762. 				var h1Trn = h1s[1];
  763. 				
  764. 				var tdOrg = document.querySelector(".progress tr:nth-child(2) > td:nth-child(1)");
  765. 				var tdTrn = document.querySelector(".progress tr:nth-child(2) > td:nth-child(3)");
  766. 				
  767. 				if (tdOrg != null && tdTrn != null)
  768. 				{
  769. 					var strOrg = tdOrg.textContent.trim();
  770. 					var strTrn = tdTrn.textContent.trim();
  771. 					
  772. 					var statusTrnArr = checkSpecialCharMatched(strOrg, strTrn);
  773. 					var statusTrnMatched = statusTrnArr[0];
  774. 					var spOrg = statusTrnArr[1];
  775. 					var spTrn = statusTrnArr[2];
  776. 					
  777. 					if (spOrg > 0)
  778. 					{
  779. 						var spanSpOrg = document.createElement("span");
  780. 						spanSpOrg.id = "stsh_spanSpOrg";
  781. 						spanSpOrg.classList.add("stsh_blue");
  782. 						spanSpOrg.innerHTML = " &nbsp;&nbsp;&nbsp;SpecialChar: " + spOrg;
  783. 						h1Org.parentElement.appendChild(spanSpOrg);
  784. 					
  785. 						// Check chars in translated
  786. 						if (strTrn != "")
  787. 						{
  788. 							var spanSpTrn = document.createElement("span");
  789. 							spanSpTrn.id = "stsh_spanSpTrn";
  790. 							
  791. 							if (statusTrnMatched == 0)
  792. 							{
  793. 								spanSpTrn.classList.add("stsh_green");
  794. 							}
  795. 							else
  796. 							{
  797. 								spanSpTrn.classList.add("stsh_red");
  798. 							}
  799. 							
  800. 							var outputTrn = " &nbsp;&nbsp;&nbsp;SpecialChar: " + spTrn;
  801. 							if (statusTrnMatched == 0)
  802. 							{
  803. 								outputTrn += " (Matched)";
  804. 							}
  805. 							else if (statusTrnMatched == 1)
  806. 							{
  807. 								outputTrn += " (Order not matched)";
  808. 							}
  809. 							else
  810. 							{
  811. 								outputTrn += " (Not matched)";
  812. 							}
  813. 							
  814. 							spanSpTrn.innerHTML = outputTrn;
  815. 							h1Trn.parentElement.appendChild(spanSpTrn);
  816. 						}
  817. 						
  818. 						// Check chars in suggested
  819. 						var divSugs = document.querySelectorAll(".suggestion_text");
  820. 						for (var i = 0; i < divSugs.length; i++)
  821. 						{
  822. 							var divSug = divSugs[i];
  823. 							var strSug = divSug.textContent.trim();
  824. 						
  825. 							var statusSugArr = checkSpecialCharMatched(strOrg, strSug);
  826. 							var statusSugMatched = statusSugArr[0];
  827. 							var spSug = statusSugArr[2];
  828. 							
  829. 							
  830. 							var spanSpSug = document.createElement("span");
  831. 							spanSpSug.classList.add("stsh_spanSpSug");
  832. 							
  833. 							if (statusSugMatched == 0)
  834. 							{
  835. 								spanSpSug.classList.add("stsh_green");
  836. 							}
  837. 							else
  838. 							{
  839. 								spanSpSug.classList.add("stsh_red");
  840. 							}
  841. 							
  842. 							var outputSug = " SpecialChar: " + spSug;
  843. 							if (statusSugMatched == 0)
  844. 							{
  845. 								outputSug += " (Matched)";
  846. 							}
  847. 							else if (statusSugMatched == 1)
  848. 							{
  849. 								outputSug += " (Order not matched)";
  850. 							}
  851. 							else
  852. 							{
  853. 								outputSug += " (Not matched)";
  854. 							}
  855. 							outputSug += " <br/><br/> ";
  856. 							
  857. 							spanSpSug.innerHTML = outputSug;
  858. 							
  859. 							divSug.insertBefore(spanSpSug, divSug.firstChild);
  860. 						}
  861. 					
  862. 					}
  863. 				}
  864. 			}
  865. 			
  866. 		}
  867. 	
  868. 		// Trim string in same token
  869. 		{
  870. 			var p = document.querySelector("#suggestionmain > div:nth-child(5) > p:nth-child(4)");
  871. 			if (p != null)
  872. 			{
  873. 				for (var i = 0; i < p.childNodes.length; i++)
  874. 				{
  875. 					child = p.childNodes[i];
  876. 					if (child.nodeName == "#text")
  877. 					{
  878. 						child.nodeValue = child.nodeValue.trim();
  879. 					}
  880. 				}
  881. 			}
  882. 		}
  883. 		
  884. 		// Display newlines
  885. 		{
  886. 			var tdOrg = document.querySelector(".progress tr:last-child > td:nth-child(1)");
  887. 			var tdTrn = document.querySelector(".progress tr:last-child > td:nth-child(3)");
  888. 			
  889. 			if (tdOrg != null && tdTrn != null)
  890. 			{
  891. 				
  892. 				var htmlOrg = tdOrg.innerHTML.trim();
  893. 				if ((htmlOrg.indexOf("\n") > -1 || htmlOrg.indexOf("\\n") > -1) && htmlOrg.indexOf("<br") < 0 
  894. 					&& htmlOrg.indexOf("<p") < 0 && htmlOrg.indexOf("<div") < 0 && htmlOrg.indexOf("<li") < 0 )
  895. 				{
  896. 					var h2SugHeader = document.querySelector("#suggestionmain > div > h2");
  897. 					if (h2SugHeader != null)
  898. 					{
  899. 						var btn = document.createElement("input");
  900. 						btn.setAttribute("class", "stsh_btnRight");
  901. 						btn.setAttribute("type", "button");
  902. 						btn.setAttribute("value", "Display Newlines");
  903. 						
  904. 						function displayNewlines(ele)
  905. 						{
  906. 							if (ele != null)
  907. 							{
  908. 								ele.innerHTML = ele.innerHTML.trim().replace(/\n/g,"\n<br>").replace(/\\n/g," \\n<br>");
  909. 							}
  910. 						}
  911. 				
  912. 						btn.addEventListener("click", function(e)
  913. 						{
  914. 							e.target.disabled = true;
  915. 							
  916. 							var tdOrg = document.querySelector(".progress tr:last-child > td:nth-child(1)");
  917. 							var tdTrn = document.querySelector(".progress tr:last-child > td:nth-child(3)");
  918. 							displayNewlines(tdOrg);
  919. 							displayNewlines(tdTrn);
  920. 								
  921. 							var divSugs = document.querySelectorAll(".suggestion_text");
  922. 							for (var i = 0; i < divSugs.length; i++)
  923. 							{
  924. 								var divSug = divSugs[i];
  925. 								displayNewlines(divSug);
  926. 							}
  927. 							
  928. 							var textarea = document.querySelector("form.lbAction > div:nth-child(1) > textarea:nth-child(1)");
  929. 							if (textarea != null)
  930. 							{
  931. 								textarea.focus();
  932. 							}
  933. 						});
  934. 						
  935. 						h2SugHeader.appendChild(btn);
  936. 					}
  937. 				}
  938. 			}
  939. 		}
  940. 		
  941. 		// Convert time
  942. 		{
  943. 		
  944. 			//var d2 = new Date("2014-10-03T21:18:00-07:00")
  945. 			
  946. 		}
  947. 		
  948. 	} // End suggestions.php
  949.  
  950. 	if (url.indexOf("translate.php") > -1)
  951. 	{
  952. 		var searchText = getQueryByName("search_input");
  953. 		if (searchText != "")
  954. 		{
  955. 			document.title = searchText + " - " + document.title;
  956. 		}
  957. 		else
  958. 		{
  959. 			var fileID = getQueryByName("file_ID");
  960. 			if (fileID != "")
  961. 			{
  962. 				var eleFile = document.querySelector("#leftAreaContainer > div:nth-child(12)");
  963. 				if (eleFile != null)
  964. 				{
  965. 					var file = eleFile.textContent.trim();
  966. 					if (file.indexOf("select file") == 0)
  967. 					{
  968. 						file = file.substring(33);
  969. 						var fileNew = file.split("#").reverse().join(" # ").trim();						
  970. 						document.title = fileNew + " - " + document.title;
  971. 					}
  972. 				}
  973. 			}
  974. 		}
  975. 	
  976. 		var outer = document.getElementById("suggestions_box_outer");
  977. 		if (outer != null)
  978. 		{
  979. 			outer.setAttribute("onclick","hideSuggestionsBox();");
  980. 		}
  981. 	
  982. 		var divBtn = document.createElement("div");
  983. 		document.body.appendChild(divBtn);
  984. 		divBtn.innerHTML = ' \
  985. <div class="stsh_showing_group"> \
  986. 	&nbsp; <input value="Hide App" class="stsh_btn" type="button" onmouseup="hideKeyAppInterval(); return false;" /> \
  987. 	<br/> &nbsp; <input value="Hide Game" class="stsh_btn" type="button" onmouseup="hideKeyGameInterval(); return false;" /> \
  988. 	<br/> &nbsp; <input value="Hide FAQ" class="stsh_btn" type="button" onmouseup="hideKeyFaqInterval(); return false;" /> \
  989. 	<br/> &nbsp; <input value="Hide Support" class="stsh_btn" type="button" onmouseup="hideKeySupportInterval(); return false;" /> \
  990. 	<br/> &nbsp; <input value="Hide Promo" class="stsh_btn" type="button" onmouseup="hideKeyPromoInterval(); return false;" /> \
  991. 	<br/> \
  992. 	<br/> &nbsp; <input value="Hide not similar" class="stsh_btnLong" type="button" onmouseup="hideStrNotMatchInterval(); return false;" /> \
  993. 	<br/> &nbsp; <input value="Hide very long" class="stsh_btnLong" type="button" onmouseup="hideStrLongInterval(); return false;" /> \
  994. 	 \
  995. 	<br/> &nbsp; <span class="stsh_showing_header">Hide Suggestions</span>\
  996. 	<br/> &nbsp; <input id="stsh_showing_notTranslated" value="Not Translated (0)" class="stsh_showing_button" type="button" /> \
  997. 	<br/> &nbsp; <input id="stsh_showing_suggested" value="Suggested (0)" class="stsh_showing_button" type="button" /> \
  998. 	<br/> &nbsp; <input id="stsh_showing_resuggested" value="Resuggested (0)" class="stsh_showing_button" type="button" /> \
  999. 	<br/> &nbsp; <input id="stsh_showing_approved" value="Approved (0)" class="stsh_showing_button" type="button" /> \
  1000. 	<br/> &nbsp; <input id="stsh_showing_declined" value="Declined (0)" class="stsh_showing_button" type="button" /> \
  1001. 	<br/> &nbsp; <input id="stsh_showing_translated" value="Translated (0)" class="stsh_showing_button" type="button" /> \
  1002. 	<br/> \
  1003. 	<br/> &nbsp; <input value="Sort by Key" class="stsh_btn" type="button" onmouseup="sortKeyInterval(); return false;" /> \
  1004. 	<br/> \
  1005. 	<br/> &nbsp; <input id="stsh_showing_refresh" value="Refresh" class="stsh_btn" type="button" onmouseup="hideSuggestionsBox(); return false;" /> \
  1006. 	<br/> &nbsp; <input id="stsh_showing_all" value="Show All" class="stsh_btn" type="button" onmouseup="showKey(); return false;" /> \
  1007. 	<br/><br/> &nbsp; <span id="stsh_showing"></span> \
  1008. </div> \
  1009. ';
  1010.  
  1011. 		// Count showing
  1012. 		function countShowing()
  1013. 		{
  1014. 			var trKeys = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr");
  1015. 			var countAll = document.querySelectorAll("#keylist .copysmall").length;
  1016. 			var countShow = 0;
  1017. 			var countSuggest = 0;
  1018. 			var countResuggest = 0;
  1019. 			var countApprove = 0;
  1020. 			var countDecline = 0;
  1021. 			var countNotTranslated = 0;
  1022. 			var countTranslated = 0;
  1023. 			
  1024. 			var txtApprove = "ready for Admin";
  1025. 			var txtDecline = "ready for removal";
  1026. 			var txtSuggest = "suggestion";
  1027. 			
  1028. 			for (var i = 0; i < trKeys.length; i++)
  1029. 			{
  1030. 				if (trKeys[i].style.display != "none")
  1031. 				{
  1032. 					var eleCounter = trKeys[i].querySelector("tr.copysmall > td:nth-child(3)");
  1033. 					if (eleCounter != null)
  1034. 					{
  1035. 						countShow++;
  1036. 						var txtCounter = eleCounter.textContent.trim();
  1037. 						if (txtCounter.indexOf(txtApprove) > -1)
  1038. 						{
  1039. 							countApprove++;
  1040. 						}
  1041. 						else if (txtCounter.indexOf(txtDecline) > -1)
  1042. 						{
  1043. 							countDecline++;
  1044. 						}
  1045. 						else if (txtCounter.indexOf(txtSuggest) > -1)
  1046. 						{
  1047. 							var eleNotTranslated = trKeys[i].querySelector("span.token_nottranslated");
  1048. 							if (eleNotTranslated != null)
  1049. 							{
  1050. 								countSuggest++;
  1051. 							}
  1052. 							else
  1053. 							{
  1054. 								countResuggest++;
  1055. 							}
  1056. 						}
  1057. 						else
  1058. 						{						
  1059. 							var eleNotTranslated = trKeys[i].querySelector("span.token_nottranslated");
  1060. 							if (eleNotTranslated != null)
  1061. 							{
  1062. 								countNotTranslated++;
  1063. 							}
  1064. 							else
  1065. 							{
  1066. 								countTranslated++;
  1067. 							}
  1068. 						}
  1069. 					}
  1070. 					else
  1071. 					{
  1072. 						var eleTd = trKeys[i].querySelector("td");
  1073. 						if (eleTd != null)
  1074. 						{
  1075. 							if (eleTd.textContent.trim() == "")
  1076. 							{
  1077. 								trKeys[i].parentElement.removeChild(trKeys[i]);
  1078. 							}
  1079. 						}
  1080. 					}
  1081. 				}
  1082. 			}
  1083. 			var eleShowing = document.getElementById("stsh_showing");
  1084. 			if (eleShowing != null)
  1085. 			{			
  1086. 				var newHtml = "Showing: <span class=\"stsh_showing_counter\">" + countShow + " of " + countAll + "</span>"
  1087. 					+ "<!-- " + countNotTranslated + ", " + countSuggest + ", " + countResuggest
  1088. 					+ ", " + countApprove + ", " + countDecline + ", " + countTranslated + " -->";
  1089. 					
  1090. 				if (eleShowing.innerHTML != newHtml)
  1091. 				{
  1092. 					eleShowing.innerHTML = newHtml;
  1093.  
  1094. 					var eleBtnShowings = document.querySelectorAll("#stsh_showing_notTranslated, #stsh_showing_suggested, #stsh_showing_resuggested"
  1095. 						+ ", #stsh_showing_approved, #stsh_showing_declined, #stsh_showing_translated");
  1096. 					if (eleBtnShowings.length == 6)
  1097. 					{
  1098. 						var counterArr = [countNotTranslated, countSuggest, countResuggest, countApprove, countDecline, countTranslated ];
  1099. 						var counterTextArr = ["Not Translated", "Suggested", "Resuggested"
  1100. 							, "Approved", "Declined", "Translated" ];
  1101.  
  1102. 						for (var i = 0; i < eleBtnShowings.length; i++)
  1103. 						{
  1104. 							eleBtnShowings[i].value = counterTextArr[i] + " ("+ counterArr[i] +")" ;
  1105. 						};
  1106. 					}
  1107. 				}
  1108. 			}
  1109. 		}
  1110. 		countShowing();
  1111. 		setInterval(countShowing, 1000);
  1112. 		// End Count showing
  1113.  
  1114. 		// Hide suggestions
  1115. 		{
  1116. 			function hideSuggestions(mode) 
  1117. 			{
  1118. 				// mode: 0-5 (0: "Not Translated", 1: "Suggested", 2: "Resuggested", 3: "Approved", 4: "Declined", 5: "Translated")
  1119.  
  1120. 				if (mode < 0 || mode > 5)
  1121. 					return;
  1122.  
  1123. 				var display = "none"; 
  1124. 				var txtApprove = "ready for Admin";
  1125. 				var txtDecline = "ready for removal";
  1126. 				var txtSuggest = "suggestion";
  1127. 				 
  1128. 				var trKeys = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr");
  1129. 				for (var i = 0; i < trKeys.length; i++) 
  1130. 				{ 
  1131. 					if (trKeys[i].style.display != display)
  1132. 					{
  1133. 						var curMode = -1;
  1134.  
  1135. 						var eleCounter = trKeys[i].querySelector("tr.copysmall > td:nth-child(3)");
  1136. 						if (eleCounter != null)
  1137. 						{
  1138.  
  1139. 							var txtCounter = eleCounter.textContent.trim();
  1140. 							if (txtCounter.indexOf(txtApprove) > -1)
  1141. 							{
  1142. 								curMode = 3;	// Approved
  1143. 							}
  1144. 							else if (txtCounter.indexOf(txtDecline) > -1)
  1145. 							{
  1146. 								curMode = 4;	// Declined
  1147. 							}
  1148. 							else if (txtCounter.indexOf(txtSuggest) > -1)
  1149. 							{
  1150. 								var eleNotTranslated = trKeys[i].querySelector("span.token_nottranslated");
  1151. 								if (eleNotTranslated != null)
  1152. 								{
  1153. 									curMode = 1;	// Suggested
  1154. 								}
  1155. 								else
  1156. 								{
  1157. 									curMode = 2;	// Resuggested
  1158. 								}
  1159. 							}
  1160. 							else
  1161. 							{						
  1162. 								var eleNotTranslated = trKeys[i].querySelector("span.token_nottranslated");
  1163. 								if (eleNotTranslated != null)
  1164. 								{
  1165. 									curMode = 0;	// Not Translated
  1166. 								}
  1167. 								else
  1168. 								{
  1169. 									curMode = 5;	// Translated
  1170. 								}
  1171. 							}
  1172. 						}
  1173.  
  1174. 						if (curMode == mode) 
  1175. 						{ 
  1176. 							trKeys[i].style.display = display;
  1177. 						} 
  1178. 					}
  1179. 				} 
  1180. 			}
  1181.  
  1182. 			var itvTime = 300;
  1183. 			var itvIdHider = [0, 0, 0, 0, 0, 0];
  1184.  
  1185. 			var eleBtnShowings = document.querySelectorAll("#stsh_showing_notTranslated, #stsh_showing_suggested, #stsh_showing_resuggested"
  1186. 				+ ", #stsh_showing_approved, #stsh_showing_declined, #stsh_showing_translated");
  1187. 			if (eleBtnShowings.length == 6)
  1188. 			{
  1189. 				for (var i = 0; i < eleBtnShowings.length; i++)
  1190. 				{
  1191. 					eleBtnShowings[i].param = i;
  1192. 					eleBtnShowings[i].addEventListener("click", function(ev)
  1193. 					{
  1194. 						var mode = ev.target.param;
  1195.  
  1196. 						clearInterval(itvIdHider[mode]);
  1197. 						itvIdHider[mode] = setInterval(function(ev)
  1198. 						{
  1199. 							hideSuggestions(mode);
  1200. 						}, itvTime);
  1201.  
  1202. 						hideSuggestions(mode);
  1203. 						countShowing();
  1204. 						eleBtnShowings[mode].setAttribute("disabled", "disabled");
  1205. 					});
  1206. 				}
  1207.  
  1208. 				var eleBtnShowAll = document.querySelector("#stsh_showing_all");
  1209. 				if (eleBtnShowAll != null)
  1210. 				{
  1211. 					eleBtnShowAll.addEventListener("click", function()
  1212. 					{
  1213. 						for (var i = 0; i < eleBtnShowings.length; i++)
  1214. 						{
  1215. 							clearInterval(itvIdHider[i]);
  1216. 							countShowing();
  1217. 							eleBtnShowings[i].removeAttribute("disabled");
  1218. 						}
  1219. 					});
  1220. 				}
  1221. 			}
  1222.  
  1223. 		} // End Hide suggestions
  1224.  
  1225. 		resizeSuggestionBox();
  1226. 	
  1227. 		var ifrm = document.querySelector("#suggestions_iframe");
  1228. 		if (ifrm != null)
  1229. 		{
  1230. 			ifrm.addEventListener("DOMAttrModified", function (ev) 
  1231. 			{
  1232. 				if (ev.attrName === "src")
  1233. 				{
  1234. 					var divFrame = document.querySelector("#stsh_frame");
  1235. 					if (divFrame == null)
  1236. 					{
  1237. 						var divOuter = document.querySelector("#suggestions_box_outer");
  1238. 						if (divOuter != null)
  1239. 						{
  1240. 							divFrame = document.createElement("div");
  1241. 							divFrame.id = "stsh_frame";
  1242. 							divOuter.appendChild(divFrame);
  1243. 						}
  1244. 					}
  1245. 					if (divFrame != null)
  1246. 					{
  1247. 						var src = ifrm.getAttribute("src");
  1248. 						divFrame.innerHTML = "<br/><input value=\"Frame\" onmouseup=\"window.open('" 
  1249. 							+ src + "','_blank'); return false;\" type=\"button\">";
  1250. 					}
  1251. 				}
  1252. 			}, false);
  1253. 		}
  1254. 	
  1255. 	} // End translate.php
  1256.  
  1257. 	if (url.indexOf("user_activity.php") > -1)
  1258. 	{	
  1259. 		var aAvatars = document.querySelectorAll(".friend_block_avatar > a[href^='https://steamcommunity.com']");
  1260. 		for (var i = 0; i < aAvatars.length; i++)
  1261. 		{
  1262. 			aAvatars[i].href = aAvatars[i].href.replace("https://steamcommunity.com","http://steamcommunity.com");
  1263. 			document.title = aAvatars[i].querySelector("img").getAttribute("title") + " - " + document.title;
  1264. 		}
  1265.  
  1266. 		var stsh_activityAddLink_start = new Date();
  1267. 		var stsh_activityAddLink_itv = setInterval(function()
  1268. 		{
  1269. 			var stsh_activityAddLink_isEnd = false;
  1270. 			var stsh_activityAddLink_cur = new Date(); 
  1271. 	
  1272. 			var h3s = document.querySelectorAll("#leftAreaContainer h3");
  1273. 			if (h3s.length == 2)
  1274. 			{
  1275. 				var td = h3s[1].parentElement;
  1276. 				var matchArr = td.innerHTML.match(/<\/h3>.+<br>/i);
  1277. 				if (matchArr != null)
  1278. 				{
  1279. 					var user = url.replace("http://translation.steampowered.com/user_activity.php?user=","");
  1280. 					var name = matchArr[0].replace("</h3>-","").replace("-<br>","").replace("<br>","").trim();
  1281. 					var tagNew = "";
  1282. 					if (user.indexOf("http") == 0)
  1283. 					{
  1284. 						tagNew = "</h3><a id='stsh_id' class='stsh_blue' target='_blank' href='http://steamcommunity.com/my'>" + name + "</a>"
  1285. 							+ ", <a class='stsh_green' target='_blank' href='http://translation.steampowered.com/WhereIsEsty.php'>Esty</a><br><br>";
  1286. 					}
  1287. 					else
  1288. 					{
  1289. 						tagNew = "</h3><a id='stsh_id' class='stsh_blue' target='_blank' href='http://steamcommunity.com/profiles/"
  1290. 							+ user + "'>" + name + "</a>"
  1291. 							+ ", <a class='stsh_green' target='_blank' href='http://translation.steampowered.com/WhereIsEsty.php?collectionof=" 
  1292. 							+ user + "'>Esty</a><br><br>";
  1293. 					}
  1294. 					td.innerHTML = td.innerHTML.replace(/<\/h3>.+<br>/i, tagNew);
  1295. 					
  1296. 					stsh_activityAddLink_isEnd = true;
  1297. 				}
  1298. 				
  1299. 				if (stsh_activityAddLink_isEnd || stsh_activityAddLink_cur - stsh_activityAddLink_start > 10000)
  1300. 				{
  1301. 					clearInterval(stsh_activityAddLink_itv);
  1302. 				}
  1303. 			}
  1304. 		}, 300);
  1305. 		
  1306. 		var countWord = "";
  1307. 		var countSugg = "";
  1308. 		
  1309. 		var inputDials = document.querySelectorAll("#leftAreaContainer input.dial");
  1310. 		if (inputDials.length == 2)
  1311. 		{
  1312. 			countWord = inputDials[0].getAttribute("title").replace("words", "").trim();
  1313. 			countSugg = inputDials[1].getAttribute("title").replace("suggestions", "").trim();
  1314. 		}
  1315. 		
  1316. 		var tdCount = document.querySelector("#leftAreaContainer td[align='left']");
  1317. 		if (tdCount != null)
  1318. 		{
  1319. 			tdCount.innerHTML = '<div style="width: 100px; display: inline-block; text-align: center;">Word: '
  1320. 				+ countWord + '</div> <div style="width: 100px; display: inline-block; text-align: center; margin-left: 13px;">Suggestion: '
  1321. 				+ countSugg + '</div>';
  1322. 		}
  1323. 		
  1324. 		var sug = document.body.textContent;
  1325. 	
  1326. 		var regComment = /VIEW COMMENT/g;
  1327. 		var regSuggest = /VIEW SUGGESTION/g;
  1328. 	
  1329. 		var strComment = "...RECEIVED A MODERATOR COMMENT";
  1330. 		var strPending = "...ARE PENDING";
  1331. 		var strApproved = "...WERE APPROVED";
  1332. 		var strDeclined = "...WERE DECLINED";
  1333. 		var strApplied = "...HAVE BEEN APPLIED WITHIN THE LAST 14 DAYS";
  1334. 		var strRemoved = "...HAVE BEEN REMOVED WITHIN THE LAST 14 DAYS";
  1335. 	
  1336. 		var startComment = sug.indexOf(strComment);
  1337. 		var startPending = sug.indexOf(strPending);
  1338. 		var startApproved = sug.indexOf(strApproved);
  1339. 		var startDeclined = sug.indexOf(strDeclined);
  1340. 		var startApplied = sug.indexOf(strApplied);
  1341. 		var startRemoved = sug.indexOf(strRemoved);
  1342. 	
  1343. 		var sugComment = sug.substring(startComment,startPending);
  1344. 		var sugPending = sug.substring(startPending,startApproved);
  1345. 		var sugApproved = sug.substring(startApproved,startDeclined);
  1346. 		var sugDeclined = sug.substring(startDeclined,startApplied);
  1347. 		var sugApplied = sug.substring(startApplied,startRemoved);
  1348. 		var sugRemoved = sug.substring(startRemoved);
  1349. 	
  1350. 		var countComment = (sugComment.match(regComment) || []).length;
  1351. 		var countPending = (sugPending.match(regSuggest) || []).length;
  1352. 		var countApproved = (sugApproved.match(regSuggest) || []).length;
  1353. 		var countDeclined = (sugDeclined.match(regSuggest) || []).length;
  1354. 		var countApplied = (sugApplied.match(regSuggest) || []).length;
  1355. 		var countRemoved = (sugRemoved.match(regSuggest) || []).length;
  1356. 	
  1357. 		var divBtn = document.createElement("div");
  1358. 		document.body.appendChild(divBtn);
  1359. 		divBtn.innerHTML = ' \
  1360. <div style="position: fixed; z-index: 3; right: 12px; top: 84px; line-height: 24px; text-align: right;"> \
  1361. 	&nbsp; <input value="To Progress" class="stsh_btnLong" type="button" onmouseup="scrollToId(\'stsh_id\', -50); return false;" /> \
  1362. 	 \
  1363. 	<br/> &nbsp; <span class="stsh_scroll_header">Scroll To</span>\
  1364. 	<br/> &nbsp; <input value="Comment (' + countComment + ')" class="stsh_btnLong" type="button" onmouseup="scrollToId(\'sectionComment\'); return false;" /> \
  1365. 	<br/> &nbsp; <input value="Pending (' + countPending + ')" class="stsh_btnLong" type="button" onmouseup="scrollToId(\'sectionPending\'); return false;" /> \
  1366. 	<br/> &nbsp; <input value="Approved (' + countApproved + ')" class="stsh_btnLong" type="button" onmouseup="scrollToId(\'sectionApproved\'); return false;" /> \
  1367. 	<br/> &nbsp; <input value="Declined (' + countDeclined + ')" class="stsh_btnLong" type="button" onmouseup="scrollToId(\'sectionDeclined\'); return false;" /> \
  1368. 	<br/> &nbsp; <input value="Applied (' + countApplied + ')" class="stsh_btnLong" type="button" onmouseup="scrollToId(\'sectionApplied\'); return false;" /> \
  1369. 	<br/> &nbsp; <input value="Removed (' + countRemoved + ')" class="stsh_btnLong" type="button" onmouseup="scrollToId(\'sectionRemoved\'); return false;" /> \
  1370. 	<br/> \
  1371. 	<br/> &nbsp; <input value="Hide Suggestions" class="stsh_btnLong" type="button" onmouseup="hideSuggestion(); return false;" /> \
  1372. 	<br/> &nbsp; <input value="Show Suggestions" class="stsh_btnLong" type="button" onmouseup="showSuggestion(); return false;" /> \
  1373. 	<br/> \
  1374. 	<br/> &nbsp; <input value="Refresh" class="stsh_btnLong" type="button" onmouseup="window.location = window.location.href; return false;" /> \
  1375. </div> \
  1376. ';
  1377.  
  1378. 		var divContainer = document.querySelector("#leftAreaContainer");
  1379. 		if (divContainer != null)
  1380. 		{
  1381. 			divContainer.innerHTML = divContainer.innerHTML
  1382. 				.replace("...RECEIVED A MODERATOR COMMENT","<span id='sectionComment' class='stsh_suggestion_header'>...RECEIVED A MODERATOR COMMENT (" + countComment + ")</span>")
  1383. 				.replace("...ARE PENDING","<span id='sectionPending' class='stsh_suggestion_header'>...ARE PENDING (" + countPending + ")</span>")
  1384. 				.replace("...WERE APPROVED","<span id='sectionApproved' class='stsh_suggestion_header'>...WERE APPROVED (" + countApproved + ")</span>")
  1385. 				.replace("...WERE DECLINED","<span id='sectionDeclined' class='stsh_suggestion_header'>...WERE DECLINED (" + countDeclined + ")</span>")
  1386. 				.replace("...HAVE BEEN APPLIED WITHIN THE LAST 14 DAYS","<span id='sectionApplied' class='stsh_suggestion_header'>...HAVE BEEN APPLIED WITHIN THE LAST 14 DAYS (" + countApplied + ")</span>")
  1387. 				.replace("...HAVE BEEN REMOVED WITHIN THE LAST 14 DAYS","<span id='sectionRemoved' class='stsh_suggestion_header'>...HAVE BEEN REMOVED WITHIN THE LAST 14 DAYS (" + countRemoved + ")</span>");
  1388. 		}
  1389. 		
  1390. 		var cans = document.querySelectorAll("canvas");
  1391. 		for (var i = 0; i < cans.length; i++)
  1392. 		{
  1393. 			cans[i].parentElement.removeChild(cans[i]);
  1394. 		}
  1395. 		
  1396. 		var aKeys = document.querySelectorAll("#leftAreaContainer li > a:nth-child(1)");
  1397. 		for (var i = 0; i < aKeys.length; i++)
  1398. 		{
  1399. 			var key = aKeys[i].textContent;
  1400. 			var keyArr = key.substr(21).trim().split(" >> ");
  1401. 			keyArr[0] = "<span style='color: #FFF !important;'>" + keyArr[0] + "</span>";
  1402. 			var keyNew = key.substr(0,21) + keyArr.join(" >> ") + "";
  1403. 			aKeys[i].innerHTML = keyNew;
  1404. 		}
  1405. 	
  1406. 		var liMode = strComment;
  1407. 	
  1408. 		var liSugs = document.querySelectorAll("#leftAreaContainer > li, #leftAreaContainer > form > li");
  1409. 		for (var i = 0; i < liSugs.length; i++)
  1410. 		{		
  1411. 			if (liMode == strComment)
  1412. 			{
  1413. 				liSugs[i].setAttribute("class", "stsh_suggestion stsh_suggestion_comment");
  1414. 			}
  1415. 			else if (liMode == strPending)
  1416. 			{
  1417. 				liSugs[i].setAttribute("class", "stsh_suggestion stsh_suggestion_pending");
  1418. 			}
  1419. 			else if (liMode == strApproved)
  1420. 			{
  1421. 				liSugs[i].setAttribute("class", "stsh_suggestion stsh_suggestion_approved");
  1422. 			}
  1423. 			else if (liMode == strDeclined)
  1424. 			{
  1425. 				liSugs[i].setAttribute("class", "stsh_suggestion stsh_suggestion_declined");
  1426. 			}
  1427. 			else if (liMode == strApplied)
  1428. 			{
  1429. 				liSugs[i].setAttribute("class", "stsh_suggestion stsh_suggestion_applied");
  1430. 			}
  1431. 			else if (liMode == strRemoved)
  1432. 			{
  1433. 				liSugs[i].setAttribute("class", "stsh_suggestion stsh_suggestion_removed");
  1434. 			}
  1435. 		
  1436. 			var content = liSugs[i].textContent;
  1437. 			if (content.indexOf(strRemoved) > -1)
  1438. 			{
  1439. 				liMode = strRemoved;
  1440. 			}
  1441. 			else if (content.indexOf(strApplied) > -1)
  1442. 			{
  1443. 				liMode = strApplied;
  1444. 			}
  1445. 			else if (content.indexOf(strDeclined) > -1)
  1446. 			{
  1447. 				liMode = strDeclined;
  1448. 			}
  1449. 			else if (content.indexOf(strApproved) > -1)
  1450. 			{
  1451. 				liMode = strApproved;
  1452. 			}
  1453. 			else if (content.indexOf(strPending) > -1)
  1454. 			{
  1455. 				liMode = strPending;
  1456. 			}
  1457. 		}
  1458. 		
  1459. 		// change language & correct url
  1460. 		{
  1461. 			var aProgresses = document.querySelectorAll("div > .friend_block_avatar a[onmouseout]");
  1462. 			for (var i = 0; i < aProgresses.length; i++)
  1463. 			{				
  1464. 				var langCur = getQueryByName("lang", aProgresses[i].href);
  1465. 				if (langCur == "")
  1466. 				{
  1467. 					aProgresses[i].href = aProgresses[i].href + lang;
  1468. 				}
  1469. 				else
  1470. 				{
  1471. 					if (langCur != lang)
  1472. 					{
  1473. 						var langQuery = (url.indexOf("?") > -1) ? "&lang=" : "?lang=";
  1474. 						window.location = url + langQuery + langCur;
  1475. 					}
  1476. 				}
  1477. 				
  1478. 				var aContent = aProgresses[i].textContent.trim();
  1479. 				if (aContent.indexOf("SUGGESTIONS") > -1)
  1480. 				{
  1481. 					aProgresses[i].href = aProgresses[i].href + "&listsort=5&liststatus=1&paginationrows=5000";
  1482. 				}
  1483. 				else if (aContent.indexOf("REVIEWS") > -1)
  1484. 				{
  1485. 					aProgresses[i].href = aProgresses[i].href + "&listsort=5&liststatus=3&paginationrows=5000";
  1486. 				}
  1487. 			}
  1488. 		}
  1489. 	
  1490. 	} // End user_activity.php
  1491. 	
  1492. 	if (url.indexOf("rally.php") > -1 || url.indexOf("rally2013.php") > -1 || url.indexOf("rally2014.php") > -1)
  1493. 	{
  1494. 		resizeSuggestionBox();
  1495. 	
  1496. 		var outer = document.getElementById("suggestions_box_outer");
  1497. 		if (outer != null)
  1498. 		{
  1499. 			outer.setAttribute("onclick","hideSuggestionsBox();");
  1500. 		}
  1501. 		
  1502. 		var first = document.querySelector(".gradienttable tr:nth-child(6)");
  1503. 		var cur = null;
  1504. 		
  1505. 		var tdLangs = document.querySelectorAll(".gradienttable tr > td:nth-child(1)");
  1506. 		for (var i = 0; i < tdLangs.length; i++)
  1507. 		{
  1508. 			if (lang == tdLangs[i].textContent.trim().toLowerCase())
  1509. 			{
  1510. 				cur = tdLangs[i].parentElement;
  1511. 				break;
  1512. 			}
  1513. 		}
  1514. 		
  1515. 		if (cur != null)
  1516. 		{
  1517. 			first.parentElement.insertBefore(cur, first);
  1518. 		}
  1519. 		
  1520. 		var inputClose = document.querySelector("td:nth-child(3) > input:nth-child(1)");
  1521. 		if (inputClose != null)
  1522. 		{
  1523. 			inputClose.value = "Close (Esc)"; 
  1524. 		}
  1525. 		
  1526. 	} // End rally.php
  1527. 	
  1528. 	if (url.indexOf("rally_results.php") > -1 || url.indexOf("rally_results_2013.php") > -1 || url.indexOf("rally_results_2014.php") > -1)
  1529. 	{
  1530. 		var h3 = document.querySelector("table.curved h3");
  1531. 		if (h3 != null)
  1532. 		{
  1533. 			document.title = h3.textContent.trim();
  1534. 		}
  1535. 		
  1536. 		var inputClose = document.querySelector("td:nth-child(3) > input:nth-child(1)");
  1537. 		if (inputClose != null)
  1538. 		{
  1539. 			inputClose.value = "Close (Esc)"; 
  1540. 		}
  1541. 		
  1542. 		var src = document.documentURI;
  1543. 		var insert = "<input value=\"Frame\" onmouseup=\"window.open('" 
  1544. 			+ src + "','_blank'); return false;\" type=\"button\">";
  1545. 		
  1546. 		var tdFirst = document.querySelector("td:nth-child(1)");
  1547. 		if (tdFirst != null)
  1548. 		{
  1549. 			var ele = document.createElement("td");
  1550. 			ele.setAttribute("align", "right");
  1551. 			ele.innerHTML = insert;
  1552. 			tdFirst.parentElement.insertBefore(ele, tdFirst);
  1553. 		}
  1554. 	} // End rally_results.php
  1555. 	
  1556. 	if (url.indexOf("WhereIsEsty.php") > -1)
  1557. 	{
  1558. 		resizeSuggestionBox();
  1559. 	
  1560. 		var outer = document.getElementById("suggestions_box_outer");
  1561. 		if (outer != null)
  1562. 		{
  1563. 			outer.setAttribute("onclick","hideSuggestionsBox();");
  1564. 		}
  1565. 		
  1566. 		var divContainer = document.querySelector("#pageContainer");
  1567. 		if (divContainer != null)
  1568. 		{
  1569. 			var ele = document.createElement("div");
  1570. 			ele.id = "logout";
  1571. 			ele.innerHTML = '<input value="Home" type="button" onmouseup="window.open(\'/home.php\',\'_blank\'); return false;" />';
  1572. 			divContainer.appendChild(ele);
  1573. 		}
  1574.  
  1575. 		var divContent = document.querySelector("#leftAreaContainer > div");
  1576. 		if (divContent != null)
  1577. 		{
  1578. 			var countSnap = document.querySelectorAll("div.box").length;
  1579. 			var user = "";
  1580. 			var name = "";
  1581.  
  1582. 			var eleImg = document.querySelector("#leftAreaContainer > div > div > a > img ");
  1583. 			if (eleImg != null)
  1584. 			{
  1585. 				name = eleImg.getAttribute("title");
  1586. 				user = eleImg.parentElement.getAttribute("href").replace("https://steamcommunity.com/profiles/", "");
  1587. 			}
  1588. 			var ele = document.createElement("div");
  1589. 			ele.setAttribute("class", "stsh_snapshot");
  1590. 			ele.innerHTML = "<a class='stsh_blue' target='_blank' href='http://translation.steampowered.com/user_activity.php?user=" 
  1591. 				+ user + "'>" + name + "</a>"
  1592. 				+ "<br>Snapshot: " + countSnap;
  1593.  
  1594. 			divContent.appendChild(ele);
  1595. 		}
  1596. 		
  1597. 	} // End WhereIsEsty.php
  1598. }
  1599.  
  1600. var clientScript = ' \
  1601.  \
  1602. var itvTime = 300; \
  1603. var itvIdHideKeyApp = 0; \
  1604. var itvIdHideKeyGame = 0; \
  1605. var itvIdHideKeyFaq = 0; \
  1606. var itvIdHideKeySupport = 0; \
  1607. var itvIdHideKeyPromo = 0; \
  1608. var itvIdHideStrNotMatch = 0; \
  1609. var itvIdHideStrLong = 0; \
  1610. var itvIdSortKey = 0; \
  1611.  \
  1612. function setVisibleKey(startKey, visible) \
  1613. { \
  1614. 	startKey = startKey.toLowerCase(); \
  1615. 	var display = visible != true ? "none" : ""; \
  1616. 	var eleKeys = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr > td:nth-child(1) > div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(1)"); \
  1617. 	for (var i = 0; i < eleKeys.length; i++) \
  1618. 	{ \
  1619. 		try \
  1620. 		{ \
  1621. 			if (eleKeys[i].textContent.trim().toLowerCase().indexOf(startKey) > -1) \
  1622. 			{ \
  1623. 				var eleTarget = eleKeys[i].parentElement.parentElement.parentElement.parentElement.parentElement.parentElement; \
  1624. 				if (eleTarget.style.display != display) \
  1625. 				{ \
  1626. 					eleTarget.style.display = display; \
  1627. 				} \
  1628. 			} \
  1629. 		} \
  1630. 		catch (ex) \
  1631. 		{ \
  1632. 		} \
  1633. 	} \
  1634. } \
  1635.  \
  1636. function hideKeyGame() \
  1637. { \
  1638. 	setVisibleKey("GAMES/", false); \
  1639. } \
  1640.  \
  1641. function hideKeyApp() \
  1642. { \
  1643. 	setVisibleKey("# storefront_english_apps.txt #", false); \
  1644. 	setVisibleKey("# storefront_english_main.txt # #app_", false); \
  1645. 	setVisibleKey("# community_english.txt # SharedFiles_App_", false); \
  1646. } \
  1647.  \
  1648. function hideKeyFaq() \
  1649. { \
  1650. 	setVisibleKey("# support_faq_english.txt #", false); \
  1651. } \
  1652.  \
  1653. function hideKeySupport() \
  1654. { \
  1655. 	setVisibleKey("# supportui_english.txt #", false); \
  1656. } \
  1657.  \
  1658. function hideKeyPromo() \
  1659. { \
  1660. 	setVisibleKey("#promo", false); \
  1661. } \
  1662.  \
  1663. function showKey() \
  1664. { \
  1665. 	clearInterval(itvIdHideKeyApp); \
  1666. 	clearInterval(itvIdHideKeyGame); \
  1667. 	clearInterval(itvIdHideKeyFaq); \
  1668. 	clearInterval(itvIdHideKeySupport); \
  1669. 	clearInterval(itvIdHideKeyPromo); \
  1670. 	clearInterval(itvIdSortKey); \
  1671. 	clearInterval(itvIdHideStrNotMatch); \
  1672. 	clearInterval(itvIdHideStrLong); \
  1673. 	setVisibleKey("", true); \
  1674. 	 \
  1675. 	hideSuggestionsBox(); \
  1676. } \
  1677.  \
  1678. function sortKey() \
  1679. { \
  1680. 	var keyArr = new Array(); \
  1681. 	var valArr = new Array(); \
  1682. 	 \
  1683. 	var eleKeys = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr > td:nth-child(1) > div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(1)"); \
  1684. 	for (var i = 0; i < eleKeys.length; i++) \
  1685. 	{ \
  1686. 		try \
  1687. 		{ \
  1688. 			key = eleKeys[i].textContent.trim(); \
  1689. 			keyArr.push(key); \
  1690. 			valArr[key] = eleKeys[i].parentElement.parentElement.parentElement \
  1691. 				.parentElement.parentElement.parentElement.outerHTML.trim(); \
  1692. 		} \
  1693. 		catch (ex) \
  1694. 		{ \
  1695. 		} \
  1696. 	} \
  1697. 	 \
  1698. 	var keyArrTmp = keyArr.slice(); \
  1699. 	keyArr.sort(); \
  1700. 	 \
  1701. 	var isSame = true; \
  1702. 	for (var i = 0; i < keyArr.length; i++) \
  1703. 	{ \
  1704. 		if (keyArr[i] != keyArrTmp[i]) \
  1705. 		{ \
  1706. 			isSame = false; \
  1707. 		} \
  1708. 	} \
  1709. 	 \
  1710. 	if (!isSame) \
  1711. 	{ \
  1712. 		var eleTable = document.querySelector("#keylist > table:nth-child(1) > tbody:nth-child(1)"); \
  1713. 		if (eleTable != null) \
  1714. 		{ \
  1715. 			var newInner = ""; \
  1716. 			 \
  1717. 			for (var i = 0; i < keyArr.length; i++) \
  1718. 			{ \
  1719. 				newInner += valArr[keyArr[i]]; \
  1720. 			} \
  1721. 			 \
  1722. 			eleTable.innerHTML = newInner; \
  1723. 		} \
  1724. 	} \
  1725. } \
  1726.  \
  1727. function scrollToId(id, offset) \
  1728. { \
  1729. 	if (typeof offset == "undefined") \
  1730. 	{ \
  1731. 		offset = -20; \
  1732. 	} \
  1733. 	 \
  1734. 	var ele = document.getElementById(id); \
  1735. 	if (ele != null) \
  1736. 	{ \
  1737. 		ele.scrollIntoView(true); \
  1738. 		window.scrollBy(0, offset); \
  1739. 	} \
  1740. } \
  1741.  \
  1742. function setVisibleSuggestion(visible) \
  1743. { \
  1744. 	var display = visible != true ? "none" : ""; \
  1745. 	var els = document.querySelectorAll(".copy"); \
  1746. 	for (var i = 0; i < els.length; i++) \
  1747. 	{ \
  1748. 		if (els[i].id.indexOf("showwalletkeys") < 0 && els[i].id != "abuse_report" \
  1749. 			&& els[i].id != "moderator_announcement") \
  1750. 		{ \
  1751. 			if (els[i].style.display != display) \
  1752. 			{ \
  1753. 				els[i].style.display = display; \
  1754. 			} \
  1755. 		} \
  1756. 	} \
  1757. } \
  1758.  \
  1759. function showSuggestion() \
  1760. { \
  1761. 	setVisibleSuggestion(true); \
  1762. } \
  1763.  \
  1764. function hideSuggestion() \
  1765. { \
  1766. 	setVisibleSuggestion(false); \
  1767. } \
  1768.  \
  1769. function hideKeyAppInterval() \
  1770. { \
  1771. 	clearInterval(itvIdHideKeyApp); \
  1772. 	itvIdHideKeyApp = setInterval(hideKeyApp, itvTime); \
  1773. } \
  1774.  \
  1775. function hideKeyGameInterval() \
  1776. { \
  1777. 	clearInterval(itvIdHideKeyGame); \
  1778. 	itvIdHideKeyGame = setInterval(hideKeyGame, itvTime); \
  1779. } \
  1780.  \
  1781. function hideKeyFaqInterval() \
  1782. { \
  1783. 	clearInterval(itvIdHideKeyFaq); \
  1784. 	itvIdHideKeyFaq = setInterval(hideKeyFaq, itvTime); \
  1785. } \
  1786.  \
  1787. function hideKeySupportInterval() \
  1788. { \
  1789. 	clearInterval(itvIdHideKeySupport); \
  1790. 	itvIdHideKeySupport = setInterval(hideKeySupport, itvTime); \
  1791. } \
  1792.  \
  1793. function hideKeyPromoInterval() \
  1794. { \
  1795. 	clearInterval(itvIdHideKeyPromo); \
  1796. 	itvIdHideKeyPromo = setInterval(hideKeyPromo, itvTime); \
  1797. } \
  1798.  \
  1799. function sortKeyInterval() \
  1800. { \
  1801. 	clearInterval(itvIdSortKey); \
  1802. 	itvIdSortKey = setInterval(sortKey, itvTime); \
  1803. } \
  1804.  \
  1805. function pressHideSuggestion() \
  1806. { \
  1807. 	document.addEventListener("keydown", function(e) { \
  1808. 		if (e.keyCode == 27) { \
  1809. 			if (parent != null) \
  1810. 			{ \
  1811. 				parent.hideSuggestionsBox(); \
  1812. 			} \
  1813. 			else \
  1814. 			{ \
  1815. 				hideSuggestionsBox(); \
  1816. 			} \
  1817. 		} \
  1818. 		return false; \
  1819. 	}); \
  1820. } \
  1821. pressHideSuggestion(); \
  1822.  \
  1823. function moveSuggestionBox() \
  1824. { \
  1825. 	var td = document.querySelector(".progress > tbody:nth-child(2) > tr:nth-child(2) > td:nth-child(3)"); \
  1826. 	if (td != null && td.textContent.trim() == "") \
  1827. 	{ \
  1828. 		td.innerHTML = ""; \
  1829. 		var div = document.querySelector("#suggestionmain > div:nth-child(4)"); \
  1830. 		if (div != null) \
  1831. 		{ \
  1832. 			var br = div.querySelector("br"); \
  1833. 			if (br != null) \
  1834. 			{ \
  1835. 				div.removeChild(br); \
  1836. 			} \
  1837. 			td.innerHTML = div.outerHTML; \
  1838. 			td.style.padding = "0px"; \
  1839. 			div.innerHTML = ""; \
  1840. 			 \
  1841. 			var textarea = document.querySelector("form.lbAction > div:nth-child(1) > textarea:nth-child(1)"); \
  1842. 			if (textarea != null) \
  1843. 			{ \
  1844. 				textarea.focus(); \
  1845. 				textarea.style.height = textarea.scrollHeight + "px"; \
  1846. 				textarea.style.width = "98%"; \
  1847. 				textarea.style.marginLeft = "0px"; \
  1848. 			} \
  1849. 		} \
  1850. 	} \
  1851. } \
  1852.  \
  1853. function hideStrNotMatch() \
  1854. { \
  1855. 	var display = "none"; \
  1856. 	 \
  1857. 	var searchStr = decodeURIComponent(document.documentURI.replace(/^.*search_input=/i,"").replace(/&.*$/i,"")) \
  1858. 		.replace(/\\+/g," ").trim(); \
  1859. 	searchStr = searchStr.toLowerCase(); \
  1860. 	 \
  1861. 	var eleStrs = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr > td:nth-child(1) > div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(2) > td:nth-child(1)"); \
  1862. 	for (var i = 0; i < eleStrs.length; i++) \
  1863. 	{ \
  1864. 		try \
  1865. 		{ \
  1866. 			var valStr = eleStrs[i].textContent.trim().toLowerCase(); \
  1867. 			if (valStr != searchStr) \
  1868. 			{ \
  1869. 				var eleTarget = eleStrs[i].parentElement.parentElement.parentElement.parentElement.parentElement.parentElement; \
  1870. 				if (eleTarget.style.display != display) \
  1871. 				{ \
  1872. 					eleTarget.style.display = display; \
  1873. 				} \
  1874. 			} \
  1875. 		} \
  1876. 		catch (ex) \
  1877. 		{ \
  1878. 		} \
  1879. 	} \
  1880. } \
  1881.  \
  1882. function hideStrNotMatchInterval() \
  1883. { \
  1884. 	clearInterval(itvIdHideStrNotMatch); \
  1885. 	itvIdHideStrNotMatch = setInterval(hideStrNotMatch, itvTime); \
  1886. } \
  1887.  \
  1888. function hideStrLong() \
  1889. { \
  1890. 	var display = "none"; \
  1891. 	var dot = "..."; \
  1892. 	var dotLengthMinus = 0 - dot.length; \
  1893. 	 \
  1894. 	var eleStrs = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr > td:nth-child(1) > div:nth-child(1) > table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(2) > td:nth-child(1)"); \
  1895. 	for (var i = 0; i < eleStrs.length; i++) \
  1896. 	{ \
  1897. 		try \
  1898. 		{ \
  1899. 			var valStr = eleStrs[i].textContent.trim(); \
  1900. 			if (valStr.substr(dotLengthMinus) == dot) \
  1901. 			{ \
  1902. 				var eleTarget = eleStrs[i].parentElement.parentElement.parentElement.parentElement.parentElement.parentElement; \
  1903. 				if (eleTarget.style.display != display) \
  1904. 				{ \
  1905. 					eleTarget.style.display = display; \
  1906. 				} \
  1907. 			} \
  1908. 		} \
  1909. 		catch (ex) \
  1910. 		{ \
  1911. 		} \
  1912. 	} \
  1913. } \
  1914.  \
  1915. function hideStrLongInterval() \
  1916. { \
  1917. 	clearInterval(itvIdHideStrLong); \
  1918. 	itvIdHideStrLong = setInterval(hideStrLong, itvTime); \
  1919. } \
  1920.  \
  1921. function clickToSelect(ele) \
  1922. { \
  1923. 	var range = document.createRange(); \
  1924. 	range.setStartBefore(ele.firstChild); \
  1925. 	range.setEndAfter(ele.lastChild); \
  1926. 	var sel = window.getSelection(); \
  1927. 	sel.removeAllRanges(); \
  1928. 	sel.addRange(range); \
  1929. } \
  1930.  \
  1931. function syncUrlArray() \
  1932. { \
  1933. 	var displayNone = "none"; \
  1934. 	var strStart = "showSuggestionsBox( \'"; \
  1935. 	var strEnd = "\' ); return false;"; \
  1936. 	var strCur = "&list_id="; \
  1937. 	var strAll = "&endnext="; \
  1938. 	var regPos = /&list_id=\\d+&endnext=\\d+/g; \
  1939. 	var isEdit = false; \
  1940. 	var eleDivs = []; \
  1941. 	var urls = []; \
  1942.  	 \
  1943. 	var trKeys = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr"); \
  1944. 	for (var i = 0; i < trKeys.length; i++)  \
  1945. 	{ \
  1946. 		if (trKeys[i].style.display != displayNone) \
  1947. 		{ \
  1948. 			var eleDiv = trKeys[i].childNodes[0].childNodes[0]; \
  1949. 			if (typeof eleDiv.getAttribute != "undefined" \
  1950. 				&& eleDiv.getAttribute("onclick") != null) \
  1951. 			{ \
  1952. 				eleDivs.push(eleDiv); \
  1953. 			} \
  1954. 		} \
  1955. 	} \
  1956. 	 \
  1957. 	for (var i = 0, l = eleDivs.length; i < l; i++) \
  1958. 	{ \
  1959. 		var evOld = eleDivs[i].getAttribute("onclick"); \
  1960. 		if (evOld != null) \
  1961. 		{ \
  1962. 			var url = evOld.replace(strStart,"").replace(strEnd,"").replace(regPos,""); \
  1963. 			url = url + strCur + i + strAll + l; \
  1964. 			urls.push(url); \
  1965. 			 \
  1966. 			var evNew = strStart + url + strEnd; \
  1967. 			if (evOld != evNew) \
  1968. 			{ \
  1969. 				eleDivs[i].setAttribute("onclick", evNew); \
  1970. 				isEdit = true; \
  1971. 			} \
  1972. 		} \
  1973. 	} \
  1974. 	 \
  1975. 	if (isEdit || typeof URLarray == "undefined" || URLarray.length != urls.length) \
  1976. 	{ \
  1977. 		URLarray = urls; \
  1978. 	} \
  1979. } \
  1980.  \
  1981. function doInstant() \
  1982. { \
  1983. 	var url = document.documentURI; \
  1984. 	if (url.indexOf("user_activity.php") > -1) \
  1985. 	{ \
  1986. 		showSuggestion(); \
  1987. 		 \
  1988. 		document.addEventListener("DOMContentLoaded", function (e) \
  1989. 		{ \
  1990. 			if (typeof $ != "undefined") \
  1991. 			{ \
  1992. 				$(".dial").hide(); \
  1993. 				setTimeout(function() \
  1994. 				{ \
  1995. 					/* Restore drawing progress */ \
  1996. 					$(function() { \
  1997. 						$(".dial").knob({ \
  1998. 						  "draw" : function () { \
  1999. 							$(this.i).val(this.cv + "%"); \
  2000. 							$(".dial").show(); \
  2001. 						  } \
  2002. 						}) \
  2003. 					}) \
  2004. 				}, 50); \
  2005. 			} \
  2006. 		}); \
  2007. 	} \
  2008. 	else if (url.indexOf("translate.php") > -1) \
  2009. 	{ \
  2010. 		setInterval(function() \
  2011. 		{ \
  2012. 			syncUrlArray(); \
  2013. 		}, itvTime); \
  2014. 	} \
  2015. 	 \
  2016. } \
  2017. doInstant(); \
  2018.  \
  2019. ';
  2020.  
  2021. var eleClientScript = document.createElement("script");
  2022. eleClientScript.innerHTML = clientScript;
  2023. document.head.appendChild(eleClientScript);
  2024.  
  2025.  
  2026. attachOnReady(main);
  2027.  
  2028. // End