☰

STS Helper

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

目前为 2017-11-14 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name     		STS Helper
  3. // @namespace		iFantz7E.StsHelper
  4. // @version			2.13
  5. // @description		In Steam Translation Server, add many features to make translate easier.
  6. // @match      		*://translation.steampowered.com/*
  7. // @icon      		https://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. //// Compatibility: Firefox 14+ from Mutation Observer
  16.  
  17. // http://userscripts.org/scripts/show/325610
  18. // https://greasyfork.org/scripts/2250-sts-helper/
  19.  
  20. (function ()
  21. {
  22. 	"use strict";
  23. 	// jshint multistr:true
  24. 	
  25. function initStyle()
  26. {
  27. 	GM_addStyle
  28. 	(" \
  29. 		/* STSH Modify CSS */ \
  30. 		#logout { \
  31. 			position: fixed; z-index: 1001; right: 12px; top: 10px; \
  32. 			line-height: 24px; text-align: right; } \
  33. 		input[type='button'], input[type='submit'] { \
  34. 			cursor: pointer; padding: 1px 9px; } \
  35. 		input[type='button']:disabled, input[type='submit']:disabled { \
  36. 			cursor: default; color: #777; } \
  37. 		#suggestionmain { overflow-x: hidden; } \
  38. 		#suggestionmain > div:nth-child(4) > form:nth-child(2) > div:nth-child(1) { \
  39. 			text-align: left; } \
  40. 		.lbAction > div > input[value^='SUBMIT'] { \
  41. 			width: 750px; height: 30px; border-color: #777 #333 #777 #777; } \
  42. 		.lbAction > div > input[value^='RESUBMIT'] { \
  43. 			width: 641px; height: 30px; border-color: #777 #333 #777 #777; } \
  44. 		.lbAction > div > input[value='CANCEL'] { \
  45. 			width: 100px; height: 30px; margin-right: 5px; } \
  46. 		form.lbAction:nth-child(1) > div:nth-child(2) > input:nth-child(1) { \
  47. 			width: 90%; margin-top: 5px; } \
  48. 		.suggestion .lbAction textarea { \
  49. 			max-width: 700px !important; min-height: 50px; } \
  50. 		.progress td { vertical-align: top; } \
  51. 		div#suggestions_nav { \
  52. 			z-index: 3; position: absolute; width: 440px; \
  53. 			left: 543px; top: 2px; text-align: right; line-height: 24px; } \
  54. 		#suggestionmain .smallcopy { width: 855px; min-height: 70px; max-height: 70px; } \
  55. 		#suggestionmain .progress { margin-top: -12px; } \
  56. 		#leftAreaContainer > table > tbody:nth-child(1) > tr > td:nth-child(1) { \
  57. 			vertical-align: top; } \
  58. 		#leftAreaContainer > table, #leftAreaContainer > table th, #leftAreaContainer > table td { \
  59. 			border: 1px solid #333; border-collapse: collapse; padding: 4px; } \
  60. 		#suggestions_box { margin-top: 1px !important; position: relative; z-index: 20; } \
  61. 		#suggestions_iframe { min-height: 100px !important; } \
  62. 		#keylist td:nth-child(1) > div { \
  63. 			background-image: none !important; min-height: 43px; } \
  64. 		#keylist tr:nth-child(2n) > td:nth-child(1) > div { \
  65. 			background-color: #060606 !important; } \
  66. 		#keylist tr:nth-child(2n) > td:nth-child(1) > div:hover { \
  67. 			background-color: #0D0D0D !important; } \
  68. 		#keylist td:nth-child(1) > div:hover { \
  69. 			background-repeat: no-repeat; background-position: center; \
  70. 			background-color: #0D0D0D !important; \
  71. 			background-image: url('./public/images/row_over.gif') !important; } \
  72. 		.progress h1 { display: inline-block; width: 484px; } \
  73. 		div#suggestions_box iframe { background-color: #111 !important; } \
  74. 		.suggestions_list { border-right: 0px none !important; } \
  75. 		.suggestion { \
  76. 			resize: both; overflow: hidden; border-right: 1px solid #505050; \
  77. 			max-width: 953px; min-width: 200px; min-height: 50px; } \
  78. 		.suggestion_signature { font-family: Verdana; } \
  79. 		.suggestion_signature input[value~='APPROVE'] \
  80. 			, .suggestion_signature input[value~='Next'] { \
  81. 				color: #A4B23C } \
  82. 		.suggestion_signature input[value~='DECLINE'] \
  83. 			, .suggestion_signature input[value~='Next']:nth-child(5) { \
  84. 				color: #F22 } \
  85. 		.suggestion_signature input:disabled { color: #777 !important; } \
  86. 		.lbAction input[value~='COMMENT'] { \
  87. 			vertical-align: top; margin-top: 1px; height: 52px; } \
  88. 		.lbAction input[value~='DISCUSS'] { \
  89. 			vertical-align: top; margin-top: 1px; height: 21px; top: 0px !important; } \
  90. 		#votes_container a[title='not translated'] { background-color: #333; } \
  91. 		#suggestion_value_new { min-height: 84px; max-width: 960px; min-width: 200px; overflow-y: auto; } \
  92. 		#hours > table > tbody > tr:nth-child(2) > th:nth-child(1) { width: 106px; text-align: center; } \
  93. 		#hours > table > tbody > tr:nth-child(2) > th:nth-child(3) { text-align: center; } \
  94. 		#hours > table > tbody > tr:nth-child(2) > th:nth-child(4) { text-align: center; } \
  95. 		#hours > table > tbody > tr > td:nth-child(1) { padding-right: 4px; } \
  96. 		#hours > table input[name*='[remarks]'] { width: 520px; } \
  97. 		#hours > table input[name*='[hours]'] { width: 100px; } \
  98. 		#hours > table input[name*='[minutes]'] { width: 100px; } \
  99. 		#suggestions_box_outer { overflow: hidden !important; } \
  100. 		#add_to_discussion { height: 19px; min-height: 19px; } \
  101. 		.gradienttable td > div { top: 1px !important; } \
  102. 		.copysmall > td:nth-child(1) { \
  103. 			white-space: nowrap; overflow: hidden; text-overflow: ellipsis; \
  104. 			display: inline-block; width: 430px; direction: ltr; } \
  105. 		div:hover > table > tbody > tr.copysmall > td:nth-child(1) { \
  106. 			direction: rtl; text-shadow: 1px 1px 1px #0D0D0D;} \
  107. 		#search input[type='radio'], #search input[type='checkbox'] \
  108. 			, #search button, #search label { cursor: pointer; } \
  109. 	");
  110. 	
  111. 	GM_addStyle
  112. 	(" \
  113. 		/* STSH Main CSS */ \
  114. 		.stsh_btn { width: 90px; } \
  115. 		.stsh_btn_med { min-width: 112px; } \
  116. 		.stsh_btn_long { min-width: 136px; } \
  117. 		.stsh_btn_short { min-width: 66px; } \
  118. 		.stsh_btn_right { position: relative; float: right; margin-left: 4px; } \
  119. 		.stsh_suggestion_header { color: #A4B23C; } \
  120. 		.stsh_suggestion_comment:before { background-color: #CF8B37 !important; } \
  121. 		.stsh_suggestion_pending:before { background-color: #FFF !important; } \
  122. 		.stsh_suggestion_approved:before { background-color: #A4B23C !important; } \
  123. 		.stsh_suggestion_declined:before { background-color: red !important; } \
  124. 		.stsh_suggestion_applied:before { background-color: #2EBCEB !important; } \
  125. 		.stsh_suggestion_removed:before { background-color: #555 !important; } \
  126. 		.stsh_suggestion { list-style: none; } \
  127. 		.stsh_suggestion:before { \
  128. 			content: ''; display: inline-block; position: relative; height: 6px; width: 6px; \
  129. 			border-radius: 3px; background-clip: padding-box; margin-right: -6px; \
  130. 			top: -1px; left: -12px; background-color: green; }\
  131. 		#stsh_frame { \
  132. 			text-align: center; position: fixed; z-index: 10; \
  133. 			top: 100px; left: 50%; margin-left: -322px;} \
  134. 		#stsh_frame_sub { \
  135. 			background-color: #111; width: 600px; display: inline-block; \
  136. 			padding: 20px; border: 2px solid #cf9e5f; } \
  137. 		.stsh_blue { color: #2ebceb; } \
  138. 		.stsh_green { color: #a4b23c !important; } \
  139. 		.stsh_red { color: #F00; } \
  140. 		.stsh_white { color: #fff; } \
  141. 		.stsh_grey { color: #777 !important; } \
  142. 		.stsh_orange { color: #CF8B37; } \
  143. 		.stsh_pink { color: pink; } \
  144. 		.stsh_border_green { border-color: #76802B !important; } \
  145. 		.stsh_border_green_left { border-color: #76802B #474D1A #76802B #76802B !important; } \
  146. 		.stsh_cursor_notallowed { cursor: not-allowed !important; } \
  147. 		#stsh_showing { \
  148. 			color: #CCDAD6; position: fixed; z-index: 1001; \
  149. 			right: 12px; bottom: 12px; text-align: right; line-height: 14px;} \
  150. 		#stsh_showing_current { \
  151. 			color: #CCDAD6; position: fixed; z-index: 1001; \
  152. 			right: 12px; bottom: 28px; text-align: right; line-height: 14px;} \
  153. 		.stsh_showing_counter { \
  154. 			display: inline-block; min-width: 60px; text-align: center; } \
  155. 		.stsh_showing_header { \
  156. 			color: #CCDAD6; display: inline-block; width: 135px; \
  157. 			text-align: center; padding-top: 10px; } \
  158. 		.stsh_showing_group { \
  159. 			position: fixed; z-index: 3; right: 10px; top: 74px; \
  160. 			line-height: 24px; text-align: right; } \
  161. 		.stsh_home_header { color: #CCDAD6; display: inline-block; padding-top: 10px; } \
  162. 		.stsh_home_group { \
  163. 			position: fixed; z-index: 3; right: 0px; top: 74px; \
  164. 			line-height: 24px; text-align: center; width: 164px; } \
  165. 		.stsh_scroll_header { \
  166. 			color: #CCDAD6; display: inline-block; width: 130px; \
  167. 			text-align: center; padding-top: 10px; } \
  168. 		#stsh_specialEvent { position: absolute; z-index: 2; right: 164px; top: 13px; } \
  169. 		.stsh_snapshot { \
  170. 			position: absolute; top: 320px; left: 790px; \
  171. 			width: 140px; text-align: center; color: #FFF; } \
  172. 		.stsh_text_comment_header { vertical-align: top; } \
  173. 		.stsh_text_comment { vertical-align: top; display: inline-block; max-width: 850px; } \
  174. 		#stsh_autoApprove { vertical-align: -2px; margin-left: 15px; margin-right: 1px; } \
  175. 		.stsh_unselectable { \
  176. 			-webkit-touch-callout: none !important; \
  177. 			-webkit-user-select: none !important; \
  178. 			-khtml-user-select: none !important; \
  179. 			-moz-user-select: none !important; \
  180. 			-ms-user-select: none !important; \
  181. 			user-select: none !important; } \
  182. 		.stsh_a_button { \
  183. 			background-color: #1D1D1D; \
  184. 			font-family: tahoma,arial,helvetica,trebuchet ms,sans-serif; \
  185. 			color: #E1E1E1; font-size: 13px; border: 1px solid #777; padding: 1px 9px; } \
  186. 		.stsh_a_button:link, .stsh_a_button:hover, .stsh_a_button:active, .stsh_a_button:visited { \
  187. 			color: #E1E1E1; text-decoration: none; } \
  188. 		.stsh_a_button.stsh_btn { \
  189. 			display: inline-block; padding: 0px; \
  190. 			height: 19px; line-height: 19px; width: 88px; } \
  191. 		.stsh_a_button.stsh_btn_med { \
  192. 			display: inline-block; padding: 0px; \
  193. 			height: 19px; line-height: 19px; min-width: 110px; } \
  194. 		.stsh_a_button.stsh_btn_long { \
  195. 			display: inline-block; padding: 0px; \
  196. 			height: 19px; line-height: 19px; min-width: 134px; } \
  197. 		.stsh_lineCounter_outer { position: relative; } \
  198. 		.stsh_lineCounter { \
  199. 			position: absolute; width: 30px; left: -35px; top: -28px; \
  200. 			line-height: 28px; text-align: right; \
  201. 			color: #ACACAC; font-size: 9px; text-shadow: 0px 0px 3px #111; } \
  202. 		.stsh_glossary_term { min-width: 50px; display: inline-block; } \
  203. 		.stsh_glossary_header, .stsh_glossary_header td { color: #DDD; } \
  204. 		.stsh_glossary_header *, .stsh_glossary_header td * { color: #858585; } \
  205. 		.stsh_glossary_header > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(4) { \
  206. 			width: 10px !important; } \
  207. 		.stsh_time_convert { cursor: help; } \
  208. 		.stsh_comment_img { \
  209. 			display: block; cursor: zoom-in; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; \
  210. 			max-width: 400px; margin-top: 5px; margin-bottom: 20px; } \
  211. 		.stsh_hours_curDate { color: #A4B23C; } \
  212. 		.stsh_hours_curDate input { border-color: #A4B23C; } \
  213. 		.stsh_submit_suggestion_right { \
  214. 			height: 30px; width: 214px; margin-right: 5px; border-color: #777 #777 #777 #333; } \
  215. 		.stsh_truncate { \
  216. 			white-space: nowrap; overflow: hidden; text-overflow: ellipsis; \
  217. 			display: inline-block; vertical-align: bottom; } \
  218. 		.stsh_token_name { max-width: 500px; } \
  219. 		.stsh_token_share { max-width: 600px; font-size: 0.8em; direction: rtl; } \
  220. 		.stsh_token_share:hover { direction: ltr; } \
  221. 		.stsh_pad { padding-left: 2px; padding-right: 2px; } \
  222. 		.stsh_hidden { display: none; } \
  223. 		table.gradienttable .stsh_curLang td, table.gradienttable .stsh_dst_curLang td \
  224. 			, table.gradienttable .stsh_dst_curLang th { \
  225. 				background: transparent \
  226. 					linear-gradient(to bottom, #171717 0%, rgba(71, 77, 26, 0.66) 40%, #121212 100%) \
  227. 					repeat scroll 0% 0% !important; } \
  228. 		.stsh_delta #suggestion_value_new { border-color: #1B6A85; } \
  229. 		.stsh_delta .stsh_text_submit { \
  230. 			color: #2EBCEB; border-color: #1B6A85 #083F52 #1B6A85 #1B6A85 !important; } \
  231. 		.stsh_delta .stsh_submit_suggestion_right { \
  232. 			color: #2EBCEB; border-color: #1B6A85 #1B6A85 #1B6A85 #083F52 !important; } \
  233. 		.stsh_delta .suggestions_list, .stsh_delta .suggestion { \
  234. 			border-color: #083F52 !important; } \
  235. 		.stsh_usThem_curLang { background-color: #2F3317; color: #E1E1E1; } \
  236. 		.stsh_dst_curLang, table.gradienttable .stsh_dst_curLang th, .stsh_dst_curLang a { \
  237. 			color: #2ebceb; } \
  238. 		.stsh_text_trn .lbAction textarea { max-width: 450px !important; } \
  239. 		.stsh_text_trn .lbAction input[value~='COMMENT'] { height: auto; } \
  240. 		.stsh_text_trn .stsh_text_submit { width: 270px !important; } \
  241. 		.stsh_text_trn .stsh_submit_suggestion_right { \
  242. 			width: 184px !important; margin-right: 32px !important; } \
  243. 		.stsh_text_org, .stsh_text_trn { min-height: 21px; display: block; max-width: 486px !important; } \
  244. 		.stsh_text_org { margin-bottom: 3px; } \
  245. 		.stsh_autoLoginOption { display: inline-block; vertical-align: top; line-height: 69px; padding-left: 30px; } \
  246. 		#stsh_autoLogin { margin-right: 0px; } \
  247. 		.stsh_moveSuggestionContainer { margin-top: -3px; } \
  248. 		#stsh_moveSuggestionBox, #stsh_moveSuggestionList { margin-right: 5px; } \
  249. 		#stsh_hoursCalc_from { width: 130px; } \
  250. 		#stsh_hoursCalc_to { width: 130px; border-right: 1px #333 solid; } \
  251. 		#stsh_hoursCalc_toNow { border-left: 1px #333 solid; } \
  252. 	");
  253. }
  254.  
  255. function attachOnLoad(callback)
  256. {
  257. 	window.addEventListener("load", function (e)
  258. 	{
  259. 		callback();
  260. 	});
  261. }
  262.  
  263. function attachOnReady(callback)
  264. {
  265. 	document.addEventListener("DOMContentLoaded", function (e)
  266. 	{
  267. 		callback();
  268. 	});
  269. }
  270.  
  271. function insertBeforeElement(newNode, referenceNode)
  272. {
  273.     referenceNode.parentNode.insertBefore(newNode, referenceNode);
  274. }
  275.  
  276. function insertAfterElement(newNode, referenceNode)
  277. {
  278.     referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
  279. }
  280.  
  281. function addKey(eleListener, eleClick, keyCode, keyName, keyTitleMode, keyModifierName, checkModifierCallback)
  282. {
  283. 	/* 
  284. 		keyTitleMode:
  285. 			0: do nothing
  286. 			1: append value
  287. 			2: add title if not exist
  288. 			4: override title
  289. 			8: append textContent
  290. 			16: append textContent of firstElementChild
  291. 		keyModifierName:
  292. 			Ctrl, Ctrl+Shift, Alt
  293. 	*/
  294. 	
  295. 	keyCode = keyCode || 0;
  296. 	keyName = keyName || "";
  297. 	keyTitleMode = keyTitleMode || 0;
  298. 	keyModifierName = keyModifierName || "";
  299. 	
  300. 	if (typeof checkModifierCallback !== "function")
  301. 	{
  302. 		checkModifierCallback = function(ev) 
  303. 		{
  304. 			return ev.ctrlKey && ev.shiftKey && ev.altKey; 
  305. 		};
  306. 	}
  307. 	
  308. 	if (eleListener && eleClick)
  309. 	{
  310. 		// apply title
  311. 		var keyTitle = keyModifierName ? keyModifierName + "+" + keyName : "";
  312. 		if (keyTitle !== "")
  313. 		{
  314. 			if ((keyTitleMode & 1) === 1)
  315. 			{
  316. 				// 1: append value
  317. 				if (typeof eleClick.value !== "undefined")
  318. 				{
  319. 					eleClick.value += " (" + keyTitle + ")";
  320. 				}
  321. 			}
  322. 			if ((keyTitleMode & 2) === 2)
  323. 			{
  324. 				// 2: add title if not exist
  325. 				if (!eleClick.title)
  326. 				{
  327. 					eleClick.title = keyTitle;
  328. 				}
  329. 			}
  330. 			if ((keyTitleMode & 4) === 4)
  331. 			{
  332. 				// 4: override title
  333. 				eleClick.title = keyTitle;
  334. 			}
  335. 			if ((keyTitleMode & 8) === 8)
  336. 			{
  337. 				// 8: append textContent
  338. 				eleClick.textContent += " (" + keyTitle + ")";
  339. 			}
  340. 			if ((keyTitleMode & 16) === 16)
  341. 			{
  342. 				// 16: append textContent of firstElementChild
  343. 				if (eleClick.firstElementChild)
  344. 				{
  345. 					eleClick.firstElementChild.textContent += " (" + keyTitle + ")";
  346. 				}
  347. 			}
  348. 		}
  349. 		
  350. 		eleListener.addEventListener("keydown", function (ev)
  351. 		{
  352. 			if (checkModifierCallback(ev))
  353. 			{
  354. 				var isSameKey = false;
  355. 				if (typeof keyCode === "number" && isFinite(keyCode) && Math.floor(keyCode) === keyCode)
  356. 				{
  357. 					// polyfill for Number.isInteger before Firefox 16
  358. 					isSameKey = (ev.keyCode === keyCode);
  359. 				}
  360. 				else
  361. 				{
  362. 					// Firefox 32+
  363. 					isSameKey = (typeof ev.code !== "undefined" && ev.code === keyCode)
  364. 				}
  365. 				
  366. 				if (isSameKey)
  367. 				{
  368. 					ev.preventDefault();
  369. 					eleClick.focus();
  370. 					eleClick.click();
  371. 					return false;
  372. 				}
  373. 			}
  374. 		}, true);
  375. 	}
  376. }
  377.  
  378. function addKeyCtrl(eleListener, eleClick, keyCode, keyName, keyTitleMode)
  379. {
  380. 	addKey(eleListener, eleClick, keyCode, keyName, keyTitleMode, "Ctrl", function(ev)
  381. 	{
  382. 		return ev.ctrlKey && !ev.shiftKey && !ev.altKey;
  383. 	});
  384. }
  385.  
  386. function addKeyCtrlShift(eleListener, eleClick, keyCode, keyName, keyTitleMode)
  387. {
  388. 	addKey(eleListener, eleClick, keyCode, keyName, keyTitleMode, "Ctrl+Shift", function(ev)
  389. 	{
  390. 		return ev.ctrlKey && ev.shiftKey && !ev.altKey;
  391. 	});
  392. }
  393.  
  394. function addKeyAlt(eleListener, eleClick, keyCode, keyName, keyTitleMode)
  395. {
  396. 	addKey(eleListener, eleClick, keyCode, keyName, keyTitleMode, "Alt", function(ev)
  397. 	{
  398. 		return !ev.ctrlKey && !ev.shiftKey && ev.altKey;
  399. 	});
  400. }
  401.  
  402. function addKeyCtrlEnter(form, input)
  403. {
  404. 	addKeyCtrl(form, input, 13, "Enter", 1|2);
  405. }
  406.  
  407. function addKeyCtrlShiftEnter(form, input)
  408. {
  409. 	addKeyCtrlShift(form, input, 13, "Enter", 1|2);
  410. }
  411.  
  412. function disableAfterClick(ele)
  413. {
  414. 	ele.addEventListener("click", function (e)
  415. 	{
  416. 		var ele = e.target;
  417. 		
  418. 		var attrClick = ele.getAttribute("onclick");
  419. 		if (attrClick && attrClick.indexOf("confirm") > -1)
  420. 		{
  421. 			// skip if has confirm
  422. 			return;
  423. 		}
  424. 		
  425. 		var tagName = ele.tagName;
  426. 		if (tagName === "INPUT")
  427. 		{
  428. 			// don't change color after disable
  429. 			var styleCp = window.getComputedStyle(ele);
  430. 			if (styleCp)
  431. 			{
  432. 				ele.style.setProperty("color", styleCp.color, "important");
  433. 			}
  434. 			ele.disabled = true;
  435. 		}
  436. 		else if (tagName === "IMG")
  437. 		{
  438. 			ele.removeAttribute("onclick");
  439. 		}
  440. 	}, true);
  441. }
  442.  
  443. function removeAllEventListeners(element)
  444. {
  445. 	if (element)
  446. 	{
  447. 		var clone = element.cloneNode(false);
  448. 		while (element.firstChild)
  449. 		{
  450. 			clone.appendChild(element.lastChild);
  451. 		}
  452. 		element.parentNode.replaceChild(clone, element);
  453. 	}
  454. }
  455.  
  456. function scrollToId(id, offset)
  457. {
  458. 	scrollToElement("#" + id, offset);
  459. }
  460.  
  461. function scrollToElement(selector, offset)
  462. {
  463. 	if (typeof offset === "undefined")
  464. 	{
  465. 		offset = -20;
  466. 	}
  467. 	
  468. 	var ele = document.querySelector(selector);
  469. 	if (ele)
  470. 	{
  471. 		ele.scrollIntoView(true);
  472. 		window.scrollBy(0, offset);
  473. 	}
  474. }
  475.  
  476. function resizeSuggestionBox()
  477. {
  478. 	var script = document.createElement('script');
  479. 	script.innerHTML = 
  480. " \
  481. var stsh_showSuggestionsBox_start = new Date(); \
  482. var stsh_showSuggestionsBox_itv = setIntervalCustom(function() \
  483. { \
  484. 	var stsh_showSuggestionsBox_isEnd = false; \
  485. 	var stsh_showSuggestionsBox_cur = new Date(); \
  486. 	if (typeof showSuggestionsBox !== 'undefined') \
  487. 	{ \
  488. 		showSuggestionsBox = function(url) \
  489. 		{ \
  490. 			/* Edit from STS */ \
  491. 			g_suggestionsBoxIsOpen = true; \
  492. 			$('suggestions_box_outer').appear( \
  493. 			{ \
  494. 				duration : 0.1 \
  495. 			} \
  496. 			); \
  497. 			$('suggestions_iframe').setAttribute('src', url); \
  498. 			if (!Prototype.Browser.IE) \
  499. 			{ \
  500. 				$('suggestions_iframe').focus(); \
  501. 			} \
  502. 			$('suggestions_iframe').style.height = (document.viewport.getHeight() * 0.99) + 'px'; \
  503. 			return false; \
  504. 		}; \
  505. 		stsh_showSuggestionsBox_isEnd = true; \
  506. 	} \
  507. 	if (stsh_showSuggestionsBox_isEnd || stsh_showSuggestionsBox_cur - stsh_showSuggestionsBox_start > 10000) \
  508. 	{ \
  509. 		clearInterval(stsh_showSuggestionsBox_itv); \
  510. 	} \
  511. }, 300); \
  512. ";
  513. 	
  514. 	document.head.appendChild(script);
  515.  
  516. 	window.addEventListener("resize", function()
  517. 	{
  518. 		var iframe = document.querySelector("#suggestions_iframe");
  519. 		if (iframe)
  520. 		{
  521. 			iframe.style.height = (window.innerHeight * 0.99) + "px";
  522. 		}
  523. 	});
  524. }
  525.  
  526. function isRally()
  527. {
  528. 	var date = new Date();
  529. 	var year = date.getUTCFullYear();
  530. 	var month = date.getUTCMonth() + 1;
  531. 	var day = date.getUTCDate();
  532. 	
  533. 	if ((month > 9) || (month === 9 && day >= 22) || (month === 0 && day <= 2))
  534. 	{
  535. 		return true;
  536. 	}
  537. 	
  538. 	return false;
  539. }
  540.  
  541. function getQueryByName(name, url)
  542. {
  543. 	if (!url)
  544. 	{
  545. 		url = (!location) ? "" : location.search;
  546. 	}
  547.     name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
  548.     var regex = new RegExp("[\\?&]" + name + "=([^&#]*)");
  549.     var results = regex.exec(url);
  550. 	var retVal = "";
  551. 	if (results)
  552. 	{
  553. 		retVal = results[1].replace(/\+/g, " ");
  554. 		try
  555. 		{
  556. 			retVal = decodeURIComponent(retVal);
  557. 		}
  558. 		catch (ex)
  559. 		{
  560. 			console.error("getQueryByName", ex.message);
  561. 		}
  562. 	}
  563.     return retVal;
  564. }
  565.  
  566. function padZero(num, size)
  567. {
  568. 	return (1e15 + num + "").slice(-size);
  569. }
  570.  
  571. function padZeroHex(num, size)
  572. {
  573. 	return ("00000000000000000000000" + num.toString(16)).slice(-size).toUpperCase();
  574. }
  575.  
  576. function randNum(min, max)
  577. {
  578. 	return Math.round(Math.random() * (max - min) + min);
  579. }
  580.  
  581. function isSpecialChar(ch)
  582. {
  583. 	var chCode = -1;
  584. 	
  585. 	if (typeof ch === 'number')
  586. 	{
  587. 		chCode = ch;
  588. 	}
  589. 	else
  590. 	{
  591. 		chCode = ch.charCodeAt(0);
  592. 	}
  593. 	
  594. 	
  595. 	if ((chCode > -1 && chCode < 9) 		// 0-8
  596. 		|| (chCode > 10 && chCode < 13) 	// 11-12
  597. 		|| (chCode > 13 && chCode < 32))	// 14-31
  598. 	{
  599. 		return true;
  600. 	}
  601. 	
  602. 	return false;
  603. }
  604.  
  605. function hasSpecialChar(str)
  606. {
  607. 	var rgxSpCh = /[\u0000\u0001\u0002\u0003\u0004\u0005\u0006\u0007\u0008\u000B\u000C\u000E\u000F\u0010\u0011\u0012\u0013\u0014\u0015\u0016\u0017\u0018\u0019\u001A\u001B\u001C\u001D\u001E\u001F]+/;
  608. 	
  609. 	return rgxSpCh.test(str);
  610. }
  611. 	
  612. function checkSpecialCharMatched(str1, str2)
  613. {
  614. 	// return (status, numSp1, numSp2)
  615. 	// status: 0:Match, 1:NotMatch, 2:NotEqual
  616. 	
  617. 	str1 = str1 || "";
  618. 	str2 = str2 || "";
  619. 	
  620. 	var strOut1 = "";
  621. 	var strOut2 = "";
  622. 	
  623. 	for (var i = 0; i < str1.length; i++)
  624. 	{
  625. 		if (isSpecialChar(str1[i]))
  626. 		{
  627. 			strOut1 += str1[i];
  628. 		}
  629. 	}
  630. 	for (var i = 0; i < str2.length; i++)
  631. 	{
  632. 		if (isSpecialChar(str2[i]))
  633. 		{
  634. 			strOut2 += str2[i];
  635. 		}
  636. 	}
  637. 	
  638. 	var retVal = 0;
  639. 	
  640. 	if (strOut1 === strOut2)
  641. 		retVal = 0;
  642. 	else if (strOut1.length === strOut2.length)
  643. 		retVal = 1;
  644. 	else
  645. 		retVal = 2;
  646. 	
  647. 	return new Array(retVal, strOut1.length, strOut2.length);
  648. }
  649.  
  650. function trimSpace(str)
  651. {
  652. 	return str.replace(/^[ \r\n\t]+/, "").replace(/[ \r\n\t]+$/, "");
  653. }
  654.  
  655. if (!String.prototype.endsWith)
  656. {
  657. 	String.prototype.endsWith = function(searchString, position)
  658. 	{
  659. 		var subjectString = this.toString();
  660. 		if (typeof position !== 'number' || !isFinite(position)
  661. 			|| Math.floor(position) !== position || position > subjectString.length)
  662. 		{
  663. 			position = subjectString.length;
  664. 		}
  665. 		position -= searchString.length;
  666. 		var lastIndex = subjectString.indexOf(searchString, position);
  667. 		return lastIndex !== -1 && lastIndex === position;
  668. 	};
  669. }
  670.  
  671. function reload()
  672. {
  673. 	var curHref = window.location.href;
  674. 	var posHashtag = curHref.indexOf("#");
  675. 	if (posHashtag > -1)
  676. 	{
  677. 		window.location = curHref.substr(0, posHashtag);
  678. 	}
  679. 	else
  680. 	{
  681. 		window.location = curHref;
  682. 	}
  683. }
  684.  
  685. function getCookie(c_name) {
  686.     var c_value = document.cookie;
  687.     var c_start = c_value.indexOf(" " + c_name + "=");
  688.     if (c_start === -1) {
  689.         c_start = c_value.indexOf(c_name + "=");
  690.     }
  691.     if (c_start === -1) {
  692.         c_value = null;
  693.     }
  694.     else {
  695.         c_start = c_value.indexOf("=", c_start) + 1;
  696.         var c_end = c_value.indexOf(";", c_start);
  697.         if (c_end === -1) {
  698.             c_end = c_value.length;
  699.         }
  700.         c_value = unescape(c_value.substring(c_start, c_end));
  701.     }
  702.     return c_value;
  703. }
  704.  
  705. var isVisible = (function()
  706. {
  707. 	var stateKey;
  708. 	var eventKey;
  709. 	var keys =
  710. 	{
  711. 		hidden: "visibilitychange",
  712. 		webkitHidden: "webkitvisibilitychange",
  713. 		mozHidden: "mozvisibilitychange",
  714. 		msHidden: "msvisibilitychange"
  715. 	};
  716. 	for (stateKey in keys)
  717. 	{
  718. 		if (stateKey in document)
  719. 		{
  720. 			eventKey = keys[stateKey];
  721. 			break;
  722. 		}
  723. 	}
  724. 	return function(c)
  725. 	{
  726. 		if (c)
  727. 		{
  728. 			document.addEventListener(eventKey, c);
  729. 		}
  730. 		return !document[stateKey];
  731. 	}
  732. })();
  733.  
  734. function isDstUs(year, month, day, hour)
  735. {
  736. 	// Support: 2007 - 2029
  737. 	// Params: 2016, 3, 1, 15 === 1 Mar 2016 15:00
  738. 	
  739. 	var isDst = false;
  740. 	try
  741. 	{
  742. 		var y = parseInt(year);
  743. 		var m = parseInt(month);
  744. 		var d = parseInt(day);
  745. 		var h = parseInt(hour);
  746. 		
  747. 		function checkDstUsa(dayMar, dayNov, m, d, h)
  748. 		{
  749. 			var isDst = false;
  750. 			if ((m === 3 && d >= dayMar) || (m > 3 && m < 11) || (m === 11 && d <= dayNov))
  751. 				isDst = true;
  752. 			if ((m === 3 && d === dayMar && h < 2) || (m === 11 && d === dayNov && h >= 2))
  753. 				isDst = false;
  754. 			return isDst;
  755. 		}
  756. 		
  757. 		if (y === 2007 || y === 2012 || y === 2018 || y === 2029)
  758. 		{
  759. 			isDst = checkDstUsa(11, 4, m, d, h);
  760. 		}
  761. 		else if (y === 2013 || y === 2019 || y === 2024)
  762. 		{
  763. 			isDst = checkDstUsa(10, 3, m, d, h);
  764. 		}
  765. 		else if (y === 2008 || y === 2014 || y === 2025)
  766. 		{
  767. 			isDst = checkDstUsa(9, 2, m, d, h);
  768. 		}
  769. 		else if (y === 2009 || y === 2015 || y === 2020 || y === 2026)
  770. 		{
  771. 			isDst = checkDstUsa(8, 1, m, d, h);
  772. 		}
  773. 		else if (y === 2010 || y === 2021 || y === 2027)
  774. 		{
  775. 			isDst = checkDstUsa(14, 7, m, d, h);
  776. 		}
  777. 		else if (y === 2011 || y === 2016 || y === 2022)
  778. 		{
  779. 			isDst = checkDstUsa(13, 6, m, d, h);
  780. 		}
  781. 		else if (y === 2017 || y === 2023 || y === 2028)
  782. 		{
  783. 			isDst = checkDstUsa(12, 5, m, d, h);
  784. 		}
  785. 		
  786. 	}
  787. 	catch (ex)
  788. 	{
  789. 		console.error("isDstUs", ex.message);
  790. 	}
  791. 	return isDst;
  792. }
  793.  
  794. function getDateIsoUs()
  795. {
  796. 	var dateUs = new Date();
  797. 	dateUs.setTime(dateUs.getTime() - (1000 * 60 * 60 * 8));		// GMT-8
  798. 	
  799. 	if (isDstUs(dateUs.getUTCFullYear(), dateUs.getUTCMonth() + 1, dateUs.getUTCDate(), dateUs.getUTCHours()))
  800. 	{
  801. 		dateUs.setTime(dateUs.getTime() + (1000 * 60 * 60 * 1));	// GMT-7
  802. 	}
  803. 	
  804. 	return dateUs.toISOString();
  805. }
  806.  
  807. function getDateUs()
  808. {	
  809. 	return getDateIsoUs().substr(0, 10);
  810. }
  811.  
  812. function getTimeUs()
  813. {	
  814. 	return getDateIsoUs().substr(11, 5);
  815. }
  816.  
  817. function getUnixTimestamp()
  818. {
  819. 	return parseInt((new Date()) / 1000);
  820. }
  821. 	
  822. var pattUrlTimestamp1 = /\?t=[0-9]{6,}\&/g;
  823. var pattUrlTimestamp2 = /\&t=[0-9]{6,}/g;
  824. var pattUrlTimestamp3 = /\?t=[0-9]{6,}/g;
  825. var pattUrlTimestamp4 = /\&[0-9]{6,}\&/g;
  826.  
  827. function cleanUrlTimestamp(eles)
  828. {
  829. 	if (!eles || !eles.length)
  830. 		return;
  831.  
  832. 	for (var i = 0; i < eles.length; i++)
  833. 	{
  834. 		var val = "";
  835. 		var attr = "";
  836. 		
  837. 		if (eles[i].tagName === "A")
  838. 		{
  839. 			attr = "href";
  840. 		}
  841. 		else if (eles[i].tagName === "FORM")
  842. 		{
  843. 			attr = "action";
  844. 		}
  845. 		else if (eles[i].tagName === "DIV")
  846. 		{
  847. 			attr = "onclick";
  848. 		}
  849. 		
  850. 		var isEdit = false;
  851. 		
  852. 		val = eles[i].getAttribute(attr);
  853. 		if (pattUrlTimestamp1.test(val))
  854. 		{
  855. 			eles[i].setAttribute(attr, val.replace(pattUrlTimestamp1,"?"));
  856. 			isEdit = true;
  857. 		}
  858. 		else if (pattUrlTimestamp2.test(val))
  859. 		{
  860. 			eles[i].setAttribute(attr, val.replace(pattUrlTimestamp2,""));
  861. 			isEdit = true;
  862. 		}
  863. 		else if (pattUrlTimestamp3.test(val))
  864. 		{
  865. 			eles[i].setAttribute(attr, val.replace(pattUrlTimestamp3,""));
  866. 			isEdit = true;
  867. 		}
  868. 		
  869. 		if (isEdit)
  870. 		{
  871. 			val = eles[i].getAttribute(attr);
  872. 		}
  873. 		
  874. 		if (pattUrlTimestamp4.test(val))
  875. 		{
  876. 			eles[i].setAttribute(attr, val.replace(pattUrlTimestamp4,"&"));
  877. 		}
  878. 	}
  879. }
  880.  
  881. var timeoutList = new Array();
  882. var intervalList = new Array();
  883.  
  884. function setTimeoutCustom(func, tm, params)
  885. {
  886. 	var id = setTimeout(func, tm, params);
  887. 	timeoutList.push(id);
  888. 	return id;
  889. }
  890.  
  891. function clearTimeoutAll()
  892. {
  893. 	for (var i = 0; i < timeoutList.length; i++)
  894. 	{
  895. 		clearTimeout(timeoutList[i]);
  896. 	}
  897. }
  898.  
  899. function setIntervalCustom(func, tm, params)
  900. {
  901. 	var id = setInterval(func, tm, params);
  902. 	intervalList.push(id);
  903. 	return id;
  904. }
  905.  
  906. function clearIntervalAll()
  907. {
  908. 	for (var i = 0; i < intervalList.length; i++)
  909. 	{
  910. 		clearInterval(intervalList[i]);
  911. 	}
  912. }
  913.  
  914. function main()
  915. {
  916. 	var url = document.documentURI;
  917. 	var lang = getCookie("Language");
  918. 	
  919. 	// Auto refresh when error
  920. 	{
  921. 		var h1 = document.querySelector("#leftAreaContainer > h1, body > h1");
  922. 		if (h1)
  923. 		{
  924. 			var text = h1.textContent.trim();
  925. 			if (text === "Steam Translation Server - Maintenance Warning"
  926. 				|| text === "Forbidden")
  927. 			{
  928. 				console.log("stsh: refresh");
  929. 				setTimeoutCustom(reload, 60000);
  930. 				return;
  931. 			}
  932. 		}
  933. 	}
  934.  
  935. 	// Clean links
  936. 	{
  937. 		setTimeoutCustom(function()
  938. 		{
  939. 			var eles = document.querySelectorAll("a, form[action]");
  940. 			cleanUrlTimestamp(eles);
  941. 		}, 1000);
  942. 	}
  943.  
  944. 	var eleLogout = document.querySelector("#logout");
  945. 	if (eleLogout)
  946. 	{
  947. 		var logoutHtml = 
  948. ' \
  949. <a class="stsh_a_button" target="_blank" href="/user_activity.php">My Profile</a> \
  950. <input name="login_button" value="Logout?" type="submit" onclick="return confirm(\'Logout?\');" /> \
  951. ';
  952. 		
  953. 		eleLogout.innerHTML = logoutHtml;
  954. 		
  955. 		// Special event button
  956. 		{
  957. 			if (isRally())
  958. 			{
  959. 				var divSpecial = document.createElement("div");
  960. 				divSpecial.id = "stsh_specialEvent";
  961. 				divSpecial.innerHTML = 
  962. ' \
  963. <a class="stsh_a_button" target="_blank" href="/rally.php">Year-End Rally</a> \
  964. ';
  965. 				eleLogout.parentElement.appendChild(divSpecial);
  966. 			}
  967. 		}
  968. 	}
  969. 	
  970. 	if (url.indexOf("Us_And_Them.php") > -1)
  971. 	{
  972. 		var container = "\"";
  973. 		var tdEng = document.querySelector(
  974. 			"#leftAreaContainer > table > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2)");
  975. 		if (tdEng)
  976. 		{
  977. 			tdEng.innerHTML = container + tdEng.innerHTML + container;
  978. 		}
  979. 	
  980. 		var h1 = document.querySelector("#leftAreaContainer > h1:nth-child(2)");
  981. 		if (h1)
  982. 		{
  983. 			var header = h1.textContent.trim();
  984. 			var key = header.split(" ")[0];
  985. 			h1.innerHTML = header.replace(key, "<a href='/translate.php?keyonly=1&search_input="
  986. 				+ encodeURIComponent(key) + "' >" + key + "</a>");
  987. 			document.title = key + " - " + document.title;
  988. 		}
  989. 		
  990. 		// Hilight cur lang
  991. 		{
  992. 			//var first = document.querySelector("#leftAreaContainer tr:nth-child(1) > td:nth-child(1) > a");
  993. 			//if (first)
  994. 			{
  995. 				var cur = null;
  996. 				
  997. 				var elesLang = document.querySelectorAll("#leftAreaContainer tr > td:nth-child(1) > a");
  998. 				for (var i = 1; i < elesLang.length; i++)
  999. 				{
  1000. 					if (lang === elesLang[i].textContent.trim().toLowerCase())
  1001. 					{
  1002. 						cur = elesLang[i].parentElement.parentElement;
  1003. 						break;
  1004. 					}
  1005. 				}
  1006. 				
  1007. 				if (cur)
  1008. 				{
  1009. 					cur.classList.add("stsh_usThem_curLang");
  1010. 					//insertAfterElement(cur, first.parentElement.parentElement);
  1011. 				}
  1012. 			}
  1013. 		}
  1014. 	
  1015. 	} // End Us_And_Them.php
  1016.  
  1017. 	if (url.indexOf("suggestions.php") > -1)
  1018. 	{
  1019. 		var eleTextOrg = document.querySelector(".progress > tbody > tr:last-child > td:nth-child(1)");
  1020. 		if (eleTextOrg)
  1021. 		{
  1022. 			eleTextOrg.classList.add("stsh_text_org");
  1023. 		}
  1024. 		
  1025. 		var eleTextTrn = document.querySelector(".progress > tbody > tr:last-child > td:nth-child(3)");
  1026. 		if (eleTextTrn)
  1027. 		{
  1028. 			eleTextTrn.classList.add("stsh_text_trn");
  1029. 		}
  1030. 		
  1031. 		var eleTextSubmit =  document.querySelector(".lbAction[name='suggestion_temp'] input[accesskey='s']");
  1032. 		if (eleTextSubmit)
  1033. 		{
  1034. 			eleTextSubmit.classList.add("stsh_text_submit");
  1035. 		}
  1036. 		
  1037. 		var elesTextRemoveComment = document.querySelectorAll(".suggestion_signature .lbAction[name^='mymodcomment'] a");
  1038. 		for (var i = 0; i < elesTextRemoveComment.length; i++)
  1039. 		{
  1040. 			elesTextRemoveComment[i].removeAttribute("href");
  1041. 			elesTextRemoveComment[i].classList.add("stsh_text_removeComment");
  1042. 		}
  1043. 		
  1044. 		var elesTextComment = document.querySelectorAll("textarea[name='suggestion_comment']");
  1045. 		for (var i = 0; i < elesTextComment.length; i++)
  1046. 		{
  1047. 			elesTextComment[i].nextElementSibling.classList.add("stsh_submit_comment");
  1048. 		}
  1049. 		
  1050. 		var eleTextNew = document.querySelector("#suggestion_value_new");
  1051. 		if (eleTextNew)
  1052. 		{
  1053. 			eleTextNew.style.width = "960px";
  1054. 			eleTextNew.style.height = "64px";
  1055. 			eleTextNew.style.marginLeft = "3px";
  1056. 		}
  1057. 	
  1058. 		var inputClose = document.querySelector("#suggestions_nav > input[value^='Close']");
  1059. 		if (inputClose)
  1060. 		{
  1061. 			inputClose.value = "Close (Esc)";
  1062. 		}
  1063. 	
  1064. 		// Move region
  1065. 		{
  1066. 			var td = eleTextTrn;
  1067. 			if (td && td.textContent.trim() === "")
  1068. 			{
  1069. 				function moveSuggestionBox()
  1070. 				{
  1071. 					var td = document.querySelector(".stsh_text_trn");
  1072. 					if (td && td.textContent.trim() === "")
  1073. 					{
  1074. 						td.innerHTML = "";
  1075. 						var eleTarget = document.querySelector("#suggestionmain > div:nth-child(4) > .lbAction");
  1076. 						if (eleTarget)
  1077. 						{
  1078. 							td.appendChild(eleTarget);
  1079. 							td.style.padding = "0px";
  1080. 							
  1081. 							var textarea = document.querySelector("#suggestion_value_new");
  1082. 							if (textarea)
  1083. 							{
  1084. 								textarea.style.width = "98%";
  1085. 								textarea.style.marginLeft = "0px";
  1086. 								if (textarea.scrollHeight < 500)
  1087. 								{
  1088. 									textarea.style.height = (textarea.scrollHeight + 20) + "px";
  1089. 								}
  1090. 								else
  1091. 								{
  1092. 									textarea.style.height = "500px";
  1093. 								}
  1094. 								textarea.focus();
  1095. 							}
  1096. 							
  1097. 							var eleTextOrg = document.querySelector(".stsh_text_org");
  1098. 							if (eleTextOrg)
  1099. 							{
  1100. 								eleTextOrg.style.display = "table-cell";
  1101. 								eleTextOrg.style.paddingTop = "6px";
  1102. 							}
  1103. 						}
  1104. 					}
  1105. 				}
  1106. 				
  1107. 				function moveSuggestionList()
  1108. 				{
  1109. 					var td = document.querySelector(".stsh_text_trn");
  1110. 					if (td && td.textContent.trim() === "")
  1111. 					{
  1112. 						td.innerHTML = "";
  1113. 						var eleTarget = document.querySelector(".suggestion");
  1114. 						if (eleTarget)
  1115. 						{
  1116. 							td.appendChild(eleTarget);
  1117. 							td.style.padding = "0px";
  1118. 							
  1119. 							eleTarget.style.marginTop = "-2px";
  1120. 							eleTarget.style.paddingTop = "0px";
  1121. 							eleTarget.style.borderBottomWidth = "0px";
  1122. 							eleTarget.style.borderRightWidth = "0px";
  1123. 							eleTarget.style.resize = "none";
  1124. 														
  1125. 							var eleAutoApprove = document.querySelector("#stsh_autoApprove");
  1126. 							if (eleAutoApprove)
  1127. 							{
  1128. 								eleAutoApprove.classList.add("stsh_hidden");
  1129. 							}
  1130. 							
  1131. 							var eleAutoApproveLabel = document.querySelector(".stsh_autoApprove_label");
  1132. 							if (eleAutoApproveLabel)
  1133. 							{
  1134. 								eleAutoApproveLabel.classList.add("stsh_hidden");
  1135. 							}
  1136. 						}
  1137. 					}
  1138. 				}
  1139. 				
  1140. 				var eleDiv = document.createElement("div");
  1141. 				eleDiv.classList.add("stsh_moveSuggestionContainer");
  1142. 				td.appendChild(eleDiv);
  1143. 					
  1144. 				var eleMoveBox = document.createElement("input");
  1145. 				eleMoveBox.id = "stsh_moveSuggestionBox";
  1146. 				eleMoveBox.setAttribute("value", "Move Box Here");
  1147. 				eleMoveBox.setAttribute("type", "button");
  1148. 				eleDiv.appendChild(eleMoveBox);
  1149. 				
  1150. 				eleMoveBox.addEventListener("click", function(e)
  1151. 				{
  1152. 					moveSuggestionBox();
  1153. 				});
  1154. 				
  1155. 				if (document.querySelector(".suggestion"))
  1156. 				{
  1157. 					var eleMoveList = document.createElement("input");
  1158. 					eleMoveList.id = "stsh_moveSuggestionList";
  1159. 					eleMoveList.setAttribute("value", "Move Suggestion Here");
  1160. 					eleMoveList.setAttribute("type", "button");
  1161. 					eleDiv.appendChild(eleMoveList);
  1162. 					
  1163. 					eleMoveList.addEventListener("click", function(e)
  1164. 					{
  1165. 						moveSuggestionList();
  1166. 					});
  1167. 				}
  1168. 			}
  1169. 		}
  1170. 	
  1171. 		if (eleTextNew)
  1172. 		{
  1173. 			var resizeTextNew = function(eleTextNew)
  1174. 			{
  1175. 				eleTextNew.focus();
  1176. 				
  1177. 				if (eleTextNew.scrollHeight < 500)
  1178. 				{
  1179. 					eleTextNew.style.height = (eleTextNew.scrollHeight + 20) + "px";
  1180. 				}
  1181. 				else
  1182. 				{
  1183. 					eleTextNew.style.height = "500px";
  1184. 				}
  1185. 				
  1186. 				if (eleTextNew.scrollHeight > 200 && document.querySelector(".suggestion"))
  1187. 				{
  1188. 					eleTextNew.scrollIntoView();
  1189. 				}
  1190. 			};
  1191. 			
  1192. 			if (isVisible())
  1193. 			{
  1194. 				resizeTextNew(eleTextNew);
  1195. 			}
  1196. 			else
  1197. 			{
  1198. 				// Fix size error when inactive
  1199. 				setTimeoutCustom(resizeTextNew, 100, eleTextNew);
  1200. 			}
  1201. 		}
  1202. 	
  1203. 		var br = document.querySelector("form.lbAction:nth-child(2) > div:nth-child(2) > br:nth-child(1)");
  1204. 		if (br)
  1205. 		{
  1206. 			br.parentElement.removeChild(br);
  1207. 		}
  1208. 		
  1209. 		var key = "";
  1210. 	
  1211. 		var divNav = document.querySelector("div#suggestions_nav");
  1212. 		if (divNav)
  1213. 		{
  1214. 			var insert = "";
  1215. 			var spliter = "_";
  1216. 			var regApp = /[0-9]{4,}/;
  1217. 		
  1218. 			var aKey = document.querySelector(".smallcopy > font:nth-child(2) > a:nth-child(1)");
  1219. 			if (aKey)
  1220. 			{
  1221. 				insert += ' <br/> &nbsp; ';
  1222. 				key = encodeURIComponent(aKey.textContent.trim());
  1223. 			
  1224. 				if (key === "token-key")
  1225. 				{
  1226. 					aKey = document.querySelector(".smallcopy > a:nth-child(3)");
  1227. 					if (aKey)
  1228. 					{
  1229. 						key = encodeURIComponent(aKey.textContent.trim());
  1230. 					}
  1231. 				}
  1232. 			
  1233. 				if (key !== "")
  1234. 				{
  1235. 					document.title = key + " - " + document.title;
  1236. 					
  1237. 					if (key.split(spliter).length > 1)
  1238. 					{
  1239. 						if (key.indexOf("%23") === 0)
  1240. 						{
  1241. 							var firstSpliter = key.indexOf(spliter);
  1242. 							var keySharp = key.substring(0, firstSpliter);
  1243. 							insert += ' <a class="stsh_a_button" target="_blank" '
  1244. 								+ ' href="/translate.php?keyonly=1&paginationrows=1000&search_input='
  1245. 								+ keySharp + '">Search by Hashtag</a> ';
  1246. 						}
  1247. 					
  1248. 						var lastSpliter = key.lastIndexOf(spliter);
  1249. 						var keyGroup = key.substring(0, lastSpliter);
  1250. 						insert += ' <a class="stsh_a_button" target="_blank" '
  1251. 							+ ' href="/translate.php?keyonly=1&paginationrows=1000&search_input='
  1252. 							+ keyGroup + '">Search by Group</a> ';
  1253. 					}
  1254. 					insert += ' <a class="stsh_a_button" target="_blank" '
  1255. 						+ ' href="/translate.php?keyonly=1&search_input='
  1256. 						+ key + '">Search by Key</a> ';
  1257. 				}
  1258. 			}
  1259. 		
  1260. 			var tdText = eleTextOrg;
  1261. 			if (tdText)
  1262. 			{
  1263. 				var text = encodeURIComponent(tdText.textContent.trim())
  1264. 					.replace(/(%20|%09)/g,"+")
  1265. 					.replace(/'/g,"\\'")
  1266. 					.replace("%0A", "+")
  1267. 					.replace(/\++/g, "+")
  1268. 					.substr(0, 80);
  1269. 				
  1270. 				if (text.length >= 80)
  1271. 				{
  1272. 					text = text.substr(0, text.lastIndexOf("+"));
  1273. 				}
  1274. 				
  1275. 				if (text.indexOf(".") > 20)
  1276. 				{
  1277. 					text = text.substr(0, text.indexOf(".") + 1);
  1278. 				}
  1279. 				
  1280. 				if (text.indexOf("%5C") > 10)
  1281. 				{
  1282. 					text = text.substr(0, text.indexOf("%5C"));
  1283. 				}
  1284. 				
  1285. 				var eleSubmit = document.querySelector(".stsh_text_submit");
  1286. 				if (eleSubmit)
  1287. 				{
  1288. 					var elePrev = eleSubmit.previousElementSibling;
  1289. 					if (!elePrev || elePrev.tagName !== "BR")
  1290. 					{
  1291. 						var eleNew = document.createElement("br");
  1292. 						insertBeforeElement(eleNew, eleSubmit);
  1293. 					}
  1294. 				}
  1295. 				
  1296. 				if (text !== "")
  1297. 				{
  1298. 					insert += ' <br/> &nbsp; <a class="stsh_a_button" target="_blank" '
  1299. 						+ ' href="/translate.php?keyonly=2&paginationrows=1000&search_input='
  1300. 						+ text + '">Search by String</a> ';
  1301. 					
  1302. 					var eleSubmitNext = document.querySelector(".lbAction input[type='submit'][accesskey='a']");
  1303. 					if (eleSubmitNext)
  1304. 					{
  1305. 						eleSubmitNext.value = "Next";
  1306. 						eleSubmitNext.classList.add("stsh_submit_suggestion_right");
  1307. 						
  1308. 						var eleForm = eleSubmitNext.parentElement.parentElement;
  1309. 						if (eleForm.tagName === "FORM")
  1310. 						{
  1311. 							addKeyCtrlShiftEnter(eleForm, eleSubmitNext);
  1312. 						}
  1313. 					}
  1314. 					else
  1315. 					{
  1316. 						if (eleSubmit)
  1317. 						{
  1318. 							var eleNew = document.createElement("input");
  1319. 							eleNew.id = "stsh_submit_suggestion_next";
  1320. 							eleNew.classList.add("stsh_submit_suggestion_right");
  1321. 							eleNew.setAttribute("type", "submit");
  1322. 							eleNew.setAttribute("value", "Next");
  1323. 							eleNew.setAttribute("name", "submitandnext");
  1324. 							insertAfterElement(eleNew, eleSubmit);
  1325. 							
  1326. 							eleNew.addEventListener("click", function(ev)
  1327. 							{
  1328. 								var textOrg = "";
  1329. 								var textTrn = "";
  1330. 								var textCur = "";
  1331. 								
  1332. 								var eleTextOrg = document.querySelector(".stsh_text_org");
  1333. 								if (eleTextOrg)
  1334. 								{
  1335. 									textOrg = trimSpace(eleTextOrg.textContent);
  1336. 								}
  1337. 								var eleTextTrn = document.querySelector(".stsh_text_trn");
  1338. 								if (eleTextTrn)
  1339. 								{
  1340. 									textTrn = trimSpace(eleTextTrn.textContent);
  1341. 								}
  1342. 								var eleTextCur = document.querySelector("#suggestion_value_new");
  1343. 								if (eleTextCur)
  1344. 								{
  1345. 									textCur = trimSpace(eleTextCur.value);
  1346. 								}
  1347. 								
  1348. 								if (textCur === "" || textOrg === textCur || textTrn === textCur)
  1349. 								{
  1350. 									ev.preventDefault();
  1351. 									var eleSubmit = document.querySelector(".stsh_text_submit");
  1352. 									if (eleSubmit)
  1353. 									{
  1354. 										eleSubmit.click();
  1355. 									}
  1356. 								}
  1357. 							});
  1358. 							
  1359. 							var eleForm = eleSubmit.parentElement.parentElement;
  1360. 							if (eleForm.tagName === "FORM")
  1361. 							{
  1362. 								addKeyCtrlShiftEnter(eleForm, eleNew);
  1363. 							}
  1364. 						}
  1365. 					}
  1366. 				}
  1367. 				else
  1368. 				{
  1369. 					if (eleTextNew && eleSubmit)
  1370. 					{
  1371. 						var eleNew = document.createElement("input");
  1372. 						eleNew.id = "stsh_submit_suggestion_space";
  1373. 						eleNew.classList.add("stsh_submit_suggestion_right");
  1374. 						eleNew.setAttribute("type", "button");
  1375. 						eleNew.setAttribute("value", "Submit Space (Alt+0160)");
  1376. 						insertAfterElement(eleNew, eleSubmit);
  1377. 						
  1378. 						eleNew.addEventListener("click", function(ev)
  1379. 						{
  1380. 							var eleTextNew = document.querySelector("#suggestion_value_new");
  1381. 							if (eleTextNew)
  1382. 							{
  1383. 								eleTextNew.value = String.fromCharCode(160);
  1384. 								eleTextNew.focus();
  1385. 								
  1386. 								ev.preventDefault();
  1387. 								var eleSubmit = document.querySelector(".stsh_text_submit");
  1388. 								if (eleSubmit)
  1389. 								{
  1390. 									eleSubmit.click();
  1391. 								}
  1392. 							}
  1393. 						});
  1394. 					}
  1395. 				}
  1396. 			}
  1397. 		
  1398. 			var app = regApp.exec(key.replace("%23", ""));
  1399. 			if (key.indexOf("faq") < 0 && app)
  1400. 			{
  1401. 				insert += ' <br/> &nbsp; ';
  1402. 			
  1403. 				if (key.indexOf("SharedFiles_App_") === 0)
  1404. 				{
  1405. 					insert += ' <a class="stsh_a_button" target="_blank" '
  1406. 						+ ' href="http://steamcommunity.com/workshop/browse?appid='
  1407. 						+ app + '">View Workshop</a> ';
  1408. 				}
  1409. 			
  1410. 				insert += ' <a class="stsh_a_button" target="_blank" '
  1411. 					+ ' href="http://steamcommunity.com/app/'
  1412. 					+ app + '">View Community</a> '
  1413. 			
  1414. 				insert += ' <a class="stsh_a_button" target="_blank" '
  1415. 					+ ' href="http://store.steampowered.com/app/'
  1416. 					+ app + '">View App</a> ';
  1417. 			}
  1418. 		
  1419. 			var insertBefore = 
  1420. ' \
  1421. <input id="stsh_refresh" value="Refresh" onclick="return false;" type="button"> \
  1422. <a class="stsh_a_button" target="_blank" href="' + url + '">Frame</a> \
  1423. ';
  1424. 		
  1425. 			var innerNew = divNav.innerHTML
  1426. 				.replace('<input value="Previous', '&nbsp;&nbsp;<input value="Prev')
  1427. 				.replace('<input value="Close', '&nbsp;&nbsp;<input value="Close');
  1428. 		
  1429. 			divNav.innerHTML = insertBefore + innerNew + insert + " <br/> ";
  1430. 			
  1431. 			var eleRefresh = document.querySelector("#stsh_refresh");
  1432. 			if (eleRefresh)
  1433. 			{
  1434. 				eleRefresh.addEventListener("click", function()
  1435. 				{
  1436. 					reload();
  1437. 				});
  1438. 			}
  1439. 		}
  1440. 	
  1441. 		// Regroup glossary and auto replace matched string
  1442. 		{
  1443. 			setTimeoutCustom(function()
  1444. 			{
  1445. 				var br = "<br>";
  1446. 				var brSpace = " <br> ";
  1447. 				var tag = "<a";
  1448. 				var colon = ">: ";
  1449. 				var comma = ",";
  1450. 				var bracket = " (";
  1451. 				var isEdit = false;
  1452. 				
  1453. 				var p = null;
  1454. 				
  1455. 				var aGls = document.querySelectorAll("a[href='glossary.php']");
  1456. 				for (var i = 0; i < aGls.length; i++)
  1457. 				{
  1458. 					if (aGls[i].textContent.trim() === "GLOSSARY FEATURE")
  1459. 					{
  1460. 						p = aGls[i].parentElement;
  1461. 						break;
  1462. 					}
  1463. 				}
  1464. 				
  1465. 				if (p)
  1466. 				{
  1467. 					var glosOuters = [];
  1468. 					var glosInnerStart = 0;
  1469. 					var countGl = 0;
  1470. 					var glossaries = p.innerHTML.split(br);
  1471. 					if (glossaries.length > 2)
  1472. 					{
  1473. 						glosOuters = [p];
  1474. 						glosInnerStart = 2;
  1475. 					}
  1476. 					else
  1477. 					{
  1478. 						glosOuters = p.nextSibling.querySelectorAll("td");
  1479. 						glosInnerStart = 0;
  1480. 					}
  1481. 					
  1482. 					var rgxKey = />[^><]+</;
  1483. 					var rgxKeyClean = /[><]+/g;
  1484. 					var rgxKeyPunct = /[\(\)\[\]\:\!]/g;
  1485. 					var rgxContentClean = /<[^<]*>/g;
  1486. 					var textOrg = "";
  1487. 					var textEng = "";
  1488. 					var isTextReplaced = false;
  1489. 					var isOutdated = false;
  1490.  
  1491. 					var eleBtnResummit = document.querySelector("input[type='submit'][value^='RESUBMIT']");
  1492. 					if (eleBtnResummit)
  1493. 					{
  1494. 						isTextReplaced = true;
  1495. 					}
  1496. 					else
  1497. 					{
  1498. 						var eleTextOrg = document.querySelector("#suggestion_value_new");
  1499. 						if (eleTextOrg)
  1500. 						{
  1501. 							textOrg = eleTextOrg.value.trim().toLowerCase();
  1502. 						}
  1503. 						if (textOrg === "" || textOrg.length > 300)
  1504. 						{
  1505. 							// Not replace on empty and long strings
  1506. 							isTextReplaced = true;
  1507. 						}
  1508. 					}
  1509. 					
  1510. 					if (!isTextReplaced)
  1511. 					{
  1512. 						var eleTrs = document.querySelectorAll(".progress tr");
  1513. 						isOutdated = (eleTrs.length >= 3);
  1514. 						if (isOutdated)
  1515. 						{
  1516. 							textEng = eleTrs[eleTrs.length - 1].firstElementChild.textContent.trim().toLowerCase();
  1517. 						}
  1518. 					}
  1519. 					
  1520. 					for (var i = 0; i < glosOuters.length; i++)
  1521. 					{
  1522. 						var glosOuter = glosOuters[i];
  1523. 						
  1524. 						var glosInners = glosOuter.innerHTML.split(br);
  1525. 						
  1526. 						isEdit = false;
  1527. 						
  1528. 						for (var j = glosInnerStart; j < glosInners.length; j++)
  1529. 						{
  1530. 							var glossary = glosInners[j].trim();
  1531. 							if (glossary.length > 0 && glossary.indexOf(tag) === 0)
  1532. 							{
  1533. 								var colonIndex = glossary.indexOf(colon);
  1534. 								var contentHead = glossary.substr(0, colonIndex + 3);
  1535. 								var contentAll = glossary.substr(colonIndex + 3);
  1536. 								var contentWords = contentAll.split(comma);
  1537. 								var contentFirst = contentWords[0].trim();
  1538. 								
  1539. 								for (var k = 0; k < contentWords.length; k++)
  1540. 								{
  1541. 									var contentNew = contentWords[k].trim();
  1542. 									var contentSub = null;
  1543. 									
  1544. 									var bracketPos = contentNew.indexOf(" (");
  1545. 									if (bracketPos > -1)
  1546. 									{
  1547. 										contentSub = contentNew.substr(bracketPos);
  1548. 										contentNew = contentNew.substr(0, bracketPos);
  1549. 									}
  1550. 									
  1551. 									contentNew = " <span id='stsh_gls_" + countGl
  1552. 										+ "' onclick='clickToSelect(this)'>"
  1553. 										+ contentNew + "</span>";
  1554. 										//+ "<span style='color: white; cursor: pointer;'>^</span>";
  1555. 										
  1556. 									if (contentSub)
  1557. 									{
  1558. 										contentNew +=  "<span "
  1559. 											+ "onclick='clickToSelect(this.previousElementSibling)'>"
  1560. 											+ contentSub + "</span>";
  1561. 									}
  1562. 									
  1563. 									contentWords[k] = contentNew;
  1564. 									countGl++;
  1565. 								}
  1566. 							
  1567. 								if (!isTextReplaced)
  1568. 								{
  1569. 									var keys = contentHead.match(rgxKey);
  1570. 									if (keys && keys.length > 0)
  1571. 									{
  1572. 										var key = keys[0].replace(rgxKeyClean, "").trim().toLowerCase();
  1573. 										var contentClean = contentFirst.replace(rgxContentClean, "");
  1574. 										var contentLower = contentClean.toLowerCase();
  1575. 										var textCur = "";
  1576. 										if (key === textOrg.replace(rgxKeyPunct, ""))
  1577. 										{
  1578. 											textCur = textOrg;
  1579. 										}
  1580. 										else if (key === textEng.replace(rgxKeyPunct, ""))
  1581. 										{
  1582. 											textCur = textEng;
  1583. 										}
  1584. 										
  1585. 										if (textCur !== "" && key !== contentLower)
  1586. 										{
  1587. 											var rgxReplace = new RegExp(key, "i");
  1588. 											eleTextOrg.value = textCur.replace(rgxReplace, contentClean);
  1589. 											//console.log("Replaced: " + eleTextOrg.value);
  1590. 											isTextReplaced = true;
  1591. 										}
  1592. 									}
  1593. 								}
  1594. 								
  1595. 								glosInners[j] = contentHead + contentWords.join(comma);
  1596. 								isEdit = true;
  1597. 							}
  1598. 						}
  1599. 						if (isEdit && false)
  1600. 						{
  1601. 							// old feature
  1602. 							glosOuter.innerHTML = glosInners.join(brSpace);
  1603. 						}
  1604. 					}
  1605. 				}
  1606. 			}, 200);
  1607. 		}
  1608. 		
  1609. 		// Insert clicked word in last textarea
  1610. 		{
  1611. 			var eleTextLast = null;
  1612. 			
  1613. 			if (document.activeElement && document.activeElement.tagName === "TEXTAREA")
  1614. 			{
  1615. 				eleTextLast = document.activeElement;
  1616. 			}
  1617. 			
  1618. 			var elesText = document.querySelectorAll
  1619. 			(" \
  1620. 				textarea#suggestion_value_new \
  1621. 				, textarea[name='suggestion_comment'] \
  1622. 				, textarea#add_to_discussion \
  1623. 				, textarea[name^='autoreplace'] \
  1624. 			");
  1625. 			for (var i = 0; i < elesText.length; i++)
  1626. 			{
  1627. 				elesText[i].addEventListener('focus', function(ev)
  1628. 				{
  1629. 					eleTextLast = ev.target;
  1630. 				});
  1631. 			}
  1632. 			
  1633. 			setTimeoutCustom(function()
  1634. 			{
  1635. 				var elesInsert = document.querySelectorAll(".insertword");
  1636. 				for (var i = 0; i < elesInsert.length; i++)
  1637. 				{
  1638. 					removeAllEventListeners(elesInsert[i]);
  1639. 				}
  1640. 				
  1641. 				function insertAtCaret(txtarea, text)
  1642. 				{
  1643. 					// Edit from STS
  1644. 					
  1645. 					var scrollPos = txtarea.scrollTop;
  1646. 					var strPos = 0;
  1647. 					var strLength = 0;
  1648. 					var br = ((txtarea.selectionStart || txtarea.selectionStart === 0) ? "ff" : (document.selection ? "ie" : false));
  1649. 					if (br === "ie")
  1650. 					{
  1651. 						txtarea.focus();
  1652. 						var range = document.selection.createRange();
  1653. 						range.moveStart('character', -txtarea.value.length);
  1654. 						strPos = range.text.length;
  1655. 					}
  1656. 					else if (br === "ff")
  1657. 					{
  1658. 						strPos = txtarea.selectionStart;
  1659. 						strLength = txtarea.selectionEnd - txtarea.selectionStart;
  1660. 					}
  1661. 					var front = (txtarea.value).substring(0, strPos);
  1662. 					var back = (txtarea.value).substring(strPos + strLength, txtarea.value.length);
  1663. 					txtarea.value = front + text + back;
  1664. 					strPos = strPos + text.length;
  1665. 					if (br === "ie")
  1666. 					{
  1667. 						txtarea.focus();
  1668. 						var range = document.selection.createRange();
  1669. 						range.moveStart('character', -txtarea.value.length);
  1670. 						range.moveStart('character', strPos);
  1671. 						range.moveEnd('character', 0);
  1672. 						range.select();
  1673. 					}
  1674. 					else if (br === "ff")
  1675. 					{
  1676. 						txtarea.selectionStart = strPos;
  1677. 						txtarea.selectionEnd = strPos;
  1678. 						txtarea.focus();
  1679. 					}
  1680. 					txtarea.scrollTop = scrollPos;
  1681. 				}
  1682. 			
  1683. 				elesInsert = document.querySelectorAll(".insertword");
  1684. 				for (var i = 0; i < elesInsert.length; i++)
  1685. 				{
  1686. 					//elesInsert[i].classList.add("stsh_unselectable");
  1687. 					elesInsert[i].addEventListener("click", function(ev)
  1688. 					{
  1689. 						if (eleTextLast)
  1690. 						{
  1691. 							insertAtCaret(eleTextLast , ev.target.textContent.trim());
  1692. 						}
  1693. 					});
  1694. 				}
  1695. 			}, 500);
  1696. 		}
  1697. 		
  1698. 		// Restyle glossary
  1699. 		{
  1700. 			var eleP = null;
  1701. 				
  1702. 			var elesA = document.querySelectorAll("a[href='glossary.php']");
  1703. 			for (var i = 0; i < elesA.length; i++)
  1704. 			{
  1705. 				if (elesA[i].textContent.trim() === "GLOSSARY FEATURE")
  1706. 				{
  1707. 					eleP = elesA[i].parentElement;
  1708. 					break;
  1709. 				}
  1710. 			}
  1711. 			
  1712. 			if (eleP)
  1713. 			{
  1714. 				var nodeText = eleP.firstElementChild.nextSibling;
  1715. 				if (nodeText.nodeType === document.TEXT_NODE)
  1716. 				{
  1717. 					var ele = document.createElement("span");
  1718. 					ele.textContent = nodeText.textContent;
  1719. 					
  1720. 					nodeText.parentElement.removeChild(nodeText);
  1721. 					
  1722. 					insertAfterElement(ele, eleP.firstElementChild);
  1723. 				}
  1724. 				
  1725. 				var eleHead;
  1726. 				
  1727. 				if (eleP.nextElementSibling.tagName === "TABLE")
  1728. 				{
  1729. 					eleHead = eleP.nextElementSibling;
  1730. 				}
  1731. 				else
  1732. 				{
  1733. 					eleHead = eleP;
  1734. 				}
  1735. 				
  1736. 				eleHead.classList.add("stsh_glossary_header");
  1737. 				
  1738. 				var elesTerm = eleHead.querySelectorAll("a[href*='://translation.steampowered.com/translate.php?search_input=']");
  1739. 				for (var i = 0; i < elesTerm.length; i++)
  1740. 				{
  1741. 					elesTerm[i].classList.add("stsh_glossary_term");
  1742. 				}
  1743. 				
  1744. 				{
  1745. 					var eleSpan = null;
  1746. 					if (eleHead.tagName === "TABLE")
  1747. 					{
  1748. 						eleSpan = eleHead.previousElementSibling.querySelector("span");
  1749. 					}
  1750. 					else
  1751. 					{
  1752. 						eleSpan = eleHead.querySelector("span");
  1753. 					}
  1754. 					eleSpan.textContent = eleSpan.textContent.replace("(click to copy to top)", "(click to copy to suggestion or comment)");
  1755. 				}
  1756. 			}
  1757. 		}
  1758. 		
  1759. 		// Auto link http
  1760. 		// Format comment
  1761. 		{
  1762. 			var countSugStatus = document.querySelectorAll(
  1763. 				".suggestions_list span[class^='suggestion_status_']").length;
  1764. 				
  1765. 			var rgxUrl = /http[^ "]+/ig;
  1766. 			var rgxHostUrl = /^https?:\/\/translation\.steampowered\.com\//i;
  1767. 			var hostReplace = "/";
  1768. 			var eleComments = document.querySelectorAll
  1769. 			(" \
  1770. 				.suggestion_signature > i:nth-child(3) \
  1771. 				, .suggestion_signature div:nth-child(1) > i:nth-child(4) \
  1772. 				, .suggestion_signature div:nth-child(1) > i:nth-child(6) \
  1773. 				, *[class^='row'] > td:nth-child(2) \
  1774. 			");
  1775. 			for (var i = 0; i < eleComments.length; i++)
  1776. 			{
  1777. 				var comment = eleComments[i].innerHTML + " ";
  1778. 				if (comment.indexOf("<a") === -1)
  1779. 				{
  1780. 					var commentUrls = comment.match(rgxUrl) || [];
  1781. 					for (var j = 0; j < commentUrls.length; j++)
  1782. 					{
  1783. 						var urlDecode = commentUrls[j];
  1784. 						try
  1785. 						{
  1786. 							urlDecode = decodeURIComponent(commentUrls[j])
  1787. 								.replace(/#/g, "%23").replace(/&amp;/g, "&");
  1788. 							//console.log(urlDecode);
  1789. 							
  1790. 							if (countSugStatus === 0 && rgxHostUrl.test(urlDecode))
  1791. 							{
  1792. 								var query = getQueryByName("search_input", urlDecode);
  1793. 								
  1794. 								if (query !== "")
  1795. 								{
  1796. 									urlDecode = query;
  1797. 								}
  1798. 								else
  1799. 								{
  1800. 									urlDecode = urlDecode.replace(rgxHostUrl, hostReplace);
  1801. 								}
  1802. 							}
  1803. 						}
  1804. 						catch (ex)
  1805. 						{
  1806. 							console.error("FormatComment", ex.message);
  1807. 						}
  1808. 						var commentUrl = commentUrls[j] + " ";
  1809. 						comment = comment.replace(commentUrl, "<a target='_blank' href='"
  1810. 							+ commentUrls[j] + "' >" + urlDecode + "</a> ");
  1811. 					}
  1812. 				}
  1813. 				
  1814. 				comment = comment.trim();
  1815. 		
  1816. 				if (comment.indexOf("Comment:") === 0)
  1817. 				{
  1818. 					eleComments[i].classList.add("stsh_text_comment_header");
  1819. 					comment = comment
  1820. 						.replace("Comment:", "Comment: <span class='stsh_text_comment'>")
  1821. 						.replace(/\/ /g, "<span class='stsh_white stsh_pad'>/</span> ")
  1822. 						.replace(/ \//g, " <span class='stsh_white stsh_pad'>/</span>")
  1823. 						.replace(/\-\&gt\;/g, "<span class='stsh_white stsh_pad'>-&gt;</span>")
  1824. 						.replace(/\-\-/g, "<span class='stsh_white stsh_pad'>--</span>")
  1825. 						.replace(/\, /g, "<span class='stsh_white stsh_pad'>, </span>")
  1826. 						.replace(/\* /g, "<span class='stsh_white stsh_pad'><br>* </span>")
  1827. 						+ "</span>";
  1828. 				}
  1829. 				
  1830. 				eleComments[i].innerHTML = comment;
  1831. 				
  1832. 				var eleAs = eleComments[i].querySelectorAll("a");
  1833. 				for (var j = 0; j < eleAs.length; j++)
  1834. 				{
  1835. 					var href = eleAs[j].getAttribute("href");
  1836. 					if (href.indexOf("#") > -1)
  1837. 					{
  1838. 						eleAs[j].setAttribute("href", href.replace(/\#/g,"%23"));
  1839. 					}
  1840. 				}
  1841. 				
  1842. 				
  1843. 				//if (comment.indexOf("Comment:") !== 0)
  1844. 				{
  1845. 					// Discussion comment
  1846. 					
  1847. 					var rgxImg = /(\.(jpg|png|gif)|\/ugc\/)/i;
  1848. 					var rgxLongUrl = /^https?\:\/\/translation\.steampowered\.com\/translate\.php\?search_input\=/i;
  1849. 					
  1850. 					var elesA = eleComments[i].querySelectorAll("a");
  1851. 					for (var j = 0; j < elesA.length; j++)
  1852. 					{
  1853. 						var href = elesA[j].getAttribute("href");
  1854. 						if (rgxImg.test(href))
  1855. 						{
  1856. 							if (elesA[j].querySelectorAll("img").length === 0)
  1857. 							{
  1858. 								var ele = document.createElement("img");
  1859. 								ele.classList.add("stsh_comment_img");
  1860. 								ele.setAttribute("src", href);
  1861. 								ele.setAttribute("title", href);
  1862. 								ele.setAttribute("onclick", 
  1863. " \
  1864. if (this.style.minWidth !== '850px') \
  1865. { \
  1866. 	this.style.minWidth = this.naturalWidth < 850 ? this.naturalWidth + 'px' : '850px'; \
  1867. } \
  1868. else \
  1869. { \
  1870. 	this.style.minWidth = '400px'; \
  1871. } \
  1872. ");
  1873. 							
  1874. 								insertAfterElement(ele, elesA[j]);
  1875. 							}
  1876. 						}
  1877. 						else
  1878. 						{
  1879. 							var content = elesA[j].textContent;
  1880. 							if (rgxLongUrl.test(content))
  1881. 							{
  1882. 								elesA[j].textContent = content.replace(rgxLongUrl, "").replace(/\+/g, " ");
  1883. 							}
  1884. 						}
  1885. 					}
  1886. 				}
  1887. 			}
  1888. 		}
  1889. 	
  1890. 		// Restyle token info
  1891. 		{
  1892. 			var divIntro = document.querySelector("#suggestionmain > div.smallcopy");
  1893. 			if (divIntro)
  1894. 			{
  1895. 				var qBranch = getQueryByName("branch");
  1896. 				
  1897. 				var htmlEdit = "You are editing";
  1898. 				var htmlEditReplace = "";
  1899. 				
  1900. 				var htmlToken = "Token <";
  1901. 				var htmlTokenReplace = "Token: <";
  1902. 				
  1903. 				var htmlToken2 = "token-key";
  1904. 				var htmlToken2Replace = "Token";
  1905. 				
  1906. 				var htmlLiveLinkMoved = 
  1907. '\
  1908. <font style="color:red;">This FAQ likely does not exist anymore!</font>\
  1909.  The generated <a href="https://support.steampowered.com/kb_article.php?ref="\
  1910.  target="_blank">live link</a> seems dead or is redirecting.\
  1911. ';
  1912. 				var htmlLiveLinkMovedReplace = 
  1913. '\
  1914. <font style="color:red; cursor: help;"\
  1915.  title="The generated live link seems dead or is redirecting.">\
  1916. This FAQ likely does not exist anymore!</font>\
  1917. ';
  1918. 					
  1919. 				var htmlLiveLinkMovedWithLiveLink = 
  1920. '\
  1921. <font style="color:red;">This FAQ likely does not exist anymore!</font> The generated \
  1922. <a href="https://support.steampowered.com/kb_article.php?ref=\
  1923. ';
  1924. 				var htmlLiveLinkMovedWithLiveLinkReplace = 
  1925. '<a href="https://support.steampowered.com/kb_article.php?ref=';
  1926. 					
  1927. 				var htmlLiveLinkMovedWithLiveLink2 = 
  1928. '" target="_blank">live link</a> seems dead or is redirecting.';
  1929. 				var htmlLiveLinkMovedWithLiveLink2Replace = 
  1930. '\
  1931. " target="_blank">Live link</a> - \
  1932. <font style="color:red; cursor: help;"\
  1933.  title="The generated live link seems dead or is redirecting.">\
  1934. This FAQ likely does not exist anymore!</font>';
  1935. 				
  1936. 				var htmlLiveLink = 'target="_blank">Live link';
  1937. 				var htmlLiveLinkReplace = 'target="_blank">Live link';	// Change in condition
  1938. 				
  1939. 				var htmlFile = " of <";
  1940. 				var htmlFileReplace = 
  1941. ' <br>File: <font class="stsh_info_file stsh_blue" onclick="clickToSelect(this)">' + qBranch + '</font> >> <';
  1942. 				
  1943. 				var htmlFrom = "<br>Added on <";
  1944. 				var htmlFromReplace = " &nbsp;&nbsp;Added: <";
  1945. 				
  1946. 				var htmlUpdated = ">. Updated on <";
  1947. 				var htmlUpdatedReplace = "> &nbsp;&nbsp;Updated: <";
  1948. 				
  1949. 				var htmlUpdated2 = "<br> Updated on <";
  1950. 				var htmlUpdated2Replace = " &nbsp;&nbsp;Updated: <";
  1951. 				
  1952. 				var htmlSugg = 'You have  <font style="';
  1953. 				var htmlSuggReplace = 
  1954. 'You have <font title="Enter and submit new suggestions below.  Do not alter HTML tags or variables." style="cursor: help; ';
  1955. 				
  1956. 				var htmlIntro = 
  1957. "Enter and submit new suggestions below. Do not alter HTML tags or variables.";
  1958. 				var htmlIntroReplace =
  1959. ' \
  1960. &nbsp;&nbsp;\
  1961. <a href="mailto:translationserver@valvesoftware.com" \
  1962.  title="Please report token issues by posting a TOKEN DISCUSSION \r\nor email to translationserver@valvesoftware.com" \
  1963.  style="cursor: help; ">\
  1964. <font style="color:white;">Report Tokens</font></a>\
  1965. ';
  1966. 				
  1967. 				var htmlContact = 
  1968. '\
  1969. <br>Please report token issues by posting a <font style="color:#a4b23c;">TOKEN DISCUSSION</font> tagged\
  1970. <input style="border:none; color:#FFFFFF; background-color:#111111; cursor:pointer;"\
  1971.  onclick="tosts(\'truncated\')" value="[sts_admin][truncated]" type="button">or\
  1972. <input style="border:none; color:#FFFFFF; background-color:#111111; cursor:pointer;"\
  1973.  onclick="tosts(\'typo\');" value="[sts_admin][typo]" type="button">or\
  1974. <input style="border:none; color:#FFFFFF; background-color:#111111; cursor:pointer;"\
  1975.  onclick="tosts(\'unlockpls\')" value="[sts_admin][unlockpls]" type="button">or by \
  1976. <a href="mailto:translationserver@valvesoftware.com">email</a>.\
  1977. ';
  1978. 				var htmlContactReplace = '';
  1979. 				
  1980. 				var htmlContact2 = 
  1981. '\
  1982. <br>Please report token issues by posting a <font style="color:#a4b23c;">TOKEN DISCUSSION</font> tagged\
  1983. <input style="border:none; color:#FFFFFF; background-color:#111111; cursor:pointer;" type="button"\
  1984.  onclick="tosts(\'truncated\')" value="[sts_admin][truncated]">or\
  1985. <input style="border:none; color:#FFFFFF; background-color:#111111; cursor:pointer;" type="button"\
  1986.  onclick="tosts(\'typo\');" value="[sts_admin][typo]">or\
  1987. <input style="border:none; color:#FFFFFF; background-color:#111111; cursor:pointer;" type="button"\
  1988.  onclick="tosts(\'unlockpls\')" value="[sts_admin][unlockpls]">or by \
  1989. <a href="mailto:translationserver@valvesoftware.com">email</a>.\
  1990. ';
  1991. 				var htmlContact2Replace = '';
  1992. 				
  1993. 				var rgxTestEmail = 
  1994. /<br><font style="color:#a4b23c;">This is part of email message .+ - you can test it by following this link:<\/font> /i;
  1995. 				var htmlTestEmailReplace = '';
  1996. 				
  1997. 				var rgxTestEmail2 = 
  1998. /<a href="test_email\.php\?filename=.+\&amp;lang=[a-z]+" target="_blank">Test<\/a>/i;
  1999. 				var htmlTestEmail2Replace = '';
  2000. 				
  2001. 				var htmlsTestEmail = rgxTestEmail.exec(divIntro.innerHTML);
  2002. 				if (htmlsTestEmail)
  2003. 				{
  2004. 					var htmlTestEmail = htmlsTestEmail[0]
  2005. 						.replace('<br><font style="color:#a4b23c;">This is part of email message ', "")
  2006. 						.replace(' - you can test it by following this link:</font> ', "");
  2007. 					
  2008. 					var htmlTestEmail2 = "";
  2009. 					
  2010. 					var htmlsTestEmail2 = rgxTestEmail2.exec(divIntro.innerHTML);
  2011. 					if (htmlsTestEmail2)
  2012. 					{
  2013. 						htmlTestEmail2 = htmlsTestEmail2[0].replace('<a href="', "")
  2014. 							.replace('" target="_blank">Test</a>', "");
  2015. 					}
  2016. 					
  2017. 					htmlIntroReplace += ' &nbsp;&nbsp;Test: <a href="' + htmlTestEmail2 
  2018. 						+ '"  title="You can test email by following this link." target="_blank">' 
  2019. 						+ htmlTestEmail + '</a>';
  2020. 				}
  2021. 				
  2022. 				if (key !== "")
  2023. 				{
  2024. 					htmlIntroReplace += 
  2025. ' \
  2026. <br>Share: \
  2027. <font class="stsh_token_share stsh_green stsh_truncate" onclick="clickToSelect(this)">\
  2028. https://translation.steampowered.com/translate.php?search_input=' + key + '\
  2029. </font> <br>\
  2030. ';
  2031. 				}
  2032. 				
  2033. 				var urlLiveLink = "https://support.steampowered.com/kb_article.php?ref=";
  2034. 				var eleLiveLink = divIntro.querySelector("a[href^='" + urlLiveLink + "']");
  2035. 				if (eleLiveLink)
  2036. 				{
  2037. 					htmlLiveLinkReplace = 'target="_blank" title="Live link">' 
  2038. 						+ eleLiveLink.getAttribute("href").replace(urlLiveLink, "");
  2039. 				}
  2040. 				
  2041. 				var isComplete = (divIntro.innerHTML.indexOf(htmlContact) > -1);
  2042. 				
  2043. 				divIntro.innerHTML = divIntro.innerHTML
  2044. 					.replace(htmlEdit, htmlEditReplace)
  2045. 					.replace(htmlToken, htmlTokenReplace)
  2046. 					.replace(htmlToken2, htmlToken2Replace)
  2047. 					.replace(htmlLiveLinkMoved, htmlLiveLinkMovedReplace)
  2048. 					.replace(htmlLiveLinkMovedWithLiveLink, htmlLiveLinkMovedWithLiveLinkReplace)
  2049. 					.replace(htmlLiveLinkMovedWithLiveLink2, htmlLiveLinkMovedWithLiveLink2Replace)
  2050. 					.replace(htmlLiveLink, htmlLiveLinkReplace)
  2051. 					.replace(htmlFile, htmlFileReplace)
  2052. 					.replace(htmlFrom, htmlFromReplace)
  2053. 					.replace(htmlUpdated, htmlUpdatedReplace)
  2054. 					.replace(htmlUpdated2, htmlUpdated2Replace)
  2055. 					.replace(htmlSugg, htmlSuggReplace)
  2056. 					.replace(htmlIntro, htmlIntroReplace)
  2057. 					.replace(htmlContact, htmlContactReplace)
  2058. 					.replace(htmlContact2, htmlContact2Replace)
  2059. 					.replace(rgxTestEmail, htmlTestEmailReplace)
  2060. 					.replace(rgxTestEmail2, htmlTestEmail2Replace)
  2061. 					.trim();
  2062. 					
  2063. 				var eleToken = document.querySelector("a[href^='Us_And_Them.php?']");
  2064. 				if (eleToken)
  2065. 				{
  2066. 					if (eleToken.textContent !== "Token")
  2067. 					{
  2068. 						eleToken.classList.add("stsh_token_name");
  2069. 						eleToken.classList.add("stsh_truncate");
  2070. 					}
  2071. 				}
  2072. 				
  2073. 				if (!isComplete)
  2074. 				{
  2075. 					var stsh_introReplace_start = new Date();
  2076. 					var stsh_introReplace_itv = setIntervalCustom(function(params)
  2077. 					{
  2078. 						var divIntro = params[0];
  2079. 						var htmlContact = params[1];
  2080. 						var htmlContactReplace = params[2];
  2081. 						
  2082. 						var stsh_introReplace_isEnd = false;
  2083. 						var stsh_introReplace_cur = new Date();
  2084. 						
  2085. 						if (divIntro.innerHTML.indexOf(htmlContact) > -1)
  2086. 						{
  2087. 							divIntro.innerHTML = divIntro.innerHTML
  2088. 								.replace(htmlContact, htmlContactReplace);
  2089. 								
  2090. 							stsh_introReplace_isEnd = true;
  2091. 						}
  2092. 						
  2093. 						if (stsh_introReplace_isEnd || stsh_introReplace_cur - stsh_introReplace_start > 10000)
  2094. 						{
  2095. 							clearInterval(stsh_introReplace_itv);
  2096. 						}
  2097. 					}, 100, [divIntro, htmlContact, htmlContactReplace]);
  2098. 				}
  2099. 			}
  2100. 		}
  2101. 		
  2102. 		// Restyle token discussion
  2103. 		{
  2104. 			var eleDiscuss = document.querySelector("a[name='tokendiscussion']");
  2105. 			if (eleDiscuss)
  2106. 			{
  2107. 				var htmlHeader = "TOKEN DISCUSSION (keep global comments English please!):";
  2108. 				var htmlHeaderReplace = "TOKEN DISCUSSION:";
  2109. 				
  2110. 				var eleHeader = eleDiscuss.nextElementSibling;
  2111. 				if (eleHeader)
  2112. 				{
  2113. 					eleHeader.setAttribute("title", "Keep global comments English please!");
  2114. 					eleHeader.style.cursor = "help";
  2115. 					eleHeader.textContent = eleHeader.textContent.replace(htmlHeader, htmlHeaderReplace);
  2116. 				}
  2117. 				
  2118. 				var eleParent = eleDiscuss.parentElement;
  2119. 				eleParent.classList.add("stsh_discussion_header");
  2120. 				
  2121. 				if (eleParent.nextElementSibling)
  2122. 				{
  2123. 					eleParent.nextElementSibling.classList.add("stsh_discussion_section");
  2124. 				}
  2125. 				
  2126. 				var elesInput = document.querySelectorAll("input[value='[stsadmin]']");
  2127. 				if (elesInput.length === 2)
  2128. 				{
  2129. 					elesInput[1].parentElement.removeChild(elesInput[1]);
  2130. 				}
  2131. 				
  2132. 				var eleSpan = document.createElement("span");
  2133. 				eleSpan.innerHTML = 
  2134. '\
  2135. <input style="border:none; color:#888888; background-color:#111111; cursor:pointer;"\
  2136.  onclick="tosts(\'truncated\')" value="[sts_admin][truncated]" type="button">\
  2137. <input style="border:none; color:#888888; background-color:#111111; cursor:pointer;"\
  2138.  onclick="tosts(\'typo\');" value="[sts_admin][typo]" type="button">\
  2139. <input style="border:none; color:#888888; background-color:#111111; cursor:pointer;"\
  2140.  onclick="tosts(\'unlockpls\')" value="[sts_admin][unlockpls]" type="button">\
  2141. ';
  2142. 				
  2143. 				eleParent.appendChild(eleSpan);
  2144. 				
  2145. 				var eleCopy = document.querySelector("#autocopy");
  2146. 				if (eleCopy)
  2147. 				{
  2148. 					eleCopy.previousElementSibling.classList.add("stsh_autoCopy_header");
  2149. 				}
  2150. 					
  2151. 				var eleFriendDiscuss = document.querySelector(".friend_block_discussions");
  2152. 				if (eleFriendDiscuss)
  2153. 				{
  2154. 					if (eleCopy)
  2155. 					{
  2156. 						insertBeforeElement(document.createElement("br"), eleCopy.previousElementSibling);
  2157. 					}
  2158. 					
  2159. 					var eleTableDiscuss = eleFriendDiscuss.parentElement.parentElement.parentElement.parentElement;
  2160. 					if (eleTableDiscuss.tagName === "TABLE")
  2161. 					{
  2162. 						eleTableDiscuss.classList.add("stsh_discussion_table");
  2163. 						
  2164. 						//insertBeforeElement(eleTableDiscuss, eleTableDiscuss.previousElementSibling.previousElementSibling);
  2165. 					}
  2166. 				}
  2167. 			}
  2168. 		}
  2169. 		
  2170. 		// Move up glossary
  2171. 		{
  2172. 			var eleFriendDiscuss = document.querySelector(".friend_block_discussions");
  2173. 			if (!eleFriendDiscuss)
  2174. 			{
  2175. 				var eleDiscuss = document.querySelector(".stsh_discussion_header");
  2176. 				if (eleDiscuss)
  2177. 				{
  2178. 					var eleGlosGroup = document.createElement("div");
  2179. 					eleGlosGroup.classList.add("stsh_glossary_group");
  2180. 					
  2181. 					insertBeforeElement(eleGlosGroup, eleDiscuss);
  2182. 					
  2183. 					var eleHead = document.querySelector(".stsh_glossary_header");
  2184. 					if (eleHead)
  2185. 					{
  2186. 						if (!(eleHead.childNodes.length === 5 
  2187. 							&& eleHead.childNodes[4].nodeType === document.TEXT_NODE
  2188. 							&& eleHead.childNodes[4].nodeValue === "No results"))
  2189. 						{
  2190. 							eleGlosGroup.appendChild(document.createElement("br"));
  2191. 							
  2192. 							if (eleHead.tagName === "TABLE")
  2193. 							{
  2194. 								eleGlosGroup.appendChild(eleHead.previousElementSibling);
  2195. 							}
  2196. 							else
  2197. 							{
  2198. 								insertAfterElement(document.createElement("br"), eleHead);
  2199. 							}
  2200. 							
  2201. 							eleGlosGroup.appendChild(eleHead);
  2202. 							
  2203. 							var eleCopy = document.querySelector(".stsh_autoCopy_header");
  2204. 							if (eleCopy)
  2205. 							{
  2206. 								insertBeforeElement(document.createElement("br"), eleCopy);
  2207. 							}
  2208. 						}
  2209. 					}
  2210. 				}
  2211. 			}
  2212. 		}
  2213. 	
  2214. 		// Add shortcut keys
  2215. 		{
  2216. 			var elesNext = document.querySelectorAll(".suggestion_signature input[value~='Next']");
  2217. 			for (var i = 0; i < elesNext.length; i++)
  2218. 			{
  2219. 				elesNext[i].value = "Next";
  2220. 			}
  2221. 			
  2222. 			var elesForm = document.querySelectorAll(".lbAction");
  2223. 			for (var i = 0; i < elesForm.length; i++)
  2224. 			{
  2225. 				var eleForm = elesForm[i];
  2226. 				var eleSubmit = eleForm.querySelector("input[type=submit]");
  2227. 				if (eleSubmit)
  2228. 				{
  2229. 					addKeyCtrlEnter(eleForm, eleSubmit);
  2230. 				}
  2231. 			}
  2232. 			
  2233. 			var elesInputApprove = document.querySelectorAll(".suggestion_signature input[value~='APPROVE']");
  2234. 			if (elesInputApprove.length > 0)
  2235. 			{
  2236. 				var eleBind = elesInputApprove[0];
  2237. 				addKeyAlt(document, eleBind, 219);				// [
  2238. 				addKeyAlt(document, eleBind, "BracketLeft");	// [
  2239. 				addKeyAlt(document, eleBind, 79);				// O
  2240. 				addKeyAlt(document, eleBind, 65);				// A
  2241. 				disableAfterClick(eleBind);
  2242. 			}
  2243. 			
  2244. 			var eleInputApproveNext = document.querySelector(".suggestion_signature input[value~='Next']");
  2245. 			if (eleInputApproveNext)
  2246. 			{				
  2247. 				var eleBind = null;
  2248. 				
  2249. 				if (!eleInputApproveNext.disabled)
  2250. 				{
  2251. 					// Can go next
  2252. 					
  2253. 					if (elesInputApprove.length === 1)
  2254. 					{
  2255. 						// Go next if only 1 suggestion
  2256. 						eleBind = eleInputApproveNext;
  2257. 					}
  2258. 					else if (elesInputApprove.length > 1)
  2259. 					{
  2260. 						// Only approve if more than 1 suggestion
  2261. 						eleBind = elesInputApprove[0];
  2262. 					}
  2263. 				}
  2264. 				else
  2265. 				{
  2266. 					// Can't go next
  2267. 					
  2268. 					if (elesInputApprove.length > 0)
  2269. 					{
  2270. 						var eleBind = elesInputApprove[0];
  2271. 					}
  2272. 				}
  2273. 					
  2274. 				if (eleBind)
  2275. 				{
  2276. 					addKeyAlt(document, eleBind, 221);				// ]
  2277. 					addKeyAlt(document, eleBind, "BracketRight");	// ]
  2278. 					addKeyAlt(document, eleBind, 80);				// P
  2279. 					addKeyAlt(document, eleBind, 83);				// S
  2280. 					addKeyCtrl(document, eleBind, 220);				// Backslash
  2281. 					addKeyCtrl(document, eleBind, "Backslash");		// Backslash
  2282. 					addKeyCtrl(document, eleBind, 45, "Ins", 1|2);	// INS
  2283. 					disableAfterClick(eleBind);
  2284. 				}
  2285. 			}
  2286. 			
  2287. 			var eleInputDecline = document.querySelector(".suggestion_signature input[value~='DECLINE']");
  2288. 			if (eleInputDecline)
  2289. 			{
  2290. 				var eleBind = eleInputDecline;
  2291. 				addKeyCtrl(document, eleBind, 46, "Del", 1|2);		// DEL
  2292. 				disableAfterClick(eleBind);
  2293. 				
  2294. 				var eleInpueDeclineNext = eleInputDecline.nextElementSibling;
  2295. 				if (eleInpueDeclineNext && eleInpueDeclineNext.value.indexOf("Next") > -1 
  2296. 					&& !eleInpueDeclineNext.disabled)
  2297. 				{
  2298. 					var eleBind = eleInpueDeclineNext;
  2299. 					addKeyCtrlShift(document, eleBind, 46, "Del", 2);		// DEL
  2300. 					disableAfterClick(eleBind);
  2301. 				}
  2302. 			}
  2303. 			else
  2304. 			{
  2305. 				var eleReconsider = document.querySelector(".suggestion_status_approved > a, .suggestion_status_declined > a");
  2306. 				if (eleReconsider)
  2307. 				{
  2308. 					if (eleReconsider.parentElement.classList.contains("suggestion_status_approved"))
  2309. 					{						
  2310. 						var eleBind = eleReconsider;
  2311. 						addKeyCtrl(document, eleBind, 46, "Del", 2|16);		// DEL
  2312. 					}
  2313. 					else
  2314. 					{
  2315. 						if (!eleReconsider.parentElement.parentElement
  2316. 							.querySelector(".suggestion_signature .lbAction[name^='mymodcomment']"))
  2317. 						{							
  2318. 							var eleBind = eleReconsider;
  2319. 							addKeyAlt(document, eleBind, 221);					// ]
  2320. 							addKeyAlt(document, eleBind, "BracketRight");		// ]
  2321. 							addKeyAlt(document, eleBind, 80);					// P
  2322. 							addKeyAlt(document, eleBind, 83);					// S
  2323. 							addKeyCtrl(document, eleBind, 220);					// Backslash
  2324. 							addKeyCtrl(document, eleBind, "Backslash");			// Backslash
  2325. 							addKeyCtrl(document, eleBind, 45, "Ins", 2|16);		// INS
  2326. 						}
  2327. 					}
  2328. 				}
  2329. 			}
  2330. 			
  2331. 			var elesTextRemoveComment = document.querySelectorAll(".stsh_text_removeComment");
  2332. 			if (elesTextRemoveComment.length > 0)
  2333. 			{
  2334. 				// Remove last comment
  2335. 				var i = elesTextRemoveComment.length - 1;
  2336.  
  2337. 				var eleBind = elesTextRemoveComment[i];
  2338. 				addKeyCtrl(document, eleBind, 8, "Bksp", 2|16);				// Backspace
  2339. 			}
  2340. 			
  2341. 			var inputPrev = document.querySelector("#suggestions_nav > input[value^='Prev']");
  2342. 			if (inputPrev)
  2343. 			{
  2344. 				var eleBind = inputPrev;
  2345. 				addKeyCtrl(document, eleBind, 219, "[", 1|2);		// [
  2346. 				addKeyCtrl(document, eleBind, "BracketLeft");		// [
  2347. 				disableAfterClick(eleBind);
  2348. 			}
  2349. 			
  2350. 			var inputNext = document.querySelector("#suggestions_nav > input[value~='Next']");
  2351. 			if (inputNext)
  2352. 			{
  2353. 				var eleBind = inputNext;
  2354. 				addKeyCtrl(document, eleBind, 221, "]", 1|2);		// ]
  2355. 				addKeyCtrl(document, eleBind, "BracketRight");		// ]
  2356. 				disableAfterClick(eleBind);
  2357. 			}
  2358. 		}
  2359. 	
  2360. 		// Check special chars
  2361. 		{
  2362. 			var h1s = document.querySelectorAll(".progress h1");
  2363. 			if (h1s.length === 2)
  2364. 			{
  2365. 				var h1Org = h1s[0];
  2366. 				var h1Trn = h1s[1];
  2367. 				
  2368. 				var tdOrg = eleTextOrg;
  2369. 				var tdTrn = eleTextTrn;
  2370. 				
  2371. 				if (tdOrg && tdTrn)
  2372. 				{
  2373. 					var strOrg = trimSpace(tdOrg.textContent);
  2374. 					var strTrn = trimSpace(tdTrn.textContent);
  2375. 					
  2376. 					var statusTrnArr = checkSpecialCharMatched(strOrg, strTrn);
  2377. 					var statusTrnMatched = statusTrnArr[0];
  2378. 					var spOrg = statusTrnArr[1];
  2379. 					var spTrn = statusTrnArr[2];
  2380. 					
  2381. 					if (spOrg > 0)
  2382. 					{
  2383. 						var spanSpOrg = document.createElement("span");
  2384. 						spanSpOrg.id = "stsh_spanSpOrg";
  2385. 						spanSpOrg.classList.add("stsh_blue");
  2386. 						spanSpOrg.innerHTML = " SpecialChar: " + spOrg;
  2387. 						h1Org.parentElement.appendChild(spanSpOrg);
  2388. 					
  2389. 						// Check chars in translated
  2390. 						if (strTrn !== "")
  2391. 						{
  2392. 							var spanSpTrn = document.createElement("span");
  2393. 							spanSpTrn.id = "stsh_spanSpTrn";
  2394. 							
  2395. 							if (statusTrnMatched === 0)
  2396. 							{
  2397. 								spanSpTrn.classList.add("stsh_green");
  2398. 							}
  2399. 							else
  2400. 							{
  2401. 								spanSpTrn.classList.add("stsh_red");
  2402. 							}
  2403. 							
  2404. 							var outputTrn = " SpecialChar: " + spTrn;
  2405. 							if (statusTrnMatched === 0)
  2406. 							{
  2407. 								outputTrn += " (Matched)";
  2408. 							}
  2409. 							else if (statusTrnMatched === 1)
  2410. 							{
  2411. 								outputTrn += " (Order not matched)";
  2412. 							}
  2413. 							else
  2414. 							{
  2415. 								outputTrn += " (Not matched)";
  2416. 							}
  2417. 							
  2418. 							spanSpTrn.innerHTML = outputTrn;
  2419. 							h1Trn.parentElement.appendChild(spanSpTrn);
  2420. 						}
  2421. 						
  2422. 						// Check chars in suggested
  2423. 						var divSugs = document.querySelectorAll(".suggestion_text");
  2424. 						for (var i = 0; i < divSugs.length; i++)
  2425. 						{
  2426. 							var divSug = divSugs[i];
  2427. 							var strSug = trimSpace(divSug.textContent);
  2428. 						
  2429. 							var statusSugArr = checkSpecialCharMatched(strOrg, strSug);
  2430. 							var statusSugMatched = statusSugArr[0];
  2431. 							var spSug = statusSugArr[2];
  2432. 							
  2433. 							
  2434. 							var spanSpSug = document.createElement("span");
  2435. 							spanSpSug.classList.add("stsh_spanSpSug");
  2436. 							
  2437. 							if (statusSugMatched === 0)
  2438. 							{
  2439. 								spanSpSug.classList.add("stsh_green");
  2440. 							}
  2441. 							else
  2442. 							{
  2443. 								spanSpSug.classList.add("stsh_red");
  2444. 							}
  2445. 							
  2446. 							var outputSug = " SpecialChar: " + spSug;
  2447. 							if (statusSugMatched === 0)
  2448. 							{
  2449. 								outputSug += " (Matched)";
  2450. 							}
  2451. 							else if (statusSugMatched === 1)
  2452. 							{
  2453. 								outputSug += " (Order not matched)";
  2454. 							}
  2455. 							else
  2456. 							{
  2457. 								outputSug += " (Not matched)";
  2458. 							}
  2459. 							outputSug += " <br/><br/> ";
  2460. 							
  2461. 							spanSpSug.innerHTML = outputSug;
  2462. 							
  2463. 							divSug.insertBefore(spanSpSug, divSug.firstChild);
  2464. 						}
  2465. 					
  2466. 					}
  2467. 				}
  2468. 			}
  2469. 			
  2470. 		}
  2471. 	
  2472. 		// Trim string in same token
  2473. 		{
  2474. 			var p = document.querySelector("#suggestionmain > div:nth-child(5) > p:nth-child(4)");
  2475. 			if (p)
  2476. 			{
  2477. 				for (var i = 0; i < p.childNodes.length; i++)
  2478. 				{
  2479. 					var child = p.childNodes[i];
  2480. 					if (child.nodeName === "#text")
  2481. 					{
  2482. 						child.nodeValue = child.nodeValue.trim();
  2483. 					}
  2484. 				}
  2485. 			}
  2486. 		}
  2487. 		
  2488. 		// Display newlines
  2489. 		// Display specialChars
  2490. 		// Display HTML tags
  2491. 		{			
  2492. 			if (eleTextOrg && eleTextTrn)
  2493. 			{
  2494. 				var htmlOrg = eleTextOrg.innerHTML.trim();
  2495. 				var htmlTrn = eleTextTrn.innerHTML.trim();
  2496. 				
  2497. 				// Display newlines
  2498. 				if ((htmlOrg.indexOf("\n") > -1 || htmlOrg.indexOf("\\n") > -1
  2499. 					|| htmlTrn.indexOf("\n") > -1 || htmlTrn.indexOf("\\n") > -1)
  2500. 					/*&& htmlOrg.indexOf("<br") < 0
  2501. 					&& htmlOrg.indexOf("<p") < 0 && htmlOrg.indexOf("<div") < 0 && htmlOrg.indexOf("<li") < 0*/)
  2502. 				{
  2503. 					var h2SugHeader = document.querySelector("#suggestionmain > div > h2");
  2504. 					if (h2SugHeader)
  2505. 					{
  2506. 						var btn = document.createElement("input");
  2507. 						btn.id = "stsh_btn_displayNewlines";
  2508. 						btn.setAttribute("class", "stsh_btn_right");
  2509. 						btn.setAttribute("type", "button");
  2510. 						btn.setAttribute("value", "Display Newlines");
  2511. 						
  2512. 						h2SugHeader.appendChild(btn);
  2513. 						
  2514. 						function displayNewlines(ele)
  2515. 						{
  2516. 							if (ele)
  2517. 							{
  2518. 								ele.innerHTML = ele.innerHTML.trim()
  2519. 									.replace(/\n/g, "\n<br>")
  2520. 									.replace(/\\n/g, ' <span class="stsh_grey">\\n</span><br>')
  2521. 									.replace(/\\r \\n/g, ' <span class="stsh_grey">\\r\\n</span><br>')
  2522. 									.replace(/\<br\>[\s]+/g, "<br>&nbsp;");
  2523. 							}
  2524. 						}
  2525. 				
  2526. 						btn.addEventListener("click", function(e)
  2527. 						{
  2528. 							e.target.disabled = true;
  2529. 							
  2530. 							var eleBtnHtmlTags = document.querySelector("#stsh_btn_displayHtmlTags");
  2531. 							if (eleBtnHtmlTags)
  2532. 							{
  2533. 								eleBtnHtmlTags.disabled = true;
  2534. 							}
  2535. 							
  2536. 							var tdOrg = document.querySelector(".stsh_text_org");
  2537. 							var tdTrn = document.querySelector(".stsh_text_trn");
  2538. 							displayNewlines(tdOrg);
  2539. 							displayNewlines(tdTrn);
  2540. 								
  2541. 							var divSugs = document.querySelectorAll(".suggestion_text");
  2542. 							for (var i = 0; i < divSugs.length; i++)
  2543. 							{
  2544. 								var divSug = divSugs[i];
  2545. 								displayNewlines(divSug);
  2546. 							}
  2547. 							
  2548. 							var textarea = document.querySelector("#suggestion_value_new");
  2549. 							if (textarea)
  2550. 							{
  2551. 								textarea.focus();
  2552. 							}
  2553. 						});
  2554. 					}
  2555. 				}
  2556. 				
  2557. 				// Display specialChars
  2558. 				if (hasSpecialChar(htmlOrg) || hasSpecialChar(htmlTrn))
  2559. 				{
  2560. 					var h2SugHeader = document.querySelector("#suggestionmain > div > h2");
  2561. 					if (h2SugHeader)
  2562. 					{
  2563. 						var btn = document.createElement("input");
  2564. 						btn.id = "stsh_btn_displaySpecialChars";
  2565. 						btn.setAttribute("class", "stsh_btn_right");
  2566. 						btn.setAttribute("type", "button");
  2567. 						btn.setAttribute("value", "Display SpecialChars");
  2568. 						
  2569. 						h2SugHeader.appendChild(btn);
  2570. 						
  2571. 						function replaceSpecialChars(str, unicodeNumber)
  2572. 						{
  2573. 							var rgx = new RegExp("\\u" + padZeroHex(unicodeNumber, 4), "g");
  2574. 							return str.replace(rgx, '<span class="stsh_grey">[' + unicodeNumber + ']</span>');
  2575. 						}
  2576. 						
  2577. 						function displaySpecialChars(ele)
  2578. 						{
  2579. 							if (ele)
  2580. 							{
  2581. 								var strInner = ele.innerHTML.trim();
  2582. 								
  2583. 								for (var i = 0; i < 32; i++)
  2584. 								{
  2585. 									if (hasSpecialChar(strInner))
  2586. 									{
  2587. 										if (isSpecialChar(i))
  2588. 										{
  2589. 											strInner = replaceSpecialChars(strInner, i);
  2590. 										}
  2591. 									}
  2592. 									else
  2593. 									{
  2594. 										break;
  2595. 									}
  2596. 								}
  2597. 								
  2598. 								ele.innerHTML = strInner;
  2599. 							}
  2600. 						}
  2601. 				
  2602. 						btn.addEventListener("click", function(e)
  2603. 						{
  2604. 							e.target.disabled = true;
  2605. 							
  2606. 							var tdOrg = document.querySelector(".stsh_text_org");
  2607. 							var tdTrn = document.querySelector(".stsh_text_trn");
  2608. 							displaySpecialChars(tdOrg);
  2609. 							displaySpecialChars(tdTrn);
  2610. 								
  2611. 							var divSugs = document.querySelectorAll(".suggestion_text");
  2612. 							for (var i = 0; i < divSugs.length; i++)
  2613. 							{
  2614. 								var divSug = divSugs[i];
  2615. 								displaySpecialChars(divSug);
  2616. 							}
  2617. 							
  2618. 							var textarea = document.querySelector("#suggestion_value_new");
  2619. 							if (textarea)
  2620. 							{
  2621. 								textarea.focus();
  2622. 							}
  2623. 						});
  2624. 					}
  2625. 				}
  2626. 			
  2627. 				// Display HTML tags
  2628. 				if (htmlOrg.indexOf("<") > -1 
  2629. 					|| (htmlTrn.indexOf("<") > -1 && !eleTextTrn.querySelector("#stsh_moveSuggestionBox"))
  2630. 					|| htmlOrg.indexOf("[/") > -1)
  2631. 				{
  2632. 					var h2SugHeader = document.querySelector("#suggestionmain > div > h2");
  2633. 					if (h2SugHeader)
  2634. 					{
  2635. 						var btn = document.createElement("input");
  2636. 						btn.id = "stsh_btn_displayHtmlTags";
  2637. 						btn.setAttribute("class", "stsh_btn_right");
  2638. 						btn.setAttribute("type", "button");
  2639. 						btn.setAttribute("value", "Display HTML tags");
  2640. 						btn.setAttribute("title"
  2641. 							, "Some closing tags and attributes are autogenerated by web browser. \nPlease use with care!");
  2642. 						
  2643. 						h2SugHeader.appendChild(btn);
  2644. 						
  2645. 						function displayHtmlTags(ele)
  2646. 						{
  2647. 							if (ele)
  2648. 							{
  2649. 								var isSkip = false;
  2650. 								var isBb = (ele.textContent.indexOf("[/") > -1);
  2651. 								
  2652. 								if (ele.classList.contains("stsh_text_org"))
  2653. 								{
  2654. 									if (ele.querySelector("span[style='color:#ff0000;']"))
  2655. 									{
  2656. 										ele.innerHTML = ele.innerHTML.replace(/<[\/]?span[^>]*>/ig, "");
  2657. 									}
  2658. 									if (ele.querySelector("font[style='BACKGROUND-COLOR: blue']"))
  2659. 									{
  2660. 										ele.innerHTML = ele.innerHTML.replace(/<[\/]?font[^>]*>/ig, "");
  2661. 									}
  2662. 								}
  2663. 								else if (ele.classList.contains("stsh_text_trn"))
  2664. 								{
  2665. 									if (ele.querySelector("#stsh_moveSuggestionBox"))
  2666. 									{
  2667. 										isSkip = true;
  2668. 									}
  2669. 									else if (ele.querySelector("span[style='color:#ff0000;']"))
  2670. 									{
  2671. 										ele.innerHTML = ele.innerHTML.replace(/<[\/]?span[^>]*>/ig, "");
  2672. 									}
  2673. 								}
  2674. 								else if (ele.classList.contains("suggestion_text"))
  2675. 								{
  2676. 									if (ele.querySelector("span[style='color:red;']"))
  2677. 									{
  2678. 										ele.innerHTML = ele.innerHTML.replace(/<[\/]?span[^>]*>/ig, "");
  2679. 									}
  2680. 									if (ele.querySelector("font[face='Times New Roman']"))
  2681. 									{
  2682. 										ele.innerHTML = ele.innerHTML.replace(/<[\/]?font[^>]*>/ig, "");
  2683. 									}
  2684. 								}
  2685. 								
  2686. 								if (!isSkip)
  2687. 								{
  2688. 									ele.textContent = ele.innerHTML.trim();
  2689. 									var newHtml = ele.innerHTML;
  2690. 									if (!isBb)
  2691. 									{
  2692. 										newHtml = newHtml
  2693. 											.replace(/&amp;/ig, "&")
  2694. 											.replace(/\n/ig, "\n<br>")
  2695. 											.replace(/&lt;/ig, '<span class="stsh_grey">&lt;')
  2696. 											.replace(/=""&gt;/ig, "&gt;")
  2697. 											.replace(/&gt;/ig, "&gt;</span>")
  2698. 											.replace(/br&gt;/ig, "br&gt;<br>")
  2699. 											.replace(/&lt;li/ig, "<br>&lt;li");
  2700. 									}
  2701. 									else
  2702. 									{
  2703. 										newHtml = newHtml
  2704. 											.replace(/\n/ig, "\n<br>")
  2705. 											.replace(/\[/ig, '<span class="stsh_grey">[')
  2706. 											.replace(/\]/ig, "]</span>");
  2707. 									}
  2708. 									ele.innerHTML = newHtml;
  2709. 								}
  2710. 							}
  2711. 						}
  2712. 				
  2713. 						btn.addEventListener("click", function(e)
  2714. 						{
  2715. 							e.target.disabled = true;
  2716. 							
  2717. 							var eleBtnNewlines = document.querySelector("#stsh_btn_displayNewlines");
  2718. 							if (eleBtnNewlines)
  2719. 							{
  2720. 								eleBtnNewlines.disabled = true;
  2721. 							}
  2722. 							
  2723. 							var tdOrg = document.querySelector(".stsh_text_org");
  2724. 							var tdTrn = document.querySelector(".stsh_text_trn");
  2725. 							displayHtmlTags(tdOrg);
  2726. 							displayHtmlTags(tdTrn);
  2727. 								
  2728. 							var divSugs = document.querySelectorAll(".suggestion_text");
  2729. 							for (var i = 0; i < divSugs.length; i++)
  2730. 							{
  2731. 								var divSug = divSugs[i];
  2732. 								displayHtmlTags(divSug);
  2733. 							}
  2734. 							
  2735. 							var textarea = document.querySelector("#suggestion_value_new");
  2736. 							if (textarea)
  2737. 							{
  2738. 								textarea.focus();
  2739. 							}
  2740. 						});
  2741. 					}
  2742. 				}
  2743. 			}
  2744. 		}
  2745. 		
  2746. 		// Open comment when decline
  2747. 		// Paste last comment
  2748. 		{
  2749. 			var countComment = 0;
  2750. 			var elesComment = [];
  2751. 			
  2752. 			var countSug = document.querySelectorAll(".suggestions_list .suggestion").length;
  2753. 			if (countSug > 0)
  2754. 			{
  2755. 				var textOrg = "";
  2756. 				if (eleTextOrg)
  2757. 				{
  2758. 					textOrg = trimSpace(eleTextOrg.innerHTML).substr(0, 1000).toLowerCase();
  2759. 				}
  2760. 				
  2761. 				var isSameTextOrg = textOrg === GM_getValue("textLastOrg_Comment", "");
  2762. 				var textLastCur = GM_getValue("textLastCur_Comment", "");
  2763. 				var isSetComment = false;
  2764. 					
  2765. 				var countSugDeclined = document.querySelectorAll(
  2766. 					".suggestions_list span[class='suggestion_status_declined']").length;
  2767. 				
  2768. 				if (countSug !== countSugDeclined)
  2769. 				{
  2770. 					var elesSugCheck = document.querySelectorAll(".suggestions_list span[class^='suggestion_status_']");
  2771. 					if (countSug === elesSugCheck.length)
  2772. 					{
  2773. 						var eleSugDeclined = document.querySelector(".suggestions_list span[class='suggestion_status_declined']");
  2774. 						if (eleSugDeclined && eleSugDeclined === elesSugCheck[0] && eleSugDeclined.querySelector("a"))
  2775. 						{
  2776. 							countSugDeclined = countSug;
  2777. 						}
  2778. 					}
  2779. 				}
  2780. 				
  2781. 				if (countSug === countSugDeclined)
  2782. 				{
  2783. 					var elesSugA = document.querySelectorAll(".suggestions_list span[class^='suggestion_status_'] a");
  2784. 					for (var i = 0; i < elesSugA.length; i++)
  2785. 					{
  2786. 						var eleComment = elesSugA[i].parentElement.parentElement.nextSibling;
  2787. 						if (eleComment.nodeName === "DIV" && eleComment.classList.contains("copy"))
  2788. 						{
  2789. 							if (elesSugA[i].parentElement.classList.contains("suggestion_status_declined"))
  2790. 							{
  2791. 								countComment++;
  2792. 								elesComment.push(eleComment);
  2793. 							}
  2794. 						}
  2795. 					}
  2796. 					
  2797. 					if (countComment === elesSugA.length)
  2798. 					{
  2799. 						var isFocus = false;
  2800. 						for (var i = 0; i < elesComment.length; i++)
  2801. 						{
  2802. 							elesComment[i].style.display = "block";
  2803. 							if (!isFocus)
  2804. 							{
  2805. 								var eleTxt = elesComment[i].querySelector("textarea[name='suggestion_comment']");
  2806. 								if (eleTxt)
  2807. 								{
  2808. 									eleTxt.focus();
  2809. 									
  2810. 									// Auto paste last comment
  2811. 									{
  2812. 										if (isSameTextOrg)
  2813. 										{
  2814. 											if (textLastCur !== "")
  2815. 											{
  2816. 												eleTxt.value = textLastCur;
  2817. 												isSetComment = true;
  2818. 											}
  2819. 											
  2820. 											setTimeoutCustom(function(ele)
  2821. 											{
  2822. 												// paste again after script ran
  2823. 												if (ele)
  2824. 												{
  2825. 													var textLastCur = GM_getValue("textLastCur_Comment", "");
  2826. 													if (textLastCur !== "")
  2827. 													{
  2828. 														ele.value = textLastCur;
  2829. 														
  2830. 														//ele.selectionStart = 0;
  2831. 														//ele.selectionEnd = ele.value.length;
  2832. 													}
  2833. 												}
  2834. 											}, 250, eleTxt);
  2835. 										}
  2836. 									}
  2837. 									
  2838. 									/*
  2839. 									// Typonion
  2840. 									var eleSugOuter = elesComment[i].parentElement.parentElement.parentElement.parentElement;
  2841. 									if (eleSugOuter.classList.contains("suggestion"))
  2842. 									{
  2843. 										var eleOnion = eleSugOuter.querySelector(".suggestion_text font[style='color:#01ec00;']");
  2844. 										if (eleOnion)
  2845. 										{
  2846. 											eleTxt.value = "onion";
  2847. 										}
  2848. 									}
  2849. 									*/
  2850. 				
  2851. 									var eleSugComment = elesComment[i].parentElement
  2852. 										.parentElement.parentElement.querySelector(".stsh_text_comment font");
  2853. 									if (eleSugComment && eleSugComment.textContent.trim() ==
  2854. 										"ATTENTION - English string was updated. This suggestion might be outdated.")
  2855. 									{
  2856. 										eleTxt.value = "outdated";
  2857. 										isSetComment = true;
  2858. 									}
  2859. 									
  2860. 									isFocus = true;
  2861. 								}
  2862. 							}
  2863. 						}
  2864. 					}
  2865. 				}
  2866. 				
  2867. 				if (isSameTextOrg && !isSetComment && textLastCur !== "")
  2868. 				{
  2869. 					// paste last comment to all hidden comment inputs
  2870. 					var elesTxt = document.querySelectorAll(".suggestions_list textarea[name='suggestion_comment']");
  2871. 					for (var i = 0; i < elesTxt.length; i++)
  2872. 					{
  2873. 						elesTxt[i].value = textLastCur;
  2874. 						isSetComment = true;
  2875. 					}
  2876. 				}
  2877. 			}
  2878. 		}
  2879. 		
  2880. 		// Convert time
  2881. 		{
  2882. 			var rgxTime = /\d{2}-\d{2}-\d{4}, \d{2}:\d{2} [AP]M/;
  2883. 			var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
  2884. 			
  2885. 			var eleFriends = document.querySelectorAll(".friend_block_avatar, .friend_block_discussions, .suggestions_list");
  2886. 			for (var i = 0; i < eleFriends.length; i++)
  2887. 			{
  2888. 				var nodes = [];
  2889. 				
  2890. 				if (eleFriends[i].classList.contains("friend_block_avatar"))
  2891. 				{
  2892. 					nodes = eleFriends[i].childNodes;
  2893. 				}
  2894. 				else if (eleFriends[i].classList.contains("friend_block_discussions"))
  2895. 				{
  2896. 					nodes = eleFriends[i].parentElement.nextElementSibling.childNodes[2].childNodes;
  2897. 				}
  2898. 				else if (eleFriends[i].classList.contains("suggestions_list"))
  2899. 				{
  2900. 					if (!eleFriends[i].querySelector(".suggestion"))
  2901. 					{
  2902. 						nodes = eleFriends[i].childNodes;
  2903. 					}
  2904. 				}
  2905. 				
  2906. 				for (var j = 0; j < nodes.length; j++)
  2907. 				{
  2908. 					var nodeVal = nodes[j].nodeValue;
  2909. 					if (nodeVal)
  2910. 					{
  2911. 						var dateTimes = rgxTime.exec(nodeVal);
  2912. 						if (dateTimes)
  2913. 						{
  2914. 							var dateTime = dateTimes[0];
  2915. 							var month = dateTime.substr(0, 2);
  2916. 							var day = dateTime.substr(3, 2);
  2917. 							var year = dateTime.substr(6, 4);
  2918. 							var hour = dateTime.substr(12, 2);
  2919. 							var minute = dateTime.substr(15, 2);
  2920. 							var period = dateTime.substr(18, 2);
  2921. 							if (period === "AM")
  2922. 							{
  2923. 								if (hour === "12")
  2924. 								{
  2925. 									hour = "00"
  2926. 								}
  2927. 							}
  2928. 							else if (period === "PM")
  2929. 							{
  2930. 								hour = parseInt(hour) + 12;
  2931. 								if (hour === 24)
  2932. 								{
  2933. 									hour = 12;
  2934. 								}
  2935. 							}
  2936. 							
  2937. 							var dateTimeStd = year + "-" + month + "-" + day;
  2938. 									
  2939. 							if (isDstUs(year, month, day, hour))
  2940. 							{
  2941. 								dateTimeStd += "T" + hour + ":" + minute + ":00-0700";
  2942. 							}
  2943. 							else
  2944. 							{
  2945. 								dateTimeStd += "T" + hour + ":" + minute + ":00-0800";
  2946. 							}
  2947. 							
  2948. 							var dateStd = new Date(dateTimeStd);
  2949. 							if (dateStd.toLocaleString() !== "Invalid Date")
  2950. 							{
  2951. 								var gmt = dateStd.getTimezoneOffset() / 60 * -1;
  2952. 								var gmtStr = " GMT";
  2953. 								if (gmt > 0)
  2954. 								{
  2955. 									gmtStr += "+" + gmt;
  2956. 								}
  2957. 								else if (gmt < 0)
  2958. 								{
  2959. 									gmtStr += "-" + gmt;
  2960. 								}
  2961. 								var dateNew = dateStd.getDate()
  2962. 									+ " " + months[dateStd.getMonth()]
  2963. 									+ " " + dateStd.getFullYear()
  2964. 									+ ", " + padZero(dateStd.getHours(), 2)
  2965. 									+ ":" + padZero(dateStd.getMinutes(), 2)
  2966. 									+ gmtStr;
  2967. 								
  2968. 								//console.log("Time: " + dateTimeStd);
  2969. 								//console.log("Time: " + dateTime + " -> " + dateNew);
  2970. 									
  2971. 								//var dateNew2 = dateStd.toLocaleString() + gmtStr;
  2972. 								//console.log("Time: " + dateTime + " -> " + dateNew2);
  2973. 								
  2974. 								var nodeValBegin = nodeVal.substr(0, nodeVal.indexOf(dateTime));
  2975. 								var nodeValEnd = nodeVal.substr(nodeVal.indexOf(dateTime) + dateTime.length);
  2976. 								
  2977. 								nodes[j].nodeValue = nodeValBegin;
  2978. 								
  2979. 								var ele = document.createElement("span");
  2980. 								ele.classList.add("stsh_time_convert");
  2981. 								ele.setAttribute("title", dateTime);
  2982. 								ele.textContent = dateNew;
  2983. 								insertAfterElement(ele, nodes[j]);
  2984. 								
  2985. 								if (nodeValEnd !== "")
  2986. 								{
  2987. 									insertAfterElement(document.createTextNode(nodeValEnd), ele);
  2988. 								}
  2989. 							}
  2990. 							else
  2991. 							{
  2992. 								console.log("Invalid Date: " + dateTimeStd);
  2993. 							}
  2994. 						}
  2995. 					}
  2996. 				}
  2997. 			}
  2998. 			
  2999. 		}
  3000. 		
  3001. 		// Add Steam profile links
  3002. 		{
  3003. 			var eleSpans = document.querySelectorAll("span[title='Send this user a private message']");
  3004. 			for (var i = 0; i < eleSpans.length; i++)
  3005. 			{
  3006. 				var href = eleSpans[i].parentElement.firstElementChild.getAttribute("href");
  3007. 				if (href && href.indexOf("user_activity.php?user=") === 0)
  3008. 				{
  3009. 					var profile = href.replace("user_activity.php?user=", "");
  3010. 					var ele = document.createElement("a");
  3011. 					ele.classList.add("stsh_steamProfile");
  3012. 					ele.setAttribute("target", "_blank");
  3013. 					ele.setAttribute("title", "View Steam profile");
  3014. 					ele.setAttribute("href", "http://steamcommunity.com/profiles/" + profile);
  3015. 					ele.textContent = " Steam ";
  3016. 					
  3017. 					insertBeforeElement(ele, eleSpans[i]);
  3018. 				}
  3019. 			}
  3020. 		}
  3021. 		
  3022. 		// Add auto approve
  3023. 		{
  3024. 			if (elesInputApprove.length > 0)
  3025. 			{
  3026. 				var eleInput = document.createElement("input");
  3027. 				eleInput.id = "stsh_autoApprove";
  3028. 				eleInput.setAttribute("type", "checkbox");
  3029. 				eleInput.setAttribute("value", "auto");
  3030. 				eleInput.textContent = "";
  3031. 				
  3032. 				var eleLabel = document.createElement("label");
  3033. 				eleLabel.classList.add("stsh_autoApprove_label");
  3034. 				eleLabel.classList.add("stsh_unselectable");
  3035. 				eleLabel.setAttribute("for", "stsh_autoApprove");
  3036. 				eleLabel.setAttribute("title", "Please use with care!");
  3037. 				eleLabel.textContent = " Auto Approve Next ";
  3038. 				
  3039. 				elesInputApprove[0].parentElement.appendChild(eleInput);
  3040. 				elesInputApprove[0].parentElement.appendChild(eleLabel);
  3041. 				
  3042. 				function autoApprove()
  3043. 				{
  3044. 					var tm = 2000;
  3045. 					console.log("AutoApprove: Next in " + tm + "ms");
  3046. 					setTimeoutCustom(function ()
  3047. 					{
  3048. 						var eleCheck = document.querySelector("#stsh_autoApprove");
  3049. 						if (eleCheck && eleCheck.checked)
  3050. 						{
  3051. 							var isClicked = false;
  3052. 							
  3053. 							var ele = document.querySelector(".suggestion_signature input[value~='Next']");
  3054. 							
  3055. 							if (ele && !ele.disabled && isVisible())
  3056. 							{
  3057. 								var isOutdated = false;
  3058. 								var eleSugComment = ele.parentElement
  3059. 									.parentElement.parentElement.querySelector(".stsh_text_comment font");
  3060. 								if (eleSugComment && eleSugComment.textContent.trim() ==
  3061. 									"ATTENTION - English string was updated. This suggestion might be outdated.")
  3062. 								{
  3063. 									isOutdated = true;
  3064. 								}
  3065. 								
  3066. 								if (!isOutdated)
  3067. 								{
  3068. 									isClicked = true;
  3069. 									GM_setValue("timeAutoApproveLast", getUnixTimestamp());
  3070. 									ele.click();
  3071. 								}
  3072. 							}
  3073. 							
  3074. 							if (!isClicked)
  3075. 							{
  3076. 								eleCheck.checked = false;
  3077. 								GM_setValue("isAutoApprove", "false");
  3078. 							}
  3079. 						}
  3080. 					}, tm);
  3081. 				}
  3082. 				
  3083. 				var tmDiff = getUnixTimestamp() - GM_getValue("timeAutoApproveLast", 0);
  3084. 				if (tmDiff > 10)
  3085. 				{
  3086. 					// > 10s
  3087. 					eleInput.checked = false;
  3088. 					GM_setValue("isAutoApprove", "false");
  3089. 				}
  3090. 				
  3091. 				if (window !== window.parent)
  3092. 				{
  3093. 					var eleOuter = window.parent.document.querySelector("#suggestions_box_outer");
  3094. 					if (eleOuter)
  3095. 					{
  3096. 						if (eleOuter.style.display === "none")
  3097. 						{
  3098. 							// Closed iFrame
  3099. 							eleInput.checked = false;
  3100. 							GM_setValue("isAutoApprove", "false");
  3101. 						}
  3102. 					}
  3103. 				}
  3104. 						
  3105. 				if (GM_getValue("isAutoApprove", 0) === "true")
  3106. 				{
  3107. 					eleInput.checked = true;
  3108. 					autoApprove();
  3109. 				}
  3110.  
  3111. 				eleInput.addEventListener("click", function (e)
  3112. 				{
  3113. 					var ele = e.target;
  3114. 					if (ele.checked)
  3115. 					{
  3116. 						GM_setValue("isAutoApprove", "true");
  3117. 						autoApprove();
  3118. 					}
  3119. 					else
  3120. 					{
  3121. 						GM_setValue("isAutoApprove", "false");
  3122. 					}
  3123. 				});
  3124. 			}
  3125. 		}
  3126. 		
  3127. 		// Warn when remove
  3128. 		// Suggest to remove
  3129. 		{
  3130. 			var elesRemove = document.querySelectorAll(".suggestion_signature input[value='REMOVE']");
  3131. 			for (var i = 0; i < elesRemove.length; i++)
  3132. 			{
  3133. 				var oldClick = elesRemove[i].getAttribute("onclick");
  3134. 				if (oldClick && oldClick.indexOf("location.href") === 0)
  3135. 				{
  3136. 					var eleSug = elesRemove[i].parentElement.parentElement.parentElement.parentElement;
  3137. 					if (eleSug.classList.contains("suggestion"))
  3138. 					{
  3139. 						/*
  3140. 						// Typonion
  3141. 						var eleOnion = eleSug.querySelector(".suggestion_text font[style='color:#01ec00;']");
  3142. 						if (eleOnion)
  3143. 						{
  3144. 							var newClick = "if (!confirm(\"Warning: You will delete your onion. Press Cancel to go back.\")) return false; "
  3145. 								+ oldClick;
  3146. 							elesRemove[i].setAttribute("onclick", newClick);
  3147. 							elesRemove[i].setAttribute("title", "Do not remove your onion!");
  3148. 							elesRemove[i].style.color = "#777";
  3149. 							elesRemove[i].style.cursor = "not-allowed";
  3150. 						}
  3151. 						else
  3152. 						*/
  3153. 						{
  3154. 							var eleComment = elesRemove[i].previousElementSibling.previousElementSibling;
  3155. 							if (eleComment)
  3156. 							{
  3157. 								// Mod comment
  3158. 								
  3159. 								if (eleComment.textContent.trim().indexOf("Comment:") === 0)
  3160. 								{
  3161. 									// Mod commented, suggest to do not remove
  3162. 									var newClick = "if (!confirm(\"Warning: You should not remove this suggestion."
  3163. 										+ " Press OK if you really want.\")) return false; "
  3164. 										+ oldClick;
  3165. 									elesRemove[i].setAttribute("onclick", newClick);
  3166. 									elesRemove[i].setAttribute("title", 
  3167. 										"Your suggestion that has a comment! Should not remove this suggestion.");
  3168. 									elesRemove[i].classList.add("stsh_grey");
  3169. 									elesRemove[i].classList.add("stsh_cursor_notallowed");
  3170. 								}
  3171. 								else
  3172. 								{
  3173. 									// No mod comment, suggest to remove
  3174. 									elesRemove[i].setAttribute("title", 
  3175. 										"Please remove this suggestion to save admin time.");
  3176. 									elesRemove[i].classList.add("stsh_green");
  3177. 									elesRemove[i].classList.add("stsh_border_green");
  3178. 								}
  3179. 							}
  3180. 							else
  3181. 							{
  3182. 								eleComment = elesRemove[i].parentElement.parentElement.previousElementSibling;
  3183. 								if (eleComment.tagName === "I")
  3184. 								{
  3185. 									// User comment
  3186. 									
  3187. 									var comment = eleComment.textContent.trim();
  3188. 									if (comment.indexOf("ATTENTION - English string was updated.") > -1)
  3189. 									{
  3190. 										// Outdated, suggest to edit and remove
  3191. 										elesRemove[i].setAttribute("title", 
  3192. 											"Please edit and remove this outdated suggestion.");
  3193. 										elesRemove[i].classList.add("stsh_green");
  3194. 										elesRemove[i].classList.add("stsh_border_green");
  3195. 									}
  3196. 								}
  3197. 							}
  3198. 						}
  3199. 					}
  3200. 				}
  3201. 			}
  3202. 		}
  3203. 		
  3204. 		// Suggest to decline outdated
  3205. 		{
  3206. 			if (document.querySelector("input[value~='APPROVE']"))
  3207. 			{
  3208. 				var elesAttention = document.querySelectorAll(".stsh_text_comment > font > i > b");
  3209. 				for (var i = 0; i < elesAttention.length; i++)
  3210. 				{
  3211. 					if (elesAttention[i].textContent.trim()
  3212. 						=== "ATTENTION - English string was updated. This suggestion might be outdated.")
  3213. 					{
  3214. 						var eleAction = elesAttention[i]
  3215. 							.parentElement.parentElement
  3216. 							.parentElement.parentElement
  3217. 							.nextElementSibling;
  3218. 						
  3219. 						var eleApprove = eleAction.querySelector("input[value~='APPROVE']");
  3220. 						var eleApproveNext = null;
  3221. 						var eleDecline = null;
  3222. 						
  3223. 						if (eleApprove)
  3224. 						{
  3225. 							eleApproveNext = eleApprove.nextElementSibling;
  3226. 							
  3227. 							var oldClick = eleApprove.getAttribute("onclick");
  3228. 							if (oldClick && oldClick.indexOf("location.href") === 0)
  3229. 							{
  3230. 								var newClick = "if (!confirm(\"Warning: Please decline outdated suggestion."
  3231. 									+ " Press OK if you really want to approve.\")) return false; "
  3232. 									+ oldClick;
  3233. 								eleApprove.setAttribute("onclick", newClick);
  3234. 								eleApprove.setAttribute("title", "Please decline outdated suggestion.");
  3235. 								eleApprove.classList.add("stsh_grey");
  3236. 								eleApprove.classList.add("stsh_cursor_notallowed");
  3237. 							}
  3238. 						}
  3239. 						
  3240. 						if (eleApproveNext)
  3241. 						{
  3242. 							eleDecline = eleApproveNext.nextElementSibling;
  3243. 							
  3244. 							if (!eleApproveNext.disabled)
  3245. 							{
  3246. 								var oldClick = eleApproveNext.getAttribute("onclick");
  3247. 								if (oldClick && oldClick.indexOf("location.href") === 0)
  3248. 								{
  3249. 									var newClick = "if (!confirm(\"Warning: Please decline outdated suggestion."
  3250. 										+ " Press OK if you really want to approve.\")) return false; "
  3251. 										+ oldClick;
  3252. 									eleApproveNext.setAttribute("onclick", newClick);
  3253. 									eleApproveNext.setAttribute("title", "Please decline outdated suggestion.");
  3254. 									eleApproveNext.classList.add("stsh_grey");
  3255. 									eleApproveNext.classList.add("stsh_cursor_notallowed");
  3256. 								}
  3257. 							}
  3258. 						}
  3259. 						
  3260. 						if (eleDecline)
  3261. 						{
  3262. 							eleDecline.setAttribute("title", "Please decline outdated suggestion.");
  3263. 							eleDecline.classList.add("stsh_green");
  3264. 							eleDecline.classList.add("stsh_border_green_left");
  3265. 						}
  3266. 					}
  3267. 				}
  3268. 			}
  3269. 		}
  3270. 		
  3271. 		// Clean language markers that link to Steam
  3272. 		{
  3273. 			var rgxLang = /\?l=[a-z]+$/i;
  3274. 			
  3275. 			var elesFriend = document.querySelectorAll(".friend_block_discussions");
  3276. 			for (var i = 0; i < elesFriend.length; i++)
  3277. 			{
  3278. 				var eleDiscuss = elesFriend[i].parentElement.nextElementSibling;
  3279. 				if (!eleDiscuss.querySelector("font[style='color:#EDB687;']"))
  3280. 				{
  3281. 					var elesA = eleDiscuss.querySelectorAll("a[href*='steam']");
  3282. 					for (var j = 0; j < elesA.length; j++)
  3283. 					{
  3284. 						var href = elesA[j].getAttribute("href");
  3285. 						if (rgxLang.test(href))
  3286. 						{
  3287. 							elesA[j].setAttribute("href", href.replace(rgxLang, ""));
  3288. 						}
  3289. 					}
  3290. 				}
  3291. 			}
  3292. 		}
  3293. 		
  3294. 		// Auto paste last suggestion
  3295. 		{
  3296. 			if (!/edit/i.test(getQueryByName("action")))
  3297. 			{
  3298. 				//var eleTextOrg = document.querySelector(".stsh_text_org");
  3299. 				if (eleTextOrg)
  3300. 				{
  3301. 					var textOrg = trimSpace(eleTextOrg.innerHTML).toLowerCase();
  3302. 					if (textOrg === GM_getValue("textLastOrg", ""))
  3303. 					{
  3304. 						var eleTextCur = document.querySelector("#suggestion_value_new");
  3305. 						if (eleTextCur)
  3306. 						{
  3307. 							var textLastCur = GM_getValue("textLastCur", "");
  3308. 							if (textLastCur !== "")
  3309. 							{
  3310. 								eleTextCur.value = textLastCur;
  3311. 							}
  3312. 						}
  3313. 						
  3314. 						setTimeoutCustom(function()
  3315. 						{
  3316. 							var eleTextCur = document.querySelector("#suggestion_value_new");
  3317. 							if (eleTextCur)
  3318. 							{
  3319. 								var textLastCur = GM_getValue("textLastCur", "");
  3320. 								if (textLastCur !== "")
  3321. 								{
  3322. 									eleTextCur.value = textLastCur;
  3323. 								}
  3324. 							}
  3325. 						}, 250);
  3326. 					}
  3327. 				}
  3328. 			}
  3329. 			
  3330. 			var elesTextSubmit = document.querySelectorAll(".stsh_text_submit, #stsh_submit_suggestion_next");
  3331. 			for (var i = 0; i < elesTextSubmit.length; i++)
  3332. 			{
  3333. 				elesTextSubmit[i].addEventListener("click", function()
  3334. 				{
  3335. 					var eleTextOrg = document.querySelector(".stsh_text_org");
  3336. 					if (eleTextOrg)
  3337. 					{
  3338. 						var textOrg = trimSpace(eleTextOrg.innerHTML);
  3339. 						if (textOrg.length < 1000)
  3340. 						{
  3341. 							var eleTextCur = document.querySelector("#suggestion_value_new");
  3342. 							if (eleTextCur)
  3343. 							{
  3344. 								var textCur = eleTextCur.value;
  3345. 								
  3346. 								GM_setValue("textLastOrg", textOrg.toLowerCase());
  3347. 								GM_setValue("textLastCur", textCur);
  3348. 							}
  3349. 						}
  3350. 					}
  3351. 				});
  3352. 			}
  3353. 		}
  3354. 		
  3355. 		// Auto store last comment
  3356. 		{
  3357. 			//console.log("textLastOrg_Comment: " + GM_getValue("textLastOrg_Comment", ""));
  3358. 			//console.log("textLastCur_Comment: " + GM_getValue("textLastCur_Comment", ""));
  3359. 			
  3360. 			function storeLastComment(eleTextComment, isRemoved)
  3361. 			{
  3362. 				if (eleTextComment)
  3363. 				{
  3364. 					var eleTextOrg = document.querySelector(".stsh_text_org");
  3365. 					if (eleTextOrg)
  3366. 					{
  3367. 						var textOrg = trimSpace(eleTextOrg.innerHTML).substr(0, 1000).toLowerCase();
  3368. 						
  3369. 						if (isRemoved)
  3370. 						{
  3371. 							if (textOrg === GM_getValue("textLastOrg_Comment", ""))
  3372. 							{
  3373. 								// When remove comment, don't store if original text is the same
  3374. 								return;
  3375. 							}
  3376. 						}
  3377. 					
  3378. 						var textCur = trimSpace(eleTextComment.value || eleTextComment.textContent);
  3379. 						if (textCur !== "outdated")
  3380. 						{
  3381. 							GM_setValue("textLastOrg_Comment", textOrg);
  3382. 							GM_setValue("textLastCur_Comment", textCur);
  3383. 						}
  3384. 					}
  3385. 				}
  3386. 			}
  3387. 			
  3388. 			var elesTextRemoveComment = document.querySelectorAll(".stsh_text_removeComment");
  3389. 			for (var i = 0; i < elesTextRemoveComment.length; i++)
  3390. 			{
  3391. 				elesTextRemoveComment[i].addEventListener("click", function(ev)
  3392. 				{
  3393. 					var target = null;
  3394. 					if (ev.target.tagName === "FONT")
  3395. 					{
  3396. 						target = ev.target.parentElement;
  3397. 					}
  3398. 					else
  3399. 					{
  3400. 						target = ev.target;
  3401. 					}
  3402. 					
  3403. 					var eleTextComment = target
  3404. 						.parentElement.parentElement.parentElement.parentElement
  3405. 						.querySelector(".stsh_text_comment");
  3406. 					
  3407. 					storeLastComment(eleTextComment, true);
  3408. 				});
  3409. 			}
  3410. 			
  3411. 			var elesSubmitComment = document.querySelectorAll(".stsh_submit_comment");
  3412. 			for (var i = 0; i < elesSubmitComment.length; i++)
  3413. 			{
  3414. 				elesSubmitComment[i].addEventListener("click", function(ev)
  3415. 				{
  3416. 					var eleTextComment = ev.target.previousElementSibling;
  3417. 						
  3418. 					storeLastComment(eleTextComment, false);
  3419. 				});
  3420. 			}
  3421. 		}
  3422. 		
  3423. 		// Mark showing
  3424. 		{
  3425. 			var eleStatus = window.parent.document.querySelector("#stsh_showing_random");
  3426. 			if (eleStatus)
  3427. 			{
  3428. 				eleStatus.dataset.random = (new Date()).getTime();
  3429. 			}
  3430. 		}
  3431. 		
  3432. 		// Delta
  3433. 		{
  3434. 			var eleFile = document.querySelector(".stsh_info_file");
  3435. 			if (eleFile)
  3436. 			{
  3437. 				if (eleFile.textContent.trim() === "steam/delta")
  3438. 				{
  3439. 					document.body.classList.add("stsh_delta");
  3440. 				}
  3441. 			}
  3442. 		}
  3443. 		
  3444. 		// Clean link remove my comment
  3445. 		{
  3446. 			var elesRemoveMyComment = document.querySelectorAll(
  3447. 				".suggestion_signature .lbAction[name^='myFrm'] a[onclick*='.submit()']");
  3448. 			for (var i = 0; i < elesRemoveMyComment.length; i++)
  3449. 			{
  3450. 				elesRemoveMyComment[i].removeAttribute("href");
  3451. 				elesRemoveMyComment[i].classList.add("stsh_text_removeMyComment");
  3452. 			}
  3453. 		}
  3454. 		
  3455. 		// Hide cursor when typing
  3456. 		// Expand textarea when typing
  3457. 		{
  3458. 			var tmTextChange = 0;
  3459. 			
  3460. 			function autoHideCursor(ele)
  3461. 			{
  3462. 				if (ele)
  3463. 				{
  3464. 					ele.addEventListener("input", function(ev)
  3465. 					{
  3466. 						var ele = ev.target;
  3467. 						ele.style.setProperty("cursor", "none", "important");
  3468. 						
  3469. 						clearTimeout(tmTextChange);
  3470. 						tmTextChange = setTimeoutCustom(function(ele)
  3471. 						{
  3472. 							ele.style.setProperty("cursor", "auto", "important");
  3473. 						}, 3000, ele);
  3474. 					});
  3475. 					
  3476. 					ele.addEventListener("mousemove", function(ev)
  3477. 					{
  3478. 						var ele = ev.target;
  3479. 						clearTimeout(tmTextChange);
  3480. 						ele.style.setProperty("cursor", "auto", "important");
  3481. 					});
  3482. 				}
  3483. 			}
  3484. 			
  3485. 			function autoExpandEvent(ev)
  3486. 			{
  3487. 				var ele = ev.target;
  3488. 				var maxHeight = ele.param_MaxHeight;
  3489. 				var styleHeight = parseInt(ele.style.height) 
  3490. 					|| parseInt(window.getComputedStyle(ele).height) 
  3491. 					|| maxHeight;
  3492. 				
  3493. 				var heightDiff = ele.scrollHeight - styleHeight;
  3494. 				
  3495. 				//console.log("ele.scrollHeight:"+ele.scrollHeight+", styleHeight:"+styleHeight+", heightDiff:"+heightDiff);
  3496. 				
  3497. 				// When press a button
  3498. 				// Chrome: heightDiff === 4
  3499. 				// Firefox: heightDiff === 0
  3500. 				
  3501. 				if ((heightDiff > 0 && heightDiff !== 4) && ele.scrollHeight < maxHeight)
  3502. 				{
  3503. 					ele.style.height = (ele.scrollHeight + 2) + "px";
  3504. 				}
  3505. 				else if (ele.scrollHeight > maxHeight && ele.scrollHeight - maxHeight < 100)
  3506. 				{
  3507. 					ele.style.height = maxHeight + "px";
  3508. 				}
  3509. 				
  3510. 			}
  3511. 			
  3512. 			function autoExpandEventTextarea(ele, maxHeight)
  3513. 			{
  3514. 				if (ele)
  3515. 				{
  3516. 					ele.param_MaxHeight = maxHeight;
  3517. 					ele.addEventListener("input", autoExpandEvent);
  3518. 					ele.addEventListener("keyup", autoExpandEvent);
  3519. 				}
  3520. 			}
  3521. 			
  3522. 			var elesTextarea = document.querySelectorAll("textarea");
  3523. 			for (var i = 0; i < elesTextarea.length; i++)
  3524. 			{
  3525. 				autoExpandEventTextarea(elesTextarea[i], 500);
  3526. 				autoHideCursor(elesTextarea[i]);
  3527. 			}
  3528. 		}
  3529. 		
  3530. 		// Focus on mod action
  3531. 		{
  3532. 			var elesEdit = document.querySelectorAll("input[value='Edit']");
  3533. 			if (elesEdit.length > 2)
  3534. 			{
  3535. 				setTimeoutCustom(function()
  3536. 				{
  3537. 					if (/reconsider|approve|decline/.test(getQueryByName("action")))
  3538. 					{
  3539. 						scrollToElement(".suggestions_list", -200);
  3540. 					}
  3541. 				}, 200);
  3542. 			}
  3543. 		}
  3544. 		
  3545. 	} // End suggestions.php
  3546.  
  3547. 	if (url.indexOf("translate.php") > -1)
  3548. 	{
  3549. 		var searchText = getQueryByName("search_input");
  3550. 		if (searchText !== "")
  3551. 		{
  3552. 			document.title = searchText + " - " + document.title;
  3553. 		}
  3554. 		else
  3555. 		{
  3556. 			var fileID = getQueryByName("file_ID");
  3557. 			if (fileID !== "")
  3558. 			{
  3559. 				var eleFile = document.querySelector("#leftAreaContainer label[for='chosenfile']");
  3560. 				if (eleFile)
  3561. 				{
  3562. 					var file = eleFile.textContent.trim();
  3563. 					if (file.indexOf("Limit search results to CURRENT FILE: ") === 0)
  3564. 					{
  3565. 						file = file.replace("Limit search results to CURRENT FILE: ", "");
  3566. 						var fileNew = file.split("#").reverse().join(" # ").trim();
  3567. 						document.title = fileNew + " - " + document.title;
  3568. 					}
  3569. 				}
  3570. 			}
  3571. 			else
  3572. 			{
  3573. 				var eleInput = document.querySelector("#search_input");
  3574. 				if (eleInput)
  3575. 				{
  3576. 					var valInput = eleInput.value.trim();
  3577. 					if (valInput.indexOf("SUGGESTIONS FROM: ") === 0)
  3578. 					{
  3579. 						document.title = valInput.replace("SUGGESTIONS FROM: ", "") + " - " + document.title;
  3580. 					}
  3581. 				}
  3582. 			}
  3583. 		}
  3584. 	
  3585. 		var outer = document.querySelector("#suggestions_box_outer");
  3586. 		if (outer)
  3587. 		{
  3588. 			outer.setAttribute("onclick", "hideSuggestionsBox();");
  3589. 		}
  3590. 	
  3591. 		var divBtn = document.createElement("div");
  3592. 		document.body.appendChild(divBtn);
  3593. 		divBtn.innerHTML = 
  3594. ' \
  3595. <div class="stsh_showing_group"> \
  3596. 	<span class="stsh_showing_header">Hide</span>\
  3597. 	<br/> &nbsp; <input id="stsh_showing_keyApp"     value="App"     data-hidekey="0" class="stsh_btn_short stsh_showing_key" type="button" /> \
  3598. 	             <input id="stsh_showing_keyGame"    value="Game"    data-hidekey="1" class="stsh_btn_short stsh_showing_key" type="button" /> \
  3599. 	<br/> &nbsp; <input id="stsh_showing_keyFaq"     value="FAQ"     data-hidekey="2" class="stsh_btn_short stsh_showing_key" type="button" /> \
  3600. 	             <input id="stsh_showing_keySupport" value="Support" data-hidekey="3" class="stsh_btn_short stsh_showing_key" type="button" /> \
  3601. 	<br/> &nbsp; <input id="stsh_showing_keyPromo"   value="Promo"   data-hidekey="4" class="stsh_btn_short stsh_showing_key" type="button" /> \
  3602. 	             <input id="stsh_showing_keyEmail"   value="Email"   data-hidekey="5" class="stsh_btn_short stsh_showing_key" type="button" /> \
  3603. 	<br/> \
  3604. 	<br/> &nbsp; <input id="stsh_showing_strNotMatch" value="Hide not similar" data-hidestr="0" class="stsh_btn_long stsh_showing_str" type="button" /> \
  3605. 	<br/> &nbsp; <input id="stsh_showing_strLong"     value="Hide very long"   data-hidestr="1" class="stsh_btn_long stsh_showing_str" type="button" /> \
  3606. 	 \
  3607. 	<br/> &nbsp; <span class="stsh_showing_header">Hide Suggestions</span>\
  3608. 	<br/> &nbsp; <input id="stsh_showing_notTranslated" value="Not Translated (0)" data-hidestatus="0" class="stsh_btn_long stsh_showing_status" type="button" /> \
  3609. 	<br/> &nbsp; <input id="stsh_showing_suggested"     value="Suggested (0)"      data-hidestatus="1" class="stsh_btn_long stsh_showing_status" type="button" /> \
  3610. 	<br/> &nbsp; <input id="stsh_showing_resuggested"   value="Resuggested (0)"    data-hidestatus="2" class="stsh_btn_long stsh_showing_status" type="button" /> \
  3611. 	<br/> &nbsp; <input id="stsh_showing_approved"      value="Approved (0)"       data-hidestatus="3" class="stsh_btn_long stsh_showing_status" type="button" /> \
  3612. 	<br/> &nbsp; <input id="stsh_showing_declined"      value="Declined (0)"       data-hidestatus="4" class="stsh_btn_long stsh_showing_status" type="button" /> \
  3613. 	<br/> &nbsp; <input id="stsh_showing_translated"    value="Translated (0)"     data-hidestatus="5" class="stsh_btn_long stsh_showing_status" type="button" /> \
  3614. 	 \
  3615. 	<br/> &nbsp; <span class="stsh_showing_header">Sort by</span>\
  3616. 	<br/> &nbsp; <input id="stsh_sort_key"    value="Key"    data-sort="0" class="stsh_btn_short stsh_sort" type="button" /> \
  3617. 	             <input id="stsh_sort_string" value="String" data-sort="1" class="stsh_btn_short stsh_sort" type="button" /> \
  3618. 	<br/> &nbsp; <input id="stsh_sort_word"   value="Word"   data-sort="2" class="stsh_btn_short stsh_sort" type="button" /> \
  3619. 	             <input id="stsh_sort_length" value="Length" data-sort="3" class="stsh_btn_short stsh_sort" type="button" /> \
  3620. 	<br/> \
  3621. 	<br/> &nbsp; <input id="stsh_showing_refresh" value="Refresh"  class="stsh_btn" type="button" onclick="hideSuggestionsBox(); return false;" /> \
  3622. 	<br/> &nbsp; <input id="stsh_showing_all"     value="Show All" class="stsh_btn" type="button" /> \
  3623. </div> \
  3624. <div id="stsh_showing_current"></div> \
  3625. <div id="stsh_showing"></div> \
  3626. ';
  3627.  
  3628. 		// Count showing
  3629. 		function countShowing()
  3630. 		{			
  3631. 			var trKeys = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr");
  3632. 			var countAll = document.querySelectorAll("#keylist .copysmall").length;
  3633. 			var countShow = 0;
  3634. 			var countSuggest = 0;
  3635. 			var countResuggest = 0;
  3636. 			var countApprove = 0;
  3637. 			var countDecline = 0;
  3638. 			var countNotTranslated = 0;
  3639. 			var countTranslated = 0;
  3640. 			
  3641. 			var txtApprove = "ready for Admin";
  3642. 			var txtDecline = "ready for removal";
  3643. 			var txtSuggest = "suggestion";
  3644. 			
  3645. 			for (var i = 0; i < trKeys.length; i++)
  3646. 			{
  3647. 				if (!trKeys[i].classList.contains("stsh_hidden"))
  3648. 				{
  3649. 					var eleCounter = trKeys[i].querySelector("tr.copysmall > td:nth-child(3)");
  3650. 					if (eleCounter)
  3651. 					{
  3652. 						countShow++;
  3653. 						var txtCounter = eleCounter.textContent.trim();
  3654. 						if (txtCounter.indexOf(txtApprove) > -1)
  3655. 						{
  3656. 							countApprove++;
  3657. 						}
  3658. 						else if (txtCounter.indexOf(txtDecline) > -1)
  3659. 						{
  3660. 							countDecline++;
  3661. 						}
  3662. 						else if (txtCounter.indexOf(txtSuggest) > -1)
  3663. 						{
  3664. 							var eleNotTranslated = trKeys[i].querySelector("span.token_nottranslated");
  3665. 							if (eleNotTranslated)
  3666. 							{
  3667. 								countSuggest++;
  3668. 							}
  3669. 							else
  3670. 							{
  3671. 								countResuggest++;
  3672. 							}
  3673. 						}
  3674. 						else
  3675. 						{
  3676. 							var eleNotTranslated = trKeys[i].querySelector("span.token_nottranslated");
  3677. 							if (eleNotTranslated)
  3678. 							{
  3679. 								countNotTranslated++;
  3680. 							}
  3681. 							else
  3682. 							{
  3683. 								countTranslated++;
  3684. 							}
  3685. 						}
  3686. 					}
  3687. 					else
  3688. 					{
  3689. 						var eleTd = trKeys[i].querySelector("td");
  3690. 						if (eleTd)
  3691. 						{
  3692. 							if (eleTd.textContent.trim() === "")
  3693. 							{
  3694. 								trKeys[i].parentElement.removeChild(trKeys[i]);
  3695. 							}
  3696. 						}
  3697. 					}
  3698. 				}
  3699. 			}
  3700. 			
  3701. 			var eleShowing = document.querySelector("#stsh_showing");
  3702. 			if (eleShowing)
  3703. 			{
  3704. 				var newHtml = "Showing: <span class=\"stsh_showing_counter\">" + countShow + " of " + countAll + "</span>"
  3705. 					+ "<!-- " + countNotTranslated + ", " + countSuggest + ", " + countResuggest
  3706. 					+ ", " + countApprove + ", " + countDecline + ", " + countTranslated + " -->";
  3707. 					
  3708. 				if (eleShowing.innerHTML !== newHtml)
  3709. 				{
  3710. 					eleShowing.innerHTML = newHtml;
  3711.  
  3712. 					var elesBtnShowingStatus = document.querySelectorAll(".stsh_showing_status");
  3713. 					if (elesBtnShowingStatus.length === 6)
  3714. 					{
  3715. 						var counterArr = [countNotTranslated, countSuggest, countResuggest
  3716. 							, countApprove, countDecline, countTranslated ];
  3717. 						var counterTextArr = ["Not Translated", "Suggested", "Resuggested"
  3718. 							, "Approved", "Declined", "Translated" ];
  3719.  
  3720. 						for (var i = 0; i < elesBtnShowingStatus.length; i++)
  3721. 						{
  3722. 							elesBtnShowingStatus[i].value = counterTextArr[i] + " ("+ counterArr[i] +")" ;
  3723. 						};
  3724. 					}
  3725. 				}
  3726. 			}
  3727. 			
  3728. 			var eleShowingCur = document.querySelector("#stsh_showing_current");
  3729. 			if (eleShowingCur)
  3730. 			{
  3731. 				var eleOuter = document.querySelector("#suggestions_box_outer");
  3732. 				if (eleOuter)
  3733. 				{
  3734. 					if (eleOuter.style.display !== "none")
  3735. 					{
  3736. 						if (eleShowingCur.style.display !== "initial")
  3737. 							eleShowingCur.style.display = "initial";
  3738. 						
  3739. 						var eleIframe = document.querySelector("#suggestions_iframe");
  3740. 						if (eleIframe)
  3741. 						{
  3742. 							var iUrl = eleIframe.contentWindow.location.href;
  3743. 							var listId = parseInt(getQueryByName("list_id", iUrl)) || 0;
  3744. 							
  3745. 							listId += 1;
  3746. 							
  3747. 							var newHtml = "Current: <span class=\"stsh_showing_counter\">" + listId + " of " + countShow + "</span>";
  3748. 							if (eleShowingCur.innerHTML !== newHtml)
  3749. 							{
  3750. 								eleShowingCur.innerHTML = newHtml;
  3751. 							}
  3752. 						}
  3753. 					}
  3754. 					else
  3755. 					{
  3756. 						if (eleShowingCur.style.display !== "none")
  3757. 						{
  3758. 							eleShowingCur.style.display = "none";
  3759. 							eleShowingCur.innerHTML = "";
  3760. 						}
  3761. 					}
  3762. 				}
  3763. 			}
  3764. 		}
  3765. 		countShowing();
  3766. 		
  3767. 		var obTarget_count = document.querySelector("#keylist_container");
  3768. 		if (obTarget_count)
  3769. 		{
  3770. 			var tmOb_count = -1;
  3771. 			var obMu_count = new MutationObserver(function(mutations)
  3772. 			{
  3773. 				mutations.forEach(function(mutation)
  3774. 				{
  3775. 					if (mutation.type !== "attributes"
  3776. 						|| mutation.target.tagName === "TR")
  3777. 					{
  3778. 						clearTimeout(tmOb_count);
  3779. 						tmOb_count = setTimeoutCustom(function(mutation)
  3780. 						{
  3781. 							countShowing();
  3782. 							//console.log("countShowing: " + tmOb_count);
  3783. 						}, 50, mutation);
  3784. 					}
  3785. 				});
  3786. 			});
  3787. 			
  3788. 			var obConfig_count = { childList: true, subtree: true, attributes: true, attributeFilter: ["class"] };
  3789. 			obMu_count.observe(obTarget_count, obConfig_count);
  3790. 		}
  3791. 		
  3792. 		// Waiting for iframe
  3793. 		{
  3794. 			var obTarget_countRand = document.createElement("div");
  3795. 			obTarget_countRand.id = "stsh_showing_random";
  3796. 			obTarget_countRand.dataset.random = "0";
  3797. 			document.body.appendChild(obTarget_countRand);
  3798. 			
  3799. 			var obMu_countRand = new MutationObserver(function(mutations)
  3800. 			{
  3801. 				mutations.forEach(function(mutation)
  3802. 				{
  3803. 					countShowing();
  3804. 				});
  3805. 			});
  3806.  
  3807. 			var obConfig_countRand = { attributes: true, attributeFilter: ["data-random"] };
  3808. 			obMu_countRand.observe(obTarget_countRand, obConfig_countRand);
  3809. 		}
  3810. 		
  3811. 		// End Count showing
  3812.  
  3813. 		// Line Counter
  3814. 		function addLineCounter()
  3815. 		{
  3816. 			var elesCounter = document.querySelectorAll(".stsh_lineCounter");
  3817. 			if (elesCounter.length > 0)
  3818. 			{
  3819. 				var j = 1;
  3820. 				for (var i = 0; i < elesCounter.length; i++)
  3821. 				{
  3822. 					if (!elesCounter[i].parentElement.parentElement.parentElement
  3823. 						.parentElement.classList.contains("stsh_hidden"))
  3824. 					{
  3825. 						if (elesCounter[i].textContent.trim() != j)
  3826. 						{
  3827. 							// Compare string with int using loose equality
  3828. 							elesCounter[i].textContent = j;
  3829. 						}
  3830. 						j++;
  3831. 					}
  3832. 				}
  3833. 			}
  3834. 			else
  3835. 			{
  3836. 				var elesDiv = document.querySelectorAll("#keylist td:nth-child(1) > div");
  3837. 				for (var i = 0; i < elesDiv.length; i++)
  3838. 				{
  3839. 					var eleNew = document.createElement("span");
  3840. 					eleNew.classList.add("stsh_lineCounter_outer");
  3841. 					eleNew.innerHTML =
  3842. 						' <span class="stsh_lineCounter"> ' + (i + 1) + ' </span> ';
  3843. 					
  3844. 					elesDiv[i].appendChild(eleNew);
  3845. 				}
  3846. 			}
  3847. 		}
  3848. 		addLineCounter();
  3849. 		
  3850. 		var obTarget_line = document.querySelector("#keylist_container");
  3851. 		if (obTarget_line)
  3852. 		{
  3853. 			var tmOb_line = -1;
  3854. 			var obMu_line = new MutationObserver(function(mutations)
  3855. 			{
  3856. 				mutations.forEach(function(mutation)
  3857. 				{
  3858. 					if (mutation.type !== "attributes"
  3859. 						|| mutation.target.tagName === "TR")
  3860. 					{
  3861. 						clearTimeout(tmOb_line);
  3862. 						tmOb_line = setTimeoutCustom(function(mutation)
  3863. 						{
  3864. 							addLineCounter();
  3865. 							//console.log("addLineCounter: " + tmOb_line);
  3866. 						}, 50, mutation);
  3867. 					}
  3868. 				});
  3869. 			});
  3870. 			
  3871. 			var obConfig_line = { childList: true, subtree: true, attributes: true, attributeFilter: ["class"] };
  3872. 			obMu_line.observe(obTarget_line, obConfig_line);
  3873. 		}
  3874. 		
  3875. 		// End Line Counter
  3876. 		
  3877. 		// Hide & sort suggestions
  3878. 		{
  3879. 			function hideStatus(mode)
  3880. 			{
  3881. 				/* 
  3882. 					mode:
  3883. 						0: notTranslated
  3884. 						1: suggested
  3885. 						2: resuggested
  3886. 						3: approved
  3887. 						4: declined
  3888. 						5: translated
  3889. 				*/
  3890.  
  3891. 				//console.log("hideStatus: " + mode);
  3892. 			
  3893. 				if (mode < 0 || mode > 5) return;
  3894.  
  3895. 				var display = "none";
  3896. 				var txtApprove = "ready for Admin";
  3897. 				var txtDecline = "ready for removal";
  3898. 				var txtSuggest = "suggestion";
  3899. 				 
  3900. 				var trKeys = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr");
  3901. 				for (var i = 0; i < trKeys.length; i++)
  3902. 				{
  3903. 					if (!trKeys[i].classList.contains("stsh_hidden"))
  3904. 					{
  3905. 						var curMode = -1;
  3906.  
  3907. 						var eleCounter = trKeys[i].querySelector("tr.copysmall > td:nth-child(3)");
  3908. 						if (eleCounter)
  3909. 						{
  3910.  
  3911. 							var txtCounter = eleCounter.textContent.trim();
  3912. 							if (txtCounter.indexOf(txtApprove) > -1)
  3913. 							{
  3914. 								curMode = 3;	// Approved
  3915. 							}
  3916. 							else if (txtCounter.indexOf(txtDecline) > -1)
  3917. 							{
  3918. 								curMode = 4;	// Declined
  3919. 							}
  3920. 							else if (txtCounter.indexOf(txtSuggest) > -1)
  3921. 							{
  3922. 								var eleNotTranslated = trKeys[i].querySelector("span.token_nottranslated");
  3923. 								if (eleNotTranslated)
  3924. 								{
  3925. 									curMode = 1;	// Suggested
  3926. 								}
  3927. 								else
  3928. 								{
  3929. 									curMode = 2;	// Resuggested
  3930. 								}
  3931. 							}
  3932. 							else
  3933. 							{
  3934. 								var eleNotTranslated = trKeys[i].querySelector("span.token_nottranslated");
  3935. 								if (eleNotTranslated)
  3936. 								{
  3937. 									curMode = 0;	// Not Translated
  3938. 								}
  3939. 								else
  3940. 								{
  3941. 									curMode = 5;	// Translated
  3942. 								}
  3943. 							}
  3944. 						}
  3945.  
  3946. 						if (curMode === mode)
  3947. 						{
  3948. 							trKeys[i].classList.add("stsh_hidden");
  3949. 						}
  3950. 					}
  3951. 				}
  3952. 			}
  3953. 			
  3954. 			function sortKey(mode)
  3955. 			{
  3956. 				/*
  3957. 					mode:
  3958. 						0: key
  3959. 						1: string
  3960. 						2: word
  3961. 						3: length
  3962. 				*/
  3963. 				
  3964. 				if (mode < 0) return;
  3965. 				
  3966. 				var keyArr = new Array();
  3967. 				var valArr = new Array();
  3968. 				
  3969. 				var dot = "...";
  3970. 				var dotLengthMinus = 0 - dot.length;
  3971. 				var strNotTranslated = "NOT TRANSLATED";
  3972. 				var strTr = "";
  3973. 				
  3974. 				var eleKeys = document.querySelectorAll
  3975. 				(" \
  3976. 					#keylist > table:nth-child(1) \
  3977. 					> tbody:nth-child(1) > tr > td:nth-child(1) > div:nth-child(1) \
  3978. 					> table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(1) \
  3979. 				");
  3980. 				for (var i = 0; i < eleKeys.length; i++)
  3981. 				{
  3982. 					try
  3983. 					{
  3984. 						/*
  3985. 							key:
  3986. 								tr: is translated
  3987. 								sg: is suggested
  3988. 								dt: has dot
  3989. 								sb: spacebar count
  3990. 								sc: special char count
  3991. 								sp: has special char
  3992. 								ln: length
  3993. 								lt: length translated
  3994. 								st: spacebar count translated
  3995. 						*/
  3996. 						
  3997. 						var dot = "...";
  3998. 						var dotLengthMinus = 0 - dot.length;
  3999. 						var isDot = false;
  4000. 						var isSuggested = false;
  4001. 						var isTranslated = false;
  4002. 						
  4003. 						var key = eleKeys[i].textContent.trim() + "  ";
  4004. 						var str = "";
  4005. 						
  4006. 						if (mode !== 0)
  4007. 						{
  4008. 							str = eleKeys[i].parentElement.nextSibling.nextSibling.firstElementChild.textContent.trim();
  4009. 							isDot = (str.substr(dotLengthMinus) === dot);
  4010. 							
  4011. 							isSuggested = (eleKeys[i].nextElementSibling.nextElementSibling.textContent.trim() !== "");
  4012. 							strTr = eleKeys[i].parentElement.nextElementSibling.lastElementChild.textContent.trim();
  4013. 							isTranslated = (strTr !== strNotTranslated);
  4014. 						}
  4015. 						
  4016. 						if (mode === 0)
  4017. 						{
  4018. 							// mode: key
  4019. 							if (key.indexOf("GLOSSARY") === 0)
  4020. 							{
  4021. 								key = "0" + key;
  4022. 							}
  4023. 						}
  4024. 						if (mode === 1)
  4025. 						{
  4026. 							// mode: string
  4027. 							key = (isTranslated ? "tr00_ " : "tr99_ ") + strTr 
  4028. 								+ (isSuggested ? "  _sg00" : "  _sg99") + " ___ " + key;
  4029. 							key = str + "  ___ " + key;
  4030. 						}
  4031. 						else if (mode === 2)
  4032. 						{
  4033. 							// mode: word
  4034. 							key = (isTranslated ? "tr00_" : "tr99_") 
  4035. 								+ "st" + padZero(strTr.split(" ").length, 2) + "_"
  4036. 								+ "lt" + padZero(strTr.length, 3) + " " 
  4037. 								+ strTr + (isSuggested ? "  _sg00" : "  _sg99") + " ___ " + key;
  4038. 							key = (isDot ? "dt99_" : "dt00_")
  4039. 								+ "sb" + padZero(str.split(" ").length, 2) 
  4040. 								+ "_sc" + padZero(str.split(/[^a-z0-9 ]/i).length, 2)
  4041. 								+ " ___ " + str + "  ___ " + key;
  4042. 						}
  4043. 						else if (mode === 3)
  4044. 						{
  4045. 							// length
  4046. 							var length = 0;
  4047. 							if (str[0] === "<" || str[0] === "[")
  4048. 							{
  4049. 								length = str.length + 800;
  4050. 							}
  4051. 							else if (str.indexOf("<") > 0 || str.indexOf("[") > 0)
  4052. 							{
  4053. 								length = str.length + 600;
  4054. 							}
  4055. 							else
  4056. 							{
  4057. 								length = str.length;
  4058. 							}
  4059. 							
  4060. 							key = (isTranslated ? "tr00_" : "tr99_") + "lt" + padZero(strTr.length, 3) + " " 
  4061. 								+ strTr + (isSuggested ? "  _sg00" : "  _sg99") + " ___ " + key;
  4062. 							key = (isDot ? "dt99_" : "dt00_")
  4063. 								+ "sp" + (str.split(/[^a-z0-9]/i).length > 1 ? "99_" : "00_")
  4064. 								+ "ln" + padZero(length, 3)
  4065. 								+ " ___ " + str + "  ___ " + key;
  4066. 						}
  4067. 						
  4068. 						key = key.toLowerCase();
  4069. 						keyArr.push(key);
  4070. 						
  4071. 						var eleParent = eleKeys[i].parentElement.parentElement.parentElement
  4072. 							.parentElement.parentElement.parentElement;
  4073. 							
  4074. 						//eleParent.dataset.stshKey = key;
  4075. 						//console.log("Key: " + key);
  4076. 						
  4077. 						valArr[key] = eleParent.outerHTML.trim();
  4078. 					}
  4079. 					catch (ex)
  4080. 					{
  4081. 						console.error("sortKey", ex.message);
  4082. 					}
  4083. 				}
  4084. 				
  4085. 				var keyArrTmp = keyArr.slice();
  4086. 				keyArr.sort();
  4087. 				
  4088. 				var isSame = true;
  4089. 				for (var i = 0; i < keyArr.length; i++)
  4090. 				{
  4091. 					if (keyArr[i] !== keyArrTmp[i])
  4092. 					{
  4093. 						isSame = false;
  4094. 					}
  4095. 				}
  4096. 				
  4097. 				if (!isSame)
  4098. 				{
  4099. 					var eleTable = document.querySelector("#keylist > table:nth-child(1) > tbody:nth-child(1)");
  4100. 					if (eleTable)
  4101. 					{
  4102. 						var newInner = "";
  4103. 						
  4104. 						for (var i = 0; i < keyArr.length; i++)
  4105. 						{
  4106. 							newInner += valArr[keyArr[i]];
  4107. 						}
  4108. 						
  4109. 						eleTable.innerHTML = newInner;
  4110. 					}
  4111. 				}
  4112. 			}
  4113. 			
  4114. 			var activeHideStatus = [0, 0, 0, 0, 0, 0];
  4115. 				// notTranslated, suggested, resuggested, approved, declined, translated
  4116. 				
  4117. 			var activeHideKey = [0, 0, 0, 0, 0, 0];
  4118. 				// app, game, faq, support, promo, email
  4119. 				
  4120. 			var activeHideStr = [0, 0];
  4121. 				// notMatch, long
  4122. 				
  4123. 			var activeSort = -1;
  4124. 				
  4125. 			var eleBtnShowAll = document.querySelector("#stsh_showing_all");
  4126. 			if (eleBtnShowAll)
  4127. 			{
  4128. 				eleBtnShowAll.addEventListener("click", function()
  4129. 				{
  4130. 					var elesBtnShowing = document.querySelectorAll(
  4131. 						".stsh_showing_status, .stsh_showing_key, .stsh_showing_str");
  4132. 					for (var i = 0; i < elesBtnShowing.length; i++)
  4133. 					{
  4134. 						elesBtnShowing[i].disabled = false;
  4135. 					}
  4136. 					
  4137. 					for (var i = 0; i < activeHideStatus.length; i++)
  4138. 					{
  4139. 						activeHideStatus[i] = 0;
  4140. 					}
  4141. 					
  4142. 					for (var i = 0; i < activeHideKey.length; i++)
  4143. 					{
  4144. 						activeHideKey[i] = 0;
  4145. 					}
  4146. 					
  4147. 					for (var i = 0; i < activeHideStr.length; i++)
  4148. 					{
  4149. 						activeHideStr[i] = 0;
  4150. 					}
  4151. 					
  4152. 					activeSort = -1;
  4153. 					
  4154. 					hideKey(-1);	// Show all
  4155. 					
  4156. 					countShowing();
  4157. 				});
  4158. 			}
  4159.  
  4160. 			var elesBtnShowingStatus = document.querySelectorAll(".stsh_showing_status");
  4161. 			for (var i = 0; i < elesBtnShowingStatus.length; i++)
  4162. 			{
  4163. 				elesBtnShowingStatus[i].addEventListener("click", function(ev)
  4164. 				{
  4165. 					var mode = parseInt(ev.target.dataset.hidestatus) || 0;
  4166. 					
  4167. 					activeHideStatus[mode] = 1;
  4168. 					hideStatus(mode);
  4169. 					
  4170. 					ev.target.disabled = true;
  4171. 				});
  4172. 			}
  4173. 			
  4174. 			var obTarget_hider = document.querySelector("#keylist_container");
  4175. 			if (obTarget_hider)
  4176. 			{
  4177. 				var obMu_hider = new MutationObserver(function(mutations)
  4178. 				{
  4179. 					mutations.forEach(function(mutation)
  4180. 					{
  4181. 						//console.log("obMu_hider");
  4182. 						
  4183. 						for (var i = 0; i < activeHideStatus.length; i++)
  4184. 						{
  4185. 							if (activeHideStatus[i] === 1)
  4186. 							{
  4187. 								hideStatus(i);
  4188. 							}
  4189. 						}
  4190. 						
  4191. 						for (var i = 0; i < activeHideKey.length; i++)
  4192. 						{
  4193. 							if (activeHideKey[i] === 1)
  4194. 							{
  4195. 								hideKey(i);
  4196. 							}
  4197. 						}
  4198. 						
  4199. 						for (var i = 0; i < activeHideStr.length; i++)
  4200. 						{
  4201. 							if (activeHideStr[i] === 1)
  4202. 							{
  4203. 								hideStr(i);
  4204. 							}
  4205. 						}
  4206. 						
  4207. 						sortKey(activeSort);
  4208. 					});
  4209. 				});
  4210. 				
  4211. 				var obConfig_hider = { childList: true };
  4212. 				obMu_hider.observe(obTarget_hider, obConfig_hider);
  4213. 			}
  4214.  
  4215. 			var elesBtnSort = document.querySelectorAll(".stsh_sort");
  4216. 			for (var i = 0; i < elesBtnSort.length; i++)
  4217. 			{
  4218. 				elesBtnSort[i].addEventListener("click", function(ev)
  4219. 				{
  4220. 					var mode = parseInt(ev.target.dataset.sort) || 0;
  4221. 					
  4222. 					activeSort = mode;
  4223. 					sortKey(activeSort);
  4224. 				});
  4225. 			}
  4226.  
  4227. 			function setVisibleKey(startKey, visible)
  4228. 			{
  4229. 				// Use ("", true) to show all
  4230. 				
  4231. 				startKey = startKey.toLowerCase();
  4232. 				var display = visible !== true ? "none" : "";
  4233. 				var eleKeys = document.querySelectorAll
  4234. 				(" \
  4235. 					#keylist > table:nth-child(1) \
  4236. 					> tbody:nth-child(1) > tr > td:nth-child(1) > div:nth-child(1) \
  4237. 					> table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(1) \
  4238. 				");
  4239. 				for (var i = 0; i < eleKeys.length; i++)
  4240. 				{
  4241. 					try
  4242. 					{
  4243. 						if (eleKeys[i].textContent.trim().toLowerCase().indexOf(startKey) > -1)
  4244. 						{
  4245. 							var eleTarget = eleKeys[i].parentElement.parentElement.parentElement
  4246. 								.parentElement.parentElement.parentElement;
  4247. 							if (visible && eleTarget.classList.contains("stsh_hidden"))
  4248. 							{
  4249. 								eleTarget.classList.remove("stsh_hidden");
  4250. 							}
  4251. 							else if (!visible && !eleTarget.classList.contains("stsh_hidden"))
  4252. 							{
  4253. 								eleTarget.classList.add("stsh_hidden");
  4254. 							}
  4255. 						}
  4256. 					}
  4257. 					catch (ex)
  4258. 					{
  4259. 						console.error("setVisibleKey", ex.message);
  4260. 					}
  4261. 				}
  4262. 			}
  4263. 			
  4264. 			function hideKey(mode)
  4265. 			{
  4266. 				/*
  4267. 					mode:
  4268. 						-1: showAll
  4269. 						0: app
  4270. 						1: game
  4271. 						2: faq
  4272. 						3: support
  4273. 						4: promo
  4274. 						5: email
  4275. 				*/
  4276. 				
  4277. 				if (mode === -1)		// showAll
  4278. 				{
  4279. 					setVisibleKey("", true);
  4280. 				}
  4281. 				else if (mode === 0)	// app
  4282. 				{
  4283. 					setVisibleKey("# storefront_english_apps.txt #", false);
  4284. 					setVisibleKey("# storefront_english_main.txt # #app_", false);
  4285. 					setVisibleKey("# community_english.txt # SharedFiles_App_", false);
  4286. 					setVisibleKey("# appmgmt_english.txt #", false);
  4287. 					setVisibleKey("STEAM/VR", false);
  4288. 				}
  4289. 				else if (mode === 1)	// game
  4290. 				{
  4291. 					setVisibleKey("GAMES/", false);
  4292. 					setVisibleKey("TF_", false);
  4293. 				}
  4294. 				else if (mode === 2)	// faq
  4295. 				{
  4296. 					setVisibleKey("# support_faq_english.txt #", false);
  4297. 				}
  4298. 				else if (mode === 3)	// support
  4299. 				{
  4300. 					setVisibleKey("# supportui_english.txt #", false);
  4301. 					setVisibleKey("# help_english.txt #", false);
  4302. 				}
  4303. 				else if (mode === 4)	// promo
  4304. 				{
  4305. 					setVisibleKey("#promo", false);
  4306. 					setVisibleKey("#hardware", false);
  4307. 					setVisibleKey("ControllerBinding", false);
  4308. 					setVisibleKey("Library_Controller", false);
  4309. 					setVisibleKey("STEAM/HARDWARE", false);
  4310. 					setVisibleKey("STEAM/DELTA", false);
  4311. 					setVisibleKey("GAMES/KILLINGFLOOR2", false);
  4312. 				}
  4313. 				else if (mode === 5)	// email
  4314. 				{
  4315. 					setVisibleKey("#email", false);
  4316. 				}
  4317. 			}
  4318. 			
  4319. 			var elesBtnShowingKey = document.querySelectorAll(".stsh_showing_key");
  4320. 			for (var i = 0; i < elesBtnShowingKey.length; i++)
  4321. 			{
  4322. 				elesBtnShowingKey[i].addEventListener("click", function(ev)
  4323. 				{
  4324. 					var mode = parseInt(ev.target.dataset.hidekey) || 0;
  4325. 					
  4326. 					activeHideKey[mode] = 1;
  4327. 					hideKey(mode);
  4328. 					
  4329. 					ev.target.disabled = true;
  4330. 				});
  4331. 			}
  4332. 			
  4333. 			function hideStr(mode)
  4334. 			{
  4335. 				/*
  4336. 					mode:
  4337. 						0: notMatch
  4338. 						1: long
  4339. 				*/
  4340. 				
  4341. 				if (mode === 0)			// notMatch
  4342. 				{
  4343. 					var searchStr = decodeURIComponent(getQueryByName("search_input")).replace(/\\+/g," ").trim();
  4344. 					searchStr = searchStr.toLowerCase();
  4345. 					
  4346. 					var eleStrs = document.querySelectorAll
  4347. 					(" \
  4348. 						#keylist \
  4349. 						> table:nth-child(1) > tbody:nth-child(1) > tr > td:nth-child(1) > div:nth-child(1) \
  4350. 						> table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(2) \
  4351. 					");
  4352. 					for (var i = 0; i < eleStrs.length; i++)
  4353. 					{
  4354. 						try
  4355. 						{
  4356. 							var valStr = eleStrs[i].children[0].textContent.trim().toLowerCase();
  4357. 							var valTrn = eleStrs[i].children[2].textContent.trim().toLowerCase();
  4358. 							if (valStr !== searchStr && valTrn !== searchStr)
  4359. 							{
  4360. 								var eleTarget = eleStrs[i].parentElement.parentElement
  4361. 									.parentElement.parentElement.parentElement;
  4362. 								if (!eleTarget.classList.contains("stsh_hidden"))
  4363. 								{
  4364. 									eleTarget.classList.add("stsh_hidden");
  4365. 								}
  4366. 							}
  4367. 						}
  4368. 						catch (ex)
  4369. 						{
  4370. 							console.error("hideStrNotMatch", ex.message);
  4371. 						}
  4372. 					}
  4373. 				}
  4374. 				else if (mode === 1)	// long
  4375. 				{
  4376. 					var dot = "...";
  4377. 					var dotLengthMinus = 0 - dot.length;
  4378. 					
  4379. 					var eleStrs = document.querySelectorAll
  4380. 					(" \
  4381. 						#keylist \
  4382. 						> table:nth-child(1) > tbody:nth-child(1) > tr > td:nth-child(1) > div:nth-child(1) \
  4383. 						> table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(2) > td:nth-child(1) \
  4384. 					");
  4385. 					for (var i = 0; i < eleStrs.length; i++)
  4386. 					{
  4387. 						try
  4388. 						{
  4389. 							var valStr = eleStrs[i].textContent.trim();
  4390. 							if (valStr.substr(dotLengthMinus) === dot)
  4391. 							{
  4392. 								var eleTarget = eleStrs[i].parentElement.parentElement
  4393. 									.parentElement.parentElement.parentElement.parentElement;
  4394. 								if (!eleTarget.classList.contains("stsh_hidden"))
  4395. 								{
  4396. 									eleTarget.classList.add("stsh_hidden");
  4397. 								}
  4398. 							}
  4399. 						}
  4400. 						catch (ex)
  4401. 						{
  4402. 							console.error("hideStrLong", ex.message);
  4403. 						}
  4404. 					}
  4405. 				}
  4406. 			}
  4407. 			
  4408. 			var elesBtnShowingStr = document.querySelectorAll(".stsh_showing_str");
  4409. 			for (var i = 0; i < elesBtnShowingStr.length; i++)
  4410. 			{
  4411. 				elesBtnShowingStr[i].addEventListener("click", function(ev)
  4412. 				{
  4413. 					var mode = parseInt(ev.target.dataset.hidestr) || 0;
  4414. 					
  4415. 					activeHideStr[mode] = 1;
  4416. 					hideStr(mode);
  4417. 					
  4418. 					ev.target.disabled = true;
  4419. 				});
  4420. 			}
  4421. 			
  4422. 		} // End Hide & sort suggestions
  4423.  
  4424. 		resizeSuggestionBox();
  4425. 	
  4426. 		// Add Frame button when iframe load failed
  4427. 		{
  4428. 			var obTarget_ifrm = document.querySelector("#suggestions_iframe");
  4429. 			if (obTarget_ifrm)
  4430. 			{				
  4431. 				var obMu_ifrm = new MutationObserver(function(mutations) 
  4432. 				{ 
  4433. 					mutations.forEach(function(mutation) 
  4434. 					{ 							
  4435. 						var divFrame = document.querySelector("#stsh_frame");
  4436. 						if (!divFrame)
  4437. 						{
  4438. 							var divOuter = document.querySelector("#suggestions_box_outer");
  4439. 							if (divOuter)
  4440. 							{
  4441. 								divFrame = document.createElement("div");
  4442. 								divFrame.id = "stsh_frame";
  4443. 								divOuter.appendChild(divFrame);
  4444. 							}
  4445. 						}
  4446. 						if (divFrame)
  4447. 						{
  4448. 							var ifrm = document.querySelector("#suggestions_iframe");
  4449. 							if (ifrm)
  4450. 							{
  4451. 								var src = ifrm.getAttribute("src");
  4452. 								var token = getQueryByName("token_key", src);
  4453. 								
  4454. 								divFrame.innerHTML = 
  4455. ' \
  4456. <br/><br/> \
  4457. <div id="stsh_frame_sub"> \
  4458. 	Token: <span class="stsh_blue">' + token + '</span> \
  4459. 	<br/><br/> \
  4460. 	<a class="stsh_a_button" target="_blank" href="' + src + '">Frame</a> \
  4461. 	<br/><br/> \
  4462. 	This frame may be blocked by ad blocker software. \
  4463. 	<br/> \
  4464. 	Please whitelist https://translation.steampowered.com to prevent this missing frame. \
  4465. </div> \
  4466. ';
  4467. 							}
  4468. 						}
  4469. 					}); 
  4470. 				}); 
  4471.  
  4472. 				var obConfig_ifrm = { attributes: true, attributeFilter: ["src"] };
  4473. 				obMu_ifrm.observe(obTarget_ifrm, obConfig_ifrm);
  4474. 			}
  4475. 		}
  4476. 		
  4477. 		// Open frame if only one string
  4478. 		{
  4479. 			setTimeoutCustom(function()
  4480. 			{
  4481. 				var elesCopy = document.querySelectorAll("#keylist .copysmall");
  4482. 				if (elesCopy.length === 1)
  4483. 				{
  4484. 					var eleDiv = elesCopy[0].parentElement.parentElement.parentElement;
  4485. 					
  4486. 					if (eleDiv.tagName === "DIV")
  4487. 					{
  4488. 						if (!isVisible())
  4489. 						{
  4490. 							eleDiv.click();
  4491. 						}
  4492. 					}
  4493. 				}
  4494. 			}, 1000);
  4495. 		}
  4496. 		
  4497. 		// Clean timestamp
  4498. 		{
  4499. 			var eleInputTime = document.querySelector("input[name='t']");
  4500. 			if (eleInputTime)
  4501. 			{
  4502. 				eleInputTime.parentElement.removeChild(eleInputTime);
  4503. 			}
  4504. 		}
  4505. 		
  4506. 		// fix STS search options
  4507. 		{
  4508. 			for (var i = 0; i < 6; i++)
  4509. 			{
  4510. 				var elesSort = document.querySelectorAll("#search #sort" + i);
  4511. 				if (elesSort.length === 2)
  4512. 				{
  4513. 					elesSort[1].id = "status" + i;
  4514. 				}
  4515. 			}
  4516. 			
  4517. 			var elesLabel = document.querySelectorAll("#search label[for='sort0']");
  4518. 			if (elesLabel.length === 2)
  4519. 			{
  4520. 				elesLabel[1].setAttribute("for", "status0");
  4521. 			}
  4522. 		}
  4523. 	
  4524. 	} // End translate.php
  4525.  
  4526. 	if (url.indexOf("user_activity.php") > -1)
  4527. 	{
  4528. 		var user = "";
  4529. 		var eleAvatar = document.querySelector(".friend_block_avatar > a[href^='https://steamcommunity.com']");
  4530. 		if (eleAvatar)
  4531. 		{
  4532. 			eleAvatar.href = eleAvatar.href.replace("https://steamcommunity.com", "http://steamcommunity.com");
  4533. 			
  4534. 			if (eleAvatar.href.indexOf("http://steamcommunity.com/profiles/") === 0)
  4535. 			{
  4536. 				user = eleAvatar.href.replace("http://steamcommunity.com/profiles/", "");
  4537. 			}
  4538. 			
  4539. 			var name = eleAvatar.firstElementChild.getAttribute("title");
  4540. 			if (name === "")
  4541. 			{
  4542. 				name = user;
  4543. 			}
  4544. 			document.title = name + " - " + document.title;
  4545. 		}
  4546.  
  4547. 		var stsh_activityAddLink_start = new Date();
  4548. 		var stsh_activityAddLink_itv = setIntervalCustom(function(user)
  4549. 		{
  4550. 			// Add more links in user activity
  4551. 			
  4552. 			var stsh_activityAddLink_isEnd = false;
  4553. 			var stsh_activityAddLink_cur = new Date();
  4554. 	
  4555. 			var h3s = document.querySelectorAll("#leftAreaContainer h3");
  4556. 			if (h3s.length === 2)
  4557. 			{
  4558. 				var td = h3s[1].parentElement;
  4559. 				var matchArr = td.innerHTML.match(/<\/h3>.+<br>/i);
  4560. 				if (matchArr)
  4561. 				{
  4562. 					var name = matchArr[0]
  4563. 						.replace("</h3>-", "")
  4564. 						.replace("-<br>", "")
  4565. 						.replace("<br>", "")
  4566. 						.trim();
  4567. 						
  4568. 					if (name === "")
  4569. 					{
  4570. 						name = user;
  4571. 					}
  4572. 					if (name === "")
  4573. 					{
  4574. 						name = "Steam";
  4575. 					}
  4576. 					
  4577. 					var tagNew = "";
  4578. 					if (user === "")
  4579. 					{
  4580. 						tagNew = 
  4581. "\
  4582. </h3>\
  4583. <a id='stsh_sectionId' class='stsh_blue' target='_blank' href='http://steamcommunity.com/my'>\
  4584. " + name + "</a>, \
  4585. <a class='stsh_green' target='_blank' href='/WhereIsEsty.php'>Esty</a><br><br>\
  4586. ";
  4587. 					}
  4588. 					else
  4589. 					{
  4590. 						tagNew = 
  4591. "\
  4592. </h3>\
  4593. <a id='stsh_sectionId' class='stsh_blue' target='_blank' href='http://steamcommunity.com/profiles/" + user + "'>\
  4594. " + name + "</a>, \
  4595. <a class='stsh_green' target='_blank' href='/WhereIsEsty.php?collectionof=" + user + "'>Esty</a>\
  4596. "
  4597. 							/*
  4598. 							// Typonion
  4599. 							+ ", <a class='stsh_green' target='_blank' href='/translate.php?user="
  4600. 							+ user + "&onionhunter=1&liststatus=1'>Onion</a>
  4601. 							*/
  4602. 							+ " <br><br> ";
  4603. 					}
  4604. 					
  4605. 					td.innerHTML = td.innerHTML.replace(/<\/h3>.+<br>/i, tagNew);
  4606. 					
  4607. 					stsh_activityAddLink_isEnd = true;
  4608. 				}
  4609. 				
  4610. 				if (stsh_activityAddLink_isEnd || stsh_activityAddLink_cur - stsh_activityAddLink_start > 10000)
  4611. 				{
  4612. 					clearInterval(stsh_activityAddLink_itv);
  4613. 				}
  4614. 			}
  4615. 		}, 300, user);
  4616. 		
  4617. 		var countWord = "";
  4618. 		var countSugg = "";
  4619. 		
  4620. 		var inputDials = document.querySelectorAll("#leftAreaContainer input.dial");
  4621. 		if (inputDials.length === 2)
  4622. 		{
  4623. 			countWord = inputDials[0].getAttribute("title").replace("words", "").trim();
  4624. 			countSugg = inputDials[1].getAttribute("title").replace("suggestions", "").trim();
  4625. 		}
  4626. 		
  4627. 		var tdCount = document.querySelector("#leftAreaContainer td[align='left']");
  4628. 		if (tdCount)
  4629. 		{
  4630. 			tdCount.innerHTML = 
  4631. '\
  4632. <div style="width: 100px; display: inline-block; text-align: center;">Word: ' + countWord + '</div> \
  4633. <div style="width: 100px; display: inline-block; text-align: center; margin-left: 13px;">Suggestion: ' + countSugg + '</div>\
  4634. ';
  4635. 		}
  4636. 		
  4637. 		var sug = document.body.textContent;
  4638. 	
  4639. 		var regComment = /VIEW COMMENT/g;
  4640. 		var regSuggest = /VIEW SUGGESTION/g;
  4641. 	
  4642. 		var strComment = "...RECEIVED A MODERATOR COMMENT";
  4643. 		var strPending = "...ARE PENDING";
  4644. 		var strApproved = "...WERE APPROVED";
  4645. 		var strDeclined = "...WERE DECLINED";
  4646. 		var strApplied = "...HAVE BEEN APPLIED WITHIN THE LAST 14 DAYS";
  4647. 		var strRemoved = "...HAVE BEEN REMOVED WITHIN THE LAST 14 DAYS";
  4648. 	
  4649. 		var startComment = sug.indexOf(strComment);
  4650. 		var startPending = sug.indexOf(strPending);
  4651. 		var startApproved = sug.indexOf(strApproved);
  4652. 		var startDeclined = sug.indexOf(strDeclined);
  4653. 		var startApplied = sug.indexOf(strApplied);
  4654. 		var startRemoved = sug.indexOf(strRemoved);
  4655. 	
  4656. 		var sugComment = sug.substring(startComment,startPending);
  4657. 		var sugPending = sug.substring(startPending,startApproved);
  4658. 		var sugApproved = sug.substring(startApproved,startDeclined);
  4659. 		var sugDeclined = sug.substring(startDeclined,startApplied);
  4660. 		var sugApplied = sug.substring(startApplied,startRemoved);
  4661. 		var sugRemoved = sug.substring(startRemoved);
  4662. 	
  4663. 		var countComment = (sugComment.match(regComment) || []).length;
  4664. 		var countPending = (sugPending.match(regSuggest) || []).length;
  4665. 		var countApproved = (sugApproved.match(regSuggest) || []).length;
  4666. 		var countDeclined = (sugDeclined.match(regSuggest) || []).length;
  4667. 		var countApplied = (sugApplied.match(regSuggest) || []).length;
  4668. 		var countRemoved = (sugRemoved.match(regSuggest) || []).length;
  4669. 	
  4670. 		var divBtn = document.createElement("div");
  4671. 		document.body.appendChild(divBtn);
  4672. 		divBtn.innerHTML = 
  4673. ' \
  4674. <div style="position: fixed; z-index: 3; right: 12px; top: 84px; line-height: 24px; text-align: right;"> \
  4675. 	&nbsp; <input id="stsh_btnToProgress" value="To Progress" class="stsh_btn_long" type="button" \
  4676. 		onclick="scrollToId(\'stsh_sectionId\', -50); return false;" /><br/> \
  4677. 	 \
  4678. 	&nbsp; <span class="stsh_scroll_header">Scroll To</span>\
  4679. 	<li class="stsh_suggestion_btn stsh_suggestion stsh_suggestion_comment"><input value="Comment (' + countComment + ')"  \
  4680. 		class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionComment\'); return false;" ></li> \
  4681. 	<li class="stsh_suggestion_btn stsh_suggestion stsh_suggestion_pending"><input value="Pending (' + countPending + ')" \
  4682. 		class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionPending\'); return false;" ></li> \
  4683. 	<li class="stsh_suggestion_btn stsh_suggestion stsh_suggestion_approved"><input value="Approved (' + countApproved + ')" \
  4684. 		class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionApproved\'); return false;" ></li> \
  4685. 	<li class="stsh_suggestion_btn stsh_suggestion stsh_suggestion_declined"><input value="Declined (' + countDeclined + ')" \
  4686. 		class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionDeclined\'); return false;" ></li> \
  4687. 	<li class="stsh_suggestion_btn stsh_suggestion stsh_suggestion_applied"><input value="Applied (' + countApplied + ')" \
  4688. 		class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionApplied\'); return false;" ></li> \
  4689. 	<li class="stsh_suggestion_btn stsh_suggestion stsh_suggestion_removed"><input value="Removed (' + countRemoved + ')" \
  4690. 		class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionRemoved\'); return false;" ></li> \
  4691. 	<br/> \
  4692. 	&nbsp; <input value="Hide Suggestions" class="stsh_btn_long" type="button" onclick="hideSuggestion(); return false;" /><br/> \
  4693. 	&nbsp; <input value="Show Suggestions" class="stsh_btn_long" type="button" onclick="showSuggestion(); return false;" /><br/> \
  4694. 	<br/> \
  4695. 	&nbsp; <input value="Refresh" class="stsh_btn_long" type="button" onclick="window.location = window.location.href; return false;" /><br/> \
  4696. </div> \
  4697. ';
  4698.  
  4699. 		var divContainer = document.querySelector("#leftAreaContainer");
  4700. 		if (divContainer)
  4701. 		{
  4702. 			var inner = divContainer.innerHTML;
  4703. 			
  4704. 			var htmlPending = /\.\.\.ARE \<a [^\<]+\>PENDING\<\/a\>/i.exec(inner);
  4705. 			var htmlApproved = /\.\.\.WERE \<a [^\<]+\>APPROVED\<\/a\>/i.exec(inner);
  4706. 			var htmlDeclined = /\.\.\.WERE \<a [^\<]+\>DECLINED\<\/a\>/i.exec(inner);
  4707. 			
  4708. 			if (htmlPending && htmlApproved && htmlDeclined)
  4709. 			{
  4710. 				divContainer.innerHTML = inner
  4711. 					.replace("...RECEIVED A MODERATOR COMMENT",
  4712. 						"<span id='stsh_sectionComment' class='stsh_suggestion_header'>"
  4713. 						+ "...RECEIVED A MODERATOR COMMENT ("
  4714. 						+ countComment + ")</span>")
  4715. 					.replace(htmlPending,
  4716. 						"<span id='stsh_sectionPending' class='stsh_suggestion_header'>" + htmlPending + " ("
  4717. 						+ countPending + ")</span>")
  4718. 					.replace(htmlApproved,
  4719. 						"<span id='stsh_sectionApproved' class='stsh_suggestion_header'>" + htmlApproved + " ("
  4720. 						+ countApproved + ")</span>")
  4721. 					.replace(htmlDeclined,
  4722. 						"<span id='stsh_sectionDeclined' class='stsh_suggestion_header'>" + htmlDeclined + " ("
  4723. 						+ countDeclined + ")</span>")
  4724. 					.replace("...HAVE BEEN APPLIED WITHIN THE LAST 14 DAYS",
  4725. 						"<span id='stsh_sectionApplied' class='stsh_suggestion_header'>"
  4726. 						+ "...HAVE BEEN APPLIED WITHIN THE LAST 14 DAYS ("
  4727. 						+ countApplied + ")</span>")
  4728. 					.replace("...HAVE BEEN REMOVED WITHIN THE LAST 14 DAYS",
  4729. 						"<span id='stsh_sectionRemoved' class='stsh_suggestion_header'>"
  4730. 						+ "...HAVE BEEN REMOVED WITHIN THE LAST 14 DAYS ("
  4731. 						+ countRemoved + ")</span>");
  4732. 			}
  4733. 		}
  4734. 		
  4735. 		if (document.querySelector("#hours"))
  4736. 		{
  4737. 			var eleBtn = document.querySelector("#stsh_btnToProgress");
  4738. 			if (eleBtn)
  4739. 			{
  4740. 				var ele = document.createElement("input");
  4741. 				ele.classList.add("stsh_btn_long");
  4742. 				ele.setAttribute("value", "To Hours");
  4743. 				ele.setAttribute("type", "button");
  4744. 				ele.setAttribute("onclick", "scrollToElement(\"input[name*='[remarks]']\", -48); return false;");
  4745. 				insertAfterElement(ele, eleBtn);
  4746. 				
  4747. 				ele = document.createTextNode(" \u00A0 ");
  4748. 				insertAfterElement(ele, eleBtn);
  4749. 				
  4750. 				ele = document.createElement("br");
  4751. 				insertAfterElement(ele, eleBtn);
  4752. 			}
  4753. 		}
  4754. 		
  4755. 		var cans = document.querySelectorAll("canvas");
  4756. 		for (var i = 0; i < cans.length; i++)
  4757. 		{
  4758. 			cans[i].parentElement.removeChild(cans[i]);
  4759. 		}
  4760. 		
  4761. 		var aKeys = document.querySelectorAll("#leftAreaContainer li > a:nth-child(1)");
  4762. 		for (var i = 0; i < aKeys.length; i++)
  4763. 		{
  4764. 			var key = aKeys[i].textContent;
  4765. 			var keyArr = key.substr(21).trim().split(" >> ");
  4766. 			keyArr[0] = "<span style='color: #FFF !important;'>" + keyArr[0] + "</span>";
  4767. 			var keyNew = key.substr(0,21) + keyArr.join(" >> ") + "";
  4768. 			aKeys[i].innerHTML = keyNew;
  4769. 		}
  4770. 	
  4771. 		var sugModeComment = 0;
  4772. 		var sugModePending = 1;
  4773. 		var sugModeApproved = 2;
  4774. 		var sugModeDeclined = 3;
  4775. 		var sugModeApplied = 4;
  4776. 		var sugModeRemoved = 5;
  4777. 		
  4778. 		var sugMode = sugModeComment;
  4779. 		
  4780. 		var eleSugFirst = document.querySelector
  4781. 		(" \
  4782. 			#leftAreaContainer > a[href^='translate.php?search_input='] \
  4783. 			, #leftAreaContainer > form > a[href^='translate.php?search_input='] \
  4784. 		");
  4785. 		if (eleSugFirst)
  4786. 		{
  4787. 			var eleSugHeadPrev = eleSugFirst.previousElementSibling.previousElementSibling;
  4788. 			if (eleSugHeadPrev.id === "stsh_sectionRemoved")
  4789. 			{
  4790. 				sugMode = sugModeRemoved;
  4791. 			}
  4792. 			else if (eleSugHeadPrev.id === "stsh_sectionApplied")
  4793. 			{
  4794. 				sugMode = sugModeApplied;
  4795. 			}
  4796. 			else if (eleSugHeadPrev.id === "stsh_sectionDeclined")
  4797. 			{
  4798. 				sugMode = sugModeDeclined;
  4799. 			}
  4800. 			else if (eleSugHeadPrev.id === "stsh_sectionApproved")
  4801. 			{
  4802. 				sugMode = sugModeApproved;
  4803. 			}
  4804. 			else if (eleSugHeadPrev.id === "stsh_sectionPending")
  4805. 			{
  4806. 				sugMode = sugModePending;
  4807. 			}
  4808. 			
  4809. 			var eleSugNext = eleSugFirst;
  4810. 			while (eleSugNext)
  4811. 			{
  4812. 				if (eleSugNext.tagName === "A")
  4813. 				{
  4814. 					var attrHref = eleSugNext.getAttribute("href");
  4815. 					if (attrHref && attrHref.indexOf("translate.php?search_input=") === 0)
  4816. 					{
  4817. 						eleSugNext.classList.add("stsh_suggestion");
  4818. 						
  4819. 						if (sugMode === sugModeComment)
  4820. 						{
  4821. 							eleSugNext.classList.add("stsh_suggestion_comment");
  4822. 						}
  4823. 						else if (sugMode === sugModePending)
  4824. 						{
  4825. 							eleSugNext.classList.add("stsh_suggestion_pending");
  4826. 						}
  4827. 						else if (sugMode === sugModeApproved)
  4828. 						{
  4829. 							eleSugNext.classList.add("stsh_suggestion_approved");
  4830. 						}
  4831. 						else if (sugMode === sugModeDeclined)
  4832. 						{
  4833. 							eleSugNext.classList.add("stsh_suggestion_declined");
  4834. 						}
  4835. 						else if (sugMode === sugModeApplied)
  4836. 						{
  4837. 							eleSugNext.classList.add("stsh_suggestion_applied");
  4838. 						}
  4839. 						else if (sugMode === sugModeRemoved)
  4840. 						{
  4841. 							eleSugNext.classList.add("stsh_suggestion_removed");
  4842. 						}
  4843. 					}
  4844. 				}
  4845. 				else if (eleSugNext.tagName === "SPAN" && eleSugNext.classList.contains("stsh_suggestion_header"))
  4846. 				{
  4847. 					if (eleSugNext.id === "stsh_sectionRemoved")
  4848. 					{
  4849. 						sugMode = sugModeRemoved;
  4850. 					}
  4851. 					else if (eleSugNext.id === "stsh_sectionApplied")
  4852. 					{
  4853. 						sugMode = sugModeApplied;
  4854. 					}
  4855. 					else if (eleSugNext.id === "stsh_sectionDeclined")
  4856. 					{
  4857. 						sugMode = sugModeDeclined;
  4858. 					}
  4859. 					else if (eleSugNext.id === "stsh_sectionApproved")
  4860. 					{
  4861. 						sugMode = sugModeApproved;
  4862. 					}
  4863. 					else if (eleSugNext.id === "stsh_sectionPending")
  4864. 					{
  4865. 						sugMode = sugModePending;
  4866. 					}
  4867. 				}
  4868. 				
  4869. 				eleSugNext = eleSugNext.nextElementSibling;
  4870. 			}
  4871. 			
  4872. 		}
  4873. 		
  4874. 		// Change language & correct url
  4875. 		{
  4876. 			var aProgresses = document.querySelectorAll("div > .friend_block_avatar a[onmouseout]");
  4877. 			for (var i = 0; i < aProgresses.length; i++)
  4878. 			{
  4879. 				var langCur = getQueryByName("lang", aProgresses[i].href);
  4880. 				if (langCur === "")
  4881. 				{
  4882. 					aProgresses[i].href = aProgresses[i].href + lang;
  4883. 				}
  4884. 				else
  4885. 				{
  4886. 					if (langCur !== lang)
  4887. 					{
  4888. 						//var langQuery = (url.indexOf("?") > -1) ? "&lang=" : "?lang=";
  4889. 						//window.location = url + langQuery + langCur;
  4890. 						console.log("Lang: " + langCur);
  4891. 					}
  4892. 				}
  4893. 				
  4894. 				var aContent = aProgresses[i].textContent.trim();
  4895. 				if (aContent.indexOf("SUGGESTIONS") > -1)
  4896. 				{
  4897. 					aProgresses[i].href = aProgresses[i].href + "&listsort=5&liststatus=1&paginationrows=1000";
  4898. 				}
  4899. 				else if (aContent.indexOf("REVIEWS") > -1)
  4900. 				{
  4901. 					aProgresses[i].href = aProgresses[i].href + "&listsort=5&liststatus=3&paginationrows=1000";
  4902. 				}
  4903. 			}
  4904. 		}
  4905. 		
  4906. 		// Hours
  4907. 		if (document.querySelector("#hours"))
  4908. 		{
  4909. 			function calculateHours()
  4910. 			{
  4911. 				var rgxDate = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/;
  4912. 				var rgxTime = /^(\d{1,2}:\d{2}(:\d{2})?|\d{1,2}\.\d{2})$/;
  4913. 				
  4914. 				var eleFrom = document.querySelector("#stsh_hoursCalc_from");
  4915. 				var eleTo = document.querySelector("#stsh_hoursCalc_to");
  4916. 				var eleRes = document.querySelector("#stsh_hoursCalc_result");
  4917. 				
  4918. 				if (eleFrom && eleTo && eleRes)
  4919. 				{
  4920. 					var rawFrom = eleFrom.value.trim();
  4921. 					var rawTo = eleTo.value.trim();
  4922. 					
  4923. 					var valFrom = 0;
  4924. 					var valTo = 0;
  4925. 					
  4926. 					if (rgxDate.test(rawFrom))
  4927. 					{
  4928. 						rawFrom = rawFrom.substr(11);
  4929. 					}
  4930. 					if (rgxTime.test(rawFrom))
  4931. 					{
  4932. 						var arrTime = rawFrom.split(":");
  4933. 						if (arrTime.length === 1)
  4934. 						{
  4935. 							arrTime = rawFrom.split(".");
  4936. 						}
  4937. 						valFrom = parseInt(arrTime[1]) + (parseInt(arrTime[0]) * 60);
  4938. 					}
  4939. 					
  4940. 					if (rgxDate.test(rawTo))
  4941. 					{
  4942. 						rawTo = rawTo.substr(11);
  4943. 					}
  4944. 					if (rgxTime.test(rawTo))
  4945. 					{
  4946. 						var arrTime = rawTo.split(":");
  4947. 						if (arrTime.length === 1)
  4948. 						{
  4949. 							arrTime = rawTo.split(".");
  4950. 						}
  4951. 						valTo = parseInt(arrTime[1]) + (parseInt(arrTime[0]) * 60);
  4952. 					}
  4953. 					
  4954. 					var valDiff = Math.abs(valTo - valFrom);
  4955. 					
  4956. 					var valHr = parseInt(valDiff / 60);
  4957. 					var valMn = valDiff % 60;
  4958. 					
  4959. 					eleRes.textContent = padZero(valHr, 2) + ":" + padZero(valMn, 2);
  4960. 				}
  4961. 			}
  4962. 			
  4963. 			var curDateStr = getDateUs();
  4964. 			
  4965. 			// Add hours calculator
  4966. 			{
  4967. 				var eleFinalize = document.querySelector("#hours input[name='Finalize']");
  4968. 				if (eleFinalize)
  4969. 				{
  4970. 					var eleFinalizeParent = eleFinalize.parentElement;
  4971. 					eleFinalizeParent.setAttribute("colspan", "2");
  4972. 					eleFinalizeParent.style.verticalAlign = "top";
  4973. 					
  4974. 					var elePad = document.createElement("td");
  4975. 					insertBeforeElement(elePad, eleFinalizeParent);
  4976. 					
  4977. 					var eleCalc = document.createElement("td");
  4978. 					eleCalc.classList.add("stsh_hoursCalc");
  4979. 					
  4980. 					insertBeforeElement(eleCalc, eleFinalizeParent);
  4981. 										
  4982. 					if (eleCalc.parentElement.previousElementSibling.querySelector("input[type='radio']"))
  4983. 					{
  4984. 						eleCalc.appendChild(document.createElement("br"));
  4985. 					}
  4986. 					
  4987. 					var ele = document.createElement("b");
  4988. 					ele.textContent = " Hours Calculator (Estimated) ";
  4989. 					eleCalc.appendChild(ele);
  4990. 					
  4991. 					eleCalc.appendChild(document.createElement("br"));
  4992. 					
  4993. 					ele = document.createElement("span");
  4994. 					ele.innerHTML = 
  4995. ' \
  4996. Enter date or time to calculate range (calculate only hours and minutes). \
  4997. <br/>You can enter date "2016-01-01 08:05:00" or time "8:05" or time "8.05".\
  4998. ';
  4999. 					ele.setAttribute("style", "display: inline-block; padding-bottom: 4px;");
  5000. 					eleCalc.appendChild(ele);
  5001. 					
  5002. 					eleCalc.appendChild(document.createElement("br"));
  5003. 					
  5004. 					ele = document.createElement("span");
  5005. 					ele.textContent = " From: ";
  5006. 					eleCalc.appendChild(ele);
  5007. 					
  5008. 					ele = document.createElement("input");
  5009. 					ele.id = "stsh_hoursCalc_from";
  5010. 					ele.setAttribute("type", "text");
  5011. 					ele.setAttribute("onkeypress", "return event.keyCode !== 13;");
  5012. 					ele.setAttribute("autocomplete", "off");
  5013. 					ele.addEventListener("keyup", function()
  5014. 					{
  5015. 						calculateHours();
  5016. 					});
  5017. 					eleCalc.appendChild(ele);
  5018. 					
  5019. 					ele = document.createElement("span");
  5020. 					ele.innerHTML = "&nbsp;&nbsp; To: ";
  5021. 					eleCalc.appendChild(ele);
  5022. 					
  5023. 					ele = document.createElement("input");
  5024. 					ele.id = "stsh_hoursCalc_to";
  5025. 					ele.setAttribute("type", "text");
  5026. 					ele.setAttribute("onkeypress", "return event.keyCode !== 13;");
  5027. 					ele.setAttribute("autocomplete", "off");
  5028. 					ele.addEventListener("keyup", function()
  5029. 					{
  5030. 						calculateHours();
  5031. 					});
  5032. 					eleCalc.appendChild(ele);
  5033. 					
  5034. 					ele = document.createElement("input");
  5035. 					ele.id = "stsh_hoursCalc_toNow";
  5036. 					ele.setAttribute("type", "button");
  5037. 					ele.setAttribute("value", "Now");
  5038. 					ele.setAttribute("onclick", "return false;");
  5039. 					ele.addEventListener("click", function()
  5040. 					{
  5041. 						var eleTo = document.querySelector("#stsh_hoursCalc_to");
  5042. 						eleTo.value = getTimeUs();
  5043. 						calculateHours();
  5044. 					});
  5045. 					eleCalc.appendChild(ele);
  5046. 										
  5047. 					ele = document.createElement("span");
  5048. 					ele.innerHTML = "&nbsp;&nbsp; Result: ";
  5049. 					eleCalc.appendChild(ele);
  5050. 					
  5051. 					ele = document.createElement("b");
  5052. 					ele.id = "stsh_hoursCalc_result"
  5053. 					ele.textContent = " 00:00 ";
  5054. 					eleCalc.appendChild(ele);
  5055. 				}
  5056. 			}
  5057. 			
  5058. 			// Hilight current date
  5059. 			{
  5060. 				
  5061. 				var elesTd = document.querySelectorAll("#hours > table > tbody > tr > td:nth-child(1)");
  5062. 				for (var i = 0; i < elesTd.length; i++)
  5063. 				{
  5064. 					if (elesTd[i].textContent.indexOf(curDateStr) > -1)
  5065. 					{
  5066. 						elesTd[i].parentElement.id = "stsh_hours_curDate";
  5067. 						elesTd[i].parentElement.classList.add("stsh_hours_curDate");
  5068. 						
  5069. 						break;
  5070. 					}
  5071. 				}
  5072. 			}
  5073. 			
  5074. 			// Auto calculate hours in current date
  5075. 			{
  5076. 				var timePendingFirst = "";
  5077. 				var timePendingLast = "";
  5078. 				
  5079. 				var elesPending = document.querySelectorAll("#mainbody .stsh_suggestion_pending");
  5080. 				for (var i = 0; i < elesPending.length; i++)
  5081. 				{
  5082. 					var content = elesPending[i].textContent.trim().substr(0, 19);
  5083. 					if (content.substr(0, 10) === curDateStr)
  5084. 					{
  5085. 						timePendingFirst = content.substr(11, 5);
  5086. 						if (timePendingLast === "")
  5087. 						{
  5088. 							timePendingLast = timePendingFirst;
  5089. 						}
  5090. 					}
  5091. 					else
  5092. 					{
  5093. 						break;
  5094. 					}
  5095. 				}
  5096. 				
  5097. 				var timeApprovedFirst = "";
  5098. 				var timeApprovedLast = "";
  5099. 				
  5100. 				var elesApproved = document.querySelectorAll("#mainbody .stsh_suggestion_approved");
  5101. 				for (var i = 0; i < elesApproved.length; i++)
  5102. 				{
  5103. 					var content = elesApproved[i].textContent.trim().substr(0, 19);
  5104. 					if (content.substr(0, 10) === curDateStr)
  5105. 					{
  5106. 						timeApprovedFirst = content.substr(11, 5);
  5107. 						if (timeApprovedLast === "")
  5108. 						{
  5109. 							timeApprovedLast = timeApprovedFirst;
  5110. 						}
  5111. 					}
  5112. 					else
  5113. 					{
  5114. 						break;
  5115. 					}
  5116. 				}
  5117. 				
  5118. 				if (timePendingFirst === "")
  5119. 				{
  5120. 					timePendingFirst = timeApprovedFirst;
  5121. 				}				
  5122. 				if (timeApprovedFirst === "")
  5123. 				{
  5124. 					timeApprovedFirst = timePendingFirst;
  5125. 				}				
  5126. 				if (timePendingLast === "")
  5127. 				{
  5128. 					timePendingLast = timeApprovedLast;
  5129. 				}		
  5130. 				if (timeApprovedLast === "")
  5131. 				{
  5132. 					timeApprovedLast = timePendingLast;
  5133. 				}
  5134. 				
  5135. 				var timeFirst = timeApprovedFirst < timePendingFirst ? timeApprovedFirst : timePendingFirst;
  5136. 				var timeLast = timeApprovedLast > timePendingLast ? timeApprovedLast : timePendingLast;
  5137. 				
  5138. 				if (timeFirst !== "")
  5139. 				{
  5140. 					var eleFrom = document.querySelector("#stsh_hoursCalc_from");
  5141. 					if (eleFrom)
  5142. 					{
  5143. 						eleFrom.value = timeFirst;
  5144. 					}
  5145. 					var eleTo = document.querySelector("#stsh_hoursCalc_to");
  5146. 					if (eleTo)
  5147. 					{
  5148. 						eleTo.value = timeLast;
  5149. 					}
  5150. 					
  5151. 					calculateHours();
  5152. 				}
  5153. 			}
  5154. 			
  5155. 			// Make minutes add to hours
  5156. 			setTimeoutCustom(function()
  5157. 			{
  5158. 				var elesMn = document.querySelectorAll("#hours input[name*='[minutes]']");
  5159. 				for (var i = 0; i < elesMn.length; i++)
  5160. 				{
  5161. 					elesMn[i].setAttribute("min", "-15");
  5162. 					elesMn[i].setAttribute("max", "60");
  5163. 					elesMn[i].addEventListener("change", function(ev)
  5164. 					{
  5165. 						var eleMn = ev.target;
  5166. 						var eleHr = eleMn.parentElement.previousElementSibling.firstElementChild;
  5167. 						var valMn = parseInt(eleMn.value) || 0;
  5168. 						var valHr = parseInt(eleHr.value) || 0;
  5169. 						
  5170. 						if (valMn < 0)
  5171. 						{
  5172. 							if (valHr > 0)
  5173. 							{
  5174. 								eleHr.value = valHr - 1;
  5175. 								eleMn.value = 45;
  5176. 							}
  5177. 							else
  5178. 							{
  5179. 								eleMn.value = 0;
  5180. 							}
  5181. 						}
  5182. 						else if (valMn > 59)
  5183. 						{
  5184. 							if (valHr < 23)
  5185. 							{
  5186. 								eleHr.value = valHr + 1;
  5187. 								eleMn.value = 0;
  5188. 							}
  5189. 							else
  5190. 							{
  5191. 								eleMn.value = 45;
  5192. 							}
  5193. 						}
  5194. 					});
  5195. 				}
  5196. 			}, 500);
  5197. 			
  5198. 			// Make deferred can be clicked
  5199. 			{
  5200. 				var eleDeferred = document.querySelector("#hours td > i > span[title^='DATE']");
  5201. 				if (eleDeferred)
  5202. 				{
  5203. 					eleDeferred.dataset.title = eleDeferred.title;
  5204. 					eleDeferred.title = "Click to reveal";
  5205. 					
  5206. 					eleDeferred.addEventListener("click", function(ev)
  5207. 					{
  5208. 						var ele = ev.target;
  5209. 						
  5210. 						var eleDetail = document.querySelector(".stsh_deferred");
  5211. 						if (!eleDetail)
  5212. 						{
  5213. 							eleDetail = document.createElement("div");
  5214. 							eleDetail.classList.add("stsh_deferred");
  5215. 							ele.parentElement.parentElement
  5216. 								.parentElement.parentElement
  5217. 								.lastElementChild.firstElementChild
  5218. 								.appendChild(eleDetail);
  5219. 						}
  5220. 						
  5221. 						var space = String.fromCharCode(160);
  5222. 						var space3 = space + space + space;
  5223. 						eleDetail.innerHTML = "<br/>TOTAL DEFERRED HOURS" + space3 + " <br/>" 
  5224. 							+ ele.dataset.title.substr(61).trim()
  5225. 								.replace(/\n/g, space3 + " <br/>")
  5226. 							+ space3;
  5227. 					});
  5228. 				}
  5229. 			}
  5230. 		}
  5231. 		
  5232. 		// Hide wallet in other user pages
  5233. 		{
  5234. 			var eleASug = document.querySelector(".friend_block_avatar > a[href*='://translation.steampowered.com/translate.php'");
  5235. 			if (!eleASug || eleASug.textContent.trim() !== "YOUR SUGGESTIONS")
  5236. 			{
  5237. 				var elesAWallet = document.querySelectorAll("a[id^='walletkeys']");
  5238. 				for (var i = 0; i < elesAWallet.length; i++)
  5239. 				{
  5240. 					var eleCur = elesAWallet[i];
  5241. 					for (var j = 0; j < 5; j++)
  5242. 					{
  5243. 						eleCur.classList.add("stsh_hidden");
  5244. 						eleCur = eleCur.nextElementSibling;
  5245. 					}
  5246. 				}
  5247. 			}
  5248. 		}
  5249. 		
  5250. 	} // End user_activity.php
  5251. 	
  5252. 	if (/\/rally[0-9]{0,4}/.test(url))
  5253. 	{
  5254. 		resizeSuggestionBox();
  5255. 	
  5256. 		var outer = document.querySelector("#suggestions_box_outer");
  5257. 		if (outer)
  5258. 		{
  5259. 			outer.setAttribute("onclick", "hideSuggestionsBox();");
  5260. 		}
  5261. 		
  5262. 		// Set cur lang to first
  5263. 		{
  5264. 			var first = document.querySelector(".gradienttable tr:nth-child(6)");
  5265. 			if (first)
  5266. 			{
  5267. 				var cur = null;
  5268. 				
  5269. 				var tdLangs = document.querySelectorAll(".gradienttable tr > td:nth-child(1)");
  5270. 				for (var i = 0; i < tdLangs.length; i++)
  5271. 				{
  5272. 					if (lang === tdLangs[i].textContent.trim().toLowerCase())
  5273. 					{
  5274. 						cur = tdLangs[i].parentElement;
  5275. 						break;
  5276. 					}
  5277. 				}
  5278. 				
  5279. 				if (cur)
  5280. 				{
  5281. 					cur.classList.add("stsh_curLang");
  5282. 					first.parentElement.insertBefore(cur, first);
  5283. 				}
  5284. 			}
  5285. 		}
  5286. 		
  5287. 		// Change row per page
  5288. 		{
  5289. 			var eleAs = document.querySelectorAll(".gradienttable tr:nth-child(6) a[href^='translate.php?']");
  5290. 			for (var i = 0; i < eleAs.length; i++)
  5291. 			{
  5292. 				eleAs[i].href = eleAs[i].href + "&paginationrows=1000";
  5293. 			}
  5294. 		}
  5295. 		
  5296. 		var inputClose = document.querySelector("td:nth-child(3) > input:nth-child(1)");
  5297. 		if (inputClose)
  5298. 		{
  5299. 			inputClose.value = "Close (Esc)";
  5300. 		}
  5301. 		
  5302. 	} // End rally.php
  5303. 	
  5304. 	if (/\/rally_results_?[0-9]{0,4}/.test(url))
  5305. 	{
  5306. 		var h3 = document.querySelector("table.curved h3");
  5307. 		if (h3)
  5308. 		{
  5309. 			document.title = h3.textContent.trim();
  5310. 		}
  5311. 		
  5312. 		var eleTable = document.querySelector("body > div:nth-child(1) > table:nth-child(1)");
  5313. 		if (eleTable)
  5314. 		{
  5315. 			eleTable.style.width = "";
  5316. 		}		
  5317. 		
  5318. 		var inputClose = document.querySelector("td:nth-child(3) > input:nth-child(1)");
  5319. 		if (inputClose)
  5320. 		{
  5321. 			inputClose.value = "Close (Esc)";
  5322. 			inputClose.focus();
  5323. 		}
  5324. 		
  5325. 		// Add frame and background button
  5326. 		{
  5327. 			var eleTdFirst = document.querySelector("td:nth-child(1)");
  5328. 			if (eleTdFirst)
  5329. 			{
  5330. 				var eleTdFrame = document.createElement("td");
  5331. 				eleTdFrame.setAttribute("align", "right");
  5332. 				eleTdFrame.innerHTML = 
  5333. 					' <a class="stsh_a_button" target="_blank" href="' + url + '">Frame</a> ';
  5334. 				insertBeforeElement(eleTdFrame, eleTdFirst);
  5335. 				
  5336. 				var img = document.body.style.backgroundImage;
  5337. 				if (img.indexOf("url(\"") === 0)
  5338. 				{
  5339. 					img = img.replace("url(\"", "").replace("\")", "");
  5340. 					
  5341. 					var eleTdImage = document.createElement("td");
  5342. 					eleTdImage.setAttribute("align", "right");
  5343. 					eleTdImage.innerHTML = 
  5344. 						' <a class="stsh_a_button" target="_blank" href="' + img + '">View Background</a> ';
  5345. 					insertAfterElement(eleTdImage, eleTdFrame);
  5346. 				}
  5347. 			}
  5348. 		}
  5349. 		
  5350. 		var inputPrev = document.querySelector("input[value^='Prev']");
  5351. 		if (inputPrev)
  5352. 		{
  5353. 			addKeyCtrl(document, inputPrev, 219, "[", 1|2);		// [
  5354. 			addKeyCtrl(document, inputPrev, "BracketLeft");		// [			
  5355. 			disableAfterClick(inputPrev);
  5356. 		}
  5357. 		
  5358. 		var inputNext = document.querySelector("input[value^='Next']");
  5359. 		if (inputNext)
  5360. 		{
  5361. 			addKeyCtrl(document, inputNext, 221, "]", 1|2);		// ]
  5362. 			addKeyCtrl(document, inputNext, "BracketRight");	// ]			
  5363. 			disableAfterClick(inputNext);
  5364. 		}
  5365. 		
  5366. 		// Hilight cur lang
  5367. 		{
  5368. 			var elesLang = document.querySelectorAll("table.curved > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(3) > h2:nth-child(1)");
  5369. 			for (var i = 0; i < elesLang.length; i++)
  5370. 			{
  5371. 				if (lang === elesLang[i].textContent.trim().toLowerCase())
  5372. 				{
  5373. 					var eleParent = elesLang[i].parentElement.parentElement.parentElement.parentElement;
  5374. 					//eleParent.style.backgroundColor = "#474D1A";
  5375. 					eleParent.classList.add("stsh_curLang");
  5376. 					eleParent.setAttribute("bgcolor", "#474D1A");
  5377. 					eleParent.setAttribute("onmouseout", "this.bgColor='#474D1A'");
  5378. 					eleParent.setAttribute("onmouseover", "this.bgColor='#76802B'");
  5379. 					break;
  5380. 				}
  5381. 			}
  5382. 		}
  5383. 		
  5384. 		// Reset points position
  5385. 		{
  5386. 			var eleSpan = document.querySelector("h5 > span");
  5387. 			if (eleSpan)
  5388. 			{
  5389. 				eleSpan.parentElement.parentElement.removeAttribute("style");
  5390. 			}
  5391. 		}
  5392. 		
  5393. 	} // End rally_results.php
  5394. 	
  5395. 	if (/\/rallyreplay_?[0-9]{0,4}/.test(url))
  5396. 	{
  5397. 		// Set cur lang to first
  5398. 		{
  5399. 			var elesFrame = document.querySelectorAll("#leftAreaContainer div[id^='frame']");
  5400. 			for (var i = 0; i < elesFrame.length; i++)
  5401. 			{
  5402. 				var first = elesFrame[i].querySelector(".gradienttable tr:nth-child(6)");
  5403. 				if (first)
  5404. 				{
  5405. 					var cur = null;
  5406. 					
  5407. 					var tdLangs = elesFrame[i].querySelectorAll(".gradienttable tr > td:nth-child(1)");
  5408. 					for (var j = 0; j < tdLangs.length; j++)
  5409. 					{
  5410. 						if (lang === tdLangs[j].textContent.trim().toLowerCase())
  5411. 						{
  5412. 							cur = tdLangs[j].parentElement;
  5413. 							break;
  5414. 						}
  5415. 					}
  5416. 					
  5417. 					if (cur)
  5418. 					{
  5419. 						cur.classList.add("stsh_curLang");
  5420. 						first.parentElement.insertBefore(cur, first);
  5421. 					}
  5422. 				}
  5423. 			}
  5424. 		}
  5425. 		
  5426. 		var eleBtn = document.querySelector("input[value='FASTEST']");
  5427. 		if (eleBtn)
  5428. 		{			
  5429. 			var ele = document.createElement("input");
  5430. 			ele.setAttribute("type", "button");
  5431. 			ele.setAttribute("value", "RESTART");
  5432. 			ele.setAttribute("style", "padding: 0; border: none; background: none;");
  5433. 			ele.setAttribute("onclick", 
  5434. " \
  5435. indexReplay = 0; \
  5436. elsFrame.eq(indexReplay).fadeOut(0, function() \
  5437. { \
  5438. 	indexReplay = (indexReplay + 1) % lenFrame; \
  5439. 	elsFrame.eq(indexReplay).fadeIn(0); \
  5440. }); \
  5441. ");
  5442. 				
  5443. 			insertAfterElement(ele, eleBtn);
  5444. 			
  5445. 			insertAfterElement(document.createTextNode(" | "), eleBtn);
  5446. 		}
  5447. 		
  5448. 	} // End rallyreplay.php
  5449. 	
  5450. 	if (url.indexOf("/WhereIsEsty.php") > -1)
  5451. 	{
  5452. 		resizeSuggestionBox();
  5453. 	
  5454. 		var outer = document.querySelector("#suggestions_box_outer");
  5455. 		if (outer)
  5456. 		{
  5457. 			outer.setAttribute("onclick", "hideSuggestionsBox();");
  5458. 		}
  5459. 		
  5460. 		var divContainer = document.querySelector("#pageContainer");
  5461. 		if (divContainer)
  5462. 		{
  5463. 			var ele = document.createElement("div");
  5464. 			ele.id = "logout";
  5465. 			ele.innerHTML = 
  5466. 				' <a class="stsh_a_button" target="_blank" href="/home.php">Home</a> ';
  5467. 			divContainer.appendChild(ele);
  5468. 		}
  5469.  
  5470. 		var divContent = document.querySelector("#leftAreaContainer > div");
  5471. 		if (divContent)
  5472. 		{
  5473. 			var countSnap = document.querySelectorAll("div.box").length;
  5474. 			var user = "";
  5475. 			var name = "";
  5476.  
  5477. 			var eleImg = document.querySelector("#leftAreaContainer > div > div > a > img ");
  5478. 			if (eleImg)
  5479. 			{
  5480. 				name = eleImg.getAttribute("title");
  5481. 				user = eleImg.parentElement.getAttribute("href").replace("https://steamcommunity.com/profiles/", "");
  5482. 			}
  5483. 			var ele = document.createElement("div");
  5484. 			ele.setAttribute("class", "stsh_snapshot");
  5485. 			ele.innerHTML = "<a class='stsh_blue' target='_blank' href='/user_activity.php?user="
  5486. 				+ user + "'>" + name + "</a>"
  5487. 				+ "<br>Snapshot: " + countSnap;
  5488.  
  5489. 			divContent.appendChild(ele);
  5490. 		}
  5491. 		
  5492. 	} // End WhereIsEsty.php
  5493. 	
  5494. 	if (url.indexOf("/stickerbox.php") > -1)
  5495. 	{
  5496. 		document.querySelector("textarea[name='add_comment']").focus();
  5497. 		
  5498. 		var inputPrev = document.querySelector("img[src*='z0lEQVRIx5WWaWxVRRTH'");
  5499. 		if (inputPrev)
  5500. 		{
  5501. 			addKeyCtrl(document, inputPrev, 219);				// [
  5502. 			addKeyCtrl(document, inputPrev, "BracketLeft");		// [			
  5503. 			disableAfterClick(inputPrev);
  5504. 		}
  5505. 		
  5506. 		var inputNext = document.querySelector("img[src*='40lEQVRIx5WWe0xXZRjH'");
  5507. 		if (inputNext)
  5508. 		{
  5509. 			addKeyCtrl(document, inputNext, 221);				// ]
  5510. 			addKeyCtrl(document, inputNext, "BracketRight");	// ]			
  5511. 			disableAfterClick(inputNext);
  5512. 		}
  5513. 	} // End stickerbox.php
  5514. 	
  5515. 	if (/\/(home\.php|index\.php)/i.test(url))
  5516. 	{
  5517. 		// Set cur lang to first
  5518. 		{
  5519. 			var first = null;
  5520. 			var cur = null;
  5521. 			var curLang = lang.substring(0, 4);
  5522. 			
  5523. 			if (curLang === "schi")
  5524. 				curLang = "sim.";
  5525. 			else if (curLang === "tchi")
  5526. 				curLang = "tra.";
  5527. 			
  5528. 			var eleLangs = document.querySelectorAll("#overall .progress");
  5529. 			if (eleLangs.length > 0)
  5530. 			{
  5531. 				first = eleLangs[0];
  5532. 				for (var i = 0; i < eleLangs.length; i++)
  5533. 				{
  5534. 					if (curLang === eleLangs[i].textContent.trim().substring(0, 4).toLowerCase())
  5535. 					{
  5536. 						cur = eleLangs[i];
  5537. 						break;
  5538. 					}
  5539. 				}
  5540. 				
  5541. 				if (cur)
  5542. 				{
  5543. 					var curSib1 = cur.nextSibling;
  5544. 					var curSib2 = curSib1.nextSibling;
  5545. 					var curSib3 = curSib2.nextSibling;
  5546. 					var curSib4 = curSib3.nextSibling;
  5547. 					var curSib5 = curSib4.nextSibling;
  5548. 					var curSib6 = curSib5.nextSibling;
  5549. 					
  5550. 					insertBeforeElement(cur, first);
  5551. 					insertAfterElement(curSib6, cur);
  5552. 					insertAfterElement(curSib5, cur);
  5553. 					insertAfterElement(curSib4, cur);
  5554. 					insertAfterElement(curSib3, cur);
  5555. 					insertAfterElement(curSib2, cur);
  5556. 					insertAfterElement(curSib1, cur);
  5557. 				}
  5558. 			}
  5559. 		}
  5560. 		
  5561. 		if (document.querySelector("#logout"))
  5562. 		{
  5563. 			var tmplHome = 
  5564. ' \
  5565. <div class="stsh_home_group"> \
  5566. 	<span class="stsh_home_header">Shortcuts</span>\
  5567. 	<br/> &nbsp; <a class="stsh_a_button stsh_btn_med" target="_blank" \
  5568. 		href="/translate.php?search_input=DATE%3A+%DATE%&paginationrows=1000">New Today</a> &nbsp; \
  5569. 	<br/> &nbsp; <a class="stsh_a_button stsh_btn_med" target="_blank" href="/glossary.php">Glossary</a> &nbsp; \
  5570. 	\
  5571. 	<br/> <span class="stsh_home_header">Rally</span>\
  5572. 	<br/> &nbsp; <a class="stsh_a_button stsh_btn_med" target="_blank" href="/rally.php">Rally</a> &nbsp; \
  5573. 	%RALLY% \
  5574. 	\
  5575. 	<br/> <span class="stsh_home_header">Events</span>\
  5576. 	<br/> &nbsp; <a class="stsh_a_button stsh_btn_med" target="_blank" href="/rallyreplay.php">Rally Replay</a> &nbsp; \
  5577. 	<br/> &nbsp; <a class="stsh_a_button stsh_btn_med" target="_blank" href="/onionolooorm.php">Typonion</a> &nbsp; \
  5578. 	<br/> &nbsp; <a class="stsh_a_button stsh_btn_med" target="_blank" href="/dstbattle.php">DST Battle</a> &nbsp; \
  5579. 	<br/> &nbsp; <a class="stsh_a_button stsh_btn_med" target="_blank" href="/dota2.php">DOTA 2</a> &nbsp; \
  5580. 	<br/> \
  5581. </div> \
  5582. ';
  5583. 			
  5584. 			tmplHome = tmplHome.replace("%DATE%", getDateUs());
  5585. 			
  5586. 			// Rally
  5587. 			{
  5588. 				var date = new Date();
  5589. 				var yearLast = date.getUTCFullYear();
  5590. 				var yearFirst = 2013;
  5591. 				
  5592. 				var strRally = "";
  5593. 				
  5594. 				for (var i = yearLast; i >= yearFirst; i--)
  5595. 				{
  5596. 					if (i < yearLast || isRally())
  5597. 					{
  5598. 						strRally += 
  5599. ' \
  5600. <br/> &nbsp; \
  5601. <a class="stsh_a_button stsh_btn_med" target="_blank" href="/rally' + i + '.php">\
  5602. Rally ' + i + '</a> &nbsp; \
  5603. ';
  5604. 					}
  5605. 				}
  5606. 				
  5607. 				tmplHome = tmplHome.replace("%RALLY%", strRally);
  5608. 			}
  5609. 			
  5610. 			
  5611. 			var eleNew = document.createElement("div");
  5612. 			
  5613. 			eleNew.innerHTML = tmplHome;
  5614. 			
  5615. 			document.body.appendChild(eleNew);
  5616. 		}
  5617. 		
  5618. 		// Fix STS JS error
  5619. 		{
  5620. 			var eleTimer = document.querySelector("#timer");
  5621. 			if (!eleTimer)
  5622. 			{
  5623. 				var ele = document.createElement("div");
  5624. 				ele.id = "timer";
  5625. 				ele.classList.add("stsh_hidden");
  5626. 				document.body.appendChild(ele);
  5627. 			}
  5628. 		}
  5629. 		
  5630. 	} // End home.php
  5631. 	
  5632. 	if (url.indexOf("/glossary.php") > -1)
  5633. 	{
  5634. 		// Add shortcuts
  5635. 		{
  5636. 			var contentGlos = 
  5637. ' \
  5638. <div class="stsh_home_group"> \
  5639. 	<span class="stsh_home_header">Shortcuts</span> \
  5640. 	<br/> &nbsp; \
  5641. 	<a class="stsh_a_button stsh_btn_med" target="_blank" \
  5642. 		href="/translate.php?chosenfile=1&listfilter=1&listsort=3&paginationrows=1000&branch_ID=49&file_ID=226"> \
  5643. 			Glossary</a> &nbsp; \
  5644. 	<br/> &nbsp; \
  5645. 	<a class="stsh_a_button stsh_btn_med" target="_blank" \
  5646. 		href="/translate.php?chosenfile=1&listfilter=1&listsort=3&paginationrows=1000&branch_ID=49&file_ID=232"> \
  5647. 			Phrases</a> &nbsp; \
  5648. 	<br/> \
  5649. </div> \
  5650. ';
  5651. 			
  5652. 			var eleNew = document.createElement("div");			
  5653. 			eleNew.innerHTML = contentGlos;			
  5654. 			document.body.appendChild(eleNew);
  5655. 		}
  5656. 		
  5657. 		// Improve glossary links
  5658. 		{
  5659. 			var elesLink = document.querySelectorAll("#votes_container > .lbAction a[href^='./translate.php?search_input=']");
  5660. 			for (var i = 0; i < elesLink.length; i++)
  5661. 			{
  5662. 				elesLink[i].href = elesLink[i].href.replace("keyonly=0", "keyonly=2")
  5663. 					.replace("listsort=0", "listsort=4")
  5664. 					.replace("paginationrows=50", "paginationrows=1000");
  5665. 			}
  5666. 		}
  5667. 		
  5668. 	} // End glossary.php
  5669. 	
  5670. 	if (url.indexOf("/dstbattle.php") > -1)
  5671. 	{		
  5672. 		// Hilight cur lang
  5673. 		{
  5674. 			var cur = null;
  5675. 			
  5676. 			var elesLang = document.querySelectorAll(".gradienttable > tbody:nth-child(1) > tr > th:nth-child(1)");
  5677. 			for (var i = 1; i < elesLang.length; i++)
  5678. 			{
  5679. 				if (lang === elesLang[i].textContent.trim().replace(/[0-9]+\. /, "").toLowerCase())
  5680. 				{
  5681. 					cur = elesLang[i].parentElement;
  5682. 					break;
  5683. 				}
  5684. 			}
  5685. 			
  5686. 			if (cur)
  5687. 			{
  5688. 				cur.classList.add("stsh_dst_curLang");
  5689. 			}
  5690. 		}
  5691. 		
  5692. 	} // End dstbattle.php
  5693. 	
  5694. 	if (url.indexOf("/statistics.php") > -1)
  5695. 	{
  5696. 		setTimeoutCustom(function()
  5697. 		{
  5698. 			var qBranch = getQueryByName("branch_ID");
  5699. 			var qFile = getQueryByName("file_ID");
  5700. 			
  5701. 			if (qBranch === "" && qFile === "")
  5702. 			{
  5703. 				var keyIdArr = new Array();
  5704. 				var valDataArr = new Array();
  5705. 				
  5706. 				var keyBrArr = new Array();
  5707. 				var valBrArr = new Array();
  5708. 				
  5709. 				var keyTrArr = new Array();
  5710. 				var valTrArr = new Array();
  5711. 				
  5712. 				var keyApArr = new Array();
  5713. 				var valApArr = new Array();
  5714. 					
  5715. 				var eleHead = document.querySelector("#overall");
  5716. 				if (eleHead)
  5717. 				{
  5718. 					function getProgress(content)
  5719. 					{
  5720. 						var rgxNum = /[0-9]+/g;
  5721. 						var data = "";
  5722. 						if (content.indexOf("<15") > -1)
  5723. 						{
  5724. 							data = "014"
  5725. 						}
  5726. 						else if (content.indexOf("100") < 0)
  5727. 						{
  5728. 							data = "0" + (content.match(rgxNum) || ["00"])[0];
  5729. 						}
  5730. 						else
  5731. 						{
  5732. 							data = "100";
  5733. 						}
  5734. 						return data;
  5735. 					}
  5736. 						
  5737. 					var dataId = -1;
  5738. 					var dataBr = "";
  5739. 					var dataTr = "";
  5740. 					var dataAp = "";
  5741. 					
  5742. 					var eleProgress = document.createElement("div");
  5743. 					
  5744. 					while (eleHead.firstChild)
  5745. 					{
  5746. 						var child = eleHead.firstChild;
  5747. 						if (child.nodeName !== "#text")
  5748. 						{
  5749. 							if (child.id === "" && child.classList.contains("progress"))
  5750. 							{
  5751. 								dataId++;
  5752. 								
  5753. 								eleProgress = document.createElement("div");
  5754. 								eleProgress.classList.add("stsh_stat_progress");
  5755. 								
  5756. 								dataBr = child.textContent.trim();
  5757. 								if (dataBr.indexOf("glossary") === 0)
  5758. 								{
  5759. 									dataBr = "0" + dataBr;
  5760. 								}								
  5761. 								
  5762. 								eleProgress.setAttribute("data-br", dataBr);
  5763. 								eleProgress.setAttribute("data-id", dataId);
  5764. 								
  5765. 								keyIdArr.push(dataId);
  5766. 								valDataArr[dataId] = eleProgress;
  5767. 							}
  5768. 							else if (child.classList.contains("graphtranslatedstats"))
  5769. 							{
  5770. 								dataTr = getProgress(child.textContent);
  5771. 								eleProgress.setAttribute("data-tr", dataTr);
  5772. 							}
  5773. 							else if (child.classList.contains("graphapprovedstats"))
  5774. 							{
  5775. 								dataAp = getProgress(child.textContent);
  5776. 								eleProgress.setAttribute("data-ap", dataAp);
  5777. 								
  5778. 								//var dataId = eleProgress.dataset.id;
  5779. 								//var dataTr = eleProgress.dataset.tr;
  5780. 								//var dataBr = eleProgress.dataset.br;
  5781. 								var dataTrApBr = dataTr + "_" + dataAp + "_" + dataBr;
  5782. 								var dataApTrBr = dataAp + "_" + dataTr + "_" + dataBr;
  5783. 								
  5784. 								//eleProgress.setAttribute("data-trapbr", dataTrApBr);
  5785. 								//eleProgress.setAttribute("data-aptrbr", dataApTrBr);
  5786. 								
  5787. 								keyBrArr.push(dataBr);
  5788. 								valBrArr[dataBr] = dataId;
  5789. 								
  5790. 								keyTrArr.push(dataTrApBr);
  5791. 								valTrArr[dataTrApBr] = dataId;
  5792. 								
  5793. 								keyApArr.push(dataApTrBr);
  5794. 								valApArr[dataApTrBr] = dataId;
  5795. 							}
  5796. 						}
  5797. 						
  5798. 						eleProgress.appendChild(child);
  5799. 					}
  5800. 					
  5801. 					var i = keyIdArr.length - 1;
  5802. 					if (i > -1)
  5803. 					{
  5804. 						eleHead.appendChild(valDataArr[keyIdArr[i]]);
  5805. 					}
  5806. 					for (i--; i > -1; i--)
  5807. 					{
  5808. 						insertBeforeElement(valDataArr[keyIdArr[i]], eleHead.firstElementChild);
  5809. 					}
  5810. 					
  5811. 					keyBrArr.sort();
  5812. 					keyTrArr.sort().reverse();
  5813. 					keyApArr.sort().reverse();
  5814. 				}
  5815. 				
  5816. 				var eleDiv = document.createElement("div");
  5817. 				document.body.appendChild(eleDiv);
  5818. 				eleDiv.innerHTML = 
  5819. ' \
  5820. <div class="stsh_showing_group"> \
  5821. 	<span class="stsh_showing_header">Hide</span>\
  5822. 	<br/> &nbsp; <input id="stsh_stat_hideGame" value="Game" class="stsh_btn_short" type="button" /> \
  5823. 	<input id="stsh_stat_hideSteam" value="Steam" class="stsh_btn_short" type="button" /> \
  5824. 	<br/> &nbsp; <input id="stsh_stat_hideApproved" value="Approved" class="stsh_btn_long" type="button" /> \
  5825. 	<br/> &nbsp; <input id="stsh_stat_hideCompleted" value="Completed" class="stsh_btn_long" type="button" /> \
  5826. 	 \
  5827. 	<br/> &nbsp; <span class="stsh_showing_header">Sort by</span>\
  5828. 	<br/> &nbsp; <input id="stsh_stat_sortBr" value="Branch" class="stsh_btn_long" type="button" /> \
  5829. 	<br/> &nbsp; <input id="stsh_stat_sortTr" value="Translated" class="stsh_btn_long" type="button" /> \
  5830. 	<br/> &nbsp; <input id="stsh_stat_sortAp" value="Approved" class="stsh_btn_long" type="button" /> \
  5831. 	<br/> \
  5832. 	<br/> &nbsp; <input id="stsh_stat_showAll" value="Show All" class="stsh_btn_long" type="button" /> \
  5833. </div> \
  5834. ';
  5835.  
  5836. 				var eleHideGame = document.querySelector("#stsh_stat_hideGame");
  5837. 				eleHideGame.addEventListener("click", function()
  5838. 				{
  5839. 					var elesProgress = document.querySelectorAll(".stsh_stat_progress:not(.stsh_hidden)");
  5840. 					for (var i = 0; i < elesProgress.length; i++)
  5841. 					{
  5842. 						if (elesProgress[i].dataset.br.indexOf("games/") === 0)
  5843. 						{
  5844. 							elesProgress[i].classList.add("stsh_hidden");
  5845. 						}
  5846. 					}
  5847. 				});
  5848. 				
  5849. 				var eleHideSteam = document.querySelector("#stsh_stat_hideSteam");
  5850. 				eleHideSteam.addEventListener("click", function()
  5851. 				{
  5852. 					var elesProgress = document.querySelectorAll(".stsh_stat_progress:not(.stsh_hidden)");
  5853. 					for (var i = 0; i < elesProgress.length; i++)
  5854. 					{
  5855. 						if (elesProgress[i].dataset.br.indexOf("steam") === 0)
  5856. 						{
  5857. 							elesProgress[i].classList.add("stsh_hidden");
  5858. 						}
  5859. 					}
  5860. 				});
  5861. 				
  5862. 				var eleHideApproved = document.querySelector("#stsh_stat_hideApproved");
  5863. 				eleHideApproved.addEventListener("click", function()
  5864. 				{
  5865. 					var elesProgress = document.querySelectorAll(".stsh_stat_progress:not(.stsh_hidden)");
  5866. 					for (var i = 0; i < elesProgress.length; i++)
  5867. 					{
  5868. 						if (elesProgress[i].dataset.tr === elesProgress[i].dataset.ap)
  5869. 						{
  5870. 							elesProgress[i].classList.add("stsh_hidden");
  5871. 						}
  5872. 					}
  5873. 				});
  5874. 				
  5875. 				var eleHideCompleted = document.querySelector("#stsh_stat_hideCompleted");
  5876. 				eleHideCompleted.addEventListener("click", function()
  5877. 				{
  5878. 					var elesProgress = document.querySelectorAll(".stsh_stat_progress:not(.stsh_hidden)");
  5879. 					for (var i = 0; i < elesProgress.length; i++)
  5880. 					{
  5881. 						if (elesProgress[i].dataset.tr === "100" && elesProgress[i].dataset.ap === "100")
  5882. 						{
  5883. 							elesProgress[i].classList.add("stsh_hidden");
  5884. 						}
  5885. 					}
  5886. 				});
  5887. 				
  5888. 				var eleShowAll = document.querySelector("#stsh_stat_showAll");
  5889. 				eleShowAll.addEventListener("click", function()
  5890. 				{
  5891. 					var eleHead = document.querySelector("#overall");
  5892. 					while (eleHead.firstChild)
  5893. 					{
  5894. 						var child = eleHead.firstChild;
  5895. 						if (child.classList && child.classList.contains("stsh_hidden"))
  5896. 						{
  5897. 							child.classList.remove("stsh_hidden");
  5898. 						}
  5899. 						
  5900. 						eleHead.removeChild(eleHead.firstChild);
  5901. 					}
  5902. 					
  5903. 					var i = keyIdArr.length - 1;
  5904. 					if (i > -1)
  5905. 					{
  5906. 						eleHead.appendChild(valDataArr[keyIdArr[i]]);
  5907. 					}
  5908. 					for (i--; i > -1; i--)
  5909. 					{
  5910. 						insertBeforeElement(valDataArr[keyIdArr[i]], eleHead.firstElementChild);
  5911. 					}
  5912. 				});
  5913. 				
  5914. 				var eleSortBr = document.querySelector("#stsh_stat_sortBr");
  5915. 				eleSortBr.addEventListener("click", function()
  5916. 				{
  5917. 					var eleHead = document.querySelector("#overall");
  5918. 					if (eleHead)
  5919. 					{
  5920. 						while (eleHead.firstChild)
  5921. 						{
  5922. 							eleHead.removeChild(eleHead.firstChild);
  5923. 						}
  5924. 				
  5925. 						var i = keyBrArr.length - 1;
  5926. 						if (i > -1)
  5927. 						{
  5928. 							eleHead.appendChild(valDataArr[valBrArr[keyBrArr[i]]]);
  5929. 						}
  5930. 						for (i--; i > -1; i--)
  5931. 						{
  5932. 							insertBeforeElement(valDataArr[valBrArr[keyBrArr[i]]], eleHead.firstElementChild);
  5933. 						}
  5934. 					}
  5935. 				});
  5936. 				
  5937. 				var eleSortTr = document.querySelector("#stsh_stat_sortTr");
  5938. 				eleSortTr.addEventListener("click", function()
  5939. 				{
  5940. 					var eleHead = document.querySelector("#overall");
  5941. 					if (eleHead)
  5942. 					{
  5943. 						while (eleHead.firstChild)
  5944. 						{
  5945. 							eleHead.removeChild(eleHead.firstChild);
  5946. 						}
  5947. 				
  5948. 						var i = keyTrArr.length - 1;
  5949. 						if (i > -1)
  5950. 						{
  5951. 							eleHead.appendChild(valDataArr[valTrArr[keyTrArr[i]]]);
  5952. 						}
  5953. 						for (i--; i > -1; i--)
  5954. 						{
  5955. 							insertBeforeElement(valDataArr[valTrArr[keyTrArr[i]]], eleHead.firstElementChild);
  5956. 						}
  5957. 					}
  5958. 				});
  5959. 				
  5960. 				var eleSortAp = document.querySelector("#stsh_stat_sortAp");
  5961. 				eleSortAp.addEventListener("click", function()
  5962. 				{
  5963. 					var eleHead = document.querySelector("#overall");
  5964. 					if (eleHead)
  5965. 					{
  5966. 						while (eleHead.firstChild)
  5967. 						{
  5968. 							eleHead.removeChild(eleHead.firstChild);
  5969. 						}
  5970. 				
  5971. 						var i = keyApArr.length - 1;
  5972. 						if (i > -1)
  5973. 						{
  5974. 							eleHead.appendChild(valDataArr[valApArr[keyApArr[i]]]);
  5975. 						}
  5976. 						for (i--; i > -1; i--)
  5977. 						{
  5978. 							insertBeforeElement(valDataArr[valApArr[keyApArr[i]]], eleHead.firstElementChild);
  5979. 						}
  5980. 					}
  5981. 				});
  5982. 			}
  5983. 		}, 100);
  5984. 		
  5985. 	} // End statistics.php
  5986. 	
  5987. 	if (url.indexOf("index.php") > -1 
  5988. 		|| url === "http://translation.steampowered.com/" 
  5989. 		|| url === "https://translation.steampowered.com/")
  5990. 	{
  5991. 		var eleDes = document.querySelector("#verify-form > form");
  5992. 		if (eleDes)
  5993. 		{
  5994. 			var eleSpan = document.createElement("span");
  5995. 			eleSpan.classList.add("stsh_autoLoginOption");
  5996.  
  5997. 			var eleInput = document.createElement("input");
  5998. 			eleInput.id = "stsh_autoLogin";
  5999. 			eleInput.setAttribute("type", "checkbox");
  6000. 			eleInput.setAttribute("value", "auto");
  6001. 			
  6002. 			function autoLogin()
  6003. 			{
  6004. 				var eleImage = document.querySelector("#verify-form > form > input[class='image']");
  6005. 				if (eleImage)
  6006. 				{
  6007. 					setTimeoutCustom(function()
  6008. 					{
  6009. 						var eleInput = document.querySelector("#stsh_autoLogin");
  6010. 						if (eleInput && eleInput.checked)
  6011. 						{
  6012. 							eleImage.click();
  6013. 						}
  6014. 					}, 3000);
  6015. 				}
  6016. 			}
  6017. 			
  6018. 			if (GM_getValue("autoLogin", 0) === "true")
  6019. 			{
  6020. 				eleInput.checked = true;
  6021. 				autoLogin();
  6022. 			}
  6023.  
  6024. 			eleInput.addEventListener("click", function (e)
  6025. 			{
  6026. 				var ele = e.target;
  6027. 				if (ele.checked)
  6028. 				{
  6029. 					GM_setValue("autoLogin", "true");
  6030. 					autoLogin();
  6031. 				}
  6032. 				else
  6033. 				{
  6034. 					GM_setValue("autoLogin", "false");
  6035. 				}
  6036. 			});
  6037.  
  6038. 			var eleLabel = document.createElement("label");
  6039. 			eleLabel.setAttribute("for", "stsh_autoLogin");
  6040. 			eleLabel.textContent = " Auto Login";
  6041.  
  6042. 			eleSpan.appendChild(eleInput);
  6043. 			eleSpan.appendChild(eleLabel);
  6044. 			eleDes.appendChild(eleSpan);
  6045. 		}
  6046. 		
  6047. 	} // End index.php
  6048. 	
  6049. 	if (url.indexOf("try_auth.php") > -1)
  6050. 	{
  6051. 		setTimeoutCustom(function()
  6052. 		{
  6053. 			document.forms[0].submit();
  6054. 		}, 3000);
  6055. 		
  6056. 	} // End try_auth.php
  6057. 	
  6058. 	window.addEventListener("beforeunload", function (e)
  6059. 	{
  6060. 		clearTimeoutAll();
  6061. 		clearIntervalAll();
  6062. 	});
  6063. 	
  6064. } // End Main
  6065.  
  6066. function client()
  6067. {
  6068. 	var clientScript = 
  6069. ' \
  6070. var timeoutList = new Array(); \
  6071. var intervalList = new Array(); \
  6072.  \
  6073. function setTimeoutCustom(func, tm, params) \
  6074. { \
  6075. 	var id = setTimeout(func, tm, params); \
  6076. 	timeoutList.push(id); \
  6077. 	return id; \
  6078. } \
  6079.  \
  6080. function clearTimeoutAll() \
  6081. { \
  6082. 	for (var i = 0; i < timeoutList.length; i++) \
  6083. 	{ \
  6084. 		clearTimeout(timeoutList[i]); \
  6085. 	} \
  6086. } \
  6087.  \
  6088. function setIntervalCustom(func, tm, params) \
  6089. { \
  6090. 	var id = setInterval(func, tm, params); \
  6091. 	intervalList.push(id); \
  6092. 	return id; \
  6093. } \
  6094.  \
  6095. function clearIntervalAll() \
  6096. { \
  6097. 	for (var i = 0; i < intervalList.length; i++) \
  6098. 	{ \
  6099. 		clearInterval(intervalList[i]); \
  6100. 	} \
  6101. } \
  6102.  \
  6103. function scrollToId(id, offset) \
  6104. { \
  6105. 	scrollToElement("#" + id, offset); \
  6106. } \
  6107.  \
  6108. function scrollToElement(selector, offset) \
  6109. { \
  6110. 	if (typeof offset === "undefined") \
  6111. 	{ \
  6112. 		offset = -20; \
  6113. 	} \
  6114. 	 \
  6115. 	var ele = document.querySelector(selector); \
  6116. 	if (ele) \
  6117. 	{ \
  6118. 		ele.scrollIntoView(true); \
  6119. 		window.scrollBy(0, offset); \
  6120. 	} \
  6121. } \
  6122.  \
  6123. function setVisibleSuggestion(visible) \
  6124. { \
  6125. 	var display = visible !== true ? "none" : ""; \
  6126. 	var eles = document.querySelectorAll(".copy"); \
  6127. 	for (var i = 0; i < eles.length; i++) \
  6128. 	{ \
  6129. 		if (eles[i].id && eles[i].id.indexOf("showwalletkeys") < 0 \
  6130. 			&& eles[i].id !== "abuse_report" \
  6131. 			&& eles[i].id !== "moderator_announcement") \
  6132. 		{ \
  6133. 			if (eles[i].style.display !== display) \
  6134. 			{ \
  6135. 				eles[i].style.display = display; \
  6136. 			} \
  6137. 		} \
  6138. 	} \
  6139. } \
  6140.  \
  6141. function showSuggestion() \
  6142. { \
  6143. 	setVisibleSuggestion(true); \
  6144. } \
  6145.  \
  6146. function hideSuggestion() \
  6147. { \
  6148. 	setVisibleSuggestion(false); \
  6149. } \
  6150.  \
  6151. function pressHideSuggestion() \
  6152. { \
  6153. 	document.addEventListener("keydown", function(e) { \
  6154. 		if (e.keyCode === 27) { \
  6155. 			if (parent) \
  6156. 			{ \
  6157. 				parent.hideSuggestionsBox(); \
  6158. 			} \
  6159. 			else \
  6160. 			{ \
  6161. 				hideSuggestionsBox(); \
  6162. 			} \
  6163. 		} \
  6164. 		return false; \
  6165. 	}); \
  6166. } \
  6167. pressHideSuggestion(); \
  6168.  \
  6169. function clickToSelect(ele) \
  6170. { \
  6171. 	var range = document.createRange(); \
  6172. 	range.setStartBefore(ele.firstChild); \
  6173. 	range.setEndAfter(ele.lastChild); \
  6174. 	var sel = window.getSelection(); \
  6175. 	sel.removeAllRanges(); \
  6176. 	sel.addRange(range); \
  6177. } \
  6178.  \
  6179.  \
  6180. function syncUrlArray() \
  6181. { \
  6182. 	var strStart = "showSuggestionsBox( \'"; \
  6183. 	var strEnd = "\' ); return false;"; \
  6184. 	var strCur = "&list_id="; \
  6185. 	var strAll = "&endnext="; \
  6186. 	var regPos = /&list_id=\\d+&endnext=\\d+/g; \
  6187. 	var isEdit = false; \
  6188. 	var eleDivs = []; \
  6189. 	var urls = []; \
  6190. 	 \
  6191. 	var pattUrlTimestamp2 = /\\&t=[0-9]{6,}/g; \
  6192. 	var pattUrlTimestamp4 = /\\&[0-9]{6,}\\&/g; \
  6193.  	 \
  6194. 	var trKeys = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr"); \
  6195. 	for (var i = 0; i < trKeys.length; i++)  \
  6196. 	{ \
  6197. 		if (!trKeys[i].classList.contains("stsh_hidden")) \
  6198. 		{ \
  6199. 			var eleDiv = trKeys[i].childNodes[0].childNodes[0]; \
  6200. 			if (typeof eleDiv.getAttribute !== "undefined" \
  6201. 				&& eleDiv.getAttribute("onclick")) \
  6202. 			{ \
  6203. 				eleDivs.push(eleDiv); \
  6204. 			} \
  6205. 		} \
  6206. 	} \
  6207. 	 \
  6208. 	for (var i = 0, l = eleDivs.length; i < l; i++) \
  6209. 	{ \
  6210. 		var evOld = eleDivs[i].getAttribute("onclick"); \
  6211. 		if (evOld) \
  6212. 		{ \
  6213. 			var url = evOld.replace(strStart,"").replace(strEnd,"").replace(regPos,""); \
  6214. 			url = url + strCur + i + strAll + l; \
  6215. 				\
  6216. 			if (pattUrlTimestamp2.test(url)) \
  6217. 			{ \
  6218. 				url = url.replace(pattUrlTimestamp2,""); \
  6219. 			} \
  6220. 			if (pattUrlTimestamp4.test(url)) \
  6221. 			{ \
  6222. 				url = url.replace(pattUrlTimestamp4,"&"); \
  6223. 			} \
  6224. 			 \
  6225. 			urls.push(url); \
  6226. 			 \
  6227. 			var evNew = strStart + url + strEnd; \
  6228. 			if (evOld !== evNew) \
  6229. 			{ \
  6230. 				eleDivs[i].setAttribute("onclick", evNew); \
  6231. 				isEdit = true; \
  6232. 			} \
  6233. 		} \
  6234. 	} \
  6235. 	 \
  6236. 	if (isEdit || typeof URLarray === "undefined" || URLarray.length !== urls.length) \
  6237. 	{ \
  6238. 		URLarray = urls; \
  6239. 	} \
  6240. } \
  6241.  \
  6242. function setFrameColor(color) \
  6243. { \
  6244. 	var frame = document.querySelector("div#suggestions_box iframe"); \
  6245. 	if (frame) \
  6246. 	{ \
  6247. 		if (frame.style.backgroundColor !== color) \
  6248. 		{ \
  6249. 			frame.style.setProperty("background-color", color, "important"); \
  6250. 		} \
  6251. 	} \
  6252. } \
  6253.  \
  6254. function padZero(num, size) \
  6255. { \
  6256. 	return (1e15+num+"").slice(-size); \
  6257. } \
  6258.  \
  6259. function doInstant() \
  6260. { \
  6261. 	var url = document.documentURI; \
  6262. 	 \
  6263. 	/* Fix STS JS error */ \
  6264. 	setTimeoutCustom(function() \
  6265. 	{ \
  6266. 		if (typeof hide_list === "undefined") \
  6267. 		{ \
  6268. 			hide_list = function() { /*console.log("sts: hide_list");*/ }; \
  6269. 		} \
  6270. 	}, 1000); \
  6271. 	 \
  6272. 	if (url.indexOf("user_activity.php") > -1) \
  6273. 	{ \
  6274. 		if (typeof $ !== "undefined") \
  6275. 		{ \
  6276. 			$(".dial").css("display", "none"); \
  6277. 		} \
  6278. 		setTimeoutCustom(function() \
  6279. 		{ \
  6280. 			if (typeof $ !== "undefined") \
  6281. 			{ \
  6282. 				/* Restore drawing progress */ \
  6283. 				$(".dial").css("display", ""); \
  6284. 				$(".dial").knob( \
  6285. 				{ \
  6286. 					"draw": function() \
  6287. 					{ \
  6288. 						$(this.i).val(this.cv + "%"); \
  6289. 					} \
  6290. 				}); \
  6291. 			} \
  6292. 		}, 500); \
  6293. 		 \
  6294. 		showSuggestion(); \
  6295. 	} \
  6296. 	else if (url.indexOf("translate.php") > -1) \
  6297. 	{ \
  6298. 		getsuggestionURL = function(urlno) \
  6299. 		{ \
  6300. 			/* Overwrite STS to remove timestamp */ \
  6301. 			return URLarray[urlno]; \
  6302. 		}; \
  6303. 		 \
  6304. 		var obTarget_sync = document.querySelector("#keylist_container");  \
  6305. 		if (obTarget_sync) \
  6306. 		{ \
  6307. 			var tmOb_sync = -1; \
  6308. 			var obMu_sync = new MutationObserver(function(mutations) \
  6309. 			{ \
  6310. 				mutations.forEach(function(mutation) \
  6311. 				{ \
  6312. 					if (mutation.type !== "attributes" \
  6313. 						|| mutation.target.tagName === "TR") \
  6314. 					{ \
  6315. 						clearTimeout(tmOb_sync); \
  6316. 						tmOb_sync = setTimeoutCustom(function() \
  6317. 						{ \
  6318. 							syncUrlArray(); \
  6319. 							/*console.log("syncUrlArray: " + tmOb_sync);*/ \
  6320. 						}, 50); \
  6321. 					} \
  6322. 				}); \
  6323. 			}); \
  6324. 			 \
  6325. 			var obConfig_sync = { childList: true, subtree: true, attributes: true, attributeFilter: ["class"] }; \
  6326. 			obMu_sync.observe(obTarget_sync, obConfig_sync); \
  6327. 		} \
  6328. 		 \
  6329. 		/* Fix STS JS error */ \
  6330. 		setTimeoutCustom(function() \
  6331. 		{ \
  6332. 			if (typeof getendnext === "undefined") \
  6333. 			{ \
  6334. 				getendnext = function() { console.log("getendnext"); return ""; }; \
  6335. 			} \
  6336. 		}, 1000); \
  6337. 	} \
  6338. 	else if (url.indexOf("suggestions.php") > -1) \
  6339. 	{ \
  6340. 		if (parent !== window) \
  6341. 		{ \
  6342. 			var main = document.querySelector("#suggestionmain"); \
  6343. 			if (main) \
  6344. 			{ \
  6345. 				var styleCp = window.getComputedStyle(main); \
  6346. 				if (styleCp) \
  6347. 				{ \
  6348. 					var color = styleCp.backgroundColor; \
  6349. 					parent.setFrameColor(color); \
  6350. 				} \
  6351. 			} \
  6352. 		} \
  6353. 	} \
  6354. 	 \
  6355. 	window.addEventListener("beforeunload", function (e) \
  6356. 	{ \
  6357. 		clearTimeoutAll(); \
  6358. 		clearIntervalAll(); \
  6359. 	}); \
  6360. 	 \
  6361. } \
  6362. doInstant(); \
  6363.  \
  6364. ';
  6365.  
  6366. 	var eleClientScript = document.createElement("script");
  6367. 	eleClientScript.innerHTML = clientScript;
  6368. 	document.head.appendChild(eleClientScript);
  6369. } // End client
  6370.  
  6371. attachOnReady(initStyle);
  6372. attachOnReady(client);
  6373. attachOnReady(main);
  6374.  
  6375.  
  6376. })();
  6377.  
  6378. // End