☰

STS Helper

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

当前为 2018-02-23 提交的版本，查看 最新版本。

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