☰

STS Helper

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

目前为 2016-05-17 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name     		STS Helper
  3. // @namespace		iFantz7E.StsHelper
  4. // @version			1.76
  5. // @description		In Steam Translation Server, add many features to make translate easier.
  6. // @match      		*://translation.steampowered.com/*
  7. // @icon      		http://translation.steampowered.com/public/favicon.ico
  8. // @run-at			document-start
  9. // @grant 			GM_getValue
  10. // @grant 			GM_setValue
  11. // @grant       	GM_addStyle
  12. // @copyright		2014, 7-elephant
  13. // ==/UserScript==
  14.  
  15. // http://userscripts.org/scripts/show/325610
  16. // https://greasyfork.org/scripts/2250-sts-helper/
  17.  
  18. GM_addStyle(
  19. 	"  #logout { position: fixed; z-index: 1001; right: 12px; top: 10px; line-height: 24px; text-align: right; } "
  20. 	+ "input[type='button'], input[type='submit'] { cursor: pointer; } "
  21. 	+ "input[type='button']:disabled { cursor: default; color: #777; } "
  22. 	+ "#suggestionmain { overflow-x: hidden; } "
  23. 	+ "#suggestionmain > div:nth-child(4) > form:nth-child(2) > div:nth-child(1) "
  24. 	+ " { text-align: left; } "
  25. 	+ ".lbAction > div > input[value^='SUBMIT'] "
  26. 	+ " { width: 97%; height: 30px; } "
  27. 	+ "form.lbAction:nth-child(1) > div:nth-child(2) > input:nth-child(1) "
  28. 	+ " { width: 90%; margin-top: 5px; } "
  29. 	+ "div.suggestion form.lbAction textarea"
  30. 	+ " { width: 700px !important; min-height: 50px; } "
  31. 	+ ".progress td { vertical-align: top; } "
  32. 	+ "div#suggestions_nav { z-index: 3; position: absolute; width: 525px; left: 463px; top: 4px; text-align: right; line-height: 24px; } "
  33. 	+ "#suggestionmain .smallcopy { width: 855px; min-height: 70px; max-height: 70px; overflow: hidden; } "
  34. 	+ "#suggestionmain .progress { margin-top: -12px; } "
  35. 	+ "#leftAreaContainer > table > tbody:nth-child(1) > tr > td:nth-child(1) { vertical-align: top; } "
  36. 	+ "#leftAreaContainer > table, #leftAreaContainer > table th, #leftAreaContainer > table td "
  37. 	+ " { border: 1px solid #333; border-collapse: collapse; padding: 4px; } "
  38. 	+ "#suggestions_box { margin-top: 1px !important; } "
  39. 	+ "#suggestions_iframe { min-height: 100px !important; } "
  40. 	+ "#keylist td:nth-child(1) > div { background-image: none !important; min-height: 43px; } "
  41. 	+ "#keylist tr:nth-child(2n) > td:nth-child(1) > div { background-color: #060606 !important; } "
  42. 	+ "#keylist tr:nth-child(2n) > td:nth-child(1) > div:hover { background-color: #0D0D0D !important; } "
  43. 	+ "#keylist td:nth-child(1) > div:hover "
  44. 	+ " { background-repeat: no-repeat; background-position: center; background-color: #0D0D0D !important; "
  45. 	+ "   background-image: url('./public/images/row_over.gif') !important; "
  46. 	+ " } "
  47. 	+ ".progress h1 { display: inline-block; width: 484px; } "
  48. 	+ "div#suggestions_box iframe { background-color: #111 !important; } "
  49. 	+ ".suggestions_list { border-right: 0px none !important; } "
  50. 	+ ".suggestion { resize: both; overflow: hidden; border-right: 1px solid #505050; } "
  51. 	+ ".suggestion_signature { font-family: Verdana; } "
  52. 	+ ".suggestion_signature input[value~='APPROVE'], .suggestion_signature input[value~='Next'] { color: #A4B23C } "
  53. 	+ ".suggestion_signature input[value~='DECLINE'], .suggestion_signature input[value~='Next']:nth-child(5) { color: #F22 } "
  54. 	+ ".suggestion_signature input[disabled='disabled'] { color: #777 !important; } "
  55. 	+ ".lbAction input[value~='COMMENT'] { vertical-align: top; margin-top: 1px; height: 52px; } "
  56. 	+ ".lbAction input[value~='DISCUSS'] { vertical-align: top; margin-top: 1px; height: 36px; } "
  57. 	+ "#votes_container a[title='not translated'] { background-color: #333; } "
  58. 	+ ".stsh_btn { width: 90px; } "
  59. 	+ ".stsh_btn_med { min-width: 112px; } "
  60. 	+ ".stsh_btn_long { min-width: 136px; } "
  61. 	+ ".stsh_btn_short { min-width: 66px; } "
  62. 	+ ".stsh_btn_right { position: relative; float: right; } "
  63. 	+ ".stsh_suggestion_header { color: #A4B23C; } "
  64. 	+ ".stsh_suggestion_comment:before { background-color: #CF8B37 !important; } "
  65. 	+ ".stsh_suggestion_pending:before { background-color: #FFF !important; } "
  66. 	+ ".stsh_suggestion_approved:before { background-color: #A4B23C !important; } "
  67. 	+ ".stsh_suggestion_declined:before { background-color: red !important; } "
  68. 	+ ".stsh_suggestion_applied:before { background-color: #2EBCEB !important; } "
  69. 	+ ".stsh_suggestion_removed:before { background-color: #555 !important; } "
  70. 	+ ".stsh_suggestion { list-style: none; } "
  71. 	+ ".stsh_suggestion:before "
  72. 	+ " { content: ''; display: inline-block; position: relative; height: 6px; width: 6px; "
  73. 	+ "   border-radius: 3px; background-clip: padding-box; margin-right: -6px; top: -1px; left: -12px; background-color: green; }"
  74. 	+ "#stsh_frame { text-align: center; } "
  75. 	+ ".stsh_blue { color: #2ebceb; } "
  76. 	+ ".stsh_green { color: #a4b23c; } "
  77. 	+ ".stsh_red { color: #F00; } "
  78. 	+ ".stsh_white { color: #fff; } "
  79. 	+ ".stsh_orange { color: #CF8B37; } "
  80. 	+ ".stsh_pink { color: pink; } "
  81. 	+ "#stsh_showing { color: #CCDAD6; position: fixed; z-index: 1001; right: 12px; bottom: 12px; text-align: right; line-height: 14px;} "
  82. 	+ "#stsh_showing_current { color: #CCDAD6; position: fixed; z-index: 1001; right: 12px; bottom: 28px; text-align: right; line-height: 14px;} "
  83. 	+ ".stsh_showing_counter { display: inline-block; min-width: 60px; text-align: center; } "
  84. 	+ ".stsh_showing_header { color: #CCDAD6; display: inline-block; width: 135px; text-align: center; padding-top: 10px; } "
  85. 	+ ".stsh_showing_group { position: fixed; z-index: 3; right: 10px; top: 74px; line-height: 24px; text-align: right; } "
  86. 	+ ".stsh_home_header { color: #CCDAD6; display: inline-block; padding-top: 10px; } "
  87. 	+ ".stsh_home_group { position: fixed; z-index: 3; right: 0px; top: 74px; line-height: 24px; text-align: center; width: 164px; } "
  88. 	+ ".stsh_scroll_header { color: #CCDAD6; display: inline-block; width: 130px; text-align: center; padding-top: 10px; } "
  89. 	+ "#stsh_specialEvent { position: absolute; z-index: 2; right: 164px; top: 11px; } "
  90. 	+ ".stsh_snapshot { position: absolute; top: 320px; left: 790px; width: 140px; text-align: center; color: #FFF; } "
  91. 	+ ".stsh_submit_comment_header { vertical-align: top; } "
  92. 	+ ".stsh_submit_comment { vertical-align: top; display: inline-block } "
  93. 	+ ".stsh_insert_space { margin: 10px; } "
  94. 	+ "#stsh_autoApprove { vertical-align: -2px; margin-left: 15px; margin-right: 1px; } "
  95. 	+ ".stsh_unselectable { -webkit-user-select: none; -moz-user-select: none; user-select: none; } "
  96. 	+ ".stsh_a_button "
  97. 	+ " { background-color: #1D1D1D; font-family: tahoma,arial,helvetica,trebuchet ms,sans-serif; "
  98. 	+ "   color: #E1E1E1; font-size: 13px; border: 1px solid #777; padding: 1px 9px; } "
  99. 	+ ".stsh_a_button:link, .stsh_a_button:hover, .stsh_a_button:active, .stsh_a_button:visited { color: #E1E1E1; text-decoration: none; } "
  100. 	+ ".stsh_a_button.stsh_btn { display: inline-block; padding: 0px; height: 19px; line-height: 19px; width: 88px; } "
  101. 	+ ".stsh_a_button.stsh_btn_med { display: inline-block; padding: 0px; height: 19px; line-height: 19px; min-width: 110px; } "
  102. 	+ ".stsh_a_button.stsh_btn_long { display: inline-block; padding: 0px; height: 19px; line-height: 19px; min-width: 134px; } "
  103. 	+ ".stsh_lineCounter_outer { position: relative; } "
  104. 	+ ".stsh_lineCounter "
  105. 	+ " { position: absolute; width: 30px; left: -35px; top: -28px; line-height: 28px; text-align: right; "
  106. 	+ "   color: #ACACAC; font-size: 9px; } "
  107. 	+ ".stsh_glossary_term { min-width: 50px; display: inline-block; } "
  108. 	+ ".stsh_glossary_header, .stsh_glossary_header td { color: #DDD; } "
  109. 	+ ".stsh_glossary_header *, .stsh_glossary_header td * { color: #858585; } "
  110. 	+ ".stsh_time_convert { cursor: pointer; } "
  111. 	+ ".stsh_comment_img "
  112. 	+ " { display: block; cursor: zoom-in; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; "
  113. 	+ "   max-width: 400px; margin-top: 5px; margin-bottom: 20px; } " 
  114. );
  115.  
  116. function attachOnLoad(callback)
  117. {
  118. 	window.addEventListener("load", function (e) 
  119. 	{
  120. 		callback();
  121. 	});
  122. }
  123.  
  124. function attachOnReady(callback) 
  125. {
  126. 	document.addEventListener("DOMContentLoaded", function (e) 
  127. 	{
  128. 		callback();
  129. 	});
  130. }
  131.  
  132. function insertBeforeElement(newNode, referenceNode) 
  133. {
  134.     referenceNode.parentNode.insertBefore(newNode, referenceNode);
  135. }
  136.  
  137. function insertAfterElement(newNode, referenceNode) 
  138. {
  139.     referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
  140. }
  141.  
  142. function addKeyCtrl(ele, input, keyCode, keyName)
  143. {
  144. 	if (ele != null && input != null)
  145. 	{
  146. 		//if (input.getAttribute("disabled") == null)
  147. 		//	return;
  148. 			
  149. 		if (keyName != null && keyName != "")
  150. 		{
  151. 			input.value += " (Ctrl+" + keyName + ")";
  152. 		}
  153. 		
  154. 		ele.addEventListener("keydown", function (e) 
  155. 		{			
  156. 			if (e.ctrlKey)
  157. 			{
  158. 				var isSameKey = false;
  159. 				if (Number.isInteger(keyCode))
  160. 				{
  161. 					isSameKey = (e.keyCode == keyCode);
  162. 				}
  163. 				else
  164. 				{
  165. 					isSameKey = (e.code != undefined && e.code == keyCode)
  166. 				}
  167. 				
  168. 				if (isSameKey)
  169. 				{
  170. 					input.focus();
  171. 					input.click();
  172. 					return false;
  173. 				}
  174. 			}
  175. 		}, true);
  176. 	}
  177. }
  178.  
  179. function addKeyAlt(ele, input, keyCode, keyName)
  180. {
  181. 	if (ele != null && input != null)
  182. 	{
  183. 		if (keyName != null && keyName != "")
  184. 		{
  185. 			input.value += " (Alt+" + keyName + ")";
  186. 		}
  187. 		
  188. 		ele.addEventListener("keydown", function (e) 
  189. 		{
  190. 			if (e.altKey) 
  191. 			{
  192. 				var isSameKey = false;
  193. 				if (Number.isInteger(keyCode))
  194. 				{
  195. 					isSameKey = (e.keyCode == keyCode);
  196. 				}
  197. 				else
  198. 				{
  199. 					isSameKey = (e.code != undefined && e.code == keyCode)
  200. 				}
  201. 				
  202. 				if (isSameKey)
  203. 				{
  204. 					input.focus();
  205. 					input.click();
  206. 					return false;
  207. 				}
  208. 			}
  209. 		}, true);
  210. 	}
  211. }
  212.  
  213. function addKeyCtrlEnter(form, input)
  214. {
  215. 	addKeyCtrl(form, input, 13, "Enter")
  216. }
  217.  
  218. function disableAfterClick(ele)
  219. {
  220. 	ele.addEventListener("click", function (e) 
  221. 	{
  222. 		var ele = e.target;
  223. 		var tagName = ele.tagName.toLowerCase();
  224. 		if (tagName == "input")
  225. 		{
  226. 			// don't change color after disable
  227. 			ele.style.setProperty("color"
  228. 				, window.getComputedStyle(ele).color, "important");
  229. 			ele.disabled = true;
  230. 		}
  231. 		else if (tagName == "img")
  232. 		{
  233. 			ele.removeAttribute("onclick");
  234. 		}
  235. 	}, true);
  236. }
  237.  
  238. function resizeSuggestionBox()
  239. {
  240. 	var script = document.createElement('script');
  241. 	script.innerHTML = " \
  242. var stsh_showSuggestionsBox_start = new Date(); \
  243. var stsh_showSuggestionsBox_itv = setIntervalCustom(function() \
  244. { \
  245. 	var stsh_showSuggestionsBox_isEnd = false; \
  246. 	var stsh_showSuggestionsBox_cur = new Date(); \
  247. 	if (typeof showSuggestionsBox != 'undefined') \
  248. 	{ \
  249. 		showSuggestionsBox = function(url) \
  250. 		{ \
  251. 			g_suggestionsBoxIsOpen = true; \
  252. 			$('suggestions_box_outer').appear( \
  253. 			{ \
  254. 				duration : 0.1 \
  255. 			} \
  256. 			); \
  257. 			$('suggestions_iframe').setAttribute('src', url); \
  258. 			if (!Prototype.Browser.IE) \
  259. 			{ \
  260. 				$('suggestions_iframe').focus(); \
  261. 			} \
  262. 			$('suggestions_iframe').style.height = (document.viewport.getHeight() * 0.99) + 'px'; \
  263. 			return false; \
  264. 		}; \
  265. 		stsh_showSuggestionsBox_isEnd = true; \
  266. 	} \
  267. 	if (stsh_showSuggestionsBox_isEnd || stsh_showSuggestionsBox_cur - stsh_showSuggestionsBox_start > 10000) \
  268. 	{ \
  269. 		clearInterval(stsh_showSuggestionsBox_itv); \
  270. 	} \
  271. }, 300); \
  272. ";
  273. 	
  274. 	document.head.appendChild(script);
  275.  
  276. 	window.addEventListener("resize", function()
  277. 	{
  278. 		var iframe = document.querySelector("#suggestions_iframe");
  279. 		iframe.style.height = (window.innerHeight * 0.99) + "px";
  280. 	});
  281. }
  282.  
  283. function getQueryByName(name, url) 
  284. {
  285. 	if (url == null)
  286. 		url = location.search;
  287.     name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
  288.     var regex = new RegExp("[\\?&]" + name + "=([^&#]*)");
  289.     var results = regex.exec(url);
  290. 	var retVal = "";
  291. 	if (results != null)
  292. 	{
  293. 		retVal = results[1].replace(/\+/g, " ");
  294. 		try
  295. 		{
  296. 			retVal = decodeURIComponent(retVal);
  297. 		}
  298. 		catch (ex)
  299. 		{
  300. 		}
  301. 	}
  302.     return retVal;
  303. }
  304.  
  305. function padZero(num, size)
  306. {
  307. 	return (1e15+num+"").slice(-size);
  308. }
  309.  
  310. function checkSpecialCharMatched(str1, str2)
  311. {
  312. 	// return (status, numSp1, numSp2)
  313. 	// status: 0:Match, 1:NotMatch, 2:NotEqual
  314. 	
  315. 	var sp1 = "";
  316. 	var sp2 = "";
  317. 	var sp3 = "";
  318. 	var sp4 = "";
  319. 	var sp5 = "";
  320. 	var sp6 = "";
  321. 	var sp7 = "";
  322. 	var sp8 = "";
  323. 	
  324. 	var strOut1 = "";
  325. 	var strOut2 = "";
  326. 	
  327. 	if (str1 != null && str2 != null)
  328. 	{
  329. 		for (var i = 0; i < str1.length; i++)
  330. 		{	
  331. 			if (str1[i] == sp1 || str1[i] == sp2 || str1[i] == sp3 || str1[i] == sp4
  332. 				|| str1[i] == sp5 || str1[i] == sp6 || str1[i] == sp7 || str1[i] == sp8)
  333. 			{
  334. 				strOut1 += str1[i];
  335. 			}
  336. 		}
  337. 		for (var i = 0; i < str2.length; i++)
  338. 		{	
  339. 			if (str2[i] == sp1 || str2[i] == sp2 || str2[i] == sp3 || str2[i] == sp4
  340. 				|| str2[i] == sp5 || str2[i] == sp6 || str2[i] == sp7 || str2[i] == sp8)
  341. 			{
  342. 				strOut2 += str2[i];
  343. 			}
  344. 		}
  345. 	}
  346. 	
  347. 	var retVal = 0;
  348. 	
  349. 	if (strOut1 == strOut2)
  350. 		retVal = 0;
  351. 	else if (strOut1.length == strOut2.length)
  352. 		retVal = 1;
  353. 	else 
  354. 		retVal = 2;
  355. 	
  356. 	return new Array(retVal, strOut1.length, strOut2.length);
  357. }
  358.  
  359. if (!String.prototype.endsWith) 
  360. {
  361. 	String.prototype.endsWith = function(searchString, position) 
  362. 	{
  363. 		var subjectString = this.toString();
  364. 		if (typeof position !== 'number' || !isFinite(position) 
  365. 			|| Math.floor(position) !== position || position > subjectString.length) 
  366. 		{
  367. 			position = subjectString.length;
  368. 		}
  369. 		position -= searchString.length;
  370. 		var lastIndex = subjectString.indexOf(searchString, position);
  371. 		return lastIndex !== -1 && lastIndex === position;
  372. 	};
  373. }
  374.  
  375. function reload()
  376. {
  377. 	window.location = window.location.href;
  378. }
  379.  
  380. function getCookie(c_name) {
  381.     var c_value = document.cookie;
  382.     var c_start = c_value.indexOf(" " + c_name + "=");
  383.     if (c_start == -1) {
  384.         c_start = c_value.indexOf(c_name + "=");
  385.     }
  386.     if (c_start == -1) {
  387.         c_value = null;
  388.     }
  389.     else {
  390.         c_start = c_value.indexOf("=", c_start) + 1;
  391.         var c_end = c_value.indexOf(";", c_start);
  392.         if (c_end == -1) {
  393.             c_end = c_value.length;
  394.         }
  395.         c_value = unescape(c_value.substring(c_start, c_end));
  396.     }
  397.     return c_value;
  398. }
  399.  
  400. var isVisible = (function()
  401. {
  402. 	var stateKey;
  403. 	var eventKey;
  404. 	var keys = 
  405. 	{
  406. 		hidden: "visibilitychange",
  407. 		webkitHidden: "webkitvisibilitychange",
  408. 		mozHidden: "mozvisibilitychange",
  409. 		msHidden: "msvisibilitychange"
  410. 	};
  411. 	for (stateKey in keys) 
  412. 	{
  413. 		if (stateKey in document) 
  414. 		{
  415. 			eventKey = keys[stateKey];
  416. 			break;
  417. 		}
  418. 	}
  419. 	return function(c) 
  420. 	{
  421. 		if (c) 
  422. 		{
  423. 			document.addEventListener(eventKey, c);
  424. 		}
  425. 		return !document[stateKey];
  426. 	}
  427. })();
  428.  
  429. function isDstUsa(year, month, day, hour)
  430. {
  431. 	// 2016, 3, 1, 15 == 1 Mar 2016 15:00
  432. 	
  433. 	var isDst = false;
  434. 	try
  435. 	{
  436. 		var y = parseInt(year);
  437. 		var m = parseInt(month);
  438. 		var d = parseInt(day);
  439. 		var h = parseInt(hour);
  440. 		
  441. 		function checkDstUsa(dayMar, dayNov, m, d, h)
  442. 		{
  443. 			var isDst = false;
  444. 			if ((m == 3 && d >= dayMar) || (m > 3 && m < 11) || (m == 11 && d <= dayNov))
  445. 				isDst = true;
  446. 			if ((m == 3 && d == dayMar && h < 2) || (m == 11 && d == dayNov && h >= 2))
  447. 				isDst = false;
  448. 			return isDst;
  449. 		}
  450. 		
  451. 		if (y == 2007 || y == 2012 || y == 2018 || y == 2029)
  452. 		{
  453. 			isDst = checkDstUsa(11, 4, m, d, h);
  454. 		}
  455. 		else if (y == 2013 || y == 2019 || y == 2024)
  456. 		{
  457. 			isDst = checkDstUsa(10, 3, m, d, h);
  458. 		}
  459. 		else if (y == 2008 || y == 2014 || y == 2025)
  460. 		{
  461. 			isDst = checkDstUsa(9, 2, m, d, h);
  462. 		}
  463. 		else if (y == 2009 || y == 2015 || y == 2020 || y == 2026)
  464. 		{
  465. 			isDst = checkDstUsa(8, 1, m, d, h);
  466. 		}
  467. 		else if (y == 2010 || y == 2021 || y == 2027)
  468. 		{
  469. 			isDst = checkDstUsa(14, 7, m, d, h);
  470. 		}
  471. 		else if (y == 2011 || y == 2016 || y == 2022)
  472. 		{
  473. 			isDst = checkDstUsa(13, 6, m, d, h);
  474. 		}
  475. 		else if (y == 2017 || y == 2023 || y == 2028)
  476. 		{
  477. 			isDst = checkDstUsa(12, 5, m, d, h);
  478. 		}
  479. 		
  480. 	}
  481. 	catch (ex)
  482. 	{
  483. 	}
  484. 	return isDst;
  485. }
  486.  
  487. function getUnixTimestamp()
  488. {
  489. 	return parseInt((new Date()) / 1000);
  490. }
  491.  
  492. var timeoutList = new Array();
  493. var intervalList = new Array();
  494.  
  495. function setTimeoutCustom(func, tm, params)
  496. {
  497. 	var id = setTimeout(func, tm, params);
  498. 	timeoutList.push(id);
  499. 	return id;
  500. }
  501.  
  502. function clearTimeoutAll()
  503. {
  504. 	for (var i = 0; i < timeoutList.length; i++)
  505. 	{
  506. 		clearTimeout(timeoutList[i]);
  507. 	}
  508. }
  509.  
  510. function setIntervalCustom(func, tm, params)
  511. {
  512. 	var id = setInterval(func, tm, params);
  513. 	intervalList.push(id);
  514. 	return id;
  515. }
  516.  
  517. function clearIntervalAll()
  518. {
  519. 	for (var i = 0; i < intervalList.length; i++)
  520. 	{
  521. 		clearInterval(intervalList[i]);
  522. 	}
  523. }
  524.  
  525. function main() 
  526. {
  527. 	var url = document.documentURI;
  528. 	var lang = getCookie("Language");
  529. 	
  530. 	// Auto refresh when error
  531. 	{
  532. 		var h1 = document.querySelector("#leftAreaContainer > h1, body > h1");
  533. 		if (h1 != null)
  534. 		{
  535. 			var text = h1.textContent.trim();
  536. 			if (text == "Steam Translation Server - Maintenance Warning"
  537. 				|| text == "Forbidden")
  538. 			{
  539. 				console.log("stsh: refresh");
  540. 				setTimeoutCustom(reload, 60000);
  541. 				return;
  542. 			}
  543. 		}
  544. 	}
  545.  
  546. 	// Clean links
  547. 	{
  548. 		var pattT1 = /\?t=[0-9]{6,}\&/g;
  549. 		var pattT2 = /\&t=[0-9]{6,}/g;
  550. 		var pattT3 = /\?t=[0-9]{6,}/g;
  551. 	
  552. 		var as = document.querySelectorAll("a");
  553. 		for (var i = 0; i < as.length; i++)
  554. 		{
  555. 			var href = as[i].href;
  556. 			if (pattT1.test(href))
  557. 			{
  558. 				as[i].href = href.replace(pattT1,"?");
  559. 			}
  560. 			else if (pattT2.test(href))
  561. 			{
  562. 				as[i].href = href.replace(pattT2,"");
  563. 			}
  564. 			else if (pattT3.test(href))
  565. 			{
  566. 				as[i].href = href.replace(pattT3,"");
  567. 			}
  568. 		}
  569. 	}
  570.  
  571. 	var eleLogout = document.querySelector("#logout");
  572. 	if (eleLogout != null)
  573. 	{
  574. 		var logoutHtml = ' <a class="stsh_a_button" target="_blank" ' 
  575. 			+ ' href="/user_activity.php">My Profile</a> '
  576. 			+ ' <input name="login_button" value="Logout?" type="submit" onmouseup="return confirm(\'Logout?\');" /> ';
  577. 		
  578. 		eleLogout.innerHTML = logoutHtml;
  579. 	}
  580.  
  581. 	// Special event button
  582. 	{
  583. 		var eleLogoff = document.querySelector("#logoff");
  584. 		if (eleLogoff != null)
  585. 		{
  586. 			var d = new Date();
  587. 			if ((d.getUTCMonth() > 8) || (d.getUTCMonth() == 8 && d.getUTCDate() >= 25) || (d.getUTCMonth() == 0 && d.getUTCDate() <= 1))
  588. 			{
  589. 				var divSpecial = document.createElement("div");
  590. 				divSpecial.id = "stsh_specialEvent";
  591. 				divSpecial.innerHTML = ' <a class="stsh_a_button" target="_blank" ' 
  592. 					+ ' href="/rally.php">Year-End Rally</a> ';
  593. 				eleLogoff.appendChild(divSpecial);
  594. 			}
  595. 		}
  596. 	}	
  597.  
  598. 	if (url.indexOf("Us_And_Them.php") > -1)
  599. 	{
  600. 		var container = "\"";
  601. 		var tdEng = document.querySelector("#leftAreaContainer > table > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2)");
  602. 		if (tdEng != null)
  603. 		{
  604. 			tdEng.innerHTML = container + tdEng.innerHTML + container;
  605. 		}
  606. 	
  607. 		var h1 = document.querySelector("#leftAreaContainer > h1:nth-child(2)");
  608. 		if (h1 != null)
  609. 		{
  610. 			var header = h1.textContent.trim();
  611. 			var key = header.split(" ")[0];
  612. 			h1.innerHTML = header.replace(key, "<a href='http://translation.steampowered.com/translate.php?keyonly=1&search_input=" 
  613. 				+ encodeURIComponent(key) + "' >" + key + "</a>");
  614. 			document.title = key + " - " + document.title;
  615. 		}
  616. 	
  617. 	} // End Us_And_Them.php
  618.  
  619. 	if (url.indexOf("suggestions.php") > -1)
  620. 	{
  621. 		var ele = document.querySelector("#suggestion_value_new");
  622. 		if (ele != null)
  623. 		{
  624. 			ele.style.width = "960px";
  625. 			ele.style.height = "64px";
  626. 			ele.style.marginLeft = "3px";
  627. 		}
  628. 	
  629. 		var inputClose = document.querySelector("#suggestions_nav > input[value^='Close']");
  630. 		if (inputClose != null)
  631. 		{
  632. 			inputClose.value = "Close (Esc)"; 
  633. 		}
  634. 	
  635. 		// Move region
  636. 		{
  637. 			var td = document.querySelector(".progress tr:last-child > td:nth-child(3)");
  638. 			if (td != null && td.textContent.trim() == "")
  639. 			{
  640. 				function moveSuggestionBox()
  641. 				{
  642. 					var td = document.querySelector(".progress tr:last-child > td:nth-child(3)");
  643. 					if (td != null && td.textContent.trim() == "")
  644. 					{
  645. 						td.innerHTML = "";
  646. 						var eleTarget = document.querySelector("#suggestionmain > div:nth-child(4) > .lbAction");
  647. 						if (eleTarget != null)
  648. 						{
  649. 							td.appendChild(eleTarget);
  650. 							td.style.padding = "0px";
  651. 							
  652. 							var textarea = document.querySelector("#suggestion_value_new");
  653. 							if (textarea != null)
  654. 							{
  655. 								textarea.style.width = "98%";
  656. 								textarea.style.marginLeft = "0px";
  657. 								textarea.style.height = (textarea.scrollHeight + 20) + "px";
  658. 								textarea.focus();
  659. 							}
  660. 						}
  661. 					}
  662. 				}
  663. 				
  664. 				function moveSuggestionList()
  665. 				{
  666. 					var td = document.querySelector(".progress tr:last-child > td:nth-child(3)");
  667. 					if (td != null && td.textContent.trim() == "")
  668. 					{
  669. 						td.innerHTML = "";
  670. 						var eleTarget = document.querySelector(".suggestion");
  671. 						if (eleTarget != null)
  672. 						{
  673. 							td.appendChild(eleTarget);
  674. 							td.style.padding = "0px";
  675. 							
  676. 							eleTarget.style.marginTop = "-2px";
  677. 							eleTarget.style.paddingTop = "0px";
  678. 							eleTarget.style.borderBottomWidth = "0px";
  679. 							eleTarget.style.borderRightWidth = "0px";
  680. 							eleTarget.style.resize = "none";
  681. 														
  682. 							var eleAutoApprove = document.querySelector("#stsh_autoApprove");
  683. 							if (eleAutoApprove != null)
  684. 							{
  685. 								eleAutoApprove.style.display = "none";
  686. 							}
  687. 							
  688. 							var eleAutoApproveLabel = document.querySelector(".stsh_autoApprove_label");
  689. 							if (eleAutoApproveLabel != null)
  690. 							{
  691. 								eleAutoApproveLabel.style.display = "none";
  692. 							}
  693. 						}
  694. 					}
  695. 				}
  696. 				
  697. 				var eleMoveBox = document.createElement("input");
  698. 				eleMoveBox.id = "stsh_moveSuggestionBox";
  699. 				eleMoveBox.setAttribute("value", "Move Box Here");
  700. 				eleMoveBox.setAttribute("type", "button");
  701. 				eleMoveBox.style.marginRight = "5px";
  702. 			
  703. 				eleMoveBox.addEventListener("click", function(e)
  704. 				{
  705. 					moveSuggestionBox();
  706. 				});
  707. 				
  708. 				td.appendChild(eleMoveBox);
  709. 				
  710. 				var eleMoveList = document.createElement("input");
  711. 				eleMoveList.id = "stsh_moveSuggestionList";
  712. 				eleMoveList.setAttribute("value", "Move Suggestion Here");
  713. 				eleMoveList.setAttribute("type", "button");
  714. 				eleMoveList.style.marginRight = "5px";
  715. 			
  716. 				eleMoveList.addEventListener("click", function(e)
  717. 				{
  718. 					moveSuggestionList();
  719. 				});
  720. 				
  721. 				td.appendChild(eleMoveList);
  722. 			}
  723. 		}
  724. 	
  725. 		var textarea = document.querySelector("#suggestion_value_new");
  726. 		if (textarea != null)
  727. 		{
  728. 			textarea.focus();
  729. 			textarea.style.height = (textarea.scrollHeight + 20) + "px";
  730. 			
  731. 			if (textarea.scrollHeight > 200 && document.querySelector(".suggestion") != null)
  732. 			{
  733. 				textarea.scrollIntoView();
  734. 			}
  735. 		}
  736. 	
  737. 		var br = document.querySelector("form.lbAction:nth-child(2) > div:nth-child(2) > br:nth-child(1)");
  738. 		if (br != null)
  739. 		{
  740. 			br.parentElement.removeChild(br);
  741. 		}
  742. 		
  743. 		var key = "";
  744. 	
  745. 		var divNav = document.querySelector("div#suggestions_nav");
  746. 		if (divNav != null)
  747. 		{
  748. 			var insert = "";
  749. 			var spliter = "_";
  750. 			var regApp = /[0-9]{2,}/;
  751. 		
  752. 			var aKey = document.querySelector(".smallcopy > font:nth-child(2) > a:nth-child(1)");
  753. 			if (aKey != null)
  754. 			{
  755. 				insert += ' <br/> &nbsp; ';
  756. 				key = encodeURIComponent(aKey.textContent.trim());
  757. 			
  758. 				if (key == "token-key")
  759. 				{
  760. 					aKey = document.querySelector(".smallcopy > a:nth-child(3)");
  761. 					if (aKey != null)
  762. 					{
  763. 						key = encodeURIComponent(aKey.textContent.trim());
  764. 					}
  765. 				}
  766. 			
  767. 				if (key != "")
  768. 				{
  769. 					document.title = key + " - " + document.title;
  770. 					
  771. 					if (key.split(spliter).length > 1)
  772. 					{
  773. 						if (key.indexOf("%23") == 0)
  774. 						{						
  775. 							var firstSpliter = key.indexOf(spliter);
  776. 							var keySharp = key.substring(0, firstSpliter);
  777. 							insert += ' <a class="stsh_a_button" target="_blank" '
  778. 								+ ' href="/translate.php?keyonly=1&paginationrows=1000&search_input=' 
  779. 								+ keySharp + '">Search by Hashtag</a> ';
  780. 						}
  781. 					
  782. 						var lastSpliter = key.lastIndexOf(spliter);
  783. 						var keyGroup = key.substring(0, lastSpliter);
  784. 						insert += ' <a class="stsh_a_button" target="_blank" '
  785. 							+ ' href="/translate.php?keyonly=1&paginationrows=1000&search_input=' 
  786. 							+ keyGroup + '">Search by Group</a> ';
  787. 					}
  788. 					insert += ' <a class="stsh_a_button" target="_blank" '
  789. 						+ ' href="/translate.php?keyonly=1&search_input=' 
  790. 						+ key + '">Search by Key</a> ';
  791. 				}
  792. 			}
  793. 		
  794. 			var tdText = document.querySelector(".progress tr:last-child > td:nth-child(1)");
  795. 			if (tdText != null)
  796. 			{
  797. 				var text = encodeURIComponent(tdText.textContent.trim()).replace(/(%20|%09)/g,"+")
  798. 					.replace(/'/g,"\\'").replace("%0A","+").replace(/\++/g,"+").substr(0, 80);
  799. 					
  800. 				if (text.length >= 80)
  801. 				{
  802. 					text = text.substr(0,text.lastIndexOf("+"));
  803. 				}
  804. 				
  805. 				if (text != "")
  806. 				{
  807. 					insert += ' <br/> &nbsp; <a class="stsh_a_button" target="_blank" '
  808. 						+ ' href="/translate.php?keyonly=2&paginationrows=1000&search_input=' 
  809. 						+ text + '">Search by String</a> ';
  810. 				}
  811. 				else
  812. 				{
  813. 					if (textarea != null)
  814. 					{
  815. 						var eleSubmit = document.querySelector(".lbAction input[type='submit'][accesskey='s']");
  816. 						if (eleSubmit != null)
  817. 						{
  818. 							var eleNew = document.createElement("input");
  819. 							eleNew.classList.add("stsh_insert_space");
  820. 							eleNew.setAttribute("type", "button");
  821. 							eleNew.setAttribute("value", "Insert Space (Alt+0160)");
  822. 							insertBeforeElement(eleNew, eleSubmit.parentElement.firstChild);
  823. 							
  824. 							eleNew.addEventListener("click", function(e)
  825. 							{								
  826. 								var textarea = document.querySelector("#suggestion_value_new");
  827. 								if (textarea != null)
  828. 								{
  829. 									textarea.value = String.fromCharCode(160);
  830. 									textarea.focus();
  831. 								}
  832. 							});
  833. 						}
  834. 					}
  835. 				}				
  836. 			}
  837. 		
  838. 			var app = regApp.exec(key.replace("%23",""));
  839. 			if (key.indexOf("faq") < 0 && app != null)
  840. 			{
  841. 				insert += ' <br/> &nbsp; ';
  842. 			
  843. 				if (key.indexOf("SharedFiles_App_") == 0)
  844. 				{
  845. 					insert += ' <a class="stsh_a_button" target="_blank" '
  846. 						+ ' href="http://steamcommunity.com/workshop/browse?appid=' 
  847. 						+ app + '">View Workshop</a> ';
  848. 				}
  849. 			
  850. 				insert += ' <a class="stsh_a_button" target="_blank" '
  851. 					+ ' href="http://steamcommunity.com/app/' 
  852. 					+ app + '">View Community</a> '
  853. 			
  854. 				insert += ' <a class="stsh_a_button" target="_blank" '
  855. 					+ ' href="http://store.steampowered.com/app/' 
  856. 					+ app + '">View App</a> ';
  857. 			}
  858. 		
  859. 			var src = document.documentURI;
  860. 			var insertBefore = ' <input value="Refresh" '
  861. 				+ ' onclick="window.location = window.location.href; return false;" type="button"> '
  862. 				+ ' <a class="stsh_a_button" target="_blank" ' 
  863. 				+ ' href="'	+ src + '">Frame</a> ';
  864. 		
  865. 			var innerNew = divNav.innerHTML
  866. 				.replace('<input value="Previous','&nbsp;&nbsp;<input value="Prev')
  867. 				.replace('<input value="Close','&nbsp;&nbsp;<input value="Close');
  868. 		
  869. 			divNav.innerHTML = insertBefore + innerNew + insert;
  870. 			
  871. 		}
  872. 	
  873. 		// Regroup glossary and auto replace matched string
  874. 		if (false)
  875. 		{
  876. 			// old feature
  877. 			
  878. 			setTimeoutCustom(function()
  879. 			{
  880. 				var br = "<br>";
  881. 				var brSpace = " <br> ";
  882. 				var tag = "<a";
  883. 				var colon = ">: ";
  884. 				var comma = ",";
  885. 				var bracket = " (";
  886. 				var isEdit = false;
  887. 				
  888. 				var p = null;
  889. 				
  890. 				var aGls = document.querySelectorAll("a[href='glossary.php']");
  891. 				for (var i = 0; i < aGls.length; i++)
  892. 				{
  893. 					if (aGls[i].textContent.trim() == "GLOSSARY FEATURE")
  894. 					{
  895. 						p = aGls[i].parentElement;
  896. 						break;
  897. 					}
  898. 				}
  899. 				
  900. 				if (p != null)
  901. 				{
  902. 					var glosOuters = [];
  903. 					var glosInnerStart = 0;
  904. 					var countGl = 0;
  905. 					var glossaries = p.innerHTML.split(br);
  906. 					if (glossaries.length > 2)
  907. 					{
  908. 						glosOuters = [p];
  909. 						glosInnerStart = 2;
  910. 					}
  911. 					else
  912. 					{
  913. 						glosOuters = p.nextSibling.querySelectorAll("td");
  914. 						glosInnerStart = 0;
  915. 					}
  916. 					
  917. 					var rgxKey = />[^><]+</;
  918. 					var rgxKeyClean = /[><]+/g;
  919. 					var rgxKeyPunct = /[\(\)\[\]\:\!]/g;
  920. 					var rgxContentClean = /<[^<]*>/g;
  921. 					var textOrg = "";
  922. 					var textEng = "";
  923. 					var isTextReplaced = false;
  924. 					var isOutdated = false;
  925.  
  926. 					var eleBtnResummit = document.querySelector("input[type='submit'][value^='RESUBMIT']");
  927. 					if (eleBtnResummit != null)
  928. 					{
  929. 						isTextReplaced = true;
  930. 					}
  931. 					else
  932. 					{
  933. 						var eleTextOrg = document.querySelector("#suggestion_value_new");
  934. 						if (eleTextOrg != null)
  935. 						{
  936. 							textOrg = eleTextOrg.value.trim().toLowerCase();
  937. 						}
  938. 						if (textOrg == "")
  939. 						{
  940. 							isTextReplaced = true;
  941. 						}
  942. 					}
  943. 					
  944. 					if (!isTextReplaced)
  945. 					{
  946. 						var eleTrs = document.querySelectorAll(".progress tr");
  947. 						isOutdated = (eleTrs.length >= 3);
  948. 						if (isOutdated)
  949. 						{
  950. 							textEng = eleTrs[eleTrs.length - 1].firstElementChild.textContent.trim().toLowerCase();
  951. 						}
  952. 					}
  953. 					
  954. 					for (var i = 0; i < glosOuters.length; i++)
  955. 					{
  956. 						var glosOuter = glosOuters[i];
  957. 						
  958. 						var glosInners = glosOuter.innerHTML.split(br);
  959. 						
  960. 						isEdit = false;
  961. 						
  962. 						for (var j = glosInnerStart; j < glosInners.length; j++)
  963. 						{
  964. 							var glossary = glosInners[j].trim();
  965. 							if (glossary.length > 0 && glossary.indexOf(tag) == 0)
  966. 							{
  967. 								var colonIndex = glossary.indexOf(colon);
  968. 								var contentHead = glossary.substr(0, colonIndex + 3);
  969. 								var contentAll = glossary.substr(colonIndex + 3);
  970. 								var contentWords = contentAll.split(comma);
  971. 								var contentFirst = contentWords[0].trim();
  972. 								
  973. 								for (var k = 0; k < contentWords.length; k++)
  974. 								{
  975. 									var contentNew = contentWords[k].trim();
  976. 									var contentSub = null;
  977. 									
  978. 									var bracketPos = contentNew.indexOf(" (");
  979. 									if (bracketPos > -1)
  980. 									{
  981. 										contentSub = contentNew.substr(bracketPos);
  982. 										contentNew = contentNew.substr(0, bracketPos);
  983. 									}
  984. 									
  985. 									contentNew = " <span id='stsh_gls_" + countGl 
  986. 										+ "' onclick='clickToSelect(this)'>" 
  987. 										+ contentNew + "</span>";
  988. 										//+ "<span style='color: white; cursor: pointer;'>^</span>";
  989. 										
  990. 									if (contentSub != null)
  991. 									{
  992. 										contentNew +=  "<span "
  993. 											+ "onclick='clickToSelect(this.previousElementSibling)'>" 
  994. 											+ contentSub + "</span>";
  995. 									}
  996. 									
  997. 									contentWords[k] = contentNew;
  998. 									countGl++;
  999. 								}
  1000. 							
  1001. 								if (!isTextReplaced)
  1002. 								{
  1003. 									var keys = contentHead.match(rgxKey);
  1004. 									if (keys != null && keys.length > 0)
  1005. 									{
  1006. 										var key = keys[0].replace(rgxKeyClean, "").trim().toLowerCase();
  1007. 										var contentClean = contentFirst.replace(rgxContentClean, "");
  1008. 										var contentLower = contentClean.toLowerCase();
  1009. 										var textCur = "";
  1010. 										if (key == textOrg.replace(rgxKeyPunct, ""))
  1011. 										{
  1012. 											textCur = textOrg;
  1013. 										}
  1014. 										else if (key == textEng.replace(rgxKeyPunct, ""))
  1015. 										{
  1016. 											textCur = textEng;
  1017. 										}
  1018. 										
  1019. 										if (textCur != "" && key != contentLower)
  1020. 										{
  1021. 											var rgxReplace = new RegExp(key, "i");
  1022. 											eleTextOrg.value = textCur.replace(rgxReplace, contentClean);
  1023. 											isTextReplaced = true;
  1024. 										}
  1025. 									}
  1026. 								}
  1027. 								
  1028. 								glosInners[j] = contentHead + contentWords.join(comma);
  1029. 								isEdit = true;
  1030. 							}
  1031. 						}
  1032. 						if (isEdit)
  1033. 						{
  1034. 							glosOuter.innerHTML = glosInners.join(brSpace);
  1035. 						}
  1036. 					}
  1037. 				}
  1038. 			}, 200);
  1039. 		}
  1040. 		
  1041. 		// Restyle glossary
  1042. 		{
  1043. 			var eleP = null;
  1044. 				
  1045. 			var elesA = document.querySelectorAll("a[href='glossary.php']");
  1046. 			for (var i = 0; i < elesA.length; i++)
  1047. 			{
  1048. 				if (elesA[i].textContent.trim() == "GLOSSARY FEATURE")
  1049. 				{
  1050. 					eleP = elesA[i].parentElement;
  1051. 					break;
  1052. 				}
  1053. 			}
  1054. 			
  1055. 			if (eleP != null)
  1056. 			{
  1057. 				var nodeText = eleP.firstElementChild.nextSibling;
  1058. 				if (nodeText.nodeType == document.TEXT_NODE)
  1059. 				{
  1060. 					var ele = document.createElement("span");
  1061. 					ele.textContent = nodeText.textContent;
  1062. 					
  1063. 					nodeText.parentElement.removeChild(nodeText);
  1064. 					
  1065. 					insertAfterElement(ele, eleP.firstElementChild);
  1066. 				}
  1067. 				
  1068. 				var eleHead;
  1069. 				
  1070. 				if (eleP.nextElementSibling.tagName == "TABLE")
  1071. 				{
  1072. 					eleHead = eleP.nextElementSibling;
  1073. 				}
  1074. 				else
  1075. 				{
  1076. 					eleHead = eleP;					
  1077. 				}
  1078. 				
  1079. 				eleHead.classList.add("stsh_glossary_header");
  1080. 				
  1081. 				var elesTerm = eleHead.querySelectorAll("a[href^='http://translation.steampowered.com/translate.php?search_input=']");
  1082. 				for (var i = 0; i < elesTerm.length; i++)
  1083. 				{
  1084. 					elesTerm[i].classList.add("stsh_glossary_term");
  1085. 				}
  1086. 			}
  1087. 		}
  1088. 		
  1089. 		// Auto link http
  1090. 		// Format comment
  1091. 		{
  1092. 			var countSugStatus = document.querySelectorAll(
  1093. 				".suggestions_list span[class^='suggestion_status_']").length;
  1094. 				
  1095. 			var regUrl = /http[^ "]+/ig;
  1096. 			var hostUrl = "http://translation.steampowered.com/";
  1097. 			var hostReplace = "/";
  1098. 			var eleComments = document.querySelectorAll(""
  1099. 				+ ".suggestion_signature > i:nth-child(3), "
  1100. 				+ ".suggestion_signature div:nth-child(1) > i:nth-child(4), "
  1101. 				+ ".suggestion_signature div:nth-child(1) > i:nth-child(6), "
  1102. 				+ ".row0 > td:nth-child(2), .row1 > td:nth-child(2), .row2 > td:nth-child(2), "
  1103. 				+ ".row-1 > td:nth-child(2) ");
  1104. 			for (var i = 0; i < eleComments.length; i++)
  1105. 			{
  1106. 				var comment = eleComments[i].innerHTML + " ";
  1107. 				if (comment.indexOf("<a") == -1)
  1108. 				{
  1109. 					var commentUrls = comment.match(regUrl) || [];
  1110. 					for (var j = 0; j < commentUrls.length; j++)
  1111. 					{
  1112. 						var urlDecode = commentUrls[j];
  1113. 						try
  1114. 						{
  1115. 							urlDecode = decodeURIComponent(commentUrls[j]);
  1116. 							
  1117. 							if (countSugStatus == 0 && urlDecode.indexOf(hostUrl) == 0)
  1118. 							{								
  1119. 								var query = getQueryByName("search_input", urlDecode.replace("&amp;", "&"));
  1120. 								
  1121. 								if (query != "")
  1122. 								{
  1123. 									urlDecode = query;
  1124. 								}
  1125. 								else
  1126. 								{
  1127. 									urlDecode = urlDecode.replace(hostUrl, hostReplace);
  1128. 								}
  1129. 							}
  1130. 						}
  1131. 						catch (ex)
  1132. 						{
  1133. 						}
  1134. 						var commentUrl = commentUrls[j] + " ";
  1135. 						comment = comment.replace(commentUrl,"<a target='_blank' href='" 
  1136. 							+ commentUrls[j] + "' >" + urlDecode + "</a> ");
  1137. 					}
  1138. 				}
  1139. 				
  1140. 				comment = comment.trim();
  1141. 		
  1142. 				if (comment.indexOf("Comment:") == 0)
  1143. 				{					
  1144. 					eleComments[i].classList.add("stsh_submit_comment_header");
  1145. 					comment = comment
  1146. 						.replace("Comment:", "Comment: <span class='stsh_submit_comment'>")
  1147. 						.replace(/\/ /g, "<span class='stsh_white'>/</span> ")
  1148. 						.replace(/ \//g, " <span class='stsh_white'>/</span>")
  1149. 						.replace(/\-\&gt\;/g, "<span class='stsh_white'>-&gt;</span>")
  1150. 						.replace(/\,/g, "<span class='stsh_white'>,</span>")
  1151. 						+ "</span>";
  1152. 				}
  1153. 				
  1154. 				eleComments[i].innerHTML = comment;
  1155. 				
  1156. 				var eleAs = eleComments[i].querySelectorAll("a");
  1157. 				for (var j = 0; j < eleAs.length; j++)
  1158. 				{
  1159. 					var href = eleAs[j].getAttribute("href");
  1160. 					if (href.indexOf("#") > -1)
  1161. 					{
  1162. 						eleAs[j].setAttribute("href", href.replace(/\#/g,"%23"));
  1163. 					}
  1164. 				}
  1165. 				
  1166. 				
  1167. 				//if (comment.indexOf("Comment:") != 0)
  1168. 				{
  1169. 					// Discussion comment
  1170. 					
  1171. 					var elesA = eleComments[i].querySelectorAll("a");
  1172. 					for (var j = 0; j < elesA.length; j++)
  1173. 					{
  1174. 						var href = elesA[j].getAttribute("href");
  1175. 						if (href.endsWith(".jpg") || href.endsWith(".png") || href.endsWith(".gif"))
  1176. 						{
  1177. 							if (elesA[j].querySelectorAll("img").length == 0)
  1178. 							{
  1179. 								var ele = document.createElement("img");
  1180. 								ele.classList.add("stsh_comment_img");
  1181. 								ele.setAttribute("src", href);
  1182. 								ele.setAttribute("title", href);
  1183. 								ele.setAttribute("onclick", " if (this.style.minWidth != '850px') "
  1184. 									+ " { this.style.minWidth = '850px'; } "
  1185. 									+ " else { this.style.minWidth = '400px'; } ");
  1186. 							
  1187. 								insertAfterElement(ele, elesA[j]);
  1188. 							}
  1189. 						}
  1190. 					}
  1191. 				}
  1192. 			}
  1193. 		}
  1194. 	
  1195. 		var divIntro = document.querySelector("#suggestionmain > div.smallcopy");
  1196. 		if (divIntro != null)
  1197. 		{			
  1198. 			var qBranch = getQueryByName("branch");
  1199. 			
  1200. 			var htmlToken = "You are editing";
  1201. 			var htmlTokenReplace = "";
  1202. 			
  1203. 			var htmlToken2 = "token-key";
  1204. 			var htmlToken2Replace = "Token-key";
  1205. 			
  1206. 			var htmlFile = "of file";
  1207. 			var htmlFileReplace = '<br>File: <font class="stsh_blue" onclick="clickToSelect(this)">' + qBranch + '</font> >> ';
  1208. 			
  1209. 			var htmlSugg = 'You have  <font style="';
  1210. 			var htmlSuggReplace = 'You have <font title="Enter and submit new suggestions below.  Do not alter HTML tags or variables." style="cursor: pointer; ';
  1211. 			
  1212. 			var htmlIntro = "Enter and submit new suggestions below. Do not alter HTML tags or variables.";
  1213. 			var htmlIntroReplace = ' <a href="mailto:translationserver@valvesoftware.com" '
  1214. 				+ 'title="Please report truncated tokens to translationserver@valvesoftware.com">'
  1215. 				+ '<font style="color:white;">Report Tokens</font></a>';
  1216. 			
  1217. 			var htmlContact = '<br>Please report truncated tokens to: <a href="mailto:translationserver@valvesoftware.com"><font style="color:white;">translationserver@valvesoftware.com</font></a>';
  1218. 			var htmlContactReplace = '';
  1219. 			
  1220. 			if (key != "")
  1221. 			{
  1222. 				htmlIntroReplace += ' <br>Share: <font class="stsh_green" style="font-size: 0.8em;" onclick="clickToSelect(this)">'
  1223. 					+ 'http://translation.steampowered.com/translate.php?search_input=' + key
  1224. 					+ "</font> <br>";
  1225. 			}
  1226. 			
  1227. 			var isComplete = (divIntro.innerHTML.indexOf(htmlContact) > -1);
  1228. 			
  1229. 			divIntro.innerHTML = divIntro.innerHTML
  1230. 				.replace(htmlToken, htmlTokenReplace)
  1231. 				.replace(htmlToken2, htmlToken2Replace)
  1232. 				.replace(htmlFile, htmlFileReplace)
  1233. 				.replace(htmlSugg, htmlSuggReplace)
  1234. 				.replace(htmlIntro, htmlIntroReplace)
  1235. 				.replace(htmlContact, htmlContactReplace)
  1236. 				.trim();
  1237. 			
  1238. 			if (!isComplete)
  1239. 			{
  1240. 				var stsh_introReplace_start = new Date();
  1241. 				var stsh_introReplace_itv = setIntervalCustom(function(params)
  1242. 				{
  1243. 					var divIntro = params[0];
  1244. 					var htmlContact = params[1];
  1245. 					var htmlContactReplace = params[2];
  1246. 					
  1247. 					var stsh_introReplace_isEnd = false;
  1248. 					var stsh_introReplace_cur = new Date();
  1249. 					
  1250. 					if (divIntro.innerHTML.indexOf(htmlContact) > -1)
  1251. 					{
  1252. 						divIntro.innerHTML = divIntro.innerHTML
  1253. 							.replace(htmlContact, htmlContactReplace);
  1254. 							
  1255. 						stsh_introReplace_isEnd = true;
  1256. 					}
  1257. 					
  1258. 					if (stsh_introReplace_isEnd || stsh_introReplace_cur - stsh_introReplace_start > 10000)
  1259. 					{
  1260. 						clearInterval(stsh_introReplace_itv);
  1261. 					}
  1262. 				}, 100, [divIntro, htmlContact, htmlContactReplace]);
  1263. 			}
  1264. 		}
  1265. 	
  1266. 		var formComments = document.querySelectorAll(".lbAction");
  1267. 		for (var i = 0; i < formComments.length; i++)
  1268. 		{
  1269. 			var formComment = formComments[i];
  1270. 			var inputComment = formComment.querySelector("input[type=submit]");
  1271. 			if (inputComment != null)
  1272. 			{
  1273. 				addKeyCtrlEnter(formComment, inputComment);
  1274. 			}
  1275. 		}
  1276. 		
  1277. 		var inputApprove = document.querySelector(".suggestion_signature input[value~='APPROVE']");
  1278. 		if (inputApprove != null)
  1279. 		{
  1280. 			addKeyAlt(document, inputApprove, 219, "[");			// [
  1281. 			addKeyAlt(document, inputApprove, "BracketLeft", "");	// [
  1282. 			//addKeyAlt(document, inputApprove, 0, "");				// [
  1283. 			//addKeyAlt(document, inputApprove, 53, "");			// [
  1284. 			addKeyAlt(document, inputApprove, 79, "");				// O
  1285. 			addKeyAlt(document, inputApprove, 65, "");				// A
  1286. 		}
  1287. 		
  1288. 		var inputApproveNext = document.querySelector(".suggestion_signature input[value~='Next']");
  1289. 		if (inputApproveNext != null)
  1290. 		{
  1291. 			inputApproveNext.value = "Next";
  1292. 			addKeyAlt(document, inputApproveNext, 221, "]");			// ]
  1293. 			addKeyAlt(document, inputApproveNext, "BracketRight", "");	// ]
  1294. 			//addKeyAlt(document, inputApproveNext, 188, "");			// ]
  1295. 			//addKeyAlt(document, inputApproveNext, 173, "");			// ]
  1296. 			//addKeyAlt(document, inputApproveNext, 169, "");			// ]
  1297. 			addKeyAlt(document, inputApproveNext, 80, "");				// P
  1298. 			addKeyAlt(document, inputApproveNext, 83, "");				// S
  1299. 			addKeyCtrl(document, inputApproveNext, 45, "");				// INS
  1300. 			
  1301. 			disableAfterClick(inputApproveNext);
  1302. 			
  1303. 			if (inputApproveNext.disabled && inputApprove != null)
  1304. 			{
  1305. 				addKeyAlt(document, inputApprove, 221, "");				// ]
  1306. 				addKeyAlt(document, inputApprove, "BracketRight", "");	// ]
  1307. 				//addKeyAlt(document, inputApprove, 188, "");			// ]
  1308. 				//addKeyAlt(document, inputApprove, 173, "");			// ]
  1309. 				//addKeyAlt(document, inputApprove, 169, "");			// ]
  1310. 				addKeyAlt(document, inputApprove, 80, "");				// P
  1311. 				addKeyAlt(document, inputApprove, 83, "");				// S
  1312. 				addKeyCtrl(document, inputApprove, 45, "");				// INS
  1313. 			}
  1314. 		}
  1315. 		
  1316. 		var inputDecline = document.querySelector(".suggestion_signature input[value~='DECLINE']");
  1317. 		if (inputDecline != null)
  1318. 		{
  1319. 			addKeyCtrl(document, inputDecline, 46, "");		// DEL
  1320. 		}
  1321. 		
  1322. 		var inputDeclineNext = document.querySelector(".suggestion_signature input[value~='Next']:nth-child(5)");
  1323. 		if (inputDeclineNext != null)
  1324. 		{
  1325. 			inputDeclineNext.value = "Next";
  1326. 		}
  1327. 		
  1328. 		var inputPrev = document.querySelector("#suggestions_nav > input[value^='Prev']");
  1329. 		if (inputPrev != null)
  1330. 		{
  1331. 			addKeyCtrl(document, inputPrev, 219, "[");				// [
  1332. 			addKeyCtrl(document, inputPrev, "BracketLeft", "");		// [
  1333. 			//addKeyCtrl(document, inputPrev, 0, "");				// [
  1334. 			//addKeyCtrl(document, inputPrev, 53, "");				// [
  1335. 			
  1336. 			disableAfterClick(inputPrev);
  1337. 		}
  1338. 		
  1339. 		var inputNext = document.querySelector("#suggestions_nav > input[value~='Next']");
  1340. 		if (inputNext != null)
  1341. 		{
  1342. 			addKeyCtrl(document, inputNext, 221, "]");				// ]
  1343. 			addKeyCtrl(document, inputNext, "BracketRight", "");	// ]
  1344. 			//addKeyCtrl(document, inputNext, 188, "");				// ]
  1345. 			//addKeyCtrl(document, inputNext, 173, "");				// ]
  1346. 			//addKeyCtrl(document, inputNext, 169, "");				// ]
  1347. 			
  1348. 			disableAfterClick(inputNext);
  1349. 		}
  1350. 	
  1351. 		// Check special chars
  1352. 		{			
  1353. 			var h1s = document.querySelectorAll(".progress h1");
  1354. 			if (h1s.length == 2)
  1355. 			{				
  1356. 				var h1Org = h1s[0];
  1357. 				var h1Trn = h1s[1];
  1358. 				
  1359. 				var tdOrg = document.querySelector(".progress tr:last-child > td:nth-child(1)");
  1360. 				var tdTrn = document.querySelector(".progress tr:last-child > td:nth-child(3)");
  1361. 				
  1362. 				if (tdOrg != null && tdTrn != null)
  1363. 				{
  1364. 					var strOrg = tdOrg.textContent.trim();
  1365. 					var strTrn = tdTrn.textContent.trim();
  1366. 					
  1367. 					var statusTrnArr = checkSpecialCharMatched(strOrg, strTrn);
  1368. 					var statusTrnMatched = statusTrnArr[0];
  1369. 					var spOrg = statusTrnArr[1];
  1370. 					var spTrn = statusTrnArr[2];
  1371. 					
  1372. 					if (spOrg > 0)
  1373. 					{
  1374. 						var spanSpOrg = document.createElement("span");
  1375. 						spanSpOrg.id = "stsh_spanSpOrg";
  1376. 						spanSpOrg.classList.add("stsh_blue");
  1377. 						spanSpOrg.innerHTML = " &nbsp;&nbsp;&nbsp;SpecialChar: " + spOrg;
  1378. 						h1Org.parentElement.appendChild(spanSpOrg);
  1379. 					
  1380. 						// Check chars in translated
  1381. 						if (strTrn != "")
  1382. 						{
  1383. 							var spanSpTrn = document.createElement("span");
  1384. 							spanSpTrn.id = "stsh_spanSpTrn";
  1385. 							
  1386. 							if (statusTrnMatched == 0)
  1387. 							{
  1388. 								spanSpTrn.classList.add("stsh_green");
  1389. 							}
  1390. 							else
  1391. 							{
  1392. 								spanSpTrn.classList.add("stsh_red");
  1393. 							}
  1394. 							
  1395. 							var outputTrn = " &nbsp;&nbsp;&nbsp;SpecialChar: " + spTrn;
  1396. 							if (statusTrnMatched == 0)
  1397. 							{
  1398. 								outputTrn += " (Matched)";
  1399. 							}
  1400. 							else if (statusTrnMatched == 1)
  1401. 							{
  1402. 								outputTrn += " (Order not matched)";
  1403. 							}
  1404. 							else
  1405. 							{
  1406. 								outputTrn += " (Not matched)";
  1407. 							}
  1408. 							
  1409. 							spanSpTrn.innerHTML = outputTrn;
  1410. 							h1Trn.parentElement.appendChild(spanSpTrn);
  1411. 						}
  1412. 						
  1413. 						// Check chars in suggested
  1414. 						var divSugs = document.querySelectorAll(".suggestion_text");
  1415. 						for (var i = 0; i < divSugs.length; i++)
  1416. 						{
  1417. 							var divSug = divSugs[i];
  1418. 							var strSug = divSug.textContent.trim();
  1419. 						
  1420. 							var statusSugArr = checkSpecialCharMatched(strOrg, strSug);
  1421. 							var statusSugMatched = statusSugArr[0];
  1422. 							var spSug = statusSugArr[2];
  1423. 							
  1424. 							
  1425. 							var spanSpSug = document.createElement("span");
  1426. 							spanSpSug.classList.add("stsh_spanSpSug");
  1427. 							
  1428. 							if (statusSugMatched == 0)
  1429. 							{
  1430. 								spanSpSug.classList.add("stsh_green");
  1431. 							}
  1432. 							else
  1433. 							{
  1434. 								spanSpSug.classList.add("stsh_red");
  1435. 							}
  1436. 							
  1437. 							var outputSug = " SpecialChar: " + spSug;
  1438. 							if (statusSugMatched == 0)
  1439. 							{
  1440. 								outputSug += " (Matched)";
  1441. 							}
  1442. 							else if (statusSugMatched == 1)
  1443. 							{
  1444. 								outputSug += " (Order not matched)";
  1445. 							}
  1446. 							else
  1447. 							{
  1448. 								outputSug += " (Not matched)";
  1449. 							}
  1450. 							outputSug += " <br/><br/> ";
  1451. 							
  1452. 							spanSpSug.innerHTML = outputSug;
  1453. 							
  1454. 							divSug.insertBefore(spanSpSug, divSug.firstChild);
  1455. 						}
  1456. 					
  1457. 					}
  1458. 				}
  1459. 			}
  1460. 			
  1461. 		}
  1462. 	
  1463. 		// Trim string in same token
  1464. 		{
  1465. 			var p = document.querySelector("#suggestionmain > div:nth-child(5) > p:nth-child(4)");
  1466. 			if (p != null)
  1467. 			{
  1468. 				for (var i = 0; i < p.childNodes.length; i++)
  1469. 				{
  1470. 					child = p.childNodes[i];
  1471. 					if (child.nodeName == "#text")
  1472. 					{
  1473. 						child.nodeValue = child.nodeValue.trim();
  1474. 					}
  1475. 				}
  1476. 			}
  1477. 		}
  1478. 		
  1479. 		// Display newlines
  1480. 		{
  1481. 			var tdOrg = document.querySelector(".progress tr:last-child > td:nth-child(1)");
  1482. 			var tdTrn = document.querySelector(".progress tr:last-child > td:nth-child(3)");
  1483. 			
  1484. 			if (tdOrg != null && tdTrn != null)
  1485. 			{
  1486. 				
  1487. 				var htmlOrg = tdOrg.innerHTML.trim();
  1488. 				var htmlTrn = tdTrn.innerHTML.trim();
  1489. 				
  1490. 				if ((htmlOrg.indexOf("\n") > -1 || htmlOrg.indexOf("\\n") > -1
  1491. 					|| htmlTrn.indexOf("\n") > -1 || htmlTrn.indexOf("\\n") > -1)
  1492. 					/*&& htmlOrg.indexOf("<br") < 0 
  1493. 					&& htmlOrg.indexOf("<p") < 0 && htmlOrg.indexOf("<div") < 0 && htmlOrg.indexOf("<li") < 0*/)
  1494. 				{
  1495. 					var h2SugHeader = document.querySelector("#suggestionmain > div > h2");
  1496. 					if (h2SugHeader != null)
  1497. 					{
  1498. 						var btn = document.createElement("input");
  1499. 						btn.setAttribute("class", "stsh_btn_right");
  1500. 						btn.setAttribute("type", "button");
  1501. 						btn.setAttribute("value", "Display Newlines");
  1502. 						
  1503. 						function displayNewlines(ele)
  1504. 						{
  1505. 							if (ele != null)
  1506. 							{
  1507. 								ele.innerHTML = ele.innerHTML.trim().replace(/\n/g,"\n<br>").replace(/\\n/g," \\n<br>");
  1508. 							}
  1509. 						}
  1510. 				
  1511. 						btn.addEventListener("click", function(e)
  1512. 						{
  1513. 							e.target.disabled = true;
  1514. 							
  1515. 							var tdOrg = document.querySelector(".progress tr:last-child > td:nth-child(1)");
  1516. 							var tdTrn = document.querySelector(".progress tr:last-child > td:nth-child(3)");
  1517. 							displayNewlines(tdOrg);
  1518. 							displayNewlines(tdTrn);
  1519. 								
  1520. 							var divSugs = document.querySelectorAll(".suggestion_text");
  1521. 							for (var i = 0; i < divSugs.length; i++)
  1522. 							{
  1523. 								var divSug = divSugs[i];
  1524. 								displayNewlines(divSug);
  1525. 							}
  1526. 							
  1527. 							var textarea = document.querySelector("#suggestion_value_new");
  1528. 							if (textarea != null)
  1529. 							{
  1530. 								textarea.focus();
  1531. 							}
  1532. 						});
  1533. 						
  1534. 						h2SugHeader.appendChild(btn);
  1535. 					}
  1536. 				}
  1537. 			}
  1538. 		}
  1539. 		
  1540. 		// Open comment when decline
  1541. 		{
  1542. 			var countComment = 0;
  1543. 			var elesComment = [];
  1544. 			
  1545. 			var countSug = document.querySelectorAll(".suggestions_list .suggestion").length;
  1546. 			var countSugDeclined = document.querySelectorAll(
  1547. 				".suggestions_list span[class='suggestion_status_declined']").length;
  1548. 			
  1549. 			if (countSug == countSugDeclined)
  1550. 			{
  1551. 				var elesSugA = document.querySelectorAll(".suggestions_list span[class^='suggestion_status_'] a");
  1552. 				for (var i = 0; i < elesSugA.length; i++)
  1553. 				{
  1554. 					var eleComment = elesSugA[i].parentElement.parentElement.nextSibling;
  1555. 					if (eleComment.nodeName == "DIV" && eleComment.classList.contains("copy"))
  1556. 					{
  1557. 						if (elesSugA[i].parentElement.classList.contains("suggestion_status_declined"))
  1558. 						{
  1559. 							countComment++;
  1560. 							elesComment.push(eleComment);
  1561. 						}
  1562. 					}
  1563. 				}
  1564. 				
  1565. 				if (countComment == elesSugA.length)
  1566. 				{
  1567. 					var isFocus = false;
  1568. 					for (var i = 0; i < elesComment.length; i++)
  1569. 					{
  1570. 						elesComment[i].style.display = "block";
  1571. 						if (!isFocus)
  1572. 						{
  1573. 							var eleTxt = elesComment[i].querySelector("textarea[name='suggestion_comment']");
  1574. 							if (eleTxt != null)
  1575. 							{
  1576. 								eleTxt.focus();
  1577. 								
  1578. 								var eleSugOuter = elesComment[i].parentElement.parentElement.parentElement.parentElement;
  1579. 								if (eleSugOuter.classList.contains("suggestion"))
  1580. 								{
  1581. 									var eleOnion = eleSugOuter.querySelector(".suggestion_text font[style='color:#01ec00;']");
  1582. 									if (eleOnion != null)
  1583. 									{
  1584. 										eleTxt.value = "onion";
  1585. 									}
  1586. 								}
  1587. 			
  1588. 								var eleSugComment = elesComment[i].parentElement
  1589. 									.parentElement.parentElement.querySelector(".stsh_submit_comment font");
  1590. 								if (eleSugComment != null && eleSugComment.textContent.trim() == 
  1591. 									"ATTENTION - English string was updated. This suggestion might be outdated.")
  1592. 								{
  1593. 									eleTxt.value = "outdated";
  1594. 								}
  1595. 								
  1596. 								isFocus = true;
  1597. 							}
  1598. 						}
  1599. 					}
  1600. 				}
  1601. 			}
  1602. 		}
  1603. 		
  1604. 		// Convert time
  1605. 		{
  1606. 			var rgxTime = /\d{2}-\d{2}-\d{4}, \d{2}:\d{2} [AP]M/;
  1607. 			var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
  1608. 			
  1609. 			var eleFriends = document.querySelectorAll(".friend_block_avatar, .friend_block_discussions");
  1610. 			for (var i = 0; i < eleFriends.length; i++)
  1611. 			{
  1612. 				var nodes = [];
  1613. 				
  1614. 				if (eleFriends[i].classList.contains("friend_block_avatar"))
  1615. 				{
  1616. 					nodes = eleFriends[i].childNodes;
  1617. 				}
  1618. 				else if (eleFriends[i].classList.contains("friend_block_discussions"))
  1619. 				{
  1620. 					nodes = eleFriends[i].parentElement.nextElementSibling.childNodes[2].childNodes;
  1621. 				}
  1622. 				
  1623. 				for (var j = 0; j < nodes.length; j++)
  1624. 				{
  1625. 					var nodeVal = nodes[j].nodeValue;
  1626. 					if (nodeVal != null)
  1627. 					{
  1628. 						var dateTimes = rgxTime.exec(nodeVal);
  1629. 						if (dateTimes != null)
  1630. 						{
  1631. 							var dateTime = dateTimes[0];
  1632. 							var month = dateTime.substr(0, 2);
  1633. 							var day = dateTime.substr(3, 2);
  1634. 							var year = dateTime.substr(6, 4);
  1635. 							var hour = dateTime.substr(12, 2);
  1636. 							var minute = dateTime.substr(15, 2);
  1637. 							var period = dateTime.substr(18, 2);
  1638. 							if (period == "AM")
  1639. 							{
  1640. 								if (hour == "12")
  1641. 								{
  1642. 									hour = "00"
  1643. 								}
  1644. 							}
  1645. 							else if (period == "PM")
  1646. 							{
  1647. 								hour = parseInt(hour) + 12;
  1648. 								if (hour == 24)
  1649. 								{
  1650. 									hour = 12;
  1651. 								}
  1652. 							}
  1653. 							
  1654. 							var dateTimeStd = year + "-" + month + "-" + day;
  1655. 									
  1656. 							if (isDstUsa(year, month, day, hour))
  1657. 							{
  1658. 								dateTimeStd += "T" + hour + ":" + minute + ":00-0700";
  1659. 							}
  1660. 							else
  1661. 							{
  1662. 								dateTimeStd += "T" + hour + ":" + minute + ":00-0800";
  1663. 							}
  1664. 							
  1665. 							var dateStd = new Date(dateTimeStd);
  1666. 							if (dateStd.toLocaleString() != "Invalid Date")
  1667. 							{
  1668. 								var gmt = dateStd.getTimezoneOffset() / 60 * -1;
  1669. 								var gmtStr = " GMT";
  1670. 								if (gmt > 0)
  1671. 								{
  1672. 									gmtStr += "+" + gmt;
  1673. 								}
  1674. 								else if (gmt < 0)
  1675. 								{
  1676. 									gmtStr += "" + gmt;
  1677. 								}
  1678. 								var dateNew = dateStd.getDate()
  1679. 									+ " " + months[dateStd.getMonth()]
  1680. 									+ " " + dateStd.getFullYear()
  1681. 									+ ", " + padZero(dateStd.getHours(), 2)
  1682. 									+ ":" + padZero(dateStd.getMinutes(), 2)
  1683. 									+ gmtStr;
  1684. 								
  1685. 								//console.log("Time: " + dateTimeStd);
  1686. 								//console.log("Time: " + dateTime + " -> " + dateNew);
  1687. 									
  1688. 								//var dateNew2 = dateStd.toLocaleString() + gmtStr;
  1689. 								//console.log("Time: " + dateTime + " -> " + dateNew2);
  1690. 								
  1691. 								var nodeValBegin = nodeVal.substr(0, nodeVal.indexOf(dateTime));
  1692. 								var nodeValEnd = nodeVal.substr(nodeVal.indexOf(dateTime) + dateTime.length);
  1693. 								
  1694. 								nodes[j].nodeValue = nodeValBegin;
  1695. 								
  1696. 								var ele = document.createElement("span");
  1697. 								ele.classList.add("stsh_time_convert");
  1698. 								ele.setAttribute("title", dateTime);
  1699. 								ele.textContent = dateNew;
  1700. 								insertAfterElement(ele, nodes[j]);
  1701. 								
  1702. 								if (nodeValEnd != "")
  1703. 								{
  1704. 									insertAfterElement(document.createTextNode(nodeValEnd), ele);									
  1705. 								}
  1706. 							}
  1707. 							else
  1708. 							{
  1709. 								console.log("Invalid Date: " + dateTimeStd);
  1710. 							}
  1711. 						}
  1712. 					}
  1713. 				}
  1714. 			}
  1715. 			
  1716. 		}
  1717. 		
  1718. 		// Add Steam profile links
  1719. 		{
  1720. 			var eleSpans = document.querySelectorAll("span[title='Send this user a private message']");
  1721. 			for (var i = 0; i < eleSpans.length; i++)
  1722. 			{
  1723. 				var href = eleSpans[i].parentElement.firstElementChild.getAttribute("href");
  1724. 				if (href != null && href.indexOf("user_activity.php?user=") == 0)
  1725. 				{
  1726. 					var profile = href.replace("user_activity.php?user=", "");
  1727. 					var ele = document.createElement("a");
  1728. 					ele.classList.add("stsh_steamProfile");
  1729. 					ele.setAttribute("target", "_blank");
  1730. 					ele.setAttribute("title", "View Steam profile");
  1731. 					ele.setAttribute("href", "http://steamcommunity.com/profiles/" + profile);
  1732. 					ele.textContent = " Steam ";
  1733. 					
  1734. 					insertBeforeElement(ele, eleSpans[i]);
  1735. 				}
  1736. 			}
  1737. 		}
  1738. 		
  1739. 		// Add auto approve
  1740. 		{
  1741. 			if (inputApprove != null)
  1742. 			{
  1743. 				var eleInput = document.createElement("input");
  1744. 				eleInput.id = "stsh_autoApprove";
  1745. 				eleInput.setAttribute("type", "checkbox");
  1746. 				eleInput.setAttribute("value", "auto");
  1747. 				eleInput.textContent = "";
  1748. 				
  1749. 				var eleLabel = document.createElement("label");
  1750. 				eleLabel.classList.add("stsh_autoApprove_label");
  1751. 				eleLabel.classList.add("stsh_unselectable");
  1752. 				eleLabel.setAttribute("for", "stsh_autoApprove");
  1753. 				eleLabel.setAttribute("title", "Please use with care!");
  1754. 				eleLabel.textContent = " Auto Approve Next ";
  1755. 				
  1756. 				inputApprove.parentElement.appendChild(eleInput);
  1757. 				inputApprove.parentElement.appendChild(eleLabel);
  1758. 				
  1759. 				function autoApprove()
  1760. 				{
  1761. 					var tm = 2000;
  1762. 					console.log("AutoApprove: Next in " + tm + "ms");
  1763. 					setTimeoutCustom(function ()
  1764. 					{
  1765. 						var eleCheck = document.querySelector("#stsh_autoApprove");
  1766. 						if (eleCheck != null && eleCheck.checked)
  1767. 						{
  1768. 							var isClicked = false;
  1769. 							
  1770. 							var ele = document.querySelector(".suggestion_signature input[value~='Next']");
  1771. 							
  1772. 							if (ele != null && !ele.disabled && isVisible())
  1773. 							{
  1774. 								var isOutdated = false;
  1775. 								var eleSugComment = ele.parentElement
  1776. 									.parentElement.parentElement.querySelector(".stsh_submit_comment font");
  1777. 								if (eleSugComment != null && eleSugComment.textContent.trim() == 
  1778. 									"ATTENTION - English string was updated. This suggestion might be outdated.")
  1779. 								{
  1780. 									isOutdated = true;
  1781. 								}
  1782. 								
  1783. 								if (!isOutdated)
  1784. 								{
  1785. 									isClicked = true;
  1786. 									GM_setValue("timeAutoApproveLast", getUnixTimestamp());
  1787. 									ele.click();
  1788. 								}
  1789. 							}
  1790. 							
  1791. 							if (!isClicked)
  1792. 							{
  1793. 								eleCheck.checked = false;
  1794. 								GM_setValue("isAutoApprove", "false");
  1795. 							}
  1796. 						}
  1797. 					}, tm);
  1798. 				}
  1799. 				
  1800. 				var tmDiff = getUnixTimestamp() - GM_getValue("timeAutoApproveLast", 0);
  1801. 				if (tmDiff > 10)
  1802. 				{
  1803. 					// > 10s
  1804. 					eleInput.checked = false;
  1805. 					GM_setValue("isAutoApprove", "false");
  1806. 				}
  1807. 				
  1808. 				if (window.parent != window)
  1809. 				{
  1810. 					var eleOuter = window.parent.document.querySelector("#suggestions_box_outer");
  1811. 					if (eleOuter != null)
  1812. 					{
  1813. 						if (eleOuter.style.display == "none")
  1814. 						{
  1815. 							// Closed iFrame
  1816. 							eleInput.checked = false;
  1817. 							GM_setValue("isAutoApprove", "false");
  1818. 						}
  1819. 					}
  1820. 				}
  1821. 						
  1822. 				if (GM_getValue("isAutoApprove", 0) == "true")
  1823. 				{
  1824. 					eleInput.checked = true;
  1825. 					autoApprove();
  1826. 				}
  1827.  
  1828. 				eleInput.addEventListener("click", function (e)
  1829. 				{
  1830. 					var ele = e.target;
  1831. 					if (ele.checked)
  1832. 					{
  1833. 						GM_setValue("isAutoApprove", "true");
  1834. 						autoApprove();
  1835. 					}
  1836. 					else
  1837. 					{
  1838. 						GM_setValue("isAutoApprove", "false");
  1839. 					}
  1840. 				});
  1841. 			}
  1842. 		}
  1843. 		
  1844. 		// Warn when remove
  1845. 		{
  1846. 			var elesRemove = document.querySelectorAll(".suggestion_signature input[value='REMOVE']");
  1847. 			for (var i = 0; i < elesRemove.length; i++)
  1848. 			{
  1849. 				var oldClick = elesRemove[i].getAttribute("onclick");
  1850. 				if (oldClick != null && oldClick.indexOf("location.href") == 0)
  1851. 				{
  1852. 					var eleSug = elesRemove[i].parentElement.parentElement.parentElement.parentElement;
  1853. 					if (eleSug.classList.contains("suggestion"))
  1854. 					{
  1855. 						var eleOnion = eleSug.querySelector(".suggestion_text font[style='color:#01ec00;']");
  1856. 						if (eleOnion != null)
  1857. 						{
  1858. 							var newClick = "if (!confirm(\"Warning: You will delete your onion. Press Cancel to go back.\")) return false; "
  1859. 								+ oldClick;
  1860. 							elesRemove[i].setAttribute("onclick", newClick);
  1861. 							elesRemove[i].setAttribute("title", "Do not remove your onion!");
  1862. 							elesRemove[i].style.color = "#777";
  1863. 							elesRemove[i].style.cursor = "not-allowed";
  1864. 						}
  1865. 						else
  1866. 						{
  1867. 							var eleComment = elesRemove[i].previousElementSibling.previousElementSibling;
  1868. 							if (eleComment != null)
  1869. 							{
  1870. 								if (eleComment.textContent.trim().indexOf("Comment:") == 0)
  1871. 								{
  1872. 									var newClick = "if (!confirm(\"Warning: You should not remove this suggestion. Press OK if you really want.\")) return false; "
  1873. 										+ oldClick;
  1874. 									elesRemove[i].setAttribute("onclick", newClick);
  1875. 									elesRemove[i].setAttribute("title", "Your suggestion that has a comment!");
  1876. 									elesRemove[i].style.color = "#777";
  1877. 									elesRemove[i].style.cursor = "not-allowed";
  1878. 								}
  1879. 							}
  1880. 						}
  1881. 					}
  1882. 				}
  1883. 			}
  1884. 		}
  1885. 		
  1886. 	} // End suggestions.php
  1887.  
  1888. 	if (url.indexOf("translate.php") > -1)
  1889. 	{
  1890. 		var searchText = getQueryByName("search_input");
  1891. 		if (searchText != "")
  1892. 		{
  1893. 			document.title = searchText + " - " + document.title;
  1894. 		}
  1895. 		else
  1896. 		{
  1897. 			var fileID = getQueryByName("file_ID");
  1898. 			if (fileID != "")
  1899. 			{
  1900. 				var eleFile = document.querySelector("#leftAreaContainer label[for='chosenfile']");
  1901. 				if (eleFile != null)
  1902. 				{
  1903. 					var file = eleFile.textContent.trim();
  1904. 					if (file.indexOf("Limit search results to CURRENT FILE: ") == 0)
  1905. 					{
  1906. 						file = file.replace("Limit search results to CURRENT FILE: ", "");
  1907. 						var fileNew = file.split("#").reverse().join(" # ").trim();						
  1908. 						document.title = fileNew + " - " + document.title;
  1909. 					}
  1910. 				}
  1911. 			}
  1912. 			else
  1913. 			{
  1914. 				var eleInput = document.querySelector("#search_input");
  1915. 				if (eleInput != null)
  1916. 				{
  1917. 					var valInput = eleInput.value.trim();
  1918. 					if (valInput.indexOf("SUGGESTIONS FROM: ") == 0)
  1919. 					{
  1920. 						document.title = valInput.replace("SUGGESTIONS FROM: ", "") + " - " + document.title;
  1921. 					}
  1922. 				}
  1923. 			}
  1924. 		}
  1925. 	
  1926. 		var outer = document.getElementById("suggestions_box_outer");
  1927. 		if (outer != null)
  1928. 		{
  1929. 			outer.setAttribute("onclick","hideSuggestionsBox();");
  1930. 		}
  1931. 	
  1932. 		var divBtn = document.createElement("div");
  1933. 		document.body.appendChild(divBtn);
  1934. 		divBtn.innerHTML = ' \
  1935. <div class="stsh_showing_group"> \
  1936. 	<span class="stsh_showing_header">Hide</span>\
  1937. 	<br/> &nbsp; <input value="App" class="stsh_btn_short" type="button" onmouseup="hideKeyAppInterval(); return false;" /> \
  1938. 	<input value="Game" class="stsh_btn_short" type="button" onmouseup="hideKeyGameInterval(); return false;" /> \
  1939. 	<br/> &nbsp; <input value="FAQ" class="stsh_btn_short" type="button" onmouseup="hideKeyFaqInterval(); return false;" /> \
  1940. 	<input value="Support" class="stsh_btn_short" type="button" onmouseup="hideKeySupportInterval(); return false;" /> \
  1941. 	<br/> &nbsp; <input value="Promo" class="stsh_btn_short" type="button" onmouseup="hideKeyPromoInterval(); return false;" /> \
  1942. 	<input value="Email" class="stsh_btn_short" type="button" onmouseup="hideKeyEmailInterval(); return false;" /> \
  1943. 	<br/> \
  1944. 	<br/> &nbsp; <input value="Hide not similar" class="stsh_btn_long" type="button" onmouseup="hideStrNotMatchInterval(); return false;" /> \
  1945. 	<br/> &nbsp; <input value="Hide very long" class="stsh_btn_long" type="button" onmouseup="hideStrLongInterval(); return false;" /> \
  1946. 	 \
  1947. 	<br/> &nbsp; <span class="stsh_showing_header">Hide Suggestions</span>\
  1948. 	<br/> &nbsp; <input id="stsh_showing_notTranslated" value="Not Translated (0)" class="stsh_btn_long" type="button" /> \
  1949. 	<br/> &nbsp; <input id="stsh_showing_suggested" value="Suggested (0)" class="stsh_btn_long" type="button" /> \
  1950. 	<br/> &nbsp; <input id="stsh_showing_resuggested" value="Resuggested (0)" class="stsh_btn_long" type="button" /> \
  1951. 	<br/> &nbsp; <input id="stsh_showing_approved" value="Approved (0)" class="stsh_btn_long" type="button" /> \
  1952. 	<br/> &nbsp; <input id="stsh_showing_declined" value="Declined (0)" class="stsh_btn_long" type="button" /> \
  1953. 	<br/> &nbsp; <input id="stsh_showing_translated" value="Translated (0)" class="stsh_btn_long" type="button" /> \
  1954. 	 \
  1955. 	<br/> &nbsp; <span class="stsh_showing_header">Sort by</span>\
  1956. 	<br/> &nbsp; <input value="Key" class="stsh_btn_short" type="button" onmouseup="sortKeyInterval(); return false;" /> \
  1957. 	<input value="String" class="stsh_btn_short" type="button" onmouseup="sortStringInterval(); return false;" /> \
  1958. 	<br/> &nbsp; <input value="Word" class="stsh_btn_short" type="button" onmouseup="sortWordInterval(); return false;" /> \
  1959. 	<input value="Length" class="stsh_btn_short" type="button" onmouseup="sortLengthInterval(); return false;" /> \
  1960. 	<br/> \
  1961. 	<br/> &nbsp; <input id="stsh_showing_refresh" value="Refresh" class="stsh_btn" type="button" onmouseup="hideSuggestionsBox(); return false;" /> \
  1962. 	<br/> &nbsp; <input id="stsh_showing_all" value="Show All" class="stsh_btn" type="button" onmouseup="showKey(); return false;" /> \
  1963. </div> \
  1964. <div id="stsh_showing_current"></div> \
  1965. <div id="stsh_showing"></div> \
  1966. ';
  1967.  
  1968. 		// Count showing
  1969. 		function countShowing()
  1970. 		{
  1971. 			if (!isVisible()) return;
  1972. 			
  1973. 			var trKeys = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr");
  1974. 			var countAll = document.querySelectorAll("#keylist .copysmall").length;
  1975. 			var countShow = 0;
  1976. 			var countSuggest = 0;
  1977. 			var countResuggest = 0;
  1978. 			var countApprove = 0;
  1979. 			var countDecline = 0;
  1980. 			var countNotTranslated = 0;
  1981. 			var countTranslated = 0;
  1982. 			
  1983. 			var txtApprove = "ready for Admin";
  1984. 			var txtDecline = "ready for removal";
  1985. 			var txtSuggest = "suggestion";
  1986. 			
  1987. 			for (var i = 0; i < trKeys.length; i++)
  1988. 			{
  1989. 				if (trKeys[i].style.display != "none")
  1990. 				{
  1991. 					var eleCounter = trKeys[i].querySelector("tr.copysmall > td:nth-child(3)");
  1992. 					if (eleCounter != null)
  1993. 					{
  1994. 						countShow++;
  1995. 						var txtCounter = eleCounter.textContent.trim();
  1996. 						if (txtCounter.indexOf(txtApprove) > -1)
  1997. 						{
  1998. 							countApprove++;
  1999. 						}
  2000. 						else if (txtCounter.indexOf(txtDecline) > -1)
  2001. 						{
  2002. 							countDecline++;
  2003. 						}
  2004. 						else if (txtCounter.indexOf(txtSuggest) > -1)
  2005. 						{
  2006. 							var eleNotTranslated = trKeys[i].querySelector("span.token_nottranslated");
  2007. 							if (eleNotTranslated != null)
  2008. 							{
  2009. 								countSuggest++;
  2010. 							}
  2011. 							else
  2012. 							{
  2013. 								countResuggest++;
  2014. 							}
  2015. 						}
  2016. 						else
  2017. 						{						
  2018. 							var eleNotTranslated = trKeys[i].querySelector("span.token_nottranslated");
  2019. 							if (eleNotTranslated != null)
  2020. 							{
  2021. 								countNotTranslated++;
  2022. 							}
  2023. 							else
  2024. 							{
  2025. 								countTranslated++;
  2026. 							}
  2027. 						}
  2028. 					}
  2029. 					else
  2030. 					{
  2031. 						var eleTd = trKeys[i].querySelector("td");
  2032. 						if (eleTd != null)
  2033. 						{
  2034. 							if (eleTd.textContent.trim() == "")
  2035. 							{
  2036. 								trKeys[i].parentElement.removeChild(trKeys[i]);
  2037. 							}
  2038. 						}
  2039. 					}
  2040. 				}
  2041. 			}
  2042. 			var eleShowing = document.getElementById("stsh_showing");
  2043. 			if (eleShowing != null)
  2044. 			{			
  2045. 				var newHtml = "Showing: <span class=\"stsh_showing_counter\">" + countShow + " of " + countAll + "</span>"
  2046. 					+ "<!-- " + countNotTranslated + ", " + countSuggest + ", " + countResuggest
  2047. 					+ ", " + countApprove + ", " + countDecline + ", " + countTranslated + " -->";
  2048. 					
  2049. 				if (eleShowing.innerHTML != newHtml)
  2050. 				{
  2051. 					eleShowing.innerHTML = newHtml;
  2052.  
  2053. 					var eleBtnShowings = document.querySelectorAll("#stsh_showing_notTranslated, #stsh_showing_suggested, #stsh_showing_resuggested"
  2054. 						+ ", #stsh_showing_approved, #stsh_showing_declined, #stsh_showing_translated");
  2055. 					if (eleBtnShowings.length == 6)
  2056. 					{
  2057. 						var counterArr = [countNotTranslated, countSuggest, countResuggest, countApprove, countDecline, countTranslated ];
  2058. 						var counterTextArr = ["Not Translated", "Suggested", "Resuggested"
  2059. 							, "Approved", "Declined", "Translated" ];
  2060.  
  2061. 						for (var i = 0; i < eleBtnShowings.length; i++)
  2062. 						{
  2063. 							eleBtnShowings[i].value = counterTextArr[i] + " ("+ counterArr[i] +")" ;
  2064. 						};
  2065. 					}
  2066. 				}
  2067. 			}
  2068. 			var eleShowingCur = document.getElementById("stsh_showing_current");
  2069. 			if (eleShowingCur != null)
  2070. 			{
  2071. 				var eleOuter = document.getElementById("suggestions_box_outer");
  2072. 				if (eleOuter != null)
  2073. 				{	
  2074. 					if (eleOuter.style.display != "none")
  2075. 					{
  2076. 						if (eleShowingCur.style.display != "initial")
  2077. 							eleShowingCur.style.display = "initial";
  2078. 						
  2079. 						var eleIframe = document.getElementById("suggestions_iframe");
  2080. 						var iUrl = eleIframe.contentWindow.location.href;
  2081. 						var listId = parseInt(getQueryByName("list_id", iUrl));
  2082. 						
  2083. 						if (isNaN(listId))
  2084. 							listId = 1;
  2085. 						else
  2086. 							listId += 1;
  2087. 						
  2088. 						var newHtml = "Current: <span class=\"stsh_showing_counter\">" + listId + " of " + countShow + "</span>";
  2089. 						if (eleShowingCur.innerHTML != newHtml)
  2090. 						{
  2091. 							eleShowingCur.innerHTML = newHtml;
  2092. 						}
  2093. 					}
  2094. 					else
  2095. 					{
  2096. 						if (eleShowingCur.style.display != "none")
  2097. 						{
  2098. 							eleShowingCur.style.display = "none";
  2099. 							eleShowingCur.innerHTML = "";
  2100. 						}
  2101. 					}
  2102. 				}
  2103. 			}
  2104. 		}
  2105. 		countShowing();
  2106. 		setIntervalCustom(countShowing, 1000);
  2107. 		// End Count showing
  2108.  
  2109. 		// Line Counter
  2110. 		function addLineCounter()
  2111. 		{
  2112. 			if (!isVisible()) return;
  2113. 			
  2114. 			var elesCounter = document.querySelectorAll(".stsh_lineCounter");
  2115. 			if (elesCounter.length > 0)
  2116. 			{
  2117. 				var j = 1;
  2118. 				for (var i = 0; i < elesCounter.length; i++)
  2119. 				{
  2120. 					if (elesCounter[i].parentElement.parentElement.parentElement.parentElement.style.display != "none")
  2121. 					{
  2122. 						if (elesCounter[i].textContent.trim() != j)
  2123. 						{
  2124. 							elesCounter[i].textContent = j;
  2125. 						}
  2126. 						j++;
  2127. 					}
  2128. 				}
  2129. 			}
  2130. 			else
  2131. 			{
  2132. 				var elesDiv = document.querySelectorAll("#keylist td:nth-child(1) > div");
  2133. 				for (var i = 0; i < elesDiv.length; i++)
  2134. 				{
  2135. 					var eleNew = document.createElement("span");
  2136. 					eleNew.classList.add("stsh_lineCounter_outer");
  2137. 					eleNew.innerHTML =
  2138. 						'   <span class="stsh_lineCounter"> '
  2139. 						+ (i + 1)
  2140. 						+ ' </span> ';
  2141. 					
  2142. 					elesDiv[i].appendChild(eleNew);
  2143. 				}
  2144. 			}
  2145. 		}
  2146. 		addLineCounter();
  2147. 		setIntervalCustom(addLineCounter, 1000);
  2148. 		// End Line Counter
  2149. 		
  2150. 		// Hide suggestions
  2151. 		{
  2152. 			function hideSuggestions(mode) 
  2153. 			{
  2154. 				// mode: 0-5 (0: "Not Translated", 1: "Suggested", 2: "Resuggested", 3: "Approved", 4: "Declined", 5: "Translated")
  2155.  
  2156. 				if (!isVisible()) return;
  2157. 			
  2158. 				if (mode < 0 || mode > 5) return;
  2159.  
  2160. 				var display = "none"; 
  2161. 				var txtApprove = "ready for Admin";
  2162. 				var txtDecline = "ready for removal";
  2163. 				var txtSuggest = "suggestion";
  2164. 				 
  2165. 				var trKeys = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr");
  2166. 				for (var i = 0; i < trKeys.length; i++) 
  2167. 				{ 
  2168. 					if (trKeys[i].style.display != display)
  2169. 					{
  2170. 						var curMode = -1;
  2171.  
  2172. 						var eleCounter = trKeys[i].querySelector("tr.copysmall > td:nth-child(3)");
  2173. 						if (eleCounter != null)
  2174. 						{
  2175.  
  2176. 							var txtCounter = eleCounter.textContent.trim();
  2177. 							if (txtCounter.indexOf(txtApprove) > -1)
  2178. 							{
  2179. 								curMode = 3;	// Approved
  2180. 							}
  2181. 							else if (txtCounter.indexOf(txtDecline) > -1)
  2182. 							{
  2183. 								curMode = 4;	// Declined
  2184. 							}
  2185. 							else if (txtCounter.indexOf(txtSuggest) > -1)
  2186. 							{
  2187. 								var eleNotTranslated = trKeys[i].querySelector("span.token_nottranslated");
  2188. 								if (eleNotTranslated != null)
  2189. 								{
  2190. 									curMode = 1;	// Suggested
  2191. 								}
  2192. 								else
  2193. 								{
  2194. 									curMode = 2;	// Resuggested
  2195. 								}
  2196. 							}
  2197. 							else
  2198. 							{						
  2199. 								var eleNotTranslated = trKeys[i].querySelector("span.token_nottranslated");
  2200. 								if (eleNotTranslated != null)
  2201. 								{
  2202. 									curMode = 0;	// Not Translated
  2203. 								}
  2204. 								else
  2205. 								{
  2206. 									curMode = 5;	// Translated
  2207. 								}
  2208. 							}
  2209. 						}
  2210.  
  2211. 						if (curMode == mode) 
  2212. 						{ 
  2213. 							trKeys[i].style.display = display;
  2214. 						} 
  2215. 					}
  2216. 				} 
  2217. 			}
  2218.  
  2219. 			var itvTime = 300;
  2220. 			var itvIdHider = [0, 0, 0, 0, 0, 0];
  2221.  
  2222. 			var eleBtnShowings = document.querySelectorAll("#stsh_showing_notTranslated, #stsh_showing_suggested, #stsh_showing_resuggested"
  2223. 				+ ", #stsh_showing_approved, #stsh_showing_declined, #stsh_showing_translated");
  2224. 			if (eleBtnShowings.length == 6)
  2225. 			{
  2226. 				for (var i = 0; i < eleBtnShowings.length; i++)
  2227. 				{
  2228. 					eleBtnShowings[i].param = i;
  2229. 					eleBtnShowings[i].addEventListener("click", function(ev)
  2230. 					{
  2231. 						var mode = ev.target.param;
  2232.  
  2233. 						clearInterval(itvIdHider[mode]);
  2234. 						itvIdHider[mode] = setIntervalCustom(function(ev)
  2235. 						{
  2236. 							hideSuggestions(mode);
  2237. 						}, itvTime);
  2238.  
  2239. 						hideSuggestions(mode);
  2240. 						countShowing();
  2241. 						eleBtnShowings[mode].setAttribute("disabled", "disabled");
  2242. 					});
  2243. 				}
  2244.  
  2245. 				var eleBtnShowAll = document.querySelector("#stsh_showing_all");
  2246. 				if (eleBtnShowAll != null)
  2247. 				{
  2248. 					eleBtnShowAll.addEventListener("click", function()
  2249. 					{
  2250. 						for (var i = 0; i < eleBtnShowings.length; i++)
  2251. 						{
  2252. 							clearInterval(itvIdHider[i]);
  2253. 							countShowing();
  2254. 							eleBtnShowings[i].removeAttribute("disabled");
  2255. 						}
  2256. 					});
  2257. 				}
  2258. 			}
  2259.  
  2260. 		} // End Hide suggestions
  2261.  
  2262. 		resizeSuggestionBox();
  2263. 	
  2264. 		// Add Frame button when iframe load failed
  2265. 		{
  2266. 			var ifrm = document.querySelector("#suggestions_iframe");
  2267. 			if (ifrm != null)
  2268. 			{
  2269. 				ifrm.addEventListener("DOMAttrModified", function (ev) 
  2270. 				{
  2271. 					if (ev.attrName === "src")
  2272. 					{
  2273. 						var divFrame = document.querySelector("#stsh_frame");
  2274. 						if (divFrame == null)
  2275. 						{
  2276. 							var divOuter = document.querySelector("#suggestions_box_outer");
  2277. 							if (divOuter != null)
  2278. 							{
  2279. 								divFrame = document.createElement("div");
  2280. 								divFrame.id = "stsh_frame";
  2281. 								divOuter.appendChild(divFrame);
  2282. 							}
  2283. 						}
  2284. 						if (divFrame != null)
  2285. 						{
  2286. 							var src = ifrm.getAttribute("src");
  2287. 							divFrame.innerHTML = '<br/> <a class="stsh_a_button" target="_blank" ' 
  2288. 								+ ' href="'	+ src + '">Frame</a> ';
  2289. 						}
  2290. 					}
  2291. 				}, false);
  2292. 			} 
  2293. 		}
  2294. 	
  2295. 	} // End translate.php
  2296.  
  2297. 	if (url.indexOf("user_activity.php") > -1)
  2298. 	{	
  2299. 		var user = "";
  2300. 		var eleAvatar = document.querySelector(".friend_block_avatar > a[href^='https://steamcommunity.com']");
  2301. 		if (eleAvatar != null)
  2302. 		{
  2303. 			eleAvatar.href = eleAvatar.href.replace("https://steamcommunity.com", "http://steamcommunity.com");
  2304. 			
  2305. 			if (eleAvatar.href.indexOf("http://steamcommunity.com/profiles/") == 0)
  2306. 			{
  2307. 				user = eleAvatar.href.replace("http://steamcommunity.com/profiles/", "");
  2308. 			}
  2309. 			
  2310. 			var name = eleAvatar.firstElementChild.getAttribute("title");
  2311. 			if (name == "")
  2312. 			{
  2313. 				name = user;
  2314. 			}
  2315. 			document.title = name + " - " + document.title;
  2316. 		}
  2317.  
  2318. 		var stsh_activityAddLink_start = new Date();
  2319. 		var stsh_activityAddLink_itv = setIntervalCustom(function(user)
  2320. 		{
  2321. 			var stsh_activityAddLink_isEnd = false;
  2322. 			var stsh_activityAddLink_cur = new Date(); 
  2323. 	
  2324. 			var h3s = document.querySelectorAll("#leftAreaContainer h3");
  2325. 			if (h3s.length == 2)
  2326. 			{
  2327. 				var td = h3s[1].parentElement;
  2328. 				var matchArr = td.innerHTML.match(/<\/h3>.+<br>/i);
  2329. 				if (matchArr != null)
  2330. 				{
  2331. 					var name = matchArr[0].replace("</h3>-","").replace("-<br>","").replace("<br>","").trim();
  2332. 					if (name == "")
  2333. 					{
  2334. 						name = user;
  2335. 					}
  2336. 					if (name == "")
  2337. 					{
  2338. 						name = "Steam";
  2339. 					}
  2340. 					
  2341. 					var tagNew = "";
  2342. 					if (user == "")
  2343. 					{
  2344. 						tagNew = "</h3><a id='stsh_id' class='stsh_blue' target='_blank' href='http://steamcommunity.com/my'>" + name + "</a>"
  2345. 							+ ", <a class='stsh_green' target='_blank' href='http://translation.steampowered.com/WhereIsEsty.php'>Esty</a><br><br>";
  2346. 					}
  2347. 					else
  2348. 					{
  2349. 						tagNew = "</h3><a id='stsh_id' class='stsh_blue' target='_blank' href='http://steamcommunity.com/profiles/"
  2350. 							+ user + "'>" + name + "</a>"
  2351. 							+ ", <a class='stsh_green' target='_blank' href='http://translation.steampowered.com/WhereIsEsty.php?collectionof=" 
  2352. 							+ user + "'>Esty</a>"
  2353. 							/*+ ", <a class='stsh_green' target='_blank' href='http://translation.steampowered.com/translate.php?user=" 
  2354. 							+ user + "&onionhunter=1&liststatus=1'>Onion</a>*/
  2355. 							+ " <br><br> ";
  2356. 					}
  2357. 					td.innerHTML = td.innerHTML.replace(/<\/h3>.+<br>/i, tagNew);
  2358. 					
  2359. 					stsh_activityAddLink_isEnd = true;
  2360. 				}
  2361. 				
  2362. 				if (stsh_activityAddLink_isEnd || stsh_activityAddLink_cur - stsh_activityAddLink_start > 10000)
  2363. 				{
  2364. 					clearInterval(stsh_activityAddLink_itv);
  2365. 				}
  2366. 			}
  2367. 		}, 300, user);
  2368. 		
  2369. 		var countWord = "";
  2370. 		var countSugg = "";
  2371. 		
  2372. 		var inputDials = document.querySelectorAll("#leftAreaContainer input.dial");
  2373. 		if (inputDials.length == 2)
  2374. 		{
  2375. 			countWord = inputDials[0].getAttribute("title").replace("words", "").trim();
  2376. 			countSugg = inputDials[1].getAttribute("title").replace("suggestions", "").trim();
  2377. 		}
  2378. 		
  2379. 		var tdCount = document.querySelector("#leftAreaContainer td[align='left']");
  2380. 		if (tdCount != null)
  2381. 		{
  2382. 			tdCount.innerHTML = '<div style="width: 100px; display: inline-block; text-align: center;">Word: '
  2383. 				+ countWord + '</div> <div style="width: 100px; display: inline-block; text-align: center; margin-left: 13px;">Suggestion: '
  2384. 				+ countSugg + '</div>';
  2385. 		}
  2386. 		
  2387. 		var sug = document.body.textContent;
  2388. 	
  2389. 		var regComment = /VIEW COMMENT/g;
  2390. 		var regSuggest = /VIEW SUGGESTION/g;
  2391. 	
  2392. 		var strComment = "...RECEIVED A MODERATOR COMMENT";
  2393. 		var strPending = "...ARE PENDING";
  2394. 		var strApproved = "...WERE APPROVED";
  2395. 		var strDeclined = "...WERE DECLINED";
  2396. 		var strApplied = "...HAVE BEEN APPLIED WITHIN THE LAST 14 DAYS";
  2397. 		var strRemoved = "...HAVE BEEN REMOVED WITHIN THE LAST 14 DAYS";
  2398. 	
  2399. 		var startComment = sug.indexOf(strComment);
  2400. 		var startPending = sug.indexOf(strPending);
  2401. 		var startApproved = sug.indexOf(strApproved);
  2402. 		var startDeclined = sug.indexOf(strDeclined);
  2403. 		var startApplied = sug.indexOf(strApplied);
  2404. 		var startRemoved = sug.indexOf(strRemoved);
  2405. 	
  2406. 		var sugComment = sug.substring(startComment,startPending);
  2407. 		var sugPending = sug.substring(startPending,startApproved);
  2408. 		var sugApproved = sug.substring(startApproved,startDeclined);
  2409. 		var sugDeclined = sug.substring(startDeclined,startApplied);
  2410. 		var sugApplied = sug.substring(startApplied,startRemoved);
  2411. 		var sugRemoved = sug.substring(startRemoved);
  2412. 	
  2413. 		var countComment = (sugComment.match(regComment) || []).length;
  2414. 		var countPending = (sugPending.match(regSuggest) || []).length;
  2415. 		var countApproved = (sugApproved.match(regSuggest) || []).length;
  2416. 		var countDeclined = (sugDeclined.match(regSuggest) || []).length;
  2417. 		var countApplied = (sugApplied.match(regSuggest) || []).length;
  2418. 		var countRemoved = (sugRemoved.match(regSuggest) || []).length;
  2419. 	
  2420. 		var divBtn = document.createElement("div");
  2421. 		document.body.appendChild(divBtn);
  2422. 		divBtn.innerHTML = ' \
  2423. <div style="position: fixed; z-index: 3; right: 12px; top: 84px; line-height: 24px; text-align: right;"> \
  2424. 	&nbsp; <input value="To Progress" class="stsh_btn_long" type="button" onmouseup="scrollToId(\'stsh_id\', -50); return false;" /> \
  2425. 	 \
  2426. 	<br/> &nbsp; <span class="stsh_scroll_header">Scroll To</span>\
  2427. 	<br/> &nbsp; <input value="Comment (' + countComment + ')" class="stsh_btn_long" type="button" onmouseup="scrollToId(\'sectionComment\'); return false;" /> \
  2428. 	<br/> &nbsp; <input value="Pending (' + countPending + ')" class="stsh_btn_long" type="button" onmouseup="scrollToId(\'sectionPending\'); return false;" /> \
  2429. 	<br/> &nbsp; <input value="Approved (' + countApproved + ')" class="stsh_btn_long" type="button" onmouseup="scrollToId(\'sectionApproved\'); return false;" /> \
  2430. 	<br/> &nbsp; <input value="Declined (' + countDeclined + ')" class="stsh_btn_long" type="button" onmouseup="scrollToId(\'sectionDeclined\'); return false;" /> \
  2431. 	<br/> &nbsp; <input value="Applied (' + countApplied + ')" class="stsh_btn_long" type="button" onmouseup="scrollToId(\'sectionApplied\'); return false;" /> \
  2432. 	<br/> &nbsp; <input value="Removed (' + countRemoved + ')" class="stsh_btn_long" type="button" onmouseup="scrollToId(\'sectionRemoved\'); return false;" /> \
  2433. 	<br/> \
  2434. 	<br/> &nbsp; <input value="Hide Suggestions" class="stsh_btn_long" type="button" onmouseup="hideSuggestion(); return false;" /> \
  2435. 	<br/> &nbsp; <input value="Show Suggestions" class="stsh_btn_long" type="button" onmouseup="showSuggestion(); return false;" /> \
  2436. 	<br/> \
  2437. 	<br/> &nbsp; <input value="Refresh" class="stsh_btn_long" type="button" onmouseup="window.location = window.location.href; return false;" /> \
  2438. </div> \
  2439. ';
  2440.  
  2441. 		var divContainer = document.querySelector("#leftAreaContainer");
  2442. 		if (divContainer != null)
  2443. 		{
  2444. 			divContainer.innerHTML = divContainer.innerHTML
  2445. 				.replace("...RECEIVED A MODERATOR COMMENT","<span id='sectionComment' class='stsh_suggestion_header'>...RECEIVED A MODERATOR COMMENT (" + countComment + ")</span>")
  2446. 				.replace("...ARE PENDING","<span id='sectionPending' class='stsh_suggestion_header'>...ARE PENDING (" + countPending + ")</span>")
  2447. 				.replace("...WERE APPROVED","<span id='sectionApproved' class='stsh_suggestion_header'>...WERE APPROVED (" + countApproved + ")</span>")
  2448. 				.replace("...WERE DECLINED","<span id='sectionDeclined' class='stsh_suggestion_header'>...WERE DECLINED (" + countDeclined + ")</span>")
  2449. 				.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>")
  2450. 				.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>");
  2451. 		}
  2452. 		
  2453. 		var cans = document.querySelectorAll("canvas");
  2454. 		for (var i = 0; i < cans.length; i++)
  2455. 		{
  2456. 			cans[i].parentElement.removeChild(cans[i]);
  2457. 		}
  2458. 		
  2459. 		var aKeys = document.querySelectorAll("#leftAreaContainer li > a:nth-child(1)");
  2460. 		for (var i = 0; i < aKeys.length; i++)
  2461. 		{
  2462. 			var key = aKeys[i].textContent;
  2463. 			var keyArr = key.substr(21).trim().split(" >> ");
  2464. 			keyArr[0] = "<span style='color: #FFF !important;'>" + keyArr[0] + "</span>";
  2465. 			var keyNew = key.substr(0,21) + keyArr.join(" >> ") + "";
  2466. 			aKeys[i].innerHTML = keyNew;
  2467. 		}
  2468. 	
  2469. 		var liMode = strComment;
  2470. 	
  2471. 		var liSugs = document.querySelectorAll("#leftAreaContainer > li, #leftAreaContainer > form > li");
  2472. 		for (var i = 0; i < liSugs.length; i++)
  2473. 		{		
  2474. 			if (liMode == strComment)
  2475. 			{
  2476. 				liSugs[i].setAttribute("class", "stsh_suggestion stsh_suggestion_comment");
  2477. 			}
  2478. 			else if (liMode == strPending)
  2479. 			{
  2480. 				liSugs[i].setAttribute("class", "stsh_suggestion stsh_suggestion_pending");
  2481. 			}
  2482. 			else if (liMode == strApproved)
  2483. 			{
  2484. 				liSugs[i].setAttribute("class", "stsh_suggestion stsh_suggestion_approved");
  2485. 			}
  2486. 			else if (liMode == strDeclined)
  2487. 			{
  2488. 				liSugs[i].setAttribute("class", "stsh_suggestion stsh_suggestion_declined");
  2489. 			}
  2490. 			else if (liMode == strApplied)
  2491. 			{
  2492. 				liSugs[i].setAttribute("class", "stsh_suggestion stsh_suggestion_applied");
  2493. 			}
  2494. 			else if (liMode == strRemoved)
  2495. 			{
  2496. 				liSugs[i].setAttribute("class", "stsh_suggestion stsh_suggestion_removed");
  2497. 			}
  2498. 		
  2499. 			var content = liSugs[i].textContent;
  2500. 			if (content.indexOf(strRemoved) > -1)
  2501. 			{
  2502. 				liMode = strRemoved;
  2503. 			}
  2504. 			else if (content.indexOf(strApplied) > -1)
  2505. 			{
  2506. 				liMode = strApplied;
  2507. 			}
  2508. 			else if (content.indexOf(strDeclined) > -1)
  2509. 			{
  2510. 				liMode = strDeclined;
  2511. 			}
  2512. 			else if (content.indexOf(strApproved) > -1)
  2513. 			{
  2514. 				liMode = strApproved;
  2515. 			}
  2516. 			else if (content.indexOf(strPending) > -1)
  2517. 			{
  2518. 				liMode = strPending;
  2519. 			}
  2520. 		}
  2521. 		
  2522. 		// Change language & correct url
  2523. 		{
  2524. 			var aProgresses = document.querySelectorAll("div > .friend_block_avatar a[onmouseout]");
  2525. 			for (var i = 0; i < aProgresses.length; i++)
  2526. 			{				
  2527. 				var langCur = getQueryByName("lang", aProgresses[i].href);
  2528. 				if (langCur == "")
  2529. 				{
  2530. 					aProgresses[i].href = aProgresses[i].href + lang;
  2531. 				}
  2532. 				else
  2533. 				{
  2534. 					if (langCur != lang)
  2535. 					{
  2536. 						var langQuery = (url.indexOf("?") > -1) ? "&lang=" : "?lang=";
  2537. 						window.location = url + langQuery + langCur;
  2538. 					}
  2539. 				}
  2540. 				
  2541. 				var aContent = aProgresses[i].textContent.trim();
  2542. 				if (aContent.indexOf("SUGGESTIONS") > -1)
  2543. 				{
  2544. 					aProgresses[i].href = aProgresses[i].href + "&listsort=5&liststatus=1&paginationrows=1000";
  2545. 				}
  2546. 				else if (aContent.indexOf("REVIEWS") > -1)
  2547. 				{
  2548. 					aProgresses[i].href = aProgresses[i].href + "&listsort=5&liststatus=3&paginationrows=1000";
  2549. 				}
  2550. 			}
  2551. 		}
  2552. 		
  2553. 		// Add hours calculator
  2554. 		{
  2555. 			var eleFinalize = document.querySelector("#hours input[name='Finalize']");
  2556. 			if (eleFinalize != null)
  2557. 			{
  2558. 				var eleFinalizeParent = eleFinalize.parentElement;
  2559. 				eleFinalizeParent.setAttribute("colspan", "2");
  2560. 				eleFinalizeParent.style.verticalAlign = "top";
  2561. 				
  2562. 				var elePad = document.createElement("td");
  2563. 				insertBeforeElement(elePad, eleFinalizeParent);
  2564. 				
  2565. 				var eleCalc = document.createElement("td");
  2566. 				eleCalc.classList.add("stsh_hoursCalc");
  2567. 				
  2568. 				insertBeforeElement(eleCalc, eleFinalizeParent);
  2569. 				
  2570. 				var ele = document.createElement("b");
  2571. 				ele.textContent = " Hours Calculator ";
  2572. 				eleCalc.appendChild(ele);
  2573. 				
  2574. 				ele = document.createElement("br");
  2575. 				eleCalc.appendChild(ele);
  2576. 				
  2577. 				var ele = document.createElement("span");
  2578. 				ele.innerHTML = " Enter date or time to calculate range (calculate only hours and minutes). "
  2579. 					+ "<br/>You can enter date \"2016-01-01 08:05:00\" or time \"08:05:00\" or time \"8:05\".";
  2580. 				ele.setAttribute("style", "display: inline-block; padding-bottom: 4px;");
  2581. 				eleCalc.appendChild(ele);
  2582. 				
  2583. 				ele = document.createElement("br");
  2584. 				eleCalc.appendChild(ele);
  2585. 				
  2586. 				var ele = document.createElement("span");
  2587. 				ele.textContent = " From: ";
  2588. 				eleCalc.appendChild(ele);
  2589. 				
  2590. 				var ele = document.createElement("input");
  2591. 				ele.id = "stsh_hoursCalc_from"
  2592. 				ele.setAttribute("type", "text");
  2593. 				ele.setAttribute("onkeypress", "return event.keyCode != 13;");
  2594. 				ele.addEventListener("keyup", function()
  2595. 				{
  2596. 					calculateHours();
  2597. 				});
  2598. 				eleCalc.appendChild(ele);
  2599. 				
  2600. 				var ele = document.createElement("span");
  2601. 				ele.innerHTML = "&nbsp;&nbsp; To: ";
  2602. 				eleCalc.appendChild(ele);
  2603. 				
  2604. 				var ele = document.createElement("input");
  2605. 				ele.id = "stsh_hoursCalc_to"
  2606. 				ele.setAttribute("type", "text");
  2607. 				ele.setAttribute("onkeypress", "return event.keyCode != 13;");
  2608. 				ele.addEventListener("keyup", function()
  2609. 				{
  2610. 					calculateHours();
  2611. 				});
  2612. 				eleCalc.appendChild(ele);
  2613. 				
  2614. 				var ele = document.createElement("span");
  2615. 				ele.innerHTML = "&nbsp;&nbsp; Result: ";
  2616. 				eleCalc.appendChild(ele);
  2617. 				
  2618. 				var ele = document.createElement("b");
  2619. 				ele.id = "stsh_hoursCalc_result"
  2620. 				ele.textContent = " 00:00 ";
  2621. 				eleCalc.appendChild(ele);
  2622. 				
  2623. 				function calculateHours()
  2624. 				{
  2625. 					var rgxDate = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/;
  2626. 					var rgxTime = /^\d{1,2}:\d{2}(:\d{2})?$/;
  2627. 					
  2628. 					var eleFrom = document.querySelector("#stsh_hoursCalc_from");
  2629. 					var eleTo = document.querySelector("#stsh_hoursCalc_to");
  2630. 					var eleRes = document.querySelector("#stsh_hoursCalc_result");
  2631. 					
  2632. 					if (eleFrom != null && eleTo != null && eleRes != null)
  2633. 					{
  2634. 						var rawFrom = eleFrom.value.trim();
  2635. 						var rawTo = eleTo.value.trim();
  2636. 						
  2637. 						var valFrom = 0;
  2638. 						var valTo = 0;
  2639. 						
  2640. 						if (rgxDate.test(rawFrom))
  2641. 						{
  2642. 							rawFrom = rawFrom.substr(11);
  2643. 						}
  2644. 						if (rgxTime.test(rawFrom))
  2645. 						{
  2646. 							var arrTime = rawFrom.split(":");
  2647. 							valFrom = parseInt(arrTime[1]) + (parseInt(arrTime[0]) * 60);
  2648. 						}
  2649. 						
  2650. 						if (rgxDate.test(rawTo))
  2651. 						{
  2652. 							rawTo = rawTo.substr(11);
  2653. 						}
  2654. 						if (rgxTime.test(rawTo))
  2655. 						{
  2656. 							var arrTime = rawTo.split(":");
  2657. 							valTo = parseInt(arrTime[1]) + (parseInt(arrTime[0]) * 60);
  2658. 						}
  2659. 						
  2660. 						var valDiff = Math.abs(valTo - valFrom);
  2661. 						
  2662. 						var valHr = parseInt(valDiff / 60);
  2663. 						var valMn = valDiff % 60;
  2664. 						
  2665. 						eleRes.textContent = padZero(valHr, 2) + ":" + padZero(valMn, 2);
  2666. 					}
  2667. 				}
  2668. 			}
  2669. 		}
  2670. 		
  2671. 	} // End user_activity.php
  2672. 	
  2673. 	if (/\/rally[0-9]{0,4}/.test(url))
  2674. 	{
  2675. 		resizeSuggestionBox();
  2676. 	
  2677. 		var outer = document.getElementById("suggestions_box_outer");
  2678. 		if (outer != null)
  2679. 		{
  2680. 			outer.setAttribute("onclick","hideSuggestionsBox();");
  2681. 		}
  2682. 		
  2683. 		// Set cur lang to first
  2684. 		{
  2685. 			var first = document.querySelector(".gradienttable tr:nth-child(6)");
  2686. 			var cur = null;
  2687. 			
  2688. 			var tdLangs = document.querySelectorAll(".gradienttable tr > td:nth-child(1)");
  2689. 			for (var i = 0; i < tdLangs.length; i++)
  2690. 			{
  2691. 				if (lang == tdLangs[i].textContent.trim().toLowerCase())
  2692. 				{
  2693. 					cur = tdLangs[i].parentElement;
  2694. 					break;
  2695. 				}
  2696. 			}
  2697. 			
  2698. 			if (cur != null)
  2699. 			{
  2700. 				first.parentElement.insertBefore(cur, first);
  2701. 			}
  2702. 		}
  2703. 		
  2704. 		// Change row per page
  2705. 		{
  2706. 			var eleAs = document.querySelectorAll(".gradienttable tr:nth-child(6) a[href^='translate.php?']");
  2707. 			for (var i = 0; i < eleAs.length; i++)
  2708. 			{
  2709. 				eleAs[i].href = eleAs[i].href + "&paginationrows=1000";
  2710. 			}
  2711. 		}
  2712. 		
  2713. 		var inputClose = document.querySelector("td:nth-child(3) > input:nth-child(1)");
  2714. 		if (inputClose != null)
  2715. 		{
  2716. 			inputClose.value = "Close (Esc)"; 
  2717. 		}
  2718. 		
  2719. 	} // End rally.php
  2720. 	
  2721. 	if (/\/rally_results_?[0-9]{0,4}/.test(url))
  2722. 	{
  2723. 		var h3 = document.querySelector("table.curved h3");
  2724. 		if (h3 != null)
  2725. 		{
  2726. 			document.title = h3.textContent.trim();
  2727. 		}
  2728. 		
  2729. 		var inputClose = document.querySelector("td:nth-child(3) > input:nth-child(1)");
  2730. 		if (inputClose != null)
  2731. 		{
  2732. 			inputClose.value = "Close (Esc)"; 
  2733. 			inputClose.focus();
  2734. 		}
  2735. 		
  2736. 		var src = document.documentURI;
  2737. 		var insert = ' <a class="stsh_a_button" target="_blank" ' 
  2738. 			+ ' href="'	+ src + '">Frame</a> ';
  2739. 		
  2740. 		var tdFirst = document.querySelector("td:nth-child(1)");
  2741. 		if (tdFirst != null)
  2742. 		{
  2743. 			var ele = document.createElement("td");
  2744. 			ele.setAttribute("align", "right");
  2745. 			ele.innerHTML = insert;
  2746. 			tdFirst.parentElement.insertBefore(ele, tdFirst);
  2747. 		}
  2748. 		
  2749. 		var inputPrev = document.querySelector("input[value^='Prev']");
  2750. 		if (inputPrev != null)
  2751. 		{
  2752. 			addKeyCtrl(document, inputPrev, 219, "[");				// [
  2753. 			addKeyCtrl(document, inputPrev, "BracketLeft", "");		// [
  2754. 			//addKeyCtrl(document, inputPrev, 0, "");				// [
  2755. 			//addKeyCtrl(document, inputPrev, 53, "");				// [
  2756. 			
  2757. 			disableAfterClick(inputPrev);
  2758. 		}
  2759. 		
  2760. 		var inputNext = document.querySelector("input[value^='Next']");
  2761. 		if (inputNext != null)
  2762. 		{
  2763. 			addKeyCtrl(document, inputNext, 221, "]");				// ]
  2764. 			addKeyCtrl(document, inputNext, "BracketRight", "");	// ]
  2765. 			//addKeyCtrl(document, inputNext, 188, "");				// ]
  2766. 			//addKeyCtrl(document, inputNext, 173, "");				// ]
  2767. 			//addKeyCtrl(document, inputNext, 169, "");				// ]
  2768. 			
  2769. 			disableAfterClick(inputNext);
  2770. 		}
  2771. 		
  2772. 	} // End rally_results.php
  2773. 	
  2774. 	if (url.indexOf("/WhereIsEsty.php") > -1)
  2775. 	{
  2776. 		resizeSuggestionBox();
  2777. 	
  2778. 		var outer = document.getElementById("suggestions_box_outer");
  2779. 		if (outer != null)
  2780. 		{
  2781. 			outer.setAttribute("onclick","hideSuggestionsBox();");
  2782. 		}
  2783. 		
  2784. 		var divContainer = document.querySelector("#pageContainer");
  2785. 		if (divContainer != null)
  2786. 		{
  2787. 			var ele = document.createElement("div");
  2788. 			ele.id = "logout";
  2789. 			ele.innerHTML = ' <a class="stsh_a_button" target="_blank" ' 
  2790. 				+ ' href="/home.php">Home</a> ';
  2791. 			divContainer.appendChild(ele);
  2792. 		}
  2793.  
  2794. 		var divContent = document.querySelector("#leftAreaContainer > div");
  2795. 		if (divContent != null)
  2796. 		{
  2797. 			var countSnap = document.querySelectorAll("div.box").length;
  2798. 			var user = "";
  2799. 			var name = "";
  2800.  
  2801. 			var eleImg = document.querySelector("#leftAreaContainer > div > div > a > img ");
  2802. 			if (eleImg != null)
  2803. 			{
  2804. 				name = eleImg.getAttribute("title");
  2805. 				user = eleImg.parentElement.getAttribute("href").replace("https://steamcommunity.com/profiles/", "");
  2806. 			}
  2807. 			var ele = document.createElement("div");
  2808. 			ele.setAttribute("class", "stsh_snapshot");
  2809. 			ele.innerHTML = "<a class='stsh_blue' target='_blank' href='http://translation.steampowered.com/user_activity.php?user=" 
  2810. 				+ user + "'>" + name + "</a>"
  2811. 				+ "<br>Snapshot: " + countSnap;
  2812.  
  2813. 			divContent.appendChild(ele);
  2814. 		}
  2815. 		
  2816. 	} // End WhereIsEsty.php
  2817. 	
  2818. 	if (url.indexOf("/stickerbox.php") > -1)
  2819. 	{
  2820. 		document.querySelector("textarea[name='add_comment']").focus();
  2821.  
  2822. 		var inputPrev = document.querySelector("img[src*='previous.png'");
  2823. 		if (inputPrev != null)
  2824. 		{
  2825. 			addKeyCtrl(document, inputPrev, 219, "");				// [
  2826. 			addKeyCtrl(document, inputPrev, "BracketLeft", "");		// [
  2827. 			//addKeyCtrl(document, inputPrev, 0, "");				// [
  2828. 			//addKeyCtrl(document, inputPrev, 53, "");				// [
  2829. 			
  2830. 			disableAfterClick(inputPrev);
  2831. 		}
  2832. 		
  2833. 		var inputNext = document.querySelector("img[src*='next.png'");
  2834. 		if (inputNext != null)
  2835. 		{
  2836. 			addKeyCtrl(document, inputNext, 221, "");				// ]
  2837. 			addKeyCtrl(document, inputNext, "BracketRight", "");	// ]
  2838. 			//addKeyCtrl(document, inputNext, 188, "");				// ]
  2839. 			//addKeyCtrl(document, inputNext, 173, "");				// ]
  2840. 			//addKeyCtrl(document, inputNext, 169, "");				// ]
  2841. 			
  2842. 			disableAfterClick(inputNext);
  2843. 		}
  2844. 	} // End stickerbox.php
  2845. 	
  2846. 	if (/\/(home|index)/i.test(url))
  2847. 	{
  2848. 		// Set cur lang to first
  2849. 		{
  2850. 			var first = null;
  2851. 			var cur = null;
  2852. 			var curLang = lang.substring(0, 4);
  2853. 			
  2854. 			if (curLang == "schi")
  2855. 				curLang = "sim.";
  2856. 			else if (curLang == "tchi")
  2857. 				curLang = "tra.";
  2858. 			
  2859. 			var eleLangs = document.querySelectorAll("#overall .progress");
  2860. 			first = eleLangs[0];
  2861. 			for (var i = 0; i < eleLangs.length; i++)
  2862. 			{
  2863. 				if (curLang == eleLangs[i].textContent.trim().substring(0, 4).toLowerCase())
  2864. 				{
  2865. 					cur = eleLangs[i];
  2866. 					break;
  2867. 				}
  2868. 			}
  2869. 			
  2870. 			if (cur != null)
  2871. 			{
  2872. 				var curSib1 = cur.nextSibling;
  2873. 				var curSib2 = curSib1.nextSibling;
  2874. 				var curSib3 = curSib2.nextSibling;
  2875. 				var curSib4 = curSib3.nextSibling;
  2876. 				var curSib5 = curSib4.nextSibling;
  2877. 				var curSib6 = curSib5.nextSibling;
  2878. 				
  2879. 				insertBeforeElement(cur, first);
  2880. 				insertAfterElement(curSib6, cur);
  2881. 				insertAfterElement(curSib5, cur);
  2882. 				insertAfterElement(curSib4, cur);
  2883. 				insertAfterElement(curSib3, cur);
  2884. 				insertAfterElement(curSib2, cur);
  2885. 				insertAfterElement(curSib1, cur);
  2886. 			}
  2887. 		}
  2888. 		
  2889. 		if (document.querySelector("#logout") != null)
  2890. 		{
  2891. 			var tmplHome = ' \
  2892. 				<div class="stsh_home_group"> \
  2893. 					<span class="stsh_home_header">Shortcuts</span>\
  2894. 					<br/> &nbsp; <a class="stsh_a_button stsh_btn_med" target="_blank" href="/translate.php?search_input=DATE%3A+%DATE%&paginationrows=1000">New Today</a> &nbsp; \
  2895. 					<br/> &nbsp; <a class="stsh_a_button stsh_btn_med" target="_blank" href="/glossary.php">Glossary</a> &nbsp; \
  2896. 					\
  2897. 					<br/> <span class="stsh_home_header">Rally</span>\
  2898. 					<br/> &nbsp; <a class="stsh_a_button stsh_btn_med" target="_blank" href="/rally.php">Rally 2015</a> &nbsp; \
  2899. 					<br/> &nbsp; <a class="stsh_a_button stsh_btn_med" target="_blank" href="/rally2014.php">Rally 2014</a> &nbsp; \
  2900. 					<br/> &nbsp; <a class="stsh_a_button stsh_btn_med" target="_blank" href="/rally2013.php">Rally 2013</a> &nbsp; \
  2901. 					\
  2902. 					<br/> <span class="stsh_home_header">Events</span>\
  2903. 					<br/> &nbsp; <a class="stsh_a_button stsh_btn_med" target="_blank" href="/onionolooorm.php">Typonion</a> &nbsp; \
  2904. 					<br/> &nbsp; <a class="stsh_a_button stsh_btn_med" target="_blank" href="/dstbattle.php">DST Battle</a> &nbsp; \
  2905. 					<br/> &nbsp; <a class="stsh_a_button stsh_btn_med" target="_blank" href="/dota2.php">DOTA 2</a> &nbsp; \
  2906. 				</div> \
  2907. 			';
  2908. 			
  2909. 			var curDate = new Date();
  2910. 			curDate.setTime(curDate.getTime() - (1000 * 60 * 60 * 8));
  2911. 			
  2912. 			if (isDstUsa(curDate.getUTCFullYear(), curDate.getUTCMonth() + 1, curDate.getUTCDate(), curDate.getUTCHours()))
  2913. 			{
  2914. 				curDate.setTime(curDate.getTime() + (1000 * 60 * 60 * 1));
  2915. 			}
  2916. 			
  2917. 			tmplHome = tmplHome.replace("%DATE%", curDate.toISOString().substr(0, 10));
  2918. 			
  2919. 			var eleNew = document.createElement("div");
  2920. 			
  2921. 			eleNew.innerHTML = tmplHome;
  2922. 			
  2923. 			document.body.appendChild(eleNew);
  2924. 		}
  2925. 		
  2926. 	} // End home.php
  2927. 	
  2928. 	if (url.indexOf("/glossary.php") > -1)
  2929. 	{
  2930. 		
  2931. 	} // End glossary.php
  2932. 	
  2933. 	window.addEventListener("beforeunload", function (e) 
  2934. 	{
  2935. 		clearTimeoutAll();
  2936. 		clearIntervalAll();
  2937. 	});
  2938. 	
  2939. } // End Main
  2940.  
  2941. function client()
  2942. {
  2943. 	var clientScript = ' \
  2944.  \
  2945. var itvTime = 300; \
  2946. var itvIdHideKeyApp = 0; \
  2947. var itvIdHideKeyGame = 0; \
  2948. var itvIdHideKeyFaq = 0; \
  2949. var itvIdHideKeySupport = 0; \
  2950. var itvIdHideKeyPromo = 0; \
  2951. var itvIdHideKeyEmail = 0; \
  2952. var itvIdHideStrNotMatch = 0; \
  2953. var itvIdHideStrLong = 0; \
  2954. var itvIdSortKey = 0; \
  2955.  \
  2956. var isVisible = (function() \
  2957. { \
  2958. 	var stateKey; \
  2959. 	var eventKey; \
  2960. 	var keys =  \
  2961. 	{ \
  2962. 		hidden: "visibilitychange", \
  2963. 		webkitHidden: "webkitvisibilitychange", \
  2964. 		mozHidden: "mozvisibilitychange", \
  2965. 		msHidden: "msvisibilitychange" \
  2966. 	}; \
  2967. 	for (stateKey in keys)  \
  2968. 	{ \
  2969. 		if (stateKey in document)  \
  2970. 		{ \
  2971. 			eventKey = keys[stateKey]; \
  2972. 			break; \
  2973. 		} \
  2974. 	} \
  2975. 	return function(c)  \
  2976. 	{ \
  2977. 		if (c)  \
  2978. 		{ \
  2979. 			document.addEventListener(eventKey, c); \
  2980. 		} \
  2981. 		return !document[stateKey]; \
  2982. 	} \
  2983. })(); \
  2984.  \
  2985. var timeoutList = new Array(); \
  2986. var intervalList = new Array(); \
  2987.  \
  2988. function setTimeoutCustom(func, tm, params) \
  2989. { \
  2990. 	var id = setTimeout(func, tm, params); \
  2991. 	timeoutList.push(id); \
  2992. 	return id; \
  2993. } \
  2994.  \
  2995. function clearTimeoutAll() \
  2996. { \
  2997. 	for (var i = 0; i < timeoutList.length; i++) \
  2998. 	{ \
  2999. 		clearTimeout(timeoutList[i]); \
  3000. 	} \
  3001. } \
  3002.  \
  3003. function setIntervalCustom(func, tm, params) \
  3004. { \
  3005. 	var id = setInterval(func, tm, params); \
  3006. 	intervalList.push(id); \
  3007. 	return id; \
  3008. } \
  3009.  \
  3010. function clearIntervalAll() \
  3011. { \
  3012. 	for (var i = 0; i < intervalList.length; i++) \
  3013. 	{ \
  3014. 		clearInterval(intervalList[i]); \
  3015. 	} \
  3016. } \
  3017.  \
  3018. function setVisibleKey(startKey, visible) \
  3019. { \
  3020. 	if (!isVisible()) return; \
  3021. 	 \
  3022. 	startKey = startKey.toLowerCase(); \
  3023. 	var display = visible != true ? "none" : ""; \
  3024. 	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)"); \
  3025. 	for (var i = 0; i < eleKeys.length; i++) \
  3026. 	{ \
  3027. 		try \
  3028. 		{ \
  3029. 			if (eleKeys[i].textContent.trim().toLowerCase().indexOf(startKey) > -1) \
  3030. 			{ \
  3031. 				var eleTarget = eleKeys[i].parentElement.parentElement.parentElement.parentElement.parentElement.parentElement; \
  3032. 				if (eleTarget.style.display != display) \
  3033. 				{ \
  3034. 					eleTarget.style.display = display; \
  3035. 				} \
  3036. 			} \
  3037. 		} \
  3038. 		catch (ex) \
  3039. 		{ \
  3040. 		} \
  3041. 	} \
  3042. } \
  3043.  \
  3044. function hideKeyGame() \
  3045. { \
  3046. 	setVisibleKey("GAMES/", false); \
  3047. 	setVisibleKey("TF_", false); \
  3048. } \
  3049.  \
  3050. function hideKeyApp() \
  3051. { \
  3052. 	setVisibleKey("# storefront_english_apps.txt #", false); \
  3053. 	setVisibleKey("# storefront_english_main.txt # #app_", false); \
  3054. 	setVisibleKey("# community_english.txt # SharedFiles_App_", false); \
  3055. 	setVisibleKey("# appmgmt_english.txt #", false); \
  3056. } \
  3057.  \
  3058. function hideKeyFaq() \
  3059. { \
  3060. 	setVisibleKey("# support_faq_english.txt #", false); \
  3061. } \
  3062.  \
  3063. function hideKeySupport() \
  3064. { \
  3065. 	setVisibleKey("# supportui_english.txt #", false); \
  3066. 	setVisibleKey("# help_english.txt #", false); \
  3067. } \
  3068.  \
  3069. function hideKeyPromo() \
  3070. { \
  3071. 	setVisibleKey("#promo", false); \
  3072. 	setVisibleKey("#hardware", false); \
  3073. 	setVisibleKey("ControllerBinding", false); \
  3074. 	setVisibleKey("Library_Controller", false); \
  3075. } \
  3076.  \
  3077. function hideKeyEmail() \
  3078. { \
  3079. 	setVisibleKey("#email", false); \
  3080. } \
  3081.  \
  3082. function showKey() \
  3083. { \
  3084. 	clearInterval(itvIdHideKeyApp); \
  3085. 	clearInterval(itvIdHideKeyGame); \
  3086. 	clearInterval(itvIdHideKeyFaq); \
  3087. 	clearInterval(itvIdHideKeySupport); \
  3088. 	clearInterval(itvIdHideKeyPromo); \
  3089. 	clearInterval(itvIdHideKeyEmail); \
  3090. 	clearInterval(itvIdSortKey); \
  3091. 	clearInterval(itvIdHideStrNotMatch); \
  3092. 	clearInterval(itvIdHideStrLong); \
  3093. 	setVisibleKey("", true); \
  3094. 	 \
  3095. 	hideSuggestionsBox(); \
  3096. } \
  3097.  \
  3098. function sortKey(mode) \
  3099. { \
  3100. 	/* \
  3101. 		mode: \
  3102. 			1: key \
  3103. 			2: string \
  3104. 			3: word \
  3105. 			4: length \
  3106. 	*/ \
  3107. 	if (!isVisible()) return; \
  3108. 	 \
  3109. 	var keyArr = new Array(); \
  3110. 	var valArr = new Array(); \
  3111. 	var key; \
  3112. 	var str; \
  3113. 	 \
  3114. 	var dot = "..."; \
  3115. 	var dotLengthMinus = 0 - dot.length; \
  3116. 	var isDot = false; \
  3117. 	 \
  3118. 	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)"); \
  3119. 	for (var i = 0; i < eleKeys.length; i++) \
  3120. 	{ \
  3121. 		try \
  3122. 		{ \
  3123. 			key = eleKeys[i].textContent.trim(); \
  3124. 			str = ""; \
  3125. 			isDot = false; \
  3126. 			if (mode != 1) \
  3127. 			{ \
  3128. 				str = eleKeys[i].parentElement.nextSibling.nextSibling.firstElementChild.textContent.trim(); \
  3129. 				isDot = (str.substr(dotLengthMinus) == dot); \
  3130. 			} \
  3131. 			if (mode == 2) \
  3132. 			{ \
  3133. 				key = str + " ___ " + key; \
  3134. 			} \
  3135. 			else if (mode == 3) \
  3136. 			{ \
  3137. 				key = (isDot ? "99_" : "00_") \
  3138. 					+ padZero(str.split(" ").length, 2) + "_" + padZero(str.split(/[^a-z0-9 ]/i).length, 2) \
  3139. 					+ " ___ "+ str + " ___ " + key; \
  3140. 			} \
  3141. 			else if (mode == 4) \
  3142. 			{ \
  3143. 				key = (isDot ? "99_" : "00_") \
  3144. 					+ (str.split(/[^a-z0-9]/i).length > 1 ? "99_" : "00_") \
  3145. 					+ padZero(str.length, 3) \
  3146. 					+ " ___ "+ str + " ___ " + key; \
  3147. 			} \
  3148. 			key = key.toLowerCase(); \
  3149. 			keyArr.push(key); \
  3150. 			valArr[key] = eleKeys[i].parentElement.parentElement.parentElement \
  3151. 				.parentElement.parentElement.parentElement.outerHTML.trim(); \
  3152. 		} \
  3153. 		catch (ex) \
  3154. 		{ \
  3155. 		} \
  3156. 	} \
  3157. 	 \
  3158. 	var keyArrTmp = keyArr.slice(); \
  3159. 	keyArr.sort(); \
  3160. 	 \
  3161. 	var isSame = true; \
  3162. 	for (var i = 0; i < keyArr.length; i++) \
  3163. 	{ \
  3164. 		if (keyArr[i] != keyArrTmp[i]) \
  3165. 		{ \
  3166. 			isSame = false; \
  3167. 		} \
  3168. 	} \
  3169. 	 \
  3170. 	if (!isSame) \
  3171. 	{ \
  3172. 		var eleTable = document.querySelector("#keylist > table:nth-child(1) > tbody:nth-child(1)"); \
  3173. 		if (eleTable != null) \
  3174. 		{ \
  3175. 			var newInner = ""; \
  3176. 			 \
  3177. 			for (var i = 0; i < keyArr.length; i++) \
  3178. 			{ \
  3179. 				newInner += valArr[keyArr[i]]; \
  3180. 			} \
  3181. 			 \
  3182. 			eleTable.innerHTML = newInner; \
  3183. 		} \
  3184. 	} \
  3185. } \
  3186.  \
  3187. function scrollToId(id, offset) \
  3188. { \
  3189. 	if (typeof offset == "undefined") \
  3190. 	{ \
  3191. 		offset = -20; \
  3192. 	} \
  3193. 	 \
  3194. 	var ele = document.getElementById(id); \
  3195. 	if (ele != null) \
  3196. 	{ \
  3197. 		ele.scrollIntoView(true); \
  3198. 		window.scrollBy(0, offset); \
  3199. 	} \
  3200. } \
  3201.  \
  3202. function setVisibleSuggestion(visible) \
  3203. { \
  3204. 	var display = visible != true ? "none" : ""; \
  3205. 	var els = document.querySelectorAll(".copy"); \
  3206. 	for (var i = 0; i < els.length; i++) \
  3207. 	{ \
  3208. 		if (els[i].id.indexOf("showwalletkeys") < 0 && els[i].id != "abuse_report" \
  3209. 			&& els[i].id != "moderator_announcement") \
  3210. 		{ \
  3211. 			if (els[i].style.display != display) \
  3212. 			{ \
  3213. 				els[i].style.display = display; \
  3214. 			} \
  3215. 		} \
  3216. 	} \
  3217. } \
  3218.  \
  3219. function showSuggestion() \
  3220. { \
  3221. 	setVisibleSuggestion(true); \
  3222. } \
  3223.  \
  3224. function hideSuggestion() \
  3225. { \
  3226. 	setVisibleSuggestion(false); \
  3227. } \
  3228.  \
  3229. function hideKeyAppInterval() \
  3230. { \
  3231. 	clearInterval(itvIdHideKeyApp); \
  3232. 	itvIdHideKeyApp = setIntervalCustom(hideKeyApp, itvTime); \
  3233. } \
  3234.  \
  3235. function hideKeyGameInterval() \
  3236. { \
  3237. 	clearInterval(itvIdHideKeyGame); \
  3238. 	itvIdHideKeyGame = setIntervalCustom(hideKeyGame, itvTime); \
  3239. } \
  3240.  \
  3241. function hideKeyFaqInterval() \
  3242. { \
  3243. 	clearInterval(itvIdHideKeyFaq); \
  3244. 	itvIdHideKeyFaq = setIntervalCustom(hideKeyFaq, itvTime); \
  3245. } \
  3246.  \
  3247. function hideKeySupportInterval() \
  3248. { \
  3249. 	clearInterval(itvIdHideKeySupport); \
  3250. 	itvIdHideKeySupport = setIntervalCustom(hideKeySupport, itvTime); \
  3251. } \
  3252.  \
  3253. function hideKeyPromoInterval() \
  3254. { \
  3255. 	clearInterval(itvIdHideKeyPromo); \
  3256. 	itvIdHideKeyPromo = setIntervalCustom(hideKeyPromo, itvTime); \
  3257. } \
  3258.  \
  3259. function hideKeyEmailInterval() \
  3260. { \
  3261. 	clearInterval(itvIdHideKeyEmail); \
  3262. 	itvIdHideKeyEmail = setIntervalCustom(hideKeyEmail, itvTime); \
  3263. } \
  3264.  \
  3265. function sortKeyInterval() \
  3266. { \
  3267. 	clearInterval(itvIdSortKey); \
  3268. 	itvIdSortKey = setIntervalCustom(sortKey, itvTime, 1); \
  3269. } \
  3270.  \
  3271. function sortStringInterval() \
  3272. { \
  3273. 	clearInterval(itvIdSortKey); \
  3274. 	itvIdSortKey = setIntervalCustom(sortKey, itvTime, 2); \
  3275. } \
  3276.  \
  3277. function sortWordInterval() \
  3278. { \
  3279. 	clearInterval(itvIdSortKey); \
  3280. 	itvIdSortKey = setIntervalCustom(sortKey, itvTime, 3); \
  3281. } \
  3282.  \
  3283. function sortLengthInterval() \
  3284. { \
  3285. 	clearInterval(itvIdSortKey); \
  3286. 	itvIdSortKey = setIntervalCustom(sortKey, itvTime, 4); \
  3287. } \
  3288.  \
  3289. function pressHideSuggestion() \
  3290. { \
  3291. 	document.addEventListener("keydown", function(e) { \
  3292. 		if (e.keyCode == 27) { \
  3293. 			if (parent != null) \
  3294. 			{ \
  3295. 				parent.hideSuggestionsBox(); \
  3296. 			} \
  3297. 			else \
  3298. 			{ \
  3299. 				hideSuggestionsBox(); \
  3300. 			} \
  3301. 		} \
  3302. 		return false; \
  3303. 	}); \
  3304. } \
  3305. pressHideSuggestion(); \
  3306.  \
  3307. function hideStrNotMatch() \
  3308. { \
  3309. 	if (!isVisible()) return; \
  3310. 	 \
  3311. 	var display = "none"; \
  3312. 	 \
  3313. 	var searchStr = decodeURIComponent(document.documentURI.replace(/^.*search_input=/i,"").replace(/&.*$/i,"")) \
  3314. 		.replace(/\\+/g," ").trim(); \
  3315. 	searchStr = searchStr.toLowerCase(); \
  3316. 	 \
  3317. 	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)"); \
  3318. 	for (var i = 0; i < eleStrs.length; i++) \
  3319. 	{ \
  3320. 		try \
  3321. 		{ \
  3322. 			var valStr = eleStrs[i].childElements()[0].textContent.trim().toLowerCase(); \
  3323. 			var valTrn = eleStrs[i].childElements()[2].textContent.trim().toLowerCase(); \
  3324. 			if (valStr != searchStr && valTrn != searchStr) \
  3325. 			{ \
  3326. 				var eleTarget = eleStrs[i].parentElement.parentElement.parentElement.parentElement.parentElement; \
  3327. 				if (eleTarget.style.display != display) \
  3328. 				{ \
  3329. 					eleTarget.style.display = display; \
  3330. 				} \
  3331. 			} \
  3332. 		} \
  3333. 		catch (ex) \
  3334. 		{ \
  3335. 		} \
  3336. 	} \
  3337. } \
  3338.  \
  3339. function hideStrNotMatchInterval() \
  3340. { \
  3341. 	clearInterval(itvIdHideStrNotMatch); \
  3342. 	itvIdHideStrNotMatch = setIntervalCustom(hideStrNotMatch, itvTime); \
  3343. } \
  3344.  \
  3345. function hideStrLong() \
  3346. { \
  3347. 	if (!isVisible()) return; \
  3348. 	 \
  3349. 	var display = "none"; \
  3350. 	var dot = "..."; \
  3351. 	var dotLengthMinus = 0 - dot.length; \
  3352. 	 \
  3353. 	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)"); \
  3354. 	for (var i = 0; i < eleStrs.length; i++) \
  3355. 	{ \
  3356. 		try \
  3357. 		{ \
  3358. 			var valStr = eleStrs[i].textContent.trim(); \
  3359. 			if (valStr.substr(dotLengthMinus) == dot) \
  3360. 			{ \
  3361. 				var eleTarget = eleStrs[i].parentElement.parentElement.parentElement.parentElement.parentElement.parentElement; \
  3362. 				if (eleTarget.style.display != display) \
  3363. 				{ \
  3364. 					eleTarget.style.display = display; \
  3365. 				} \
  3366. 			} \
  3367. 		} \
  3368. 		catch (ex) \
  3369. 		{ \
  3370. 		} \
  3371. 	} \
  3372. } \
  3373.  \
  3374. function hideStrLongInterval() \
  3375. { \
  3376. 	clearInterval(itvIdHideStrLong); \
  3377. 	itvIdHideStrLong = setIntervalCustom(hideStrLong, itvTime); \
  3378. } \
  3379.  \
  3380. function clickToSelect(ele) \
  3381. { \
  3382. 	var range = document.createRange(); \
  3383. 	range.setStartBefore(ele.firstChild); \
  3384. 	range.setEndAfter(ele.lastChild); \
  3385. 	var sel = window.getSelection(); \
  3386. 	sel.removeAllRanges(); \
  3387. 	sel.addRange(range); \
  3388. } \
  3389.  \
  3390. function syncUrlArray() \
  3391. { \
  3392. 	if (!isVisible()) return; \
  3393. 	 \
  3394. 	var displayNone = "none"; \
  3395. 	var strStart = "showSuggestionsBox( \'"; \
  3396. 	var strEnd = "\' ); return false;"; \
  3397. 	var strCur = "&list_id="; \
  3398. 	var strAll = "&endnext="; \
  3399. 	var regPos = /&list_id=\\d+&endnext=\\d+/g; \
  3400. 	var isEdit = false; \
  3401. 	var eleDivs = []; \
  3402. 	var urls = []; \
  3403.  	 \
  3404. 	var trKeys = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr"); \
  3405. 	for (var i = 0; i < trKeys.length; i++)  \
  3406. 	{ \
  3407. 		if (trKeys[i].style.display != displayNone) \
  3408. 		{ \
  3409. 			var eleDiv = trKeys[i].childNodes[0].childNodes[0]; \
  3410. 			if (typeof eleDiv.getAttribute != "undefined" \
  3411. 				&& eleDiv.getAttribute("onclick") != null) \
  3412. 			{ \
  3413. 				eleDivs.push(eleDiv); \
  3414. 			} \
  3415. 		} \
  3416. 	} \
  3417. 	 \
  3418. 	for (var i = 0, l = eleDivs.length; i < l; i++) \
  3419. 	{ \
  3420. 		var evOld = eleDivs[i].getAttribute("onclick"); \
  3421. 		if (evOld != null) \
  3422. 		{ \
  3423. 			var url = evOld.replace(strStart,"").replace(strEnd,"").replace(regPos,""); \
  3424. 			url = url + strCur + i + strAll + l; \
  3425. 			urls.push(url); \
  3426. 			 \
  3427. 			var evNew = strStart + url + strEnd; \
  3428. 			if (evOld != evNew) \
  3429. 			{ \
  3430. 				eleDivs[i].setAttribute("onclick", evNew); \
  3431. 				isEdit = true; \
  3432. 			} \
  3433. 		} \
  3434. 	} \
  3435. 	 \
  3436. 	if (isEdit || typeof URLarray == "undefined" || URLarray.length != urls.length) \
  3437. 	{ \
  3438. 		URLarray = urls; \
  3439. 	} \
  3440. } \
  3441.  \
  3442. function setFrameColor(color) \
  3443. { \
  3444. 	var frame = document.querySelector("div#suggestions_box iframe"); \
  3445. 	if (frame != null) \
  3446. 	{ \
  3447. 		if (frame.style.backgroundColor != color) \
  3448. 		{ \
  3449. 			frame.style.setProperty("background-color", color, "important"); \
  3450. 		} \
  3451. 	} \
  3452. } \
  3453.  \
  3454. function padZero(num, size) \
  3455. { \
  3456. 	return (1e15+num+"").slice(-size); \
  3457. } \
  3458.  \
  3459. function doInstant() \
  3460. { \
  3461. 	var url = document.documentURI; \
  3462. 	if (url.indexOf("user_activity.php") > -1) \
  3463. 	{ \
  3464. 		showSuggestion(); \
  3465. 		 \
  3466. 		document.addEventListener("DOMContentLoaded", function (e) \
  3467. 		{ \
  3468. 			if (typeof $ != "undefined") \
  3469. 			{ \
  3470. 				$(".dial").css("display", "none"); \
  3471. 				setTimeoutCustom(function() \
  3472. 				{ \
  3473. 					/* Restore drawing progress */ \
  3474. 					$(function() { \
  3475. 						$(".dial").css("display", ""); \
  3476. 						$(".dial").knob({ \
  3477. 						  "draw" : function () { \
  3478. 							$(this.i).val(this.cv + "%"); \
  3479. 						  } \
  3480. 						}); \
  3481. 					}) \
  3482. 				}, 50); \
  3483. 			} \
  3484. 		}); \
  3485. 	} \
  3486. 	else if (url.indexOf("translate.php") > -1) \
  3487. 	{ \
  3488. 		setIntervalCustom(function() \
  3489. 		{ \
  3490. 			syncUrlArray(); \
  3491. 		}, itvTime); \
  3492. 	} \
  3493. 	else if (url.indexOf("suggestions.php") > -1) \
  3494. 	{ \
  3495. 		if (parent != window) \
  3496. 		{ \
  3497. 			var main = document.querySelector("#suggestionmain"); \
  3498. 			if (main != null) \
  3499. 			{ \
  3500. 				var color = window.getComputedStyle(main).backgroundColor; \
  3501. 				parent.setFrameColor(color); \
  3502. 			} \
  3503. 		} \
  3504. 	} \
  3505. 	 \
  3506. 	window.addEventListener("beforeunload", function (e) \
  3507. 	{ \
  3508. 		clearTimeoutAll(); \
  3509. 		clearIntervalAll(); \
  3510. 	}); \
  3511. 	 \
  3512. } \
  3513. doInstant(); \
  3514.  \
  3515. ';
  3516.  
  3517. 	var eleClientScript = document.createElement("script");
  3518. 	eleClientScript.innerHTML = clientScript;
  3519. 	document.head.appendChild(eleClientScript);
  3520. } // End client
  3521.  
  3522. attachOnReady(client);
  3523. attachOnReady(main);
  3524.  
  3525.  
  3526.  
  3527. // End