☰

STS Helper

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

安裝腳本?
作者推薦腳本

您可能也會喜歡 Steam Auto Sign In

安裝腳本 
  1. // ==UserScript==
  2. // @name            STS Helper
  3. // @author          7-elephant
  4. // @namespace       iFantz7E.StsHelper
  5. // @version         2.73
  6. // @description     In Steam Translation Server, add many features to make translate easier.
  7. // @match           *://translation.steampowered.com/*
  8. // @icon            https://translation.steampowered.com/public/favicon.ico
  9. // @run-at          document-start
  10. // @grant           GM_getValue
  11. // @grant           GM_setValue
  12. // @grant           GM_addStyle
  13. // @grant           GM_setClipboard
  14. // @license         GPL-3.0-only
  15. // @copyright       2014, 7-elephant
  16. // @supportURL      https://steamcommunity.com/id/7-elephant/
  17. // @contributionURL https://www.paypal.me/iFantz7E
  18. // ==/UserScript==
  19.  
  20. // License: GPL-3.0-only - https://spdx.org/licenses/GPL-3.0-only.html
  21. // Compatibility: Firefox 14+ from Mutation Observer
  22.  
  23. // Since 4 Feb 2014
  24. // http://userscripts.org/scripts/show/325610
  25. // https://greasyfork.org/scripts/2250-sts-helper/
  26.  
  27. (function ()
  28. {
  29. 	"use strict";
  30. 	// jshint multistr:true
  31. 	
  32. function initStyle()
  33. {
  34. 	GM_addStyle
  35. 	(" \
  36. 		/* STSH Modify CSS */ \
  37. 		body { color: #acacac; } \
  38. 		#logout { \
  39. 			position: fixed; z-index: 1001; right: 12px; top: 10px; \
  40. 			line-height: 24px; text-align: right; } \
  41. 		input[type='button'], input[type='submit'] { \
  42. 			cursor: pointer; padding: 1px 9px; } \
  43. 		input[type='button']:disabled, input[type='submit']:disabled { \
  44. 			cursor: default; color: #777; } \
  45. 		#suggestionmain > div:nth-child(4) > form:nth-child(2) > div:nth-child(1) { \
  46. 			text-align: left; } \
  47. 		.lbAction > div > input[value^='SUBMIT'] { \
  48. 			width: 670px; height: 30px; border-color: #777 #333 #777 #777; } \
  49. 		.lbAction > div > input[value^='SUBMIT'][disabled] { border-color: #777; } \
  50. 		.lbAction > div > input[value^='RESUBMIT'] { \
  51. 			width: 561px; height: 30px; border-color: #777 #333 #777 #777; } \
  52. 		.lbAction > div > input[value='CANCEL'] { \
  53. 			width: 100px; height: 30px; margin-right: 5px; } \
  54. 		form.lbAction:nth-child(1) > div:nth-child(2) > input:nth-child(1) { \
  55. 			width: 90%; margin-top: 5px; } \
  56. 		.suggestion .lbAction textarea { \
  57. 			max-width: 700px !important; min-height: 50px; } \
  58. 		.progress td { vertical-align: top; } \
  59. 		div#suggestions_nav { \
  60. 			z-index: 3; position: absolute; width: 440px; \
  61. 			left: 543px; top: 2px; text-align: right; line-height: 24px; \
  62. 			color: #E1E1E1; } \
  63. 		#suggestionmain .smallcopy { width: 855px; min-height: 70px; max-height: 70px; } \
  64. 		#suggestionmain .progress { margin-top: -12px; } \
  65. 		#suggestionmain > div[style='padding-left: 10px;'] { padding-left: 6px !important; } \
  66. 		#suggestions_box { margin-top: 1px !important; position: relative; z-index: 20; } \
  67. 		#suggestions_iframe { min-height: 100px !important; } \
  68. 		#keylist td:nth-child(1) > div { \
  69. 			background-image: none !important; min-height: 43px; } \
  70. 		#keylist tr:nth-child(2n) > td:nth-child(1) > div { \
  71. 			background-color: #060606 !important; } \
  72. 		#keylist tr:nth-child(2n) > td:nth-child(1) > div:hover { \
  73. 			background-color: #0D0D0D !important; } \
  74. 		#keylist td:nth-child(1) > div:hover { \
  75. 			background-repeat: no-repeat; background-position: center; \
  76. 			background-color: #0D0D0D !important; \
  77. 			background-image: url('./public/images/row_over.gif') !important; } \
  78. 		#keylist td.progress { \
  79. 			color: #fff; max-width: 430px; overflow: hidden; \
  80. 			text-overflow: ellipsis; white-space: nowrap; } \
  81. 		.progress h1 { display: inline-block; } \
  82. 		div#suggestions_box iframe { background-color: #111 !important; } \
  83. 		.suggestions_list { border-right: 0px none; } \
  84. 		.suggestions_list:nth-child(2) { border: 0px none; } \
  85. 		.suggestion { \
  86. 			resize: both; overflow-x: hidden; overflow-y: auto; \
  87. 			border: 1px solid #505050; border-top: none; \
  88. 			max-width: 953px; min-width: 200px; min-height: 50px; } \
  89. 		.suggestion:first-child { border-top: 1px solid #505050; } \
  90. 		.suggestion_signature { font-family: Verdana; margin-top: 4px; } \
  91. 		.suggestion_signature input:disabled { color: #777 !important; } \
  92. 		.lbAction input[value~='COMMENT'] { \
  93. 			vertical-align: top; margin-top: 1px; height: 52px; } \
  94. 		.lbAction input[value~='DISCUSS'] { \
  95. 			vertical-align: top; margin-top: 1px; height: 21px; top: 0px !important; } \
  96. 		#votes_container a[title='not translated'] { background-color: #333; } \
  97. 		#suggestion_value_new { min-height: 84px; max-width: 960px; min-width: 200px; overflow-y: auto; } \
  98. 		#hours > table > tbody > tr:nth-child(2) > th:nth-child(1) { width: 106px; text-align: center; } \
  99. 		#hours > table > tbody > tr:nth-child(2) > th:nth-child(3) { text-align: center; } \
  100. 		#hours > table > tbody > tr:nth-child(2) > th:nth-child(4) { text-align: center; } \
  101. 		#hours > table > tbody > tr > td:nth-child(1) { padding-right: 4px; } \
  102. 		#hours > table input[name*='[remarks]'] { width: 520px; } \
  103. 		#hours > table input[name*='[hours]'] { width: 100px; } \
  104. 		#hours > table input[name*='[minutes]'] { width: 100px; } \
  105. 		#suggestions_box_outer { overflow: hidden !important; } \
  106. 		#add_to_discussion { height: 19px; min-height: 19px; } \
  107. 		.gradienttable td > div { top: 1px !important; } \
  108. 		.copysmall > td:nth-child(1) { \
  109. 			white-space: nowrap; overflow: hidden; text-overflow: ellipsis; \
  110. 			display: inline-block; width: 430px; direction: ltr; } \
  111. 		div:hover > table > tbody > tr.copysmall > td:nth-child(1) { \
  112. 			direction: rtl; text-shadow: 1px 1px 1px #0D0D0D;} \
  113. 		#search input[type='radio'], #search input[type='checkbox'] \
  114. 			, #search button, #search label { cursor: pointer; } \
  115. 		.suggestion_error { max-width: 600px; margin-left: 80px; } \
  116. 		#country_list_id + #hidethis { display: block; margin-top: 8px; } \
  117. 		.row0:nth-child(odd), .row1:nth-child(odd), .row-1:nth-child(odd), .row-9:nth-child(odd), .row10:nth-child(odd) { \
  118. 			background-color: #161616; } \
  119. 		.row0:nth-child(even), .row1:nth-child(even), .row-1:nth-child(even), .row-9:nth-child(even), .row10:nth-child(even) { \
  120. 			background-color: #202020; } \
  121. 		.row2:nth-child(odd) { background-color: #1C2117; } \
  122. 		.row2:nth-child(even) { background-color: #22291B; } \
  123. 		#replacementstatus { \
  124. 			top: 0px !important; left: 176px !important; \
  125. 			display: block !important; opacity: 1.0 !important; } \
  126. 		a + br + #replacementstatus { left: 326px !important; } \
  127. 		#keylist_container { margin-left: 10px; } \
  128. 		img[src='<?=BASE_URL_CURRENT?>public/images/hr.gif'] { background-image: url('./public/images/hr.gif'); } \
  129. 	");
  130. 	
  131. 	GM_addStyle
  132. 	(" \
  133. 		/* STSH Main CSS */ \
  134. 		.stsh_body_crop { overflow-x: hidden; } \
  135. 		.stsh_btn { width: 90px; } \
  136. 		.stsh_btn_med { min-width: 112px; } \
  137. 		.stsh_btn_long { min-width: 136px; } \
  138. 		.stsh_btn_short { min-width: 66px; } \
  139. 		.stsh_btn_right { position: relative; float: right; } \
  140. 		.stsh_text_right { \
  141. 			position: relative; float: right; \
  142. 			display: block; margin-right: 4px; text-transform: none; \
  143. 			font-size: 13px; font-style: normal; padding-top: 2px; } \
  144. 		.stsh_border_left { border-right-color: #333 !important; } \
  145. 		.stsh_border_right { border-left-color: #333 !important; } \
  146. 		.stsh_border_center { border-left-color: #333 !important; border-right-color: #333 !important; } \
  147. 		.stsh_border_top { border-bottom-color: #333 !important; } \
  148. 		.stsh_border_middle { border-top-color: #333 !important; } \
  149. 		.stsh_border_bottom { border-top-color: #333 !important; border-bottom-color: #333 !important; } \
  150. 		.stsh_suggestion_header { color: #A4B23C; } \
  151. 		.stsh_suggestion_comment:before { background-color: #E15417 !important; } \
  152. 		.stsh_suggestion_pending:before { background-color: #DDD !important; } \
  153. 		.stsh_suggestion_approved:before { background-color: #A4B23C !important; } \
  154. 		.stsh_suggestion_declined:before { background-color: #F22 !important; } \
  155. 		.stsh_suggestion_applied:before { background-color: #2EBCEB !important; } \
  156. 		.stsh_suggestion_removed:before { background-color: #777 !important; } \
  157. 		.stsh_suggestion { list-style: none; } \
  158. 		.stsh_suggestion:before { \
  159. 			content: ''; display: inline-block; position: relative; height: 6px; width: 6px; \
  160. 			border-radius: 3px; background-clip: padding-box; margin-right: -6px; \
  161. 			top: -1px; left: -12px; background-color: green; }\
  162. 		#stsh_frame { \
  163. 			text-align: center; position: fixed; z-index: 10; \
  164. 			top: 100px; left: 50%; margin-left: -322px;} \
  165. 		#stsh_frame_sub { \
  166. 			background-color: #111; width: 600px; display: inline-block; \
  167. 			padding: 20px; border: 2px solid #cf9e5f; } \
  168. 		.stsh_blue { color: #2EBCEB; } \
  169. 		.stsh_blue_light { color: #87BEED; } \
  170. 		.stsh_blue_light2 { color: #5C80A1; } \
  171. 		.stsh_blue_dark { color: #1B6A85; } \
  172. 		.stsh_green { color: #a4b23c !important; } \
  173. 		.stsh_green_dark { color: #3a482a; } \
  174. 		.stsh_red { color: #F22; } \
  175. 		.stsh_red_light { color: #4dc0f0; } \
  176. 		.stsh_white { color: #e1e1e1; } \
  177. 		.stsh_grey { color: #777 !important; } \
  178. 		.stsh_orange { color: #E15417; } \
  179. 		.stsh_orange_light { color: #CF8B37; } \
  180. 		.stsh_orange_light2 { color: #EDB687; } \
  181. 		.stsh_orange_light3 { color: #FFAA40; } \
  182. 		.stsh_orange_dark { color: #a75124; } \
  183. 		.stsh_aqua { color: #538583; } \
  184. 		.stsh_pink { color: pink; } \
  185. 		.stsh_yellow { color: #E0B816; } \
  186. 		.stsh_yellow_light { color: #E0CA70; } \
  187. 		.stsh_greenyellow_light { color: #D1E070; } \
  188. 		.stsh_purple { color: #a166f4; } \
  189. 		.stsh_border_green { border-color: #76802B !important; } \
  190. 		.stsh_border_green_left { border-color: #76802B #474D1A #76802B #76802B !important; } \
  191. 		.stsh_cursor_notallowed { cursor: not-allowed !important; } \
  192. 		.stsh_cursor_pointer { cursor: pointer !important; } \
  193. 		.stsh_cursor_default { cursor: default !important; } \
  194. 		.stsh_cursor_help { cursor: help !important; } \
  195. 		.stsh_inline { display: inline; } \
  196. 		#stsh_showing { \
  197. 			color: #CCDAD6; position: fixed; z-index: 1001; \
  198. 			right: 12px; bottom: 12px; text-align: right; line-height: 14px;} \
  199. 		#stsh_showing_current { \
  200. 			color: #CCDAD6; position: fixed; z-index: 1001; \
  201. 			right: 12px; bottom: 28px; text-align: right; line-height: 14px;} \
  202. 		.stsh_showing_counter { \
  203. 			display: inline-block; min-width: 60px; text-align: center; } \
  204. 		.stsh_showing_header { \
  205. 			color: #CCDAD6; display: inline-block; width: 135px; \
  206. 			text-align: center; padding-top: 10px; } \
  207. 		.stsh_showing_group { \
  208. 			position: fixed; z-index: 3; right: 10px; top: 74px; \
  209. 			line-height: 24px; text-align: right; } \
  210. 		.stsh_home_header { color: #CCDAD6; display: inline-block; padding-top: 10px; } \
  211. 		.stsh_home_group { \
  212. 			position: fixed; z-index: 3; right: 0px; top: 74px; \
  213. 			line-height: 24px; text-align: center; width: 164px; } \
  214. 		.stsh_home_group > div > .stsh_a_button { border-top-color: #333; border-bottom-color: #333; } \
  215. 		.stsh_home_group > div > .stsh_a_button:first-child { border-top-color: #777; } \
  216. 		.stsh_home_group > div > .stsh_a_button:last-child { border-bottom-color: #777; } \
  217. 		.stsh_home_group > div > div > .stsh_a_button { border-top-color: #333; border-bottom-color: #333; } \
  218. 		.stsh_home_group > div > div > .stsh_a_button:first-child:not(:last-child) { border-right-color: #333; } \
  219. 		.stsh_home_group > div > div > .stsh_a_button:last-child:not(:first-child) { border-left-color: #333; } \
  220. 		.stsh_home_group > div > div:first-child > .stsh_a_button { border-top-color: #777; } \
  221. 		.stsh_home_group > div > div:last-child > .stsh_a_button { border-bottom-color: #777; } \
  222. 		.stsh_home_group .stsh_a_button { cursor: pointer; } \
  223. 		.stsh_menu_group { \
  224. 			position: fixed; z-index: 3; right: 12px; top: 84px; \
  225. 			line-height: 24px; text-align: right; } \
  226. 		.stsh_group_space { margin-top: 3px; } \
  227. 		.stsh_scroll_header { \
  228. 			color: #CCDAD6; display: inline-block; width: 130px; \
  229. 			text-align: center; padding-top: 10px; } \
  230. 		#stsh_specialEvent { position: absolute; z-index: 2; right: 164px; top: 13px; } \
  231. 		@media screen and (min-width: 1500px) { \
  232. 			#stsh_specialEvent { position: fixed; } \
  233. 		} \
  234. 		.stsh_snapshot { \
  235. 			position: absolute; top: 320px; left: 790px; \
  236. 			width: 140px; text-align: center; color: #FFF; } \
  237. 		.stsh_text_comment_header { vertical-align: top; user-select: none; } \
  238. 		.stsh_text_comment { vertical-align: top; display: inline-block; max-width: 850px; user-select: text; } \
  239. 		.stsh_action_approve, .stsh_action_approve_next { color: #A4B23C; } \
  240. 		.stsh_action_decline, .stsh_action_decline_next { color: #F22; } \
  241. 		.stsh_action_apply, .stsh_action_apply_next { color: #2EBCEB; } \
  242. 		#stsh_autoApprove { vertical-align: -2px; margin-left: 15px; margin-right: 1px; } \
  243. 		.stsh_unselectable { \
  244. 			-webkit-touch-callout: none !important; \
  245. 			-webkit-user-select: none !important; \
  246. 			-khtml-user-select: none !important; \
  247. 			-moz-user-select: none !important; \
  248. 			-ms-user-select: none !important; \
  249. 			user-select: none !important; } \
  250. 		.stsh_a_button { \
  251. 			background-color: #1D1D1D; \
  252. 			font-family: tahoma,arial,helvetica,trebuchet ms,sans-serif; \
  253. 			color: #E1E1E1; font-size: 13px; border: 1px solid #777; padding: 1px 9px; } \
  254. 		.stsh_a_button:link, .stsh_a_button:hover, .stsh_a_button:active, .stsh_a_button:visited { \
  255. 			color: #E1E1E1; text-decoration: none; } \
  256. 		.stsh_a_button.stsh_btn { \
  257. 			display: inline-block; padding: 0px; \
  258. 			height: 19px; line-height: 19px; width: 88px; } \
  259. 		.stsh_a_button.stsh_btn_short { \
  260. 			display: inline-block; padding: 0px; \
  261. 			height: 19px; line-height: 19px; min-width: 54px; } \
  262. 		.stsh_a_button.stsh_btn_med { \
  263. 			display: inline-block; padding: 0px; \
  264. 			height: 19px; line-height: 19px; min-width: 110px; } \
  265. 		.stsh_a_button.stsh_btn_long { \
  266. 			display: inline-block; padding: 0px; \
  267. 			height: 19px; line-height: 19px; min-width: 134px; } \
  268. 		.stsh_lineCounter_outer { position: relative; } \
  269. 		.stsh_lineCounter { \
  270. 			position: absolute; width: 30px; left: -35px; top: -28px; \
  271. 			line-height: 28px; text-align: right; \
  272. 			color: #ACACAC; font-size: 9px; text-shadow: 1px 1px 1px #111; } \
  273. 		.stsh_glossary_term { min-width: 50px; display: inline-block; } \
  274. 		.stsh_glossary_header { font-family: Verdana; } \
  275. 		.stsh_glossary_header, .stsh_glossary_header td { color: #DDD; } \
  276. 		.stsh_glossary_header *, .stsh_glossary_header td * { color: #858585; } \
  277. 		.stsh_glossary_header > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(4) { \
  278. 			width: 10px !important; } \
  279. 		.stsh_comment_img { \
  280. 			display: block; max-width: 400px; max-height: 225px; \
  281. 			margin-top: 5px; margin-bottom: 20px; } \
  282. 		.stsh_comment_img_zoom { cursor: zoom-in; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; } \
  283. 		.stsh_hours_curDate { color: #A4B23C; } \
  284. 		.stsh_hours_curDate input { border-color: #A4B23C; } \
  285. 		.stsh_text_submit_right { \
  286. 			height: 30px; width: 214px; margin-right: 5px; border-color: #777 #777 #777 #333; } \
  287. 		.stsh_truncate { \
  288. 			white-space: nowrap; overflow: hidden; text-overflow: ellipsis; \
  289. 			display: inline-block; vertical-align: bottom; } \
  290. 		.stsh_token_name { max-width: 500px; } \
  291. 		.stsh_token_share { max-width: 600px; font-size: 0.8em; direction: rtl; } \
  292. 		.stsh_token_share:hover { direction: ltr; } \
  293. 		.stsh_pad { padding-left: 2px; padding-right: 2px; } \
  294. 		.stsh_pad_left { padding-left: 4px; } \
  295. 		.stsh_pad_right { padding-right: 4px; } \
  296. 		.stsh_margin_left { margin-left: 4px; } \
  297. 		.stsh_margin_right { margin-right: 4px; } \
  298. 		.stsh_hidden { display: none !important; } \
  299. 		table.gradienttable .stsh_curLang td, table.gradienttable .stsh_dst_curLang td \
  300. 			, table.gradienttable .stsh_dst_curLang th { \
  301. 				background: transparent \
  302. 					linear-gradient(to bottom, #171717 0%, rgba(71, 77, 26, 0.66) 40%, #121212 100%) \
  303. 					repeat scroll 0% 0% !important; } \
  304. 		.stsh_delta #suggestion_value_new { border-color: #1B6A85; } \
  305. 		.stsh_delta .stsh_text_submit { \
  306. 			color: #2EBCEB; border-color: #1B6A85 #083F52 #1B6A85 #1B6A85 !important; } \
  307. 		.stsh_delta .stsh_text_submit_right { \
  308. 			color: #2EBCEB; border-color: #1B6A85 #1B6A85 #1B6A85 #083F52 !important; } \
  309. 		.stsh_delta .suggestions_list, .stsh_delta .suggestion { \
  310. 			border-color: #083F52 !important; } \
  311. 		.stsh_usThem tr:nth-child(odd) { background-color: #161616; } \
  312. 		.stsh_usThem tr:nth-child(even) { background-color: #202020; } \
  313. 		.stsh_usThem_langCur { background-color: #2F3317 !important; color: #E1E1E1; } \
  314. 		.stsh_dst_curLang, table.gradienttable .stsh_dst_curLang th, .stsh_dst_curLang a { \
  315. 			color: #2ebceb; } \
  316. 		.stsh_text_trn .lbAction textarea { max-width: 450px !important; } \
  317. 		.stsh_text_trn .lbAction input[value~='COMMENT'] { height: auto; } \
  318. 		.stsh_text_trn .stsh_text_submit { width: 190px !important; } \
  319. 		.stsh_text_trn .stsh_text_submit_right { \
  320. 			width: 184px !important; margin-right: 16px !important; } \
  321. 		.stsh_text_trn .suggestion { \
  322. 			color: #858585; border-width: 1px solid; \
  323. 			margin-top: -2px; padding-top: 0px; } \
  324. 		.stsh_text_trn .stsh_counter:after { margin-top: 3px; } \
  325. 		.stsh_text_trn .suggestion_error { \
  326. 			max-width: 450px; margin-left: 0px; margin-top: 16px; margin-bottom: -14px; } \
  327. 		.stsh_text_trn #stsh_autoApprove { display: none; } \
  328. 		.stsh_text_trn .stsh_autoApprove_label { display: none; } \
  329. 		.stsh_text_trn input[value='+1'] { display: none; } \
  330. 		.stsh_text_trn #replacementstatus { left: 140px !important; } \
  331. 		.stsh_text_trn .stsh_autoReplace_notice { margin-top: 14px; padding-left: 88px; } \
  332. 		.stsh_text_org, .stsh_text_trn { \
  333. 			min-height: 21px; display: block; max-width: 470px !important; line-height: 17px; word-break: break-word; } \
  334. 		.stsh_text_org { margin-bottom: 3px; } \
  335. 		.stsh_text_org img, .stsh_text_trn img { max-width: 100%; max-height: 100%; } \
  336. 		.stsh_autoLoginOption { display: inline-block; vertical-align: top; line-height: 69px; padding-left: 30px; } \
  337. 		#stsh_autoLogin { margin-right: 0px; } \
  338. 		.stsh_moveSuggestionContainer { margin-top: -3px; } \
  339. 		#stsh_moveSuggestionBox, #stsh_moveSuggestionList { margin-right: 5px; } \
  340. 		#stsh_hoursCalc_from { width: 130px; } \
  341. 		#stsh_hoursCalc_to { width: 130px; border-right: 1px #333 solid; } \
  342. 		#stsh_hoursCalc_toNow { border-left: 1px #333 solid; } \
  343. 		.stsh_nav_prev { border-right-color: #333; } \
  344. 		.stsh_nav_next { border-left-color: #333; } \
  345. 		.stsh_nav_group { display: inline-block; } \
  346. 		.stsh_nav_group .stsh_a_button { \
  347. 			display: inline-block; text-align: center; \
  348. 			line-height: 17px; min-width: 40px; } \
  349. 		.stsh_nav_group .stsh_a_button:first-child:not(:last-child) { border-right-color: #333; } \
  350. 		.stsh_nav_group .stsh_a_button:last-child:not(:first-child) { border-left-color: #333; } \
  351. 		.stsh_nav_group .stsh_a_button:not(:first-child):not(:last-child) { \
  352. 			border-left-color: #333; border-right-color: #333; } \
  353. 		.stsh_img_min { max-width: 200px !important; height: auto !important; } \
  354. 		.stsh_showHidden { \
  355. 			display: inherit !important; background-color: #1d1d1d; padding: 1px 5px; \
  356. 			max-height: inherit !important; height: inherit !important; } \
  357. 		.stsh_discussion_header input[type='button'] { \
  358. 			padding: 1px 6px; } \
  359. 		.stsh_counter { display: inline-block; } \
  360. 		.stsh_counter[data-counter='Char: 0 :: Word: 0 :: Byte: 0'] { display: none; } \
  361. 		.stsh_counter:after { content: attr(data-counter); position: absolute; \
  362. 			margin-left: -280px; width: 278px; text-align: right; } \
  363. 		.stsh_spanStatusOrg, .stsh_spanStatusTrn { display: block; margin-top: -4px; margin-bottom: 8px; } \
  364. 		.stsh_spanStatusSug { display: block; margin-top: 8px; margin-bottom: 12px; } \
  365. 		.stsh_autoCopy_header font { color: #a4b23c !important; font-weight: normal; font-family: Verdana;} \
  366. 		.stsh_glossary_move { color: #e1e1e1; margin-left: 4px; } \
  367. 		.stsh_sametoken_file { display: inline-block; } \
  368. 		.stsh_marker { color: #777 !important; display: inline-block; } \
  369. 		.stsh_sametoken_header .stsh_marker, .stsh_text_comment .stsh_marker { color: #e1e1e1 !important; } \
  370. 		.stsh_glossary_header .insertword { display: inline-block; } \
  371. 		.stsh_glossary_header td { padding-left: 16px; padding-right: 6px; } \
  372. 		.stsh_glossary_header td .stsh_glossary_term { margin-left: -16px; } \
  373. 		.stsh_profile_count { width: 100px; display: inline-block; text-align: center; } \
  374. 		.stsh_profile_count_sugg { margin-left: 13px; } \
  375. 		.stsh_comment_resolved_label { display: block; width: 300px; margin-bottom: 10px; } \
  376. 		.stsh_comment_resolved { vertical-align: -2px; margin-left: 0px; margin-right: 1px; } \
  377. 		.stsh_suggestion_comment_detail > strong:first-child, .stsh_comment_resolved_label > strong:first-child { \
  378. 			min-width: 64px; display: inline-block; } \
  379. 		.stsh_discussion_text { display: inline; max-width: 850px; overflow-wrap: break-word; } \
  380. 		.stsh_discussion_text.stsh_discussion_text_long { display: block; margin-left: 20px; } \
  381. 		.stsh_date_group { text-align: center; } \
  382. 		.stsh_date_group button { line-height: 19px; } \
  383. 		.stsh_date_group .stsh_date_cur { border-left-color: #333; border-right-color: #333; \
  384. 			margin-top: 22px !important; } \
  385. 		.stsh_date_group .stsh_date_prev { border-right-color: #333; margin-left: 2px; } \
  386. 		.stsh_date_group .stsh_date_next { border-left-color: #333; } \
  387. 		.stsh_autoReplace_header { font-family: Verdana; } \
  388. 		.stsh_autoReplace_instruction { width: 870px; } \
  389. 		.stsh_autoReplace_text { width: 300px; cursor: auto !important; } \
  390. 		.stsh_checkbox_label { margin-left: 10px; } \
  391. 		.stsh_checkbox_label > input[type='checkbox'] { vertical-align: -2px; margin-left: 0px; margin-right: 1px; } \
  392. 		.stsh_usThem_translation { min-width: 400px; } \
  393. 		.stsh_page_userActivity .dial { display: none; } \
  394. 		.stsh_page_userActivity table.curved { border: 2px solid #444; } \
  395. 		.stsh_page_usAndThem #leftAreaContainer > table > tbody:nth-child(1) > tr > td:nth-child(1) { \
  396. 			vertical-align: top; } \
  397. 		.stsh_page_usAndThem #leftAreaContainer > table, \
  398. 		.stsh_page_usAndThem #leftAreaContainer > table th, \
  399. 		.stsh_page_usAndThem #leftAreaContainer > table td { \
  400. 			border: 1px solid #333; border-collapse: collapse; padding: 4px; } \
  401. 		.stsh_btn_display { border-left-color: #333; border-right-color: #333; } \
  402. 		.stsh_btn_display:first-child { border-right-color: #777; } \
  403. 		.stsh_btn_display:last-child { border-left-color: #777; } \
  404. 		.stsh_autoReplace_notice { text-align: left; padding-left: 208px; } \
  405. 		a + br + #replacementstatus + br + .stsh_autoReplace_notice { \
  406. 			text-align: center; padding-left: 0px; } \
  407. 		.stsh_suggestion_list_empty { \
  408. 			border-top: 1px solid #505050 !important; border-left: 1px solid #505050 !important; padding-left: 2px; } \
  409. 		.stsh_suggestion_border_approved { border-color: #76802B !important; border-top: 1px solid; } \
  410. 		.stsh_suggestion_border_declined { border-color: #720D0D !important; } \
  411. 		.stsh_suggestion_border_approved + .stsh_suggestion_border_approved { border-top: none; } \
  412. 		.stsh_action_edit { border-left-color: #333; } \
  413. 		.stsh_header_org, .stsh_header_trn { width: 484px; position: relative; } \
  414. 		.stsh_copy_org, .stsh_copy_trn { position: absolute; margin-left: 8px; margin-top: 22px; border-color: #555; } \
  415. 		.stsh_copy_new { width: 80px; height: 30px; border-left-color: #333; border-right-color: #333; } \
  416. 		.stsh_copy_sug { border-right-color: #333; } \
  417. 		.stsh_suggestion_list_header { width: 961px; } \
  418. 		.stsh_suggestion_list_history { padding-left: 2px; } \
  419. 		.stsh_suggestion_list_history_related { border-color: #4D6C87; } \
  420. 		.stsh_page_home font[style='color:#EDB687;'] { padding-right: 4px; } \
  421. 		.stsh_home_discussion_file { cursor: pointer; } \
  422. 		.stsh_home_discussion_comment { overflow-wrap: break-word; } \
  423. 		.stsh_suggestion_list_history_header { user-select: none; } \
  424. 		@media screen and (max-height: 600px) { .stsh_home_section_scroll { display: none; } } \
  425. 		.stsh_home_hideOtherLang { margin-left: 16px; margin-top: 10px; width: 152px; } \
  426. 	");
  427. }
  428.  
  429. var timingInit = 
  430. {
  431. 	initNameSpace: 100,
  432. 	refreshError: 60000,
  433. 	cleanLinks: 100,
  434. 	removeHorizonScroll: 100,
  435. 	resizeTextNew: 100,
  436. 	improveGlossary: 200,
  437. 	bindLastText: 100,
  438. 	insertAtCaret: 500,
  439. 	pasteLastComment: 250,
  440. 	autoApprove: 2000,
  441. 	pasteLastSuggestion: 300,
  442. 	hideCursor: 3000,
  443. 	expandTextarea: 100,
  444. 	focusModAction: 200,
  445. 	autoReplaceText: 250,
  446. 	findNextUnmatched: 500,
  447. 	openFrame: 1000,
  448. 	improveStatistics: 100,
  449. 	autoLogin: 3000,
  450. 	authSubmit: 3000,
  451. 	bindObserverKeyList: 200,
  452. 	pageUserActivity: 100,
  453.     disableOnClick: 100,
  454. 	reenableAfterClick: 1000,
  455. };
  456.  
  457. function attachOnLoad(callback)
  458. {
  459. 	window.addEventListener("load", function (e)
  460. 	{
  461. 		callback();
  462. 	});
  463. }
  464.  
  465. function attachOnReady(callback)
  466. {
  467. 	document.addEventListener("DOMContentLoaded", function (e)
  468. 	{
  469. 		callback();
  470. 	});
  471. }
  472.  
  473. function insertBeforeElement(newNode, referenceNode)
  474. {
  475. 	referenceNode.parentNode.insertBefore(newNode, referenceNode);
  476. }
  477.  
  478. function insertAfterElement(newNode, referenceNode)
  479. {
  480. 	referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
  481. }
  482.  
  483. function removeElement(node)
  484. {
  485. 	node.parentElement.removeChild(node);
  486. }
  487.  
  488. function getByteCount(str) 
  489. {
  490. 	str = String(str);
  491.  
  492. 	var count = 0;
  493. 	
  494. 	for (var i = 0; i < str.length; i++) 
  495. 	{
  496. 		var c = str.charCodeAt(i);
  497. 		count += c < 128 ? 1 :
  498. 			c < 2048 ? 2 :
  499. 			c < 65536 ? 3 :
  500. 			c < 2097152 ? 4 :
  501. 			c < 67108864 ? 5 :
  502. 			c < 2147483648 ? 6 : 0;
  503. 	}
  504. 	
  505. 	return count;
  506. }
  507.  
  508. function escapeRegExp(str) 
  509. {
  510. 	if (typeof str === "string")
  511. 	{
  512. 		return str.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&");
  513. 	}
  514. 	return "";
  515. }
  516.  
  517. function addKey(eleListener, eleClick, keyCodes, keyName, keyTitleMode, keyModifierName, checkModifierCallback)
  518. {
  519. 	/* 
  520. 		eleClick:
  521. 			element, query
  522. 		keyCodes:
  523. 			code, name, array
  524. 		keyTitleMode:
  525. 			0: do nothing
  526. 			1: append value
  527. 			2: add title if not exist
  528. 			4: override title
  529. 			8: append textContent
  530. 			16: append textContent of firstElementChild
  531. 		keyModifierName:
  532. 			Ctrl, Ctrl+Shift, Alt
  533. 	*/
  534. 	
  535. 	keyCodes = keyCodes || [0];
  536. 	keyName = keyName || "";
  537. 	keyTitleMode = keyTitleMode || 0;
  538. 	keyModifierName = keyModifierName || "";
  539. 	
  540. 	if (typeof checkModifierCallback !== "function")
  541. 	{
  542. 		checkModifierCallback = function(ev) 
  543. 		{
  544. 			return ev.ctrlKey && ev.shiftKey && ev.altKey;
  545. 		};
  546. 	}
  547. 	
  548. 	if (typeof eleClick === "string")
  549. 	{
  550. 		keyTitleMode = 0;
  551. 	}
  552. 	
  553. 	if (!Array.isArray(keyCodes))
  554. 	{
  555. 		keyCodes = [keyCodes];
  556. 	}
  557. 	
  558. 	if (eleListener && eleClick)
  559. 	{
  560. 		// apply title
  561. 		var keyTitle = keyModifierName ? keyModifierName + "+" + keyName : "";
  562. 		if (keyTitle !== "" && keyTitleMode !== 0)
  563. 		{
  564. 			if ((keyTitleMode & 1) === 1)
  565. 			{
  566. 				// 1: append value
  567. 				if (typeof eleClick.value !== "undefined")
  568. 				{
  569. 					eleClick.value += " (" + keyTitle + ")";
  570. 				}
  571. 			}
  572. 			if ((keyTitleMode & 2) === 2)
  573. 			{
  574. 				// 2: add title if not exist
  575. 				if (!eleClick.title)
  576. 				{
  577. 					eleClick.title = keyTitle;
  578. 				}
  579. 			}
  580. 			if ((keyTitleMode & 4) === 4)
  581. 			{
  582. 				// 4: override title
  583. 				eleClick.title = keyTitle;
  584. 			}
  585. 			if ((keyTitleMode & 8) === 8)
  586. 			{
  587. 				// 8: append textContent
  588. 				eleClick.textContent += " (" + keyTitle + ")";
  589. 			}
  590. 			if ((keyTitleMode & 16) === 16)
  591. 			{
  592. 				// 16: append textContent of firstElementChild
  593. 				if (eleClick.firstElementChild)
  594. 				{
  595. 					eleClick.firstElementChild.textContent += " (" + keyTitle + ")";
  596. 				}
  597. 			}
  598. 		}
  599. 		
  600. 		eleListener.addEventListener("keydown", function (ev)
  601. 		{
  602. 			if (checkModifierCallback(ev))
  603. 			{
  604. 				var isSameKey = false;
  605. 				
  606. 				for (var i = 0; i < keyCodes.length; i++)
  607. 				{
  608. 					var keyCode = keyCodes[i];
  609. 					if (typeof keyCode === "number")
  610. 					{
  611. 						isSameKey = (ev.keyCode === keyCode);
  612. 					}
  613. 					else
  614. 					{
  615. 						// Firefox 32+
  616. 						isSameKey = (typeof ev.code !== "undefined" && ev.code === keyCode)
  617. 					}
  618. 					
  619. 					if (isSameKey)
  620. 					{
  621. 						break;
  622. 					}
  623. 				}
  624. 				
  625. 				if (isSameKey)
  626. 				{
  627. 					ev.preventDefault();
  628. 					
  629. 					var eleClickCur = null;
  630. 					
  631. 					if (typeof eleClick === "string")
  632. 					{
  633. 						eleClickCur = document.querySelector(eleClick);
  634. 					}
  635. 					else
  636. 					{
  637. 						eleClickCur = eleClick;
  638. 					}					
  639. 					
  640. 					if (eleClickCur)
  641. 					{
  642. 						eleClickCur.focus();
  643. 						eleClickCur.click();
  644. 					}
  645. 					
  646. 					return false;
  647. 				}
  648. 			}
  649. 		}, true);
  650. 	}
  651. }
  652.  
  653. function addKeyCtrl(eleListener, eleClick, keyCode, keyName, keyTitleMode)
  654. {
  655. 	addKey(eleListener, eleClick, keyCode, keyName, keyTitleMode, "Ctrl", function(ev)
  656. 	{
  657. 		return ev.ctrlKey && !ev.shiftKey && !ev.altKey;
  658. 	});
  659. }
  660.  
  661. function addKeyCtrlShift(eleListener, eleClick, keyCode, keyName, keyTitleMode)
  662. {
  663. 	addKey(eleListener, eleClick, keyCode, keyName, keyTitleMode, "Ctrl+Shift", function(ev)
  664. 	{
  665. 		return ev.ctrlKey && ev.shiftKey && !ev.altKey;
  666. 	});
  667. }
  668.  
  669. function addKeyAlt(eleListener, eleClick, keyCode, keyName, keyTitleMode)
  670. {
  671. 	addKey(eleListener, eleClick, keyCode, keyName, keyTitleMode, "Alt", function(ev)
  672. 	{
  673. 		return !ev.ctrlKey && !ev.shiftKey && ev.altKey;
  674. 	});
  675. }
  676.  
  677. function addKeyCtrlEnter(form, input)
  678. {
  679. 	addKeyCtrl(form, input, ["Enter", 13], "Enter", 1|2);
  680. }
  681.  
  682. function addKeyCtrlShiftEnter(form, input)
  683. {
  684. 	addKeyCtrlShift(form, input, ["Enter", 13], "Enter", 1|2);
  685. }
  686.  
  687. function disableAfterClick(ele)
  688. {
  689. 	ele.addEventListener("click", function (e)
  690. 	{
  691. 		var ele = e.target;
  692. 		
  693. 		var attrClick = ele.getAttribute("onclick");
  694. 		if (attrClick && attrClick.indexOf("confirm") > -1)
  695. 		{
  696. 			// skip if has confirm
  697. 			return;
  698. 		}
  699. 		
  700. 		var tagName = ele.tagName;
  701. 		if (tagName === "INPUT")
  702. 		{
  703. 			// don't change color after disable
  704. 			var styleCp = window.getComputedStyle(ele);
  705. 			if (styleCp)
  706. 			{
  707. 				ele.style.setProperty("color", styleCp.color, "important");
  708. 			}
  709.  
  710. 			setTimeout(function(ele)
  711. 			{
  712.                 ele.disabled = true;
  713. 			}, timingInit.disableOnClick, ele);
  714. 			
  715. 			setTimeout(function(ele)
  716. 			{
  717. 				ele.disabled = false;
  718. 			}, timingInit.reenableAfterClick, ele);
  719. 		}
  720. 		else if (tagName === "IMG")
  721. 		{
  722. 			setTimeout(function(ele)
  723. 			{
  724.                 ele.dataset.stshOldonclick = ele.getAttribute("onclick") || "";
  725.                 ele.removeAttribute("onclick");
  726. 			}, timingInit.disableOnClick, ele);
  727.  
  728. 			setTimeout(function(ele)
  729. 			{
  730. 				ele.setAttribute("onclick", ele.dataset.stshOldonclick);
  731. 			}, timingInit.reenableAfterClick, ele);
  732. 		}
  733. 		else if (tagName === "A")
  734. 		{
  735. 			setTimeout(function(ele)
  736. 			{
  737.                 ele.dataset.stshOldonclick = ele.getAttribute("onclick") || "";
  738.                 ele.setAttribute("onclick", "return false;");
  739. 			}, timingInit.disableOnClick, ele);
  740. 			
  741. 			setTimeout(function(ele)
  742. 			{
  743. 				ele.setAttribute("onclick", ele.dataset.stshOldonclick);
  744. 			}, timingInit.reenableAfterClick, ele);
  745. 		}
  746. 	}, true);
  747. }
  748.  
  749. function removeAllEventListeners(element)
  750. {
  751. 	if (element)
  752. 	{
  753. 		var clone = element.cloneNode(false);
  754. 		while (element.firstChild)
  755. 		{
  756. 			clone.appendChild(element.firstChild);
  757. 		}
  758. 		element.parentNode.replaceChild(clone, element);
  759. 	}
  760. }
  761.  
  762. function focusWithoutScroll(selector) 
  763. {
  764. 	var ele = null;
  765. 	
  766. 	if (selector instanceof HTMLElement)
  767. 	{
  768. 		ele = selector;
  769. 	}
  770. 	else
  771. 	{
  772. 		ele = document.querySelector(selector);
  773. 	}
  774. 	
  775. 	if (ele)
  776. 	{
  777. 		var x = window.scrollX;
  778. 		var y = window.scrollY;
  779. 		
  780. 		ele.focus();
  781. 		
  782. 		window.scrollTo(x, y);
  783. 	}
  784. }
  785.  
  786. function scrollToId(id, offset)
  787. {
  788. 	scrollToElement("#" + id, offset);
  789. }
  790.  
  791. function scrollToElement(selector, offset)
  792. {
  793. 	if (typeof offset === "undefined")
  794. 	{
  795. 		offset = -20;
  796. 	}
  797. 	
  798. 	var ele = null;
  799. 	if (selector)
  800. 	{
  801. 		if (selector instanceof HTMLElement)
  802. 		{
  803. 			ele = selector;
  804. 		}
  805. 		else
  806. 		{
  807. 			ele = document.querySelector(selector);
  808. 		}
  809. 		if (ele)
  810. 		{
  811. 			ele.scrollIntoView(true);
  812. 			window.scrollBy(0, offset);
  813. 		}
  814. 	}
  815. }
  816.  
  817. function resizeSuggestionBox()
  818. {
  819. 	var script = document.createElement('script');
  820. 	script.innerHTML = 
  821. " \
  822. /* STSH JS - resizeSuggestionBox */ \
  823. var stsh_showSuggestionsBox_start = getTimeMs(); \
  824. var stsh_showSuggestionsBox_itv = setIntervalCustom(function() \
  825. { \
  826. 	var stsh_showSuggestionsBox_isEnd = false; \
  827. 	var stsh_showSuggestionsBox_cur = getTimeMs(); \
  828. 	if (typeof showSuggestionsBox !== 'undefined') \
  829. 	{ \
  830. 		showSuggestionsBox = function(url) \
  831. 		{ \
  832. 			/* Edit from STS */ \
  833. 			g_suggestionsBoxIsOpen = true; \
  834. 			$('suggestions_box_outer').appear( \
  835. 			{ \
  836. 				duration : 0.1 \
  837. 			} \
  838. 			); \
  839. 			$('suggestions_iframe').setAttribute('src', url); \
  840. 			if (!Prototype.Browser.IE) \
  841. 			{ \
  842. 				$('suggestions_iframe').focus(); \
  843. 			} \
  844. 			$('suggestions_iframe').style.height = (document.viewport.getHeight() * 0.99) + 'px'; \
  845. 			return false; \
  846. 		}; \
  847. 		stsh_showSuggestionsBox_isEnd = true; \
  848. 	} \
  849. 	if (stsh_showSuggestionsBox_isEnd || stsh_showSuggestionsBox_cur - stsh_showSuggestionsBox_start > 10000) \
  850. 	{ \
  851. 		clearInterval(stsh_showSuggestionsBox_itv); \
  852. 	} \
  853. }, 300); \
  854. ";
  855. 	
  856. 	document.head.appendChild(script);
  857.  
  858. 	window.addEventListener("resize", function()
  859. 	{
  860. 		var iframe = document.querySelector("#suggestions_iframe");
  861. 		if (iframe)
  862. 		{
  863. 			iframe.style.height = (window.innerHeight * 0.99) + "px";
  864. 		}
  865. 	});
  866. }
  867.  
  868. function isRally()
  869. {
  870. 	var date = new Date();
  871. 	var year = date.getUTCFullYear();
  872. 	var month = date.getUTCMonth() + 1;
  873. 	var day = date.getUTCDate();
  874. 	
  875. 	if ((month > 9) || (month === 9 && day >= 22) || (month === 0 && day <= 2))
  876. 	{
  877. 		return true;
  878. 	}
  879. 	
  880. 	return false;
  881. }
  882.  
  883. function getQueryByName(name, url)
  884. {
  885. 	if (!url)
  886. 	{
  887. 		url = (!window.location) ? "" : window.location.search;
  888. 	}
  889. 	name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
  890. 	var regex = new RegExp("[\\?&]" + name + "=([^&#]*)");
  891. 	var results = regex.exec(url);
  892. 	var retVal = "";
  893. 	if (results)
  894. 	{
  895. 		retVal = results[1].replace(/\+/g, " ");
  896. 		try
  897. 		{
  898. 			retVal = decodeURIComponent(retVal);
  899. 		}
  900. 		catch (ex)
  901. 		{
  902. 			console.error("getQueryByName", ex.message);
  903. 		}
  904. 	}
  905. 	return retVal;
  906. }
  907.  
  908. function padZero(num, size)
  909. {
  910. 	return (1e15 + num + "").slice(-size);
  911. }
  912.  
  913. function padZeroHex(num, size)
  914. {
  915. 	return ("00000000000000000000000" + num.toString(16)).slice(-size).toUpperCase();
  916. }
  917.  
  918. function randNum(min, max)
  919. {
  920. 	return Math.round(Math.random() * (max - min) + min);
  921. }
  922.  
  923. function isLastIndex(src, des)
  924. {
  925. 	if (src !== null && src !== "" && des !== null && des !== "")
  926. 	{
  927. 		if (src.lastIndexOf(des) === src.length - 1)
  928. 		{
  929. 			return true;
  930. 		}
  931. 	}
  932. 	return false;
  933. }
  934.  
  935. function isSpecialChar(ch)
  936. {
  937. 	var chCode = -1;
  938. 	
  939. 	if (typeof ch === 'number')
  940. 	{
  941. 		chCode = ch;
  942. 	}
  943. 	else
  944. 	{
  945. 		chCode = ch.charCodeAt(0);
  946. 	}
  947. 	
  948. 	
  949. 	if ((chCode > -1 && chCode < 9) 		// 0-8
  950. 		|| (chCode > 10 && chCode < 13) 	// 11-12
  951. 		|| (chCode > 13 && chCode < 32))	// 14-31
  952. 	{
  953. 		return true;
  954. 	}
  955. 	
  956. 	return false;
  957. }
  958.  
  959. function hasSpecialChar(str)
  960. {
  961. 	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]+/;
  962. 	
  963. 	return rgxSpCh.test(str);
  964. }
  965. 	
  966. function checkSpecialCharMatched(str1, str2)
  967. {
  968. 	// return (status, numSp1, numSp2)
  969. 	// status: 0:Match, 1:NotMatch, 2:NotEqual
  970. 	
  971. 	str1 = str1 || "";
  972. 	str2 = str2 || "";
  973. 	
  974. 	var strOut1 = "";
  975. 	var strOut2 = "";
  976. 	
  977. 	for (var i = 0; i < str1.length; i++)
  978. 	{
  979. 		if (isSpecialChar(str1[i]))
  980. 		{
  981. 			strOut1 += str1[i];
  982. 		}
  983. 	}
  984. 	for (var i = 0; i < str2.length; i++)
  985. 	{
  986. 		if (isSpecialChar(str2[i]))
  987. 		{
  988. 			strOut2 += str2[i];
  989. 		}
  990. 	}
  991. 	
  992. 	var retVal = 0;
  993. 	
  994. 	if (strOut1 === strOut2)
  995. 		retVal = 0;
  996. 	else if (strOut1.length === strOut2.length)
  997. 		retVal = 1;
  998. 	else
  999. 		retVal = 2;
  1000. 	
  1001. 	return new Array(retVal, strOut1.length, strOut2.length);
  1002. }
  1003.  
  1004. function countDiacriticalMark(str)
  1005. {
  1006. 	str = str || "";
  1007. 	var rgxDct = /[\u0300-\u036F]/g;
  1008. 	var matchDct = str.match(rgxDct);
  1009. 	var countDct = matchDct ? matchDct.length : 0;
  1010.  
  1011. 	return countDct;
  1012. }
  1013.  
  1014. function countDescendantElement(ele)
  1015. {
  1016. 	var countElement = 0;
  1017. 	if (ele instanceof Element)
  1018. 	{
  1019. 		var children = ele.children;
  1020. 		countElement = children.length;
  1021. 		
  1022. 		for (var i = 0; i < children.length; i++)
  1023. 		{
  1024. 			countElement += countDescendantElement(children[i]);
  1025. 		}
  1026. 	}	
  1027. 	return countElement;
  1028. }
  1029.  
  1030. function trimSpace(str)
  1031. {
  1032. 	if (str !== null)
  1033. 	{
  1034. 		return str.replace(/^[ \r\n\t]+/, "").replace(/[ \r\n\t]+$/, "");
  1035. 	}
  1036. 	return str;
  1037. }
  1038.  
  1039. function trimTab(str)
  1040. {
  1041. 	if (str !== null)
  1042. 	{
  1043. 		return str.replace(/^[\r\n\t]+/, "").replace(/[\r\n\t]+$/, ""); //.replace(/\t+<\//, "<");
  1044. 	}
  1045. 	return str;
  1046. }
  1047.  
  1048. function trimTabLeft(str)
  1049. {
  1050. 	if (str !== null)
  1051. 	{
  1052. 		return str.replace(/^[\r\n\t]+/, "");
  1053. 	}
  1054. 	return str;
  1055. }
  1056.  
  1057. function trimTabRight(str)
  1058. {
  1059. 	if (str !== null)
  1060. 	{
  1061. 		return str.replace(/[\r\n\t]+$/, "");
  1062. 	}
  1063. 	return str;
  1064. }
  1065.  
  1066. function trimElement(ele)
  1067. {
  1068. 	if (ele instanceof Element)
  1069. 	{
  1070. 		if (!ele.firstElementChild)
  1071. 		{
  1072. 			ele.textContent = trimTab(ele.textContent);
  1073. 		}
  1074. 		else
  1075. 		{
  1076. 			if (ele.firstChild.nodeType === document.TEXT_NODE)
  1077. 			{
  1078. 				ele.firstChild.textContent = trimTabLeft(ele.firstChild.textContent);
  1079. 			}
  1080. 			if (ele.lastChild.nodeType === document.TEXT_NODE)
  1081. 			{
  1082. 				ele.lastChild.textContent = trimTabRight(ele.lastChild.textContent);
  1083. 			}
  1084. 		}
  1085. 	}
  1086. 	
  1087. 	return ele;
  1088. }
  1089.  
  1090. if (!String.prototype.endsWith)
  1091. {
  1092. 	String.prototype.endsWith = function(searchString, position)
  1093. 	{
  1094. 		var subjectString = this.toString();
  1095. 		if (typeof position !== 'number' || !isFinite(position)
  1096. 			|| Math.floor(position) !== position || position > subjectString.length)
  1097. 		{
  1098. 			position = subjectString.length;
  1099. 		}
  1100. 		position -= searchString.length;
  1101. 		var lastIndex = subjectString.indexOf(searchString, position);
  1102. 		return lastIndex !== -1 && lastIndex === position;
  1103. 	};
  1104. }
  1105.  
  1106. function reload()
  1107. {
  1108. 	var curHref = window.location.href;
  1109. 	var posHashtag = curHref.indexOf("#");
  1110. 	if (posHashtag > -1)
  1111. 	{
  1112. 		window.location = curHref.substr(0, posHashtag);
  1113. 	}
  1114. 	else
  1115. 	{
  1116. 		window.location = curHref;
  1117. 	}
  1118. }
  1119.  
  1120. function getCookie(c_name) 
  1121. {
  1122. 	var c_value = document.cookie;
  1123. 	var c_start = c_value.indexOf(" " + c_name + "=");
  1124. 	if (c_start === -1) {
  1125. 		c_start = c_value.indexOf(c_name + "=");
  1126. 	}
  1127. 	if (c_start === -1) {
  1128. 		c_value = null;
  1129. 	}
  1130. 	else {
  1131. 		c_start = c_value.indexOf("=", c_start) + 1;
  1132. 		var c_end = c_value.indexOf(";", c_start);
  1133. 		if (c_end === -1) {
  1134. 			c_end = c_value.length;
  1135. 		}
  1136. 		c_value = unescape(c_value.substring(c_start, c_end));
  1137. 	}
  1138. 	return c_value;
  1139. }
  1140.  
  1141. var isVisible = (function()
  1142. {
  1143. 	var stateKey;
  1144. 	var eventKey;
  1145. 	var keys =
  1146. 	{
  1147. 		hidden: "visibilitychange",
  1148. 		webkitHidden: "webkitvisibilitychange",
  1149. 		mozHidden: "mozvisibilitychange",
  1150. 		msHidden: "msvisibilitychange"
  1151. 	};
  1152. 	for (stateKey in keys)
  1153. 	{
  1154. 		if (stateKey in document)
  1155. 		{
  1156. 			eventKey = keys[stateKey];
  1157. 			break;
  1158. 		}
  1159. 	}
  1160. 	return function(c)
  1161. 	{
  1162. 		if (c)
  1163. 		{
  1164. 			document.addEventListener(eventKey, c);
  1165. 		}
  1166. 		return !document[stateKey];
  1167. 	}
  1168. })();
  1169.  
  1170. function isDstUs(year, month, day, hour)
  1171. {
  1172. 	// Support: 2007 - 2029
  1173. 	// Params: 2016, 3, 1, 15 === 1 Mar 2016 15:00
  1174. 	
  1175. 	var isDst = false;
  1176. 	try
  1177. 	{
  1178. 		var y = parseInt(year);
  1179. 		var m = parseInt(month);
  1180. 		var d = parseInt(day);
  1181. 		var h = parseInt(hour);
  1182. 		
  1183. 		var checkDstUsa = function(dayMar, dayNov, m, d, h)
  1184. 		{
  1185. 			var isDst = false;
  1186. 			if ((m === 3 && d >= dayMar) || (m > 3 && m < 11) || (m === 11 && d <= dayNov))
  1187. 				isDst = true;
  1188. 			if ((m === 3 && d === dayMar && h < 2) || (m === 11 && d === dayNov && h >= 2))
  1189. 				isDst = false;
  1190. 			return isDst;
  1191. 		}
  1192. 		
  1193. 		if (y === 2007 || y === 2012 || y === 2018 || y === 2029)
  1194. 		{
  1195. 			isDst = checkDstUsa(11, 4, m, d, h);
  1196. 		}
  1197. 		else if (y === 2013 || y === 2019 || y === 2024)
  1198. 		{
  1199. 			isDst = checkDstUsa(10, 3, m, d, h);
  1200. 		}
  1201. 		else if (y === 2008 || y === 2014 || y === 2025)
  1202. 		{
  1203. 			isDst = checkDstUsa(9, 2, m, d, h);
  1204. 		}
  1205. 		else if (y === 2009 || y === 2015 || y === 2020 || y === 2026)
  1206. 		{
  1207. 			isDst = checkDstUsa(8, 1, m, d, h);
  1208. 		}
  1209. 		else if (y === 2010 || y === 2021 || y === 2027)
  1210. 		{
  1211. 			isDst = checkDstUsa(14, 7, m, d, h);
  1212. 		}
  1213. 		else if (y === 2011 || y === 2016 || y === 2022)
  1214. 		{
  1215. 			isDst = checkDstUsa(13, 6, m, d, h);
  1216. 		}
  1217. 		else if (y === 2017 || y === 2023 || y === 2028)
  1218. 		{
  1219. 			isDst = checkDstUsa(12, 5, m, d, h);
  1220. 		}
  1221. 		
  1222. 	}
  1223. 	catch (ex)
  1224. 	{
  1225. 		console.error("isDstUs", ex.message);
  1226. 	}
  1227. 	return isDst;
  1228. }
  1229.  
  1230. function getDateIsoUs(unixTs)
  1231. {
  1232. 	var dateUs = unixTs ? new Date(unixTs * 1000) : new Date();	
  1233. 	
  1234. 	dateUs.setTime(dateUs.getTime() - (1000 * 60 * 60 * 8));		// GMT-8
  1235. 	
  1236. 	if (isDstUs(dateUs.getUTCFullYear(), dateUs.getUTCMonth() + 1, dateUs.getUTCDate(), dateUs.getUTCHours()))
  1237. 	{
  1238. 		dateUs.setTime(dateUs.getTime() + (1000 * 60 * 60 * 1));	// GMT-7
  1239. 	}
  1240. 	
  1241. 	return dateUs.toISOString();
  1242. }
  1243.  
  1244. function getDateUs(unixTs)
  1245. {
  1246. 	return getDateIsoUs(unixTs).substr(0, 10);
  1247. }
  1248.  
  1249. function getDateTimeUs(unixTs)
  1250. {
  1251. 	var dateIso = getDateIsoUs(unixTs);
  1252. 	return dateIso.substr(0, 10) + " " + dateIso.substr(11, 8);
  1253. }
  1254.  
  1255. function getTimeUs(unixTs)
  1256. {
  1257. 	return getDateIsoUs(unixTs).substr(11, 5);
  1258. }
  1259.  
  1260. function getDateIsoGmt(unixTs)
  1261. {
  1262. 	var date = unixTs ? new Date(unixTs * 1000) : new Date();
  1263. 	return date.toISOString();
  1264. }
  1265.  
  1266. function getDateGmt(unixTs)
  1267. {
  1268. 	return getDateIsoGmt(unixTs).substr(0, 10);
  1269. }
  1270.  
  1271. function getTimeMs(unixTs)
  1272. {
  1273. 	return unixTs ? new Date(unixTs * 1000).getTime() : new Date().getTime();
  1274. }
  1275.  
  1276. function getUnixTimestamp(date)
  1277. {
  1278. 	return parseInt((date ? new Date(date) : new Date()).getTime() / 1000);
  1279. }
  1280. 	
  1281. var pattUrlTimestamp = 
  1282. {
  1283. 	type1: /\?t=[0-9]{6,}\&/g,
  1284. 	type2: /\&t=[0-9]{6,}/g,
  1285. 	type3: /\?t=[0-9]{6,}/g,
  1286. 	type4: /\&[0-9]{6,}\&/g,
  1287. 	type5: /\&$/,
  1288. };
  1289.  
  1290. function cleanUrlTimestamp(eles)
  1291. {
  1292. 	if (!eles || !eles.length)
  1293. 		return;
  1294.  
  1295. 	for (var i = 0; i < eles.length; i++)
  1296. 	{
  1297. 		var val = "";
  1298. 		var attr = "";
  1299. 		
  1300. 		if (eles[i].tagName === "A")
  1301. 		{
  1302. 			attr = "href";
  1303. 		}
  1304. 		else if (eles[i].tagName === "FORM")
  1305. 		{
  1306. 			attr = "action";
  1307. 		}
  1308. 		else if (eles[i].tagName === "DIV")
  1309. 		{
  1310. 			attr = "onclick";
  1311. 		}
  1312. 		else if (eles[i].tagName === "INPUT")
  1313. 		{
  1314. 			attr = "onclick";
  1315. 			
  1316. 			if (eles[i].name === "t")
  1317. 			{
  1318. 				removeElement(eles[i]);
  1319. 				continue;
  1320. 			}
  1321. 		}
  1322. 		
  1323. 		var isEdit = false;
  1324. 		
  1325. 		val = eles[i].getAttribute(attr);
  1326. 		if (pattUrlTimestamp.type1.test(val))
  1327. 		{
  1328. 			eles[i].setAttribute(attr, val.replace(pattUrlTimestamp.type1, "?"));
  1329. 			isEdit = true;
  1330. 		}
  1331. 		else if (pattUrlTimestamp.type2.test(val))
  1332. 		{
  1333. 			eles[i].setAttribute(attr, val.replace(pattUrlTimestamp.type2, ""));
  1334. 			isEdit = true;
  1335. 		}
  1336. 		else if (pattUrlTimestamp.type3.test(val))
  1337. 		{
  1338. 			eles[i].setAttribute(attr, val.replace(pattUrlTimestamp.type3, ""));
  1339. 			isEdit = true;
  1340. 		}
  1341. 		
  1342. 		if (isEdit)
  1343. 		{
  1344. 			val = eles[i].getAttribute(attr);
  1345. 		}
  1346. 		
  1347. 		if (pattUrlTimestamp.type4.test(val))
  1348. 		{
  1349. 			eles[i].setAttribute(attr, val.replace(pattUrlTimestamp.type4, "&"));
  1350. 		}
  1351. 		
  1352. 		if (pattUrlTimestamp.type5.test(val))
  1353. 		{
  1354. 			eles[i].setAttribute(attr, val.replace(pattUrlTimestamp.type5, ""));
  1355. 		}
  1356. 	}
  1357. }
  1358.  
  1359. var timeoutList = [];
  1360. var intervalList = [];
  1361.  
  1362. function setTimeoutCustom(func, tm, params)
  1363. {
  1364. 	var id = setTimeout(func, tm, params);
  1365. 	timeoutList.push(id);
  1366. 	return id;
  1367. }
  1368.  
  1369. function clearTimeoutAll()
  1370. {
  1371. 	for (var i = 0; i < timeoutList.length; i++)
  1372. 	{
  1373. 		clearTimeout(timeoutList[i]);
  1374. 	}
  1375. }
  1376.  
  1377. function setIntervalCustom(func, tm, params)
  1378. {
  1379. 	var id = setInterval(func, tm, params);
  1380. 	intervalList.push(id);
  1381. 	return id;
  1382. }
  1383.  
  1384. function clearIntervalAll()
  1385. {
  1386. 	for (var i = 0; i < intervalList.length; i++)
  1387. 	{
  1388. 		clearInterval(intervalList[i]);
  1389. 	}
  1390. }
  1391.  
  1392. function main()
  1393. {
  1394. 	var perfStart = 0;
  1395. 	if (performance && performance.now)
  1396. 	{
  1397. 		perfStart = performance.now();
  1398. 	}
  1399. 	
  1400. 	var url = document.documentURI;
  1401. 	var lang = getCookie("Language");
  1402. 	var userId = "";
  1403. 	var userName = "";
  1404. 	
  1405. 	if (document.body)
  1406. 	{
  1407. 		document.body.classList.add("stsh");
  1408. 	}
  1409. 	else
  1410. 	{
  1411. 		setTimeoutCustom(function()
  1412. 		{
  1413. 			if (document.body)
  1414. 			{
  1415. 				document.body.classList.add("stsh");
  1416. 			}
  1417. 		}, timingInit.initNameSpace);
  1418. 	}
  1419. 	
  1420. 	// Auto refresh when error
  1421. 	{
  1422. 		var h1 = document.querySelector("#leftAreaContainer > h1, body > h1");
  1423. 		if (h1)
  1424. 		{
  1425. 			var text = h1.textContent.trim();
  1426. 			if (text === "Steam Translation Server - Maintenance Warning"
  1427. 				|| text === "Forbidden")
  1428. 			{
  1429. 				console.log("stsh: refresh");
  1430. 				setTimeoutCustom(reload, timingInit.refreshError);
  1431. 				return;
  1432. 			}
  1433. 		}
  1434. 	}
  1435.  
  1436. 	// Clean links
  1437. 	{
  1438. 		setTimeoutCustom(function()
  1439. 		{
  1440. 			var eles = document.querySelectorAll("a, form[action], input");
  1441. 			cleanUrlTimestamp(eles);
  1442. 		}, timingInit.cleanLinks);
  1443. 	}
  1444. 	
  1445. 	// Fix STS URL paths
  1446. 	{
  1447. 		var arrQuery = ["img"];
  1448. 		var arrAttr = ["src"];
  1449. 		
  1450. 		for (var j = 0; j < arrQuery.length; j++)
  1451. 		{
  1452. 			var eles = document.querySelectorAll(arrQuery[j]);
  1453. 			for (var i = 0; i < eles.length; i++)
  1454. 			{
  1455. 				var attr = eles[i].getAttribute(arrAttr[j]);
  1456. 				if (attr)
  1457. 				{
  1458. 					var attrNew = attr.replace(/<\?=BASE_URL_CURRENT\?>/g, "/");
  1459. 					if (attrNew !== attr)
  1460. 					{
  1461. 						console.log("STS URL path is missing: " + eles[i].outerHTML);
  1462. 						eles[i].setAttribute(arrAttr[j], attrNew);
  1463. 					}
  1464. 				}
  1465. 			}
  1466. 		}
  1467. 	}
  1468. 	
  1469. 	// Set current user
  1470. 	{
  1471. 		userId = GM_getValue("user", "");
  1472. 		userName = GM_getValue("name", "");
  1473. 		
  1474. 		if (url.indexOf("/home.php") > -1)
  1475. 		{
  1476. 			var eleUser = document.querySelector("#leftAreaContainer > b > a[href^='user_activity.php?user=']");
  1477. 			if (eleUser)
  1478. 			{
  1479. 				var user = getQueryByName("user", eleUser.href);
  1480. 				if (user && userId !== user)
  1481. 				{
  1482. 					userId = user;
  1483. 					GM_setValue("user", userId);
  1484. 				}
  1485. 				
  1486. 				var name = eleUser.textContent.trim();
  1487. 				if (name && userName !== name)
  1488. 				{
  1489. 					userName = name;
  1490. 					GM_setValue("name", userName);
  1491. 				}
  1492. 			}
  1493. 		}
  1494. 	}
  1495.  
  1496. 	var eleLogout = document.querySelector("#logout");
  1497. 	if (eleLogout)
  1498. 	{
  1499. 		var logoutHtml = 
  1500. ' \
  1501. <a class="stsh_a_button stsh_btn_myProfile stsh_border_left" target="_blank" \
  1502.  href="%PROFILE%" title="%NAME%">My Profile</a>\
  1503. <input name="login_button" class="stsh_border_right" value="Logout?" \
  1504.  type="submit" onclick="return confirm(\'Logout?\');" /> \
  1505. ';
  1506. 		logoutHtml = logoutHtml
  1507. 			.replace("%PROFILE%", "/user_activity.php" + (userId ? "?user=" + userId : ""))
  1508. 			.replace("%NAME%", userName);
  1509. 		
  1510. 		eleLogout.innerHTML = logoutHtml;
  1511. 		
  1512. 		// Special event button
  1513. 		{
  1514. 			if (isRally())
  1515. 			{
  1516. 				var divSpecial = document.createElement("div");
  1517. 				divSpecial.id = "stsh_specialEvent";
  1518. 				divSpecial.innerHTML = 
  1519. ' \
  1520. <a class="stsh_a_button" target="_blank" href="/rally.php">Year-End Rally</a> \
  1521. ';
  1522. 				eleLogout.parentElement.appendChild(divSpecial);
  1523. 			}
  1524. 		}
  1525. 	}
  1526. 	
  1527. 	// Declare functions
  1528. 	var removeStsHtmlTags = null;
  1529. 	var displayHtmlTags = null;
  1530. 	{
  1531. 		removeStsHtmlTags = function(ele, isRemovedBrowserGenerated)
  1532. 		{
  1533. 			isRemovedBrowserGenerated = (typeof isRemovedBrowserGenerated === "undefined")
  1534. 				? true : !!isRemovedBrowserGenerated;
  1535. 			
  1536. 			var html = "";
  1537. 			if (ele)
  1538. 			{
  1539. 				html = (typeof ele.dataset.stshHtml === "undefined") 
  1540. 					? trimTab(ele.innerHTML) : ele.dataset.stshHtml;
  1541. 				
  1542. 				if (ele.classList.contains("stsh_text_org"))
  1543. 				{
  1544. 					html = html.replace(/<span style="color:#ff0000;">(.*?)<\/span>/ig, "$1")
  1545. 						.replace(/<span style="color:#ffffff;">(.*?)<\/span>/ig, "$1")
  1546. 						.replace(/<font style="BACKGROUND-COLOR: blue">(.+?)<\/font>/ig, "$1")
  1547. 						.replace(/<font face="Times New Roman">(.+?)<\/font>/ig, "$1");
  1548. 				}
  1549. 				else if (ele.classList.contains("stsh_text_trn"))
  1550. 				{
  1551. 					html = html.replace(/<span style="color:#ff0000;">(.*?)<\/span>/ig, "$1")
  1552. 						.replace(/<span style="color:#ffffff;">(.*?)<\/span>/ig, "$1")
  1553. 						.replace(/<font face="Times New Roman">(.+?)<\/font>/ig, "$1");
  1554. 				}
  1555. 				else if (ele.classList.contains("suggestion_text"))
  1556. 				{
  1557. 					html = html.replace(/<span style="color:red;">(.*?)<\/span>/ig, "$1")
  1558. 						.replace(/<font face="Times New Roman">(.+?)<\/font>/ig, "$1");
  1559. 				}
  1560. 				
  1561. 				if (isRemovedBrowserGenerated)
  1562. 				{
  1563. 					// Remove browser generated attributes and ending tags
  1564. 					// Regex .+? is "reluctant" that means "as few characters as it can"
  1565. 					html = html.replace(/="">/g, ">")
  1566. 						.replace(/([^\t])\t\t\t\t<\/[^\t ]+>$/, "$1")
  1567. 						.replace(/<script data-pagespeed-no-defer[\s\S]+?\/script>/ig, "")
  1568. 						.replace(/ data-pagespeed-url-hash=".+?"/ig, "")
  1569. 						.replace(/ onload="pagespeed.+?"/ig, "");
  1570. 				}
  1571. 			}
  1572. 			return html;
  1573. 		}
  1574. 		
  1575. 		displayHtmlTags = function(ele)
  1576. 		{
  1577. 			if (ele)
  1578. 			{
  1579. 				ele.innerHTML = (typeof ele.dataset.stshHtml === "undefined") 
  1580. 					? trimTab(ele.innerHTML).replace(/\<span[^\>]+class=\"stsh_[\s\S]+?\/span\>/ig, "")
  1581. 					: ele.dataset.stshHtml;
  1582. 				
  1583. 				var isSkip = false;
  1584. 				var isBb = (ele.textContent.indexOf("[/") > -1);
  1585. 				
  1586. 				var isUsThem = false;
  1587. 				var isReplaceNewline = true;
  1588. 				var isReplaceScript = true;
  1589. 				var isDisplayBr = true;
  1590. 				
  1591. 				ele.innerHTML = removeStsHtmlTags(ele, false);
  1592. 				
  1593. 				if (ele.classList.contains("stsh_text_trn"))
  1594. 				{
  1595. 					if (ele.classList.contains("stsh_text_trn_empty"))
  1596. 					{
  1597. 						isSkip = true;
  1598. 					}
  1599. 				}
  1600. 				else if (ele.classList.contains("stsh_usThem_translation"))
  1601. 				{
  1602. 					isUsThem = true;
  1603. 					isReplaceNewline = false;
  1604. 					isReplaceScript = false;
  1605. 					isDisplayBr = false;
  1606. 					
  1607. 					if (ele.innerHTML === "<i>--- Not Yet Translated ---</i>")
  1608. 					{
  1609. 						isSkip = true;
  1610. 					}
  1611. 				}				
  1612. 				
  1613. 				//isReplaceScript = false;
  1614. 				
  1615. 				if (!isSkip)
  1616. 				{
  1617. 					ele.textContent = trimTab(ele.innerHTML);
  1618. 					var newHtml = ele.innerHTML;
  1619. 					if (!isBb)
  1620. 					{
  1621. 						if (isReplaceScript)
  1622. 						{
  1623. 							newHtml = newHtml
  1624. 								.replace(/&lt;script([^&]+)[\s\S]+?\/script&gt;/ig, 
  1625. 									"<br>&lt;script$1&gt;...&lt;/script&gt;<br>")
  1626. 								.replace(/&lt;style([^&]+)[\s\S]+?\/style&gt;/ig, 
  1627. 									"<br>&lt;style$1&gt;...&lt;/style&gt;<br>");
  1628. 						}
  1629. 						
  1630. 						if (isReplaceNewline)
  1631. 						{
  1632. 							newHtml = newHtml
  1633. 								.replace(/\n/ig, "\n<br>");
  1634. 						}
  1635. 						
  1636. 						newHtml = newHtml
  1637. 							
  1638. 							// Remove browser generated attributes
  1639. 							.replace(/=""&gt;/ig, "&gt;") 
  1640. 							
  1641. 							// Remove browser generated ending tags
  1642. 							.replace(/([^\t])\t\t\t\t&lt;\/[^\t ]+&gt;$/i, "$1") 
  1643. 							
  1644. 							.replace(/&lt;/ig, '<span class="stsh_marker">&lt;')
  1645. 							.replace(/&gt;/ig, "&gt;</span>")
  1646. 							.replace(/&lt;li/ig, "<br>&lt;li")
  1647. 							.replace(/&amp;/ig, "&");
  1648. 							
  1649. 						if (isDisplayBr)
  1650. 						{
  1651. 							newHtml = newHtml
  1652. 								.replace(/br([ \/]*)&gt;<\/span>/ig, "br$1&gt;</span><br>");
  1653. 						}
  1654. 						else
  1655. 						{
  1656. 							newHtml = newHtml
  1657. 								.replace(/<span class="stsh_marker">&lt;br([ \/]*)&gt;<\/span>/ig, "<br>");
  1658. 						}
  1659. 					}
  1660. 					else
  1661. 					{
  1662. 						if (isReplaceNewline)
  1663. 						{
  1664. 							newHtml = newHtml
  1665. 								.replace(/\n/ig, "\n<br>");
  1666. 						}
  1667. 						
  1668. 						newHtml = newHtml
  1669. 							.replace(/\[/ig, '<span class="stsh_marker">[')
  1670. 							.replace(/\]/ig, "]</span>")
  1671. 							.replace(/&lt;font face="Times New Roman"&gt;-&lt;\/font&gt;/ig, "-")
  1672. 							.replace(/&amp;nbsp;/ig, " ");
  1673. 					}
  1674. 					
  1675. 					if (isUsThem)
  1676. 					{
  1677. 						var status = newHtml.substr(67, 8);
  1678. 						//console.log(status);
  1679. 						
  1680. 						if (status === "pending)")
  1681. 						{
  1682. 							newHtml = '<font style="color:CF8B37">(pending)</font>' + newHtml.substr(121);
  1683. 						}
  1684. 						else if (status === "approved")
  1685. 						{
  1686. 							newHtml = '<font style="color:A4B23C">(approved)</font>' + newHtml.substr(122);
  1687. 						}
  1688. 						else if (status === "outdated")
  1689. 						{
  1690. 							newHtml = '<font style="color:FF0000">(outdated)</font>' + newHtml.substr(122);
  1691. 						}
  1692. 					}
  1693. 					
  1694. 					ele.innerHTML = newHtml;
  1695. 				}
  1696. 			}
  1697. 		}
  1698. 	}
  1699. 	// End Declare functions
  1700. 	
  1701. 	if (url.indexOf("Us_And_Them.php") > -1)
  1702. 	{
  1703. 		document.body && document.body.classList.add("stsh_page_usAndThem");
  1704. 		
  1705. 		var h1 = document.querySelector("#leftAreaContainer > h1:nth-child(2)");
  1706. 		if (h1)
  1707. 		{
  1708. 			var header = h1.textContent.trim();
  1709. 			var key = header.split(" ")[0];
  1710. 			h1.innerHTML = header.replace(key, "<a href='/translate.php?keyonly=1&search_input="
  1711. 				+ encodeURIComponent(key) + "' >" + key + "</a>");
  1712. 			document.title = key + " - " + document.title;
  1713. 		}
  1714. 		
  1715. 		// Hilight cur lang
  1716. 		{
  1717. 			var eleTable = document.querySelector("#leftAreaContainer > table");
  1718. 			if (eleTable)
  1719. 			{
  1720. 				eleTable.classList.add("stsh_usThem");
  1721. 				
  1722. 				var eleLangCur = null;
  1723. 			
  1724. 				var elesLang = eleTable.querySelectorAll("tr > td:nth-child(1) > a");
  1725. 				for (var i = 1; i < elesLang.length; i++)
  1726. 				{
  1727. 					if (lang === elesLang[i].textContent.trim().toLowerCase())
  1728. 					{
  1729. 						eleLangCur = elesLang[i].parentElement.parentElement;
  1730. 						break;
  1731. 					}
  1732. 				}
  1733. 				
  1734. 				if (eleLangCur)
  1735. 				{
  1736. 					eleLangCur.classList.add("stsh_usThem_langCur");
  1737. 				}
  1738. 				
  1739. 				if (elesLang.length > 1)
  1740. 				{
  1741. 					elesLang[0].parentElement.parentElement.classList.add("stsh_usThem_langEng")
  1742. 				}
  1743. 			}
  1744. 		}
  1745. 		
  1746. 		// Normalize
  1747. 		// Add start/end marker to English text
  1748. 		{
  1749. 			var elesTranslation = document.querySelectorAll(
  1750. 				".stsh_usThem > tbody:nth-child(1) > tr > td:nth-child(2)");
  1751. 			for (var i = 0; i < elesTranslation.length; i++)
  1752. 			{
  1753. 				elesTranslation[i].classList.add("stsh_usThem_translation");
  1754. 				
  1755. 				var eleFirst = elesTranslation[i].firstElementChild;
  1756. 				if (eleFirst && eleFirst.textContent === "(outdated)")
  1757. 				{
  1758. 					// Fix STS inconsistent space
  1759. 					insertAfterElement(document.createTextNode(" "), eleFirst);
  1760. 				}
  1761. 			}
  1762. 		
  1763. 			var container = "\"";
  1764. 			var tdEng = elesTranslation.length > 1 ? elesTranslation[0] : null;
  1765. 			if (tdEng)
  1766. 			{
  1767. 				//tdEng.innerHTML = container + tdEng.innerHTML + container;
  1768. 			}
  1769. 		}
  1770. 		
  1771. 		// Add scroll to
  1772. 		// Add move up
  1773. 		{
  1774. 			var eleMenu = document.createElement("div");
  1775. 			document.body.appendChild(eleMenu);
  1776. 			eleMenu.innerHTML = 
  1777. ' \
  1778. <div class="stsh_menu_group"> \
  1779. 	&nbsp; <span class="stsh_scroll_header">Scroll To</span>\
  1780. 	<br> &nbsp; <input value="English"  \
  1781. 		class="stsh_btn_long" type="button" onclick="scrollToElement(\'.stsh_usThem_langEng\', -8); return false;" > \
  1782. 	<br> &nbsp; <input value="My lang" \
  1783. 		class="stsh_btn_long" type="button" onclick="scrollToElement(\'.stsh_usThem_langCur\', -30); return false;" > \
  1784. 	<div class="stsh_block_scrollToDiscussion stsh_inline"> \
  1785. 	<br> &nbsp; <input value="Discussion" \
  1786. 		class="stsh_btn_long" \
  1787. 		type="button" onclick="scrollToElement(\'a[name=\\\'tokendiscussion\\\']\'); return false;" > \
  1788. 	</div> \
  1789. 	<br> \
  1790. 	<br> &nbsp; <input value="Move up my lang" \
  1791. 		class="stsh_btn_long stsh_btn_moveLang" type="button" onclick="return false;" > \
  1792. 	<br> \
  1793. 	<div class="stsh_block_displayHtml stsh_inline"> \
  1794. 	<br> &nbsp; <input value="Display HTML tags" \
  1795. 		class="stsh_btn_long stsh_btn_displayHtmlTags" type="button" onclick="return false;" > \
  1796. 	<br> \
  1797. 	</div> \
  1798. 	<br> &nbsp; <input value="Refresh" \
  1799. 		class="stsh_btn_long" type="button" onclick="window.location = window.location.href; return false;" /> \
  1800. 	<br> \
  1801. </div> \
  1802. ';
  1803. 			if (!document.querySelector("a[name='tokendiscussion']"))
  1804. 			{
  1805. 				var eleBlock = document.querySelector(".stsh_block_scrollToDiscussion");
  1806. 				if (eleBlock)
  1807. 				{
  1808. 					eleBlock.classList.add("stsh_hidden");
  1809. 				}
  1810. 			}
  1811.  
  1812. 			var eleMove = eleMenu.querySelector(".stsh_btn_moveLang");
  1813. 			if (eleMove)
  1814. 			{
  1815. 				eleMove.addEventListener("click", function(ev)
  1816. 				{
  1817. 					var ele = ev.target;
  1818. 					ele.disabled = true;
  1819. 					
  1820. 					var eleLangEng = document.querySelector(".stsh_usThem_langEng");
  1821. 					var eleLangCur = document.querySelector(".stsh_usThem_langCur");
  1822. 					if (eleLangEng && eleLangCur)
  1823. 					{
  1824. 						insertAfterElement(eleLangCur, eleLangEng);
  1825. 					}
  1826. 				});
  1827. 			}
  1828. 			
  1829. 			// Sample: https://translation.steampowered.com/Us_And_Them.php?token_key_ID=21476726000412883
  1830. 			var eleHtml = eleMenu.querySelector(".stsh_btn_displayHtmlTags");
  1831. 			if (eleHtml)
  1832. 			{
  1833. 				var eleEng = document.querySelector(".stsh_usThem_langEng > .stsh_usThem_translation");
  1834. 				if (eleEng.firstElementChild)
  1835. 				{
  1836. 					eleHtml.addEventListener("click", function(ev)
  1837. 					{
  1838. 						var ele = ev.target;
  1839. 						ele.disabled = true;
  1840. 						
  1841. 						var elesTranslation = document.querySelectorAll(".stsh_usThem_translation");
  1842. 						for (var i = 0; i < elesTranslation.length; i++)
  1843. 						{
  1844. 							displayHtmlTags(elesTranslation[i]);
  1845. 						}
  1846. 					});
  1847. 				}
  1848. 				else
  1849. 				{
  1850. 					var eleBlock = document.querySelector(".stsh_block_displayHtml");
  1851. 					if (eleBlock)
  1852. 					{
  1853. 						eleBlock.classList.add("stsh_hidden");
  1854. 					}
  1855. 				}
  1856. 			}
  1857. 		}
  1858. 	
  1859. 	} // End Us_And_Them.php
  1860.  
  1861. 	if (url.indexOf("suggestions.php") > -1)
  1862. 	{
  1863. 		document.body && document.body.classList.add("stsh_page_suggestions");
  1864. 		
  1865. 		var eleTextOrg = null;
  1866. 		var eleTextTrn = null;
  1867. 		var eleTextNew = null;
  1868. 		var elesTextSug = null;
  1869. 		
  1870. 		var eleTextSubmit =  null;
  1871. 		var eleTextSubmitNext = null;
  1872. 		var elesTextRemoveComment = null;
  1873. 	
  1874. 		var eleHeaderOrg = null;
  1875. 		var eleHeaderTrn = null;
  1876. 		
  1877. 		// Normalize
  1878. 		{
  1879. 			eleTextOrg = document.querySelector(".progress > tbody > tr:last-child > td:nth-child(1)");
  1880. 			if (eleTextOrg)
  1881. 			{
  1882. 				eleTextOrg.classList.add("stsh_text_org");
  1883. 				trimElement(eleTextOrg);
  1884. 				eleTextOrg.dataset.stshHtml = eleTextOrg.innerHTML;
  1885. 			}
  1886. 			
  1887. 			eleTextTrn = document.querySelector(".progress > tbody > tr:last-child > td:nth-child(3)");
  1888. 			if (eleTextTrn)
  1889. 			{
  1890. 				eleTextTrn.classList.add("stsh_text_trn");
  1891. 				trimElement(eleTextTrn);
  1892. 				
  1893. 				if (eleTextTrn.textContent === "")
  1894. 				{
  1895. 					eleTextTrn.classList.add("stsh_text_trn_empty");
  1896. 				}
  1897. 				
  1898. 				eleTextTrn.dataset.stshHtml = eleTextTrn.innerHTML;
  1899. 			}
  1900. 			
  1901. 			eleTextNew = document.querySelector("#suggestion_value_new");
  1902. 			
  1903. 			elesTextSug = document.querySelectorAll(".suggestion_text");
  1904. 			for (var i = 0; i < elesTextSug.length; i++)
  1905. 			{
  1906. 				elesTextSug[i].classList.add("stsh_text_sug");
  1907. 				elesTextSug[i].dataset.stshHtml = elesTextSug[i].innerHTML;
  1908. 			}
  1909. 			
  1910. 			eleTextSubmit =  document.querySelector(".lbAction[name='suggestion_temp'] input[accesskey='s']");
  1911. 			if (eleTextSubmit)
  1912. 			{
  1913. 				eleTextSubmit.classList.add("stsh_text_submit");
  1914. 				
  1915. 				if (eleTextSubmit.value.indexOf("RESUBMIT") > -1)
  1916. 				{
  1917. 					eleTextSubmit.classList.add("stsh_text_resubmit");
  1918. 				}
  1919. 			}
  1920. 			
  1921. 			eleTextSubmitNext = document.querySelector(".lbAction input[type='submit'][accesskey='a']");
  1922. 			if (eleTextSubmitNext)
  1923. 			{
  1924. 				eleTextSubmitNext.value = "Next";
  1925. 				eleTextSubmitNext.classList.add("stsh_text_submit_right");
  1926. 			}
  1927. 			
  1928. 			elesTextRemoveComment = document.querySelectorAll(".suggestion_signature .lbAction[name^='mymodcomment'] a");
  1929. 			for (var i = 0; i < elesTextRemoveComment.length; i++)
  1930. 			{
  1931. 				elesTextRemoveComment[i].removeAttribute("href");
  1932. 				elesTextRemoveComment[i].classList.add("stsh_text_removeComment");
  1933. 			}
  1934. 			
  1935. 			var elesTextComment = document.querySelectorAll("textarea[name='suggestion_comment']");
  1936. 			for (var i = 0; i < elesTextComment.length; i++)
  1937. 			{
  1938. 				elesTextComment[i].nextElementSibling.classList.add("stsh_submit_comment");
  1939. 				elesTextComment[i].classList.add("stsh_text_addComment");
  1940. 			}
  1941. 			
  1942. 			var eleInputPrev = document.querySelector("#suggestions_nav > input[value^='Prev']");
  1943. 			if (eleInputPrev)
  1944. 			{
  1945. 				eleInputPrev.classList.add("stsh_nav_prev");
  1946. 			}
  1947. 			
  1948. 			var eleInputNext = document.querySelector("#suggestions_nav > input[value~='Next']");
  1949. 			if (eleInputNext)
  1950. 			{
  1951. 				eleInputNext.classList.add("stsh_nav_next");
  1952. 			}
  1953. 		
  1954. 			var elesApprove = document.querySelectorAll(".suggestion_signature input[value~='APPROVE']");
  1955. 			for (var i = 0; i < elesApprove.length; i++)
  1956. 			{
  1957. 				elesApprove[i].classList.add("stsh_action_approve");
  1958. 			}
  1959. 			
  1960. 			var elesDecline = document.querySelectorAll(".suggestion_signature input[value~='DECLINE']");
  1961. 			for (var i = 0; i < elesDecline.length; i++)
  1962. 			{
  1963. 				elesDecline[i].classList.add("stsh_action_decline");
  1964. 			}
  1965.  
  1966. 			var elesApply = document.querySelectorAll(".suggestion_signature input[value~='APPLY']");
  1967. 			for (var i = 0; i < elesApprove.length; i++)
  1968. 			{
  1969. 				elesApply[i].classList.add("stsh_action_apply");
  1970. 			}
  1971. 			
  1972. 			var elesNext = document.querySelectorAll(".suggestion_signature input[value~='Next']");
  1973. 			for (var i = 0; i < elesNext.length; i++)
  1974. 			{
  1975. 				elesNext[i].value = "Next";
  1976. 				
  1977. 				var elePrev = elesNext[i].previousElementSibling;
  1978. 				if (elePrev)
  1979. 				{
  1980. 					if (elePrev.classList.contains("stsh_action_approve"))
  1981. 					{
  1982. 						elesNext[i].classList.add("stsh_action_approve_next");
  1983. 					}
  1984. 					else if (elePrev.classList.contains("stsh_action_decline"))
  1985. 					{
  1986. 						elesNext[i].classList.add("stsh_action_decline_next");
  1987. 					}
  1988. 					else if (elePrev.classList.contains("stsh_action_apply"))
  1989. 					{
  1990. 						elesNext[i].classList.add("stsh_action_apply_next");
  1991. 					}
  1992. 				}
  1993. 			}
  1994. 			
  1995. 			var elesRemove = document.querySelectorAll(".suggestion_signature input[value='REMOVE']");
  1996. 			for (var i = 0; i < elesRemove.length; i++)
  1997. 			{
  1998. 				elesRemove[i].classList.add("stsh_action_remove");
  1999. 				elesRemove[i].classList.add("stsh_yellow_light");
  2000. 			}
  2001. 			
  2002. 			var elesEdit = document.querySelectorAll("input[value='Edit']");
  2003. 			for (var i = 0; i < elesEdit.length; i++)
  2004. 			{
  2005. 				elesEdit[i].classList.add("stsh_action_edit");
  2006. 				elesEdit[i].classList.add("stsh_blue_light");
  2007. 			}
  2008. 			
  2009. 			var elesRemoveMyComment = document.querySelectorAll(
  2010. 				".suggestion_signature .lbAction[name^='myFrm'] a[onclick*='.submit()']");
  2011. 			for (var i = 0; i < elesRemoveMyComment.length; i++)
  2012. 			{
  2013. 				elesRemoveMyComment[i].removeAttribute("href");
  2014. 				elesRemoveMyComment[i].classList.add("stsh_text_removeMyComment");
  2015. 			}
  2016. 			
  2017. 			var elesFriendDiscuss = document.querySelectorAll(".friend_block_discussions");
  2018. 			for (var i = 0; i < elesFriendDiscuss.length; i++)
  2019. 			{
  2020. 				var eleDiscuss = elesFriendDiscuss[i].parentElement.nextElementSibling;
  2021. 				if (eleDiscuss)
  2022. 				{
  2023. 					eleDiscuss.classList.add("stsh_discussion");
  2024. 				}
  2025. 			}
  2026. 			
  2027. 			var eleSugList = document.querySelector(".suggestions_list:nth-child(2)");
  2028. 			if (eleSugList)
  2029. 			{
  2030. 				if (eleSugList.childElementCount === 0)
  2031. 				{
  2032. 					eleSugList.classList.add("stsh_suggestion_list_empty");
  2033. 				}
  2034. 				else
  2035. 				{
  2036. 					for (var i = 0; i < eleSugList.children.length; i++)
  2037. 					{
  2038. 						if (eleSugList.children[i].querySelector(".suggestion_status_approved"))
  2039. 						{
  2040. 							eleSugList.children[i].classList.add("stsh_suggestion_border_approved");
  2041. 						}
  2042. 						else if (eleSugList.children[i].querySelector(".suggestion_status_declined"))
  2043. 						{
  2044. 							eleSugList.children[i].classList.add("stsh_suggestion_border_declined");
  2045. 						}
  2046. 						else
  2047. 						{
  2048. 							eleSugList.children[i].classList.add("stsh_suggestion_border_pending");
  2049. 						}
  2050. 					}
  2051. 				}
  2052. 			}
  2053. 			
  2054. 			var eleSugHistory = document.querySelector(".suggestions_list:nth-child(5)");
  2055. 			if (eleSugHistory)
  2056. 			{
  2057. 				eleSugHistory.classList.add("stsh_suggestion_list_history");
  2058. 			}
  2059. 			
  2060. 			var elesH1 = document.querySelectorAll(".progress > tbody:nth-child(2) > tr:nth-child(1) > td > h1:nth-child(1)");
  2061. 			if (elesH1.length >= 2)
  2062. 			{
  2063. 				eleHeaderOrg = elesH1[0].parentElement;
  2064. 				eleHeaderOrg.classList.add("stsh_header_org");
  2065. 				eleHeaderTrn = elesH1[1].parentElement;
  2066. 				eleHeaderTrn.classList.add("stsh_header_trn");
  2067. 			}
  2068. 			
  2069. 			var eleSugListHeader = document.querySelector("#suggestionmain > div > h2");
  2070. 			if (eleSugListHeader)
  2071. 			{
  2072. 				eleSugListHeader.classList.add("stsh_suggestion_list_header");
  2073. 			}
  2074. 		}
  2075. 		
  2076. 		// Remove horizon scroll
  2077. 		{
  2078. 			setTimeoutCustom(function()
  2079. 			{
  2080. 				var eleMain = document.querySelector("#suggestionmain");
  2081. 				if (eleMain)
  2082. 				{
  2083. 					if (eleMain.scrollWidth < 1000)
  2084. 					{
  2085. 						eleMain.classList.add("stsh_body_crop");
  2086. 					}
  2087. 				}
  2088. 			}, timingInit.removeHorizonScroll);
  2089. 		}
  2090. 		
  2091. 		// Move region
  2092. 		{
  2093. 			if (eleTextTrn && eleTextTrn.classList.contains("stsh_text_trn_empty"))
  2094. 			{
  2095. 				var moveSuggestionBox = function()
  2096. 				{
  2097. 					var eleTextTrn = document.querySelector(".stsh_text_trn.stsh_text_trn_empty");
  2098. 					if (eleTextTrn)
  2099. 					{
  2100. 						eleTextTrn.innerHTML = "";
  2101. 						var eleTarget = document.querySelector("#suggestionmain > div:nth-child(4) > .lbAction");
  2102. 						if (eleTarget)
  2103. 						{
  2104. 							eleTextTrn.appendChild(eleTarget);
  2105. 							eleTextTrn.style.padding = "0px";
  2106. 							
  2107. 							var textarea = document.querySelector("#suggestion_value_new");
  2108. 							if (textarea)
  2109. 							{
  2110. 								textarea.style.width = "98%";
  2111. 								textarea.style.marginLeft = "0px";
  2112. 								if (textarea.scrollHeight < 500)
  2113. 								{
  2114. 									textarea.style.height = (textarea.scrollHeight + 20) + "px";
  2115. 								}
  2116. 								else
  2117. 								{
  2118. 									textarea.style.height = "500px";
  2119. 								}
  2120. 								textarea.focus();
  2121. 							}
  2122. 							
  2123. 							var eleTextOrg = document.querySelector(".stsh_text_org");
  2124. 							if (eleTextOrg)
  2125. 							{
  2126. 								eleTextOrg.style.display = "table-cell";
  2127. 								eleTextOrg.style.paddingTop = "6px";
  2128. 							}
  2129. 						}
  2130. 					}
  2131. 				}
  2132. 				
  2133. 				var moveSuggestionList = function()
  2134. 				{
  2135. 					var eleTextTrn = document.querySelector(".stsh_text_trn.stsh_text_trn_empty");
  2136. 					if (eleTextTrn && eleTextTrn.textContent.trim() === "")
  2137. 					{
  2138. 						eleTextTrn.innerHTML = "";
  2139. 						var eleTarget = document.querySelector(".suggestion");
  2140. 						if (eleTarget)
  2141. 						{
  2142. 							eleTextTrn.appendChild(eleTarget);
  2143. 							eleTextTrn.style.padding = "0px";
  2144. 						}
  2145. 					}
  2146. 				}
  2147. 				
  2148. 				var eleDiv = document.createElement("div");
  2149. 				eleDiv.classList.add("stsh_moveSuggestionContainer");
  2150. 				eleTextTrn.appendChild(eleDiv);
  2151. 					
  2152. 				var eleMoveBox = document.createElement("input");
  2153. 				eleMoveBox.id = "stsh_moveSuggestionBox";
  2154. 				eleMoveBox.setAttribute("value", "Move Box Here");
  2155. 				eleMoveBox.setAttribute("type", "button");
  2156. 				eleDiv.appendChild(eleMoveBox);
  2157. 				
  2158. 				eleMoveBox.addEventListener("click", function(e)
  2159. 				{
  2160. 					moveSuggestionBox();
  2161. 				});
  2162. 				
  2163. 				if (document.querySelector(".suggestion"))
  2164. 				{
  2165. 					var eleMoveList = document.createElement("input");
  2166. 					eleMoveList.id = "stsh_moveSuggestionList";
  2167. 					eleMoveList.setAttribute("value", "Move Suggestion Here");
  2168. 					eleMoveList.setAttribute("type", "button");
  2169. 					eleDiv.appendChild(eleMoveList);
  2170. 					
  2171. 					eleMoveList.addEventListener("click", function(e)
  2172. 					{
  2173. 						moveSuggestionList();
  2174. 					});
  2175. 				}
  2176. 			}
  2177. 		}
  2178. 	
  2179. 		// Resize suggestion textarea
  2180. 		if (eleTextNew)
  2181. 		{
  2182. 			eleTextNew.style.width = "960px";
  2183. 			eleTextNew.style.height = "64px";
  2184. 			eleTextNew.style.marginLeft = "3px";
  2185. 				
  2186. 			var resizeTextNew = function(eleTextNew)
  2187. 			{
  2188. 				eleTextNew.focus();
  2189. 				
  2190. 				if (eleTextNew.scrollHeight < 500)
  2191. 				{
  2192. 					eleTextNew.style.height = (eleTextNew.scrollHeight + 20) + "px";
  2193. 				}
  2194. 				else
  2195. 				{
  2196. 					eleTextNew.style.height = "500px";
  2197. 				}
  2198. 				
  2199. 				if (eleTextNew.scrollHeight > 200 && document.querySelector(".suggestion"))
  2200. 				{
  2201. 					eleTextNew.scrollIntoView();
  2202. 				}
  2203. 			};
  2204. 			
  2205. 			if (isVisible())
  2206. 			{
  2207. 				resizeTextNew(eleTextNew);
  2208. 			}
  2209. 			else
  2210. 			{
  2211. 				// Fix size error when inactive
  2212. 				setTimeoutCustom(resizeTextNew, timingInit.resizeTextNew, eleTextNew);
  2213. 			}
  2214. 		}
  2215. 	
  2216. 		// Add nav menu
  2217. 		{
  2218. 			/* // Unknown reason
  2219. 			var br = document.querySelector("form.lbAction:nth-child(2) > div:nth-child(2) > br:nth-child(1)");
  2220. 			if (br)
  2221. 			{
  2222. 				removeElement(br);
  2223. 			}
  2224. 			*/
  2225. 			
  2226. 			var key = "";
  2227. 		
  2228. 			var eleNav = document.querySelector("div#suggestions_nav");
  2229. 			if (!eleNav)
  2230. 			{
  2231. 				// Add when error occured
  2232. 				eleNav = document.createElement("div");
  2233. 				eleNav.id = "suggestions_nav";
  2234. 				document.body && document.body.appendChild(eleNav);
  2235. 			}
  2236. 			if (eleNav)
  2237. 			{
  2238. 				var insert = "";
  2239. 				var insertSearch = "";
  2240. 				var insertView = "";
  2241. 				
  2242. 				var spliter = "_";
  2243. 				var regApp = /[0-9]{4,}/;
  2244. 			
  2245. 				var aKey = document.querySelector(".smallcopy > font:nth-child(2) > a:nth-child(1)");
  2246. 				if (aKey)
  2247. 				{
  2248. 					key = encodeURIComponent(aKey.textContent.trim());
  2249. 				
  2250. 					if (key === "token-key")
  2251. 					{
  2252. 						aKey = document.querySelector(".smallcopy > a:nth-child(3)");
  2253. 						if (aKey)
  2254. 						{
  2255. 							key = encodeURIComponent(aKey.textContent.trim());
  2256. 						}
  2257. 					}
  2258. 				
  2259. 					if (key !== "")
  2260. 					{
  2261. 						document.title = key + " - " + document.title;
  2262. 						
  2263. 						if (key.split(spliter).length > 1)
  2264. 						{
  2265. 							if (key.indexOf("%23") === 0)
  2266. 							{
  2267. 								var firstSpliter = key.indexOf(spliter);
  2268. 								var keySharp = key.substring(0, firstSpliter);
  2269. 								insertSearch += '<a class="stsh_a_button" target="_blank" '
  2270. 									+ ' href="/translate.php?keyonly=1&paginationrows=1000&search_input='
  2271. 									+ keySharp + '">Hashtag</a>';
  2272. 							}
  2273. 						
  2274. 							var lastSpliter = key.lastIndexOf(spliter);
  2275. 							var keyGroup = key.substring(0, lastSpliter);
  2276. 							insertSearch += '<a class="stsh_a_button" target="_blank" '
  2277. 								+ ' href="/translate.php?keyonly=1&paginationrows=1000&search_input='
  2278. 								+ keyGroup + '">Group</a>';
  2279. 						}
  2280. 						insertSearch += '<a class="stsh_a_button" target="_blank" '
  2281. 							+ ' href="/translate.php?keyonly=1&search_input='
  2282. 							+ key + '">Key</a>';
  2283. 					}
  2284. 				}
  2285. 				
  2286. 				if (eleTextOrg)
  2287. 				{
  2288. 					var text = encodeURIComponent(eleTextOrg.textContent.trim())
  2289. 						.replace(/(%20|%09)/g,"+")
  2290. 						.replace(/'/g,"\\'")
  2291. 						.replace("%0A", "+")
  2292. 						.replace(/\++/g, "+")
  2293. 						.substr(0, 80);
  2294. 					
  2295. 					if (text.length >= 80)
  2296. 					{
  2297. 						// Find last space
  2298. 						var last = text.lastIndexOf("+");
  2299. 						last = last < 0 ? 80 : last;
  2300. 						text = text.substr(0, last);
  2301. 					}
  2302. 					
  2303. 					if (text.indexOf(". ") > 20)
  2304. 					{
  2305. 						// Find first .
  2306. 						text = text.substr(0, text.indexOf(". ") + 1);
  2307. 					}
  2308. 					
  2309. 					if (text.indexOf("%5C") > 10)
  2310. 					{
  2311. 						// Find first \ 
  2312. 						text = text.substr(0, text.indexOf("%5C"));
  2313. 					}
  2314. 					
  2315. 					/* // Unknown reason
  2316. 					if (eleTextSubmit)
  2317. 					{
  2318. 						var elePrev = eleTextSubmit.previousElementSibling;
  2319. 						if (!elePrev || elePrev.tagName !== "BR")
  2320. 						{
  2321. 							var eleNew = document.createElement("br");
  2322. 							insertBeforeElement(eleNew, eleTextSubmit);
  2323. 						}
  2324. 					}
  2325. 					*/
  2326. 					
  2327. 					if (text !== "")
  2328. 					{
  2329. 						insertSearch += '<a class="stsh_a_button" target="_blank" '
  2330. 							+ ' href="/translate.php?keyonly=2&paginationrows=1000&search_input='
  2331. 							+ text + '">String</a>';
  2332. 						
  2333. 						if (eleTextSubmitNext)
  2334. 						{							
  2335. 							var eleForm = eleTextSubmitNext.parentElement.parentElement;
  2336. 							if (eleForm.tagName === "FORM")
  2337. 							{
  2338. 								addKeyCtrlShiftEnter(eleForm, eleTextSubmitNext);
  2339. 							}
  2340. 						}
  2341. 						else
  2342. 						{
  2343. 							if (eleTextSubmit)
  2344. 							{
  2345. 								eleTextSubmitNext = document.createElement("input");
  2346. 								eleTextSubmitNext.id = "stsh_text_submit_next";
  2347. 								eleTextSubmitNext.classList.add("stsh_text_submit_right");
  2348. 								eleTextSubmitNext.setAttribute("type", "submit");
  2349. 								eleTextSubmitNext.setAttribute("value", "Next");
  2350. 								eleTextSubmitNext.setAttribute("name", "submitandnext");
  2351. 								insertAfterElement(eleTextSubmitNext, eleTextSubmit);
  2352. 								
  2353. 								eleTextSubmitNext.addEventListener("click", function(ev)
  2354. 								{
  2355. 									var textOrg = "";
  2356. 									var textTrn = "";
  2357. 									var textCur = "";
  2358. 									
  2359. 									var eleTextOrg = document.querySelector(".stsh_text_org");
  2360. 									if (eleTextOrg)
  2361. 									{
  2362. 										textOrg = trimSpace(eleTextOrg.textContent);
  2363. 									}
  2364. 									var eleTextTrn = document.querySelector(".stsh_text_trn:not(.stsh_text_trn_empty)");
  2365. 									if (eleTextTrn)
  2366. 									{
  2367. 										textTrn = trimSpace(eleTextTrn.textContent);
  2368. 									}
  2369. 									var eleTextCur = document.querySelector("#suggestion_value_new");
  2370. 									if (eleTextCur)
  2371. 									{
  2372. 										textCur = trimSpace(eleTextCur.value);
  2373. 									}
  2374. 									
  2375. 									if (textCur === "" || textOrg === textCur || textTrn === textCur)
  2376. 									{
  2377. 										ev.preventDefault();
  2378. 										
  2379. 										var eleTextSubmit = document.querySelector(".stsh_text_submit");
  2380. 										if (eleTextSubmit)
  2381. 										{
  2382. 											eleTextSubmit.click();
  2383. 										}
  2384. 									}
  2385. 								});
  2386. 								
  2387. 								var eleForm = eleTextSubmit.parentElement.parentElement;
  2388. 								if (eleForm.tagName === "FORM")
  2389. 								{
  2390. 									addKeyCtrlShiftEnter(eleForm, eleTextSubmitNext);
  2391. 								}
  2392. 							}
  2393. 						}
  2394. 						
  2395. 						if (eleTextSubmitNext)
  2396. 						{
  2397. 							var canNext = !!(document.querySelector(".stsh_nav_next:not(:disabled)"));
  2398. 							if (!canNext)
  2399. 							{
  2400. 								// Display as disabled
  2401. 								eleTextSubmitNext.classList.add("stsh_grey");
  2402. 								eleTextSubmitNext.classList.add("stsh_cursor_default");
  2403. 							}
  2404. 						}
  2405. 					}
  2406. 					else 
  2407. 					{
  2408. 						// (text === "")
  2409. 						
  2410. 						if (eleTextNew && eleTextSubmit && !eleTextSubmit.classList.contains("stsh_text_resubmit"))
  2411. 						{
  2412. 							var eleNew = document.createElement("input");
  2413. 							eleNew.id = "stsh_text_submit_space";
  2414. 							eleNew.classList.add("stsh_text_submit_right");
  2415. 							eleNew.setAttribute("type", "button");
  2416. 							//eleNew.setAttribute("value", "Submit Space (Alt+0160)");
  2417. 							eleNew.setAttribute("value", "Submit Empty (2 Newlines)");
  2418. 							insertAfterElement(eleNew, eleTextSubmit);
  2419. 							
  2420. 							eleNew.addEventListener("click", function(ev)
  2421. 							{
  2422. 								var eleTextNew = document.querySelector("#suggestion_value_new");
  2423. 								if (eleTextNew)
  2424. 								{
  2425. 									// Space char
  2426. 									//eleTextNew.value = String.fromCharCode(160);
  2427. 									
  2428. 									// Two newlines result in one newline when export
  2429. 									eleTextNew.value = "\n\n";
  2430. 									
  2431. 									eleTextNew.focus();
  2432. 									
  2433. 									ev.preventDefault();
  2434. 									
  2435. 									var eleTextSubmit = document.querySelector(".stsh_text_submit");
  2436. 									if (eleTextSubmit)
  2437. 									{
  2438. 										eleTextSubmit.click();
  2439. 									}
  2440. 								}
  2441. 							});
  2442. 						}
  2443. 					}
  2444. 				}
  2445. 			
  2446. 			
  2447. 				var qBranch = getQueryByName("branch");
  2448. 				if (qBranch.indexOf("games") !== 0)
  2449. 				{
  2450. 					var app = regApp.exec(key.replace("%23", ""));
  2451. 					if (app && key.indexOf("faq") < 0 && key.indexOf("glossary") < 0)
  2452. 					{
  2453. 						if (key.indexOf("SharedFiles_App_") === 0)
  2454. 						{
  2455. 							insertView += '<a class="stsh_a_button" target="_blank" '
  2456. 								+ ' href="https://steamcommunity.com/workshop/browse?appid='
  2457. 								+ app + '">Workshop</a>';
  2458. 						}
  2459. 					
  2460. 						insertView += '<a class="stsh_a_button" target="_blank" '
  2461. 							+ ' href="https://steamcommunity.com/app/'
  2462. 							+ app + '">Community</a>'
  2463. 					
  2464. 						insertView += '<a class="stsh_a_button" target="_blank" '
  2465. 							+ ' href="https://store.steampowered.com/app/'
  2466. 							+ app + '">App</a>';
  2467. 					}
  2468. 				}
  2469. 				
  2470. 				if (insertSearch)
  2471. 				{
  2472. 					insert += ' <br> &nbsp; Search: <div class="stsh_nav_group"> ' + insertSearch + " </div>";
  2473. 				}
  2474. 				
  2475. 				if (insertView)
  2476. 				{
  2477. 					insert += ' <br> &nbsp; View: <div class="stsh_nav_group"> ' + insertView + " </div>";
  2478. 				}
  2479. 			
  2480. 				var insertBefore = 
  2481. ' \
  2482. <input id="stsh_refresh" value="Refresh" onclick="return false;" type="button"> \
  2483. <a class="stsh_a_button" target="_blank" href="' + url + '">Frame</a> \
  2484. ';
  2485.  
  2486. 				var innerNew = eleNav.innerHTML
  2487. 					.replace('<input value="Previous', '&nbsp;&nbsp;<input value="Prev')
  2488. 					.replace('<input value="Close X', '&nbsp;&nbsp;<input value="Close (ESC)');
  2489. 			
  2490. 				eleNav.innerHTML = insertBefore + innerNew + insert + " <br> ";
  2491. 				
  2492. 				var eleRefresh = document.querySelector("#stsh_refresh");
  2493. 				if (eleRefresh)
  2494. 				{
  2495. 					eleRefresh.addEventListener("click", function()
  2496. 					{
  2497. 						reload();
  2498. 					});
  2499. 				}
  2500. 			}
  2501. 		}
  2502. 	
  2503. 		// Regroup glossary
  2504. 		// Auto replace matched string
  2505. 		{
  2506. 			setTimeoutCustom(function()
  2507. 			{
  2508. 				var br = "<br>";
  2509. 				var brSpace = " <br> ";
  2510. 				var tag = "<a";
  2511. 				var colon = ">: ";
  2512. 				var comma = ",";
  2513. 				var bracket = " (";
  2514. 				var isEdit = false;
  2515. 				
  2516. 				var p = null;
  2517. 				
  2518. 				var aGls = document.querySelectorAll("a[href='glossary.php']");
  2519. 				for (var i = 0; i < aGls.length; i++)
  2520. 				{
  2521. 					if (aGls[i].textContent.trim() === "GLOSSARY FEATURE")
  2522. 					{
  2523. 						p = aGls[i].parentElement;
  2524. 						break;
  2525. 					}
  2526. 				}
  2527. 				
  2528. 				if (p)
  2529. 				{
  2530. 					var glosOuters = [];
  2531. 					var glosInnerStart = 0;
  2532. 					var countGl = 0;
  2533. 					var glossaries = p.innerHTML.split(br);
  2534. 					if (glossaries.length > 2)
  2535. 					{
  2536. 						glosOuters = [p];
  2537. 						glosInnerStart = 2;
  2538. 					}
  2539. 					else
  2540. 					{
  2541. 						glosOuters = p.nextSibling.querySelectorAll("td");
  2542. 						glosInnerStart = 0;
  2543. 					}
  2544. 					
  2545. 					var rgxKey = />[^><]+</;
  2546. 					var rgxKeyClean = /[><]+/g;
  2547. 					var rgxKeyPunct = /[\(\)\[\]\:\!]/g;
  2548. 					var rgxContentClean = /<[^<]*>/g;
  2549. 					var textNew = "";
  2550. 					var textEng = "";
  2551. 					var textNewFull = "";
  2552. 					var textEngFull = "";
  2553. 					var isTextReplaced = false;
  2554. 					var isOutdated = false;
  2555.  
  2556. 					var eleBtnResummit = document.querySelector(".stsh_text_submit[value^='RESUBMIT']");
  2557. 					if (eleBtnResummit)
  2558. 					{
  2559. 						isTextReplaced = true;
  2560. 					}
  2561. 					else
  2562. 					{
  2563. 						if (eleTextNew)
  2564. 						{
  2565. 							textNewFull = trimTab(eleTextNew.value.toLowerCase());
  2566. 							textNew = textNewFull.trim();
  2567. 						}
  2568. 						if (textNew === "" || textNew.length > 300)
  2569. 						{
  2570. 							// Not replace on empty and long strings
  2571. 							isTextReplaced = true;
  2572. 						}
  2573. 					}
  2574. 					
  2575. 					if (!isTextReplaced)
  2576. 					{
  2577. 						var eleTrs = document.querySelectorAll(".progress tr");
  2578. 						isOutdated = (eleTrs.length >= 3);
  2579. 						if (isOutdated)
  2580. 						{
  2581. 							textEngFull = trimTab(eleTrs[eleTrs.length - 1].firstElementChild.textContent.toLowerCase());
  2582. 							textEng = textEngFull.trim();
  2583. 						}
  2584. 					}
  2585. 					
  2586. 					for (var i = 0; i < glosOuters.length; i++)
  2587. 					{
  2588. 						var glosOuter = glosOuters[i];
  2589. 						
  2590. 						var glosInners = glosOuter.innerHTML.split(br);
  2591. 						
  2592. 						isEdit = false;
  2593. 						
  2594. 						for (var j = glosInnerStart; j < glosInners.length; j++)
  2595. 						{
  2596. 							var glossary = glosInners[j].trim();
  2597. 							if (glossary.length > 0 && glossary.indexOf(tag) === 0)
  2598. 							{
  2599. 								var colonIndex = glossary.indexOf(colon);
  2600. 								var contentHead = glossary.substr(0, colonIndex + 3);
  2601. 								var contentAll = glossary.substr(colonIndex + 3);
  2602. 								var contentWords = contentAll.split(comma);
  2603. 								var contentFirst = contentWords[0].trim();
  2604. 								
  2605. 								for (var k = 0; k < contentWords.length; k++)
  2606. 								{
  2607. 									var contentNew = contentWords[k].trim();
  2608. 									var contentSub = null;
  2609. 									
  2610. 									var bracketPos = contentNew.indexOf(" (");
  2611. 									if (bracketPos > -1)
  2612. 									{
  2613. 										contentSub = contentNew.substr(bracketPos);
  2614. 										contentNew = contentNew.substr(0, bracketPos);
  2615. 									}
  2616. 									
  2617. 									contentNew = " <span id='stsh_gls_" + countGl
  2618. 										+ "' onclick='clickToSelect(this)'>"
  2619. 										+ contentNew + "</span>";
  2620. 										//+ "<span style='color: white; cursor: pointer;'>^</span>";
  2621. 										
  2622. 									if (contentSub)
  2623. 									{
  2624. 										contentNew +=  "<span "
  2625. 											+ "onclick='clickToSelect(this.previousElementSibling)'>"
  2626. 											+ contentSub + "</span>";
  2627. 									}
  2628. 									
  2629. 									contentWords[k] = contentNew;
  2630. 									countGl++;
  2631. 								}
  2632. 							
  2633. 								if (!isTextReplaced)
  2634. 								{
  2635. 									var keys = contentHead.match(rgxKey);
  2636. 									if (keys && keys.length > 0)
  2637. 									{
  2638. 										var key = keys[0].replace(rgxKeyClean, "").trim().toLowerCase();
  2639. 										var contentClean = contentFirst.replace(rgxContentClean, "");
  2640. 										var contentLower = contentClean.toLowerCase();
  2641. 										var textCur = "";
  2642. 										if (key === textNew.replace(rgxKeyPunct, ""))
  2643. 										{
  2644. 											textCur = textNewFull;
  2645. 										}
  2646. 										else if (key === textEng.replace(rgxKeyPunct, ""))
  2647. 										{
  2648. 											textCur = textEngFull;
  2649. 										}
  2650. 										
  2651. 										if (textCur !== "" && key !== contentLower)
  2652. 										{
  2653. 											if (eleTextNew)
  2654. 											{
  2655. 												var rgxReplace = new RegExp(key, "i");
  2656. 												eleTextNew.value = textCur.replace(rgxReplace, contentClean);
  2657. 												isTextReplaced = true;
  2658. 											}
  2659. 										}
  2660. 									}
  2661. 								}
  2662. 								
  2663. 								glosInners[j] = contentHead + contentWords.join(comma);
  2664. 								isEdit = true;
  2665. 							}
  2666. 						}
  2667. 						if (isEdit && false)
  2668. 						{
  2669. 							// old feature
  2670. 							glosOuter.innerHTML = glosInners.join(brSpace);
  2671. 						}
  2672. 					}
  2673. 				}
  2674. 			}, timingInit.improveGlossary);
  2675. 		}
  2676. 		
  2677. 		// Insert clicked word in last textarea
  2678. 		{
  2679. 			var eleTextLast = null;
  2680. 			
  2681. 			setTimeoutCustom(function()
  2682. 			{
  2683. 				if (document.activeElement && document.activeElement.tagName === "TEXTAREA")
  2684. 				{
  2685. 					eleTextLast = document.activeElement;
  2686. 				}
  2687. 				
  2688. 				var elesText = document.querySelectorAll
  2689. 				(" \
  2690. 					#suggestion_value_new \
  2691. 					, .stsh_text_addComment \
  2692. 					, #add_to_discussion \
  2693. 					, textarea[name^='autoreplace'] \
  2694. 					, .stsh_autoReplace_text \
  2695. 				");
  2696. 				for (var i = 0; i < elesText.length; i++)
  2697. 				{
  2698. 					elesText[i].addEventListener('focus', function(ev)
  2699. 					{
  2700. 						eleTextLast = ev.target;
  2701. 					});
  2702. 				}
  2703. 			}, timingInit.bindLastText);
  2704. 			
  2705. 			setTimeoutCustom(function()
  2706. 			{
  2707. 				var elesInsert = document.querySelectorAll(".insertword");
  2708. 				for (var i = 0; i < elesInsert.length; i++)
  2709. 				{
  2710. 					removeAllEventListeners(elesInsert[i]);
  2711. 				}
  2712. 				
  2713. 				var insertAtCaret = function(txtarea, text)
  2714. 				{
  2715. 					// Edit from STS
  2716. 					
  2717. 					var scrollPos = txtarea.scrollTop;
  2718. 					var strPos = 0;
  2719. 					var strLength = 0;
  2720. 					var br = ((txtarea.selectionStart || txtarea.selectionStart === 0) ? "ff" : (document.selection ? "ie" : false));
  2721. 					if (br === "ie")
  2722. 					{
  2723. 						txtarea.focus();
  2724. 						var range = document.selection.createRange();
  2725. 						range.moveStart('character', -txtarea.value.length);
  2726. 						strPos = range.text.length;
  2727. 					}
  2728. 					else if (br === "ff")
  2729. 					{
  2730. 						strPos = txtarea.selectionStart;
  2731. 						strLength = txtarea.selectionEnd - txtarea.selectionStart;
  2732. 					}
  2733. 					var front = (txtarea.value).substring(0, strPos);
  2734. 					var back = (txtarea.value).substring(strPos + strLength, txtarea.value.length);
  2735. 					txtarea.value = front + text + back;
  2736. 					strPos = strPos + text.length;
  2737. 					if (br === "ie")
  2738. 					{
  2739. 						txtarea.focus();
  2740. 						var range = document.selection.createRange();
  2741. 						range.moveStart('character', -txtarea.value.length);
  2742. 						range.moveStart('character', strPos);
  2743. 						range.moveEnd('character', 0);
  2744. 						range.select();
  2745. 					}
  2746. 					else if (br === "ff")
  2747. 					{
  2748. 						txtarea.selectionStart = strPos;
  2749. 						txtarea.selectionEnd = strPos;
  2750. 						txtarea.focus();
  2751. 					}
  2752. 					txtarea.scrollTop = scrollPos;
  2753. 				}
  2754. 			
  2755. 				elesInsert = document.querySelectorAll(".insertword");
  2756. 				for (var i = 0; i < elesInsert.length; i++)
  2757. 				{
  2758. 					//elesInsert[i].classList.add("stsh_unselectable");
  2759. 					elesInsert[i].addEventListener("click", function(ev)
  2760. 					{
  2761. 						if (eleTextLast)
  2762. 						{
  2763. 							insertAtCaret(eleTextLast , ev.target.textContent.trim());
  2764. 						}
  2765. 					});
  2766. 				}
  2767. 			}, timingInit.insertAtCaret);
  2768. 		}
  2769. 		
  2770. 		// Restyle glossary
  2771. 		{
  2772. 			var eleP = null;
  2773. 				
  2774. 			var elesA = document.querySelectorAll("a[href='glossary.php']");
  2775. 			for (var i = 0; i < elesA.length; i++)
  2776. 			{
  2777. 				if (elesA[i].textContent.trim() === "GLOSSARY FEATURE")
  2778. 				{
  2779. 					eleP = elesA[i].parentElement;
  2780. 					break;
  2781. 				}
  2782. 			}
  2783. 			
  2784. 			if (eleP)
  2785. 			{
  2786. 				var nodeText = eleP.firstElementChild.nextSibling;
  2787. 				if (nodeText.nodeType === document.TEXT_NODE)
  2788. 				{
  2789. 					var ele = document.createElement("span");
  2790. 					ele.textContent = nodeText.textContent;
  2791. 					
  2792. 					removeElement(nodeText);
  2793. 					
  2794. 					insertAfterElement(ele, eleP.firstElementChild);
  2795. 				}
  2796. 				
  2797. 				var eleHead;
  2798. 				
  2799. 				if (eleP.nextElementSibling.tagName === "TABLE")
  2800. 				{
  2801. 					eleHead = eleP.nextElementSibling;
  2802. 				}
  2803. 				else
  2804. 				{
  2805. 					eleHead = eleP;
  2806. 				}
  2807. 				
  2808. 				eleHead.classList.add("stsh_glossary_header");
  2809. 				
  2810. 				var elesTerm = eleHead.querySelectorAll(
  2811. 					"a[href*='//translation.steampowered.com/translate.php?search_input=']");
  2812. 				for (var i = 0; i < elesTerm.length; i++)
  2813. 				{
  2814. 					elesTerm[i].classList.add("stsh_glossary_term");
  2815. 					
  2816. 					// Clean glossary links
  2817. 					{
  2818. 						var href = elesTerm[i].href;
  2819. 						var hrefNew = href.replace("http://", "//")
  2820. 							.replace(/\?search_input=([^"])([^&]+)&keyonly=0&listfilter=0&listsort=0&liststatus=0&paginationrows=50/i
  2821. 								, '\?keyonly=2&paginationrows=1000&search_input="$1$2"');
  2822. 						elesTerm[i].href = hrefNew;
  2823. 					}
  2824. 				}
  2825. 				
  2826. 				{
  2827. 					var eleSpan = null;
  2828. 					if (eleHead.tagName === "TABLE")
  2829. 					{
  2830. 						eleSpan = eleHead.previousElementSibling.querySelector("span");
  2831. 					}
  2832. 					else
  2833. 					{
  2834. 						eleSpan = eleHead.querySelector("span");
  2835. 					}
  2836. 					eleSpan.textContent = eleSpan.textContent
  2837. 						.replace(" (click to copy to top)", "");
  2838. 					eleSpan.title = "Click to copy to suggestion or comment";
  2839. 					eleSpan.classList.add("stsh_cursor_help");
  2840. 					eleSpan.classList.add("stsh_glossary_help");
  2841. 				}
  2842. 			}
  2843. 			
  2844. 			var eleTd = document.querySelector(".stsh_glossary_header \
  2845. 				> tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(4)");
  2846. 			if (eleTd)
  2847. 			{
  2848. 				if (eleTd.childElementCount === 0)
  2849. 				{
  2850. 					removeElement(eleTd);
  2851. 				}
  2852. 			}
  2853. 		}
  2854. 		
  2855. 		// Restyle same token
  2856. 		{
  2857. 			/* // Unknown reason
  2858. 			var p = document.querySelector("#suggestionmain > div:nth-child(5) > p:nth-child(4)");
  2859. 			if (p)
  2860. 			{
  2861. 				for (var i = 0; i < p.childNodes.length; i++)
  2862. 				{
  2863. 					var child = p.childNodes[i];
  2864. 					if (child.nodeName === "#text")
  2865. 					{
  2866. 						child.nodeValue = child.nodeValue.trim();
  2867. 					}
  2868. 				}
  2869. 			}
  2870. 			*/
  2871. 		
  2872. 			var widthMax = 0;
  2873. 			
  2874. 			var elesFile = document.querySelectorAll(
  2875. 				"#suggestionmain > div > p > a[href*='/translate.php?keyonly=1&search_input=']");
  2876. 			for (var i = 0; i < elesFile.length; i++)
  2877. 			{
  2878. 				elesFile[i].classList.add("stsh_sametoken_file");
  2879. 				
  2880. 				var width = elesFile[i].offsetWidth;
  2881. 				if (width > widthMax)
  2882. 				{
  2883. 					widthMax = width;
  2884. 				}
  2885. 			}
  2886. 			
  2887. 			for (var i = 0; i < elesFile.length; i++)
  2888. 			{
  2889. 				elesFile[i].style.minWidth = (widthMax + 4) + "px";
  2890. 			}
  2891. 			
  2892. 			var eleHeader = null;
  2893. 			
  2894. 			if (elesFile.length > 0)
  2895. 			{
  2896. 				eleHeader = elesFile[0].parentElement;
  2897. 			}
  2898. 			
  2899. 			if (eleHeader)
  2900. 			{
  2901. 				eleHeader.classList.add("stsh_sametoken_header");
  2902. 				
  2903. 				eleHeader.innerHTML = eleHeader.innerHTML.replace(
  2904. 					"&lt;--- currently in view above", 
  2905. 					'<span class="stsh_blue_light stsh_sametoken_current">&lt;--- currently in view above</span>');
  2906. 			}
  2907. 		}
  2908. 		
  2909. 		// Auto link http
  2910. 		// Format comment
  2911. 		// Show images
  2912. 		{
  2913. 			var countSugStatus = document.querySelectorAll(
  2914. 				".suggestions_list span[class^='suggestion_status_']").length;
  2915. 				
  2916. 			var rgxUrl = /https?:[^ "]+/ig;
  2917. 			var rgxHostUrl = /^https?:\/\/translation\.steampowered\.com\//i;
  2918. 			var hostReplace = "/";
  2919. 			var eleComments = document.querySelectorAll
  2920. 			(" \
  2921. 				.suggestion_signature > i:nth-child(3) \
  2922. 				, .suggestion_signature div:nth-child(1) > i:nth-child(4) \
  2923. 				, .suggestion_signature div:nth-child(1) > i:nth-child(6) \
  2924. 				, *[class^='row'] > td:nth-child(2) \
  2925. 			");
  2926. 			for (var i = 0; i < eleComments.length; i++)
  2927. 			{
  2928. 				var comment = eleComments[i].innerHTML + " ";
  2929. 				if (comment.indexOf("<a") === -1)
  2930. 				{
  2931. 					var commentUrls = comment.match(rgxUrl) || [];
  2932. 					for (var j = 0; j < commentUrls.length; j++)
  2933. 					{
  2934. 						var urlDecode = commentUrls[j];
  2935. 						try
  2936. 						{
  2937. 							urlDecode = decodeURIComponent(commentUrls[j])
  2938. 								.replace(/#/g, "%23").replace(/&amp;/g, "&");
  2939. 							//console.log(urlDecode);
  2940. 							
  2941. 							if (countSugStatus === 0 && rgxHostUrl.test(urlDecode))
  2942. 							{
  2943. 								var query = getQueryByName("search_input", urlDecode);
  2944. 								
  2945. 								if (query !== "")
  2946. 								{
  2947. 									urlDecode = query;
  2948. 								}
  2949. 								else
  2950. 								{
  2951. 									urlDecode = urlDecode.replace(rgxHostUrl, hostReplace);
  2952. 								}
  2953. 							}
  2954. 						}
  2955. 						catch (ex)
  2956. 						{
  2957. 							console.error("FormatComment", ex.message);
  2958. 						}
  2959. 						var commentUrl = commentUrls[j] + " ";
  2960. 						comment = comment.replace(commentUrl, "<a target='_blank' href='"
  2961. 							+ commentUrls[j] + "' >" + urlDecode + "</a> ");
  2962. 					}
  2963. 				}
  2964. 				
  2965. 				comment = comment.trim();
  2966. 				var commentHead = "";
  2967. 				var commentFoot = "";
  2968. 		
  2969. 				if (comment.indexOf("Comment:") === 0)
  2970. 				{
  2971. 					eleComments[i].classList.add("stsh_text_comment_header");
  2972. 					comment = comment.substr(9);
  2973. 					commentHead = "Comment: <span class='stsh_text_comment'>";
  2974. 					commentFoot = "</span>";
  2975. 				}
  2976. 				else
  2977. 				{
  2978. 					var indexHead = comment.indexOf(":</font>");
  2979. 					if (indexHead > -1)
  2980. 					{
  2981. 						commentHead = comment.substr(0, indexHead + 8);
  2982. 						comment = comment.substr(indexHead + 8);
  2983. 					}
  2984. 				}
  2985. 				
  2986. 				comment = comment
  2987. 					.replace(/([ \n])([\/~]{1,})([ \n])/g, "$1<span class='stsh_white stsh_pad'>$2</span>$3")
  2988. 					//.replace(/\/ /g, "<span class='stsh_white stsh_pad'>/</span> ")
  2989. 					//.replace(/ \//g, " <span class='stsh_white stsh_pad'>/</span>")
  2990. 					.replace(/(\-+)\&gt\;/g, "<span class='stsh_white stsh_pad'>$1&gt;</span>")
  2991. 					.replace(/ &gt; /g, " <span class='stsh_white stsh_pad'>&gt;</span> ")
  2992. 					.replace(/(\-{2,})([^\&])/g, "<span class='stsh_white stsh_pad'>$1</span>$2")
  2993. 					//.replace(/([^<>,]+)(\, +)([^<>,]+)/g, "$1<span class='stsh_white stsh_pad'>$2</span>$3")
  2994. 					//.replace(/([^<>,]+)(\, +)([^<>,]+)/g, "$1<span class='stsh_white stsh_pad'>$2</span>$3")
  2995. 					.replace(/\| /g, "<span class='stsh_white stsh_pad'>| </span>")
  2996. 					.replace(/ \* /g, " <span class='stsh_white stsh_pad'>*</span> ")
  2997. 					.replace(/ \.\.\.([ \n])/g, " <span class='stsh_white stsh_pad'>...</span>$1")
  2998. 					.replace(/\n/g, "<br>")
  2999. 					.replace(/Past application on (.{20})/g, 
  3000. 						"<span class='stsh_white stsh_pad'><br>Past application on $1</span>");
  3001. 				
  3002. 				eleComments[i].innerHTML = commentHead + comment + commentFoot;
  3003. 				
  3004. 				var eleAs = eleComments[i].querySelectorAll("a");
  3005. 				for (var j = 0; j < eleAs.length; j++)
  3006. 				{
  3007. 					var href = eleAs[j].getAttribute("href");
  3008. 					if (href.indexOf("#") > -1)
  3009. 					{
  3010. 						eleAs[j].setAttribute("href", href.replace(/\#/g,"%23"));
  3011. 					}
  3012. 				}
  3013. 				
  3014. 				//if (comment.indexOf("Comment:") !== 0)
  3015. 				{
  3016. 					// Discussion comment
  3017. 					
  3018. 					var rgxImg = /(\.(jpg|png|gif)|\/ugc\/)/i;
  3019. 					var rgxImgur = /^https?:\/\/imgur\.com\/([a-z0-9]+)\/?$/i;
  3020. 					var rgxLongUrl = /^https?\:\/\/translation\.steampowered\.com\/translate\.php\?search_input\=/i;
  3021. 					
  3022. 					var elesA = eleComments[i].querySelectorAll("a");
  3023. 					for (var j = 0; j < elesA.length; j++)
  3024. 					{
  3025. 						var href = elesA[j].getAttribute("href");
  3026. 						
  3027. 						if (rgxImgur.test(href))
  3028. 						{
  3029. 							href = href.replace(rgxImgur, "https://i.imgur.com/$1.png");
  3030. 						}
  3031. 						
  3032. 						if (rgxImg.test(href))
  3033. 						{
  3034. 							if (elesA[j].querySelectorAll("img").length === 0)
  3035. 							{
  3036. 								var ele = document.createElement("img");
  3037. 								ele.classList.add("stsh_comment_img");
  3038. 								ele.setAttribute("src", href);
  3039. 								ele.setAttribute("title", href);
  3040. 								ele.dataset.modeNext = "unmin";
  3041. 							
  3042. 								insertAfterElement(ele, elesA[j]);
  3043. 								
  3044. 								if (ele.naturalWidth === 0 || ele.naturalWidth > 400 || ele.naturalHeight > 225)
  3045. 								{
  3046. 									ele.classList.add("stsh_comment_img_zoom");
  3047. 									
  3048. 									ele.addEventListener("click", function(ev)
  3049. 									{
  3050. 										var eleTarget = ev.target;
  3051. 										var mode = "min";
  3052. 										if (eleTarget.dataset.modeNext === "min")
  3053. 										{
  3054. 											mode = "min";
  3055. 											eleTarget.dataset.modeNext = "unmin";
  3056. 										}
  3057. 										else
  3058. 										{
  3059. 											mode = "unmin";
  3060. 											eleTarget.dataset.modeNext = "min";
  3061. 										}
  3062. 										
  3063. 										if (eleTarget.naturalWidth < 400 && eleTarget.naturalHeight < 225)
  3064. 										{
  3065. 											eleTarget.classList.remove("stsh_comment_img_zoom");
  3066. 										}
  3067. 										
  3068. 										var isHorizontal = eleTarget.naturalWidth > eleTarget.naturalHeight;
  3069. 										if (isHorizontal)
  3070. 										{
  3071. 											eleTarget.style.maxHeight = "none";
  3072. 											
  3073. 											if (mode === "unmin")
  3074. 											{
  3075. 												eleTarget.style.minWidth = eleTarget.naturalWidth < 850 
  3076. 													? eleTarget.naturalWidth + "px" : "850px";
  3077. 											}
  3078. 											else
  3079. 											{
  3080. 												eleTarget.style.minWidth = eleTarget.naturalWidth < 400 
  3081. 													? eleTarget.naturalWidth + "px" : "400px";
  3082. 											}
  3083. 										}
  3084. 										else
  3085. 										{
  3086. 											eleTarget.style.maxWidth = "none";
  3087. 											
  3088. 											if (mode === "unmin")
  3089. 											{
  3090. 												eleTarget.style.minHeight = eleTarget.naturalHeight < 850 
  3091. 													? eleTarget.naturalHeight + "px" : "850px";
  3092. 											}
  3093. 											else
  3094. 											{
  3095. 												eleTarget.style.minHeight = eleTarget.naturalHeight < 225 
  3096. 													? eleTarget.naturalHeight + "px" : "225px";
  3097. 											}
  3098. 										}
  3099. 									});
  3100. 								}
  3101. 							}
  3102. 						}
  3103. 						else
  3104. 						{
  3105. 							var content = elesA[j].textContent;
  3106. 							if (rgxLongUrl.test(content))
  3107. 							{
  3108. 								//console.log(elesA[j]);
  3109. 								if (!elesA[j].parentElement.parentElement.parentElement
  3110. 									.querySelector(".suggestion_signature .lbAction[name^='mymodcomment']"))
  3111. 								{
  3112. 									elesA[j].textContent = content.replace(rgxLongUrl, "").replace(/\+/g, " ");
  3113. 								}
  3114. 							}
  3115. 						}
  3116. 					}
  3117. 				}
  3118. 			}
  3119. 		}
  3120. 		
  3121. 		// Add space between comment and button
  3122. 		{
  3123. 			var elesAction = document.querySelectorAll(".stsh_action_remove, .stsh_action_edit");
  3124. 			for (var i = 0; i < elesAction.length; i++)
  3125. 			{
  3126. 				if (elesAction[i].previousElementSibling
  3127. 					&& elesAction[i].previousElementSibling.previousElementSibling
  3128. 					&& elesAction[i].previousElementSibling.previousElementSibling
  3129. 						.classList.contains("stsh_text_comment_header"))
  3130. 				{
  3131. 					insertBeforeElement(document.createElement("br"), elesAction[i]);
  3132. 				}
  3133. 			}
  3134. 		}
  3135. 	
  3136. 		// Restyle token info
  3137. 		{
  3138. 			var divIntro = document.querySelector("#suggestionmain > div.smallcopy");
  3139. 			if (divIntro)
  3140. 			{
  3141. 				var qBranch = getQueryByName("branch");
  3142. 				
  3143. 				var htmlEdit = "You are editing";
  3144. 				var htmlEditReplace = "";
  3145. 				
  3146. 				var htmlToken = "Token <";
  3147. 				var htmlTokenReplace = "Token: <";
  3148. 				
  3149. 				var htmlToken2 = "token-key";
  3150. 				var htmlToken2Replace = "Token";
  3151. 				
  3152. 				var htmlLiveLinkMoved = 
  3153. '\
  3154. <font style="color:red;">This FAQ likely does not exist anymore!</font>\
  3155.  The generated <a href="https://support.steampowered.com/kb_article.php?ref="\
  3156.  target="_blank">live link</a> seems dead or is redirecting.\
  3157. ';
  3158. 				var htmlLiveLinkMovedReplace = 
  3159. '\
  3160. <font class="stsh_red stsh_cursor_help"\
  3161.  title="The generated live link seems dead or is redirecting.">\
  3162. This FAQ likely does not exist anymore!</font>\
  3163. ';
  3164. 					
  3165. 				var htmlLiveLinkMovedWithLiveLink = 
  3166. '\
  3167. <font style="color:red;">This FAQ likely does not exist anymore!</font> The generated \
  3168. <a href="https://support.steampowered.com/kb_article.php?ref=\
  3169. ';
  3170. 				var htmlLiveLinkMovedWithLiveLinkReplace = 
  3171. '<a href="https://support.steampowered.com/kb_article.php?ref=';
  3172. 					
  3173. 				var htmlLiveLinkMovedWithLiveLink2 = 
  3174. '" target="_blank">live link</a> seems dead or is redirecting.';
  3175. 				var htmlLiveLinkMovedWithLiveLink2Replace = 
  3176. '\
  3177. " target="_blank">Live link</a> - \
  3178. <font class="stsh_red stsh_cursor_help"\
  3179.  title="The generated live link seems dead or is redirecting.">\
  3180. This FAQ likely does not exist anymore!</font>';
  3181. 				
  3182. 				var htmlLiveLink = 'target="_blank">Live link';
  3183. 				var htmlLiveLinkReplace = 'target="_blank">Live link';	// Change in condition
  3184. 				
  3185. 				var htmlFile = " of <";
  3186. 				var htmlFileReplace = 
  3187. ' <br>File: <font class="stsh_info_file stsh_blue" onclick="clickToSelect(this)">' + qBranch + '</font> >> <';
  3188. 				
  3189. 				var htmlFrom = "<br>Added on <";
  3190. 				var htmlFromReplace = " &nbsp;&nbsp;Added: <";
  3191. 				
  3192. 				var htmlUpdated = ">. Updated on <";
  3193. 				var htmlUpdatedReplace = "> &nbsp;&nbsp;Updated: <";
  3194. 				
  3195. 				var htmlUpdated2 = "<br> Updated on <";
  3196. 				var htmlUpdated2Replace = " &nbsp;&nbsp;Updated: <";
  3197. 				
  3198. 				var htmlSugg = 'You have  <font style="';
  3199. 				var htmlSuggReplace = 
  3200. 'You have <font title="Enter and submit new suggestions below.  Do not alter HTML tags or variables." class="stsh_cursor_help" style="';
  3201. 				
  3202. 				var htmlIntro = 
  3203. "Enter and submit new suggestions below. Do not alter HTML tags or variables.";
  3204. 				var htmlIntroReplace =
  3205. ' \
  3206. &nbsp;&nbsp;\
  3207. <a href="mailto:translationserver@valvesoftware.com" \
  3208.  title="Please report token issues by posting a TOKEN DISCUSSION \r\nor email to translationserver@valvesoftware.com" \
  3209.  class="stsh_cursor_help">\
  3210. <font class="stsh_white">Report Tokens</font></a>\
  3211. ';
  3212. 				
  3213. 				var htmlContact = 
  3214. '\
  3215. <br>Please report token issues by posting a <font style="color:#a4b23c;">TOKEN DISCUSSION</font> tagged\
  3216. <input style="border:none; color:#FFFFFF; background-color:#111111; cursor:pointer;"\
  3217.  onclick="tosts(\'truncated\')" value="[sts_admin][truncated]" type="button">or\
  3218. <input style="border:none; color:#FFFFFF; background-color:#111111; cursor:pointer;"\
  3219.  onclick="tosts(\'typo\');" value="[sts_admin][typo]" type="button">or\
  3220. <input style="border:none; color:#FFFFFF; background-color:#111111; cursor:pointer;"\
  3221.  onclick="tosts(\'unlockpls\')" value="[sts_admin][unlockpls]" type="button">or by \
  3222. <a href="mailto:translationserver@valvesoftware.com">email</a>.\
  3223. ';
  3224. 				var htmlContactReplace = '';
  3225. 				
  3226. 				var htmlContact2 = 
  3227. '\
  3228. <br>Please report token issues by posting a <font style="color:#a4b23c;">TOKEN DISCUSSION</font> tagged\
  3229. <input style="border:none; color:#FFFFFF; background-color:#111111; cursor:pointer;" type="button"\
  3230.  onclick="tosts(\'truncated\')" value="[sts_admin][truncated]">or\
  3231. <input style="border:none; color:#FFFFFF; background-color:#111111; cursor:pointer;" type="button"\
  3232.  onclick="tosts(\'typo\');" value="[sts_admin][typo]">or\
  3233. <input style="border:none; color:#FFFFFF; background-color:#111111; cursor:pointer;" type="button"\
  3234.  onclick="tosts(\'unlockpls\')" value="[sts_admin][unlockpls]">or by \
  3235. <a href="mailto:translationserver@valvesoftware.com">email</a>.\
  3236. ';
  3237. 				var htmlContact2Replace = '';
  3238. 				
  3239. 				var rgxTestEmail = 
  3240. /<br><font style="color:#a4b23c;">This is part of email message .+ - you can test it by following this link:<\/font> /i;
  3241. 				var htmlTestEmailReplace = '';
  3242. 				
  3243. 				var rgxTestEmail2 = 
  3244. /<a href="test_email\.php\?filename=.+\&amp;lang=[a-z]+" target="_blank">Test<\/a>/i;
  3245. 				var htmlTestEmail2Replace = '';
  3246. 				
  3247. 				var htmlsTestEmail = rgxTestEmail.exec(divIntro.innerHTML);
  3248. 				if (htmlsTestEmail)
  3249. 				{
  3250. 					var htmlTestEmail = htmlsTestEmail[0]
  3251. 						.replace('<br><font style="color:#a4b23c;">This is part of email message ', "")
  3252. 						.replace(' - you can test it by following this link:</font> ', "");
  3253. 					
  3254. 					var htmlTestEmail2 = "";
  3255. 					
  3256. 					var htmlsTestEmail2 = rgxTestEmail2.exec(divIntro.innerHTML);
  3257. 					if (htmlsTestEmail2)
  3258. 					{
  3259. 						htmlTestEmail2 = htmlsTestEmail2[0].replace('<a href="', "")
  3260. 							.replace('" target="_blank">Test</a>', "");
  3261. 					}
  3262. 					
  3263. 					htmlIntroReplace += ' &nbsp;&nbsp;Test: <a href="' + htmlTestEmail2 
  3264. 						+ '"  title="You can test email by following this link." target="_blank">' 
  3265. 						+ htmlTestEmail + '</a>';
  3266. 				}
  3267. 				
  3268. 				if (key !== "")
  3269. 				{
  3270. 					htmlIntroReplace += 
  3271. ' \
  3272. <br>Share: \
  3273. <font class="stsh_token_share stsh_green stsh_truncate" onclick="clickToSelect(this)">\
  3274. https://translation.steampowered.com/translate.php?search_input=' + key + '\
  3275. </font> <br>\
  3276. ';
  3277. 				}
  3278. 				
  3279. 				var urlLiveLink = "https://support.steampowered.com/kb_article.php?ref=";
  3280. 				var eleLiveLink = divIntro.querySelector("a[href^='" + urlLiveLink + "']");
  3281. 				if (eleLiveLink)
  3282. 				{
  3283. 					htmlLiveLinkReplace = 'target="_blank" title="Live link">' 
  3284. 						+ eleLiveLink.getAttribute("href").replace(urlLiveLink, "");
  3285. 				}
  3286. 				
  3287. 				var isComplete = (divIntro.innerHTML.indexOf(htmlContact) > -1);
  3288. 				
  3289. 				divIntro.innerHTML = divIntro.innerHTML
  3290. 					.replace(htmlEdit, htmlEditReplace)
  3291. 					.replace(htmlToken, htmlTokenReplace)
  3292. 					.replace(htmlToken2, htmlToken2Replace)
  3293. 					.replace(htmlLiveLinkMoved, htmlLiveLinkMovedReplace)
  3294. 					.replace(htmlLiveLinkMovedWithLiveLink, htmlLiveLinkMovedWithLiveLinkReplace)
  3295. 					.replace(htmlLiveLinkMovedWithLiveLink2, htmlLiveLinkMovedWithLiveLink2Replace)
  3296. 					.replace(htmlLiveLink, htmlLiveLinkReplace)
  3297. 					.replace(htmlFile, htmlFileReplace)
  3298. 					.replace(htmlFrom, htmlFromReplace)
  3299. 					.replace(htmlUpdated, htmlUpdatedReplace)
  3300. 					.replace(htmlUpdated2, htmlUpdated2Replace)
  3301. 					.replace(htmlSugg, htmlSuggReplace)
  3302. 					.replace(htmlIntro, htmlIntroReplace)
  3303. 					.replace(htmlContact, htmlContactReplace)
  3304. 					.replace(htmlContact2, htmlContact2Replace)
  3305. 					.replace(rgxTestEmail, htmlTestEmailReplace)
  3306. 					.replace(rgxTestEmail2, htmlTestEmail2Replace)
  3307. 					.trim();
  3308. 					
  3309. 				var eleToken = document.querySelector("a[href^='Us_And_Them.php?']");
  3310. 				if (eleToken)
  3311. 				{
  3312. 					if (eleToken.textContent !== "Token")
  3313. 					{
  3314. 						eleToken.classList.add("stsh_token_name");
  3315. 						eleToken.classList.add("stsh_truncate");
  3316. 					}
  3317. 				}
  3318. 				
  3319. 				if (!isComplete)
  3320. 				{
  3321. 					var stsh_introReplace_start = getTimeMs();
  3322. 					var stsh_introReplace_itv = setIntervalCustom(function(params)
  3323. 					{
  3324. 						var divIntro = params[0];
  3325. 						var htmlContact = params[1];
  3326. 						var htmlContactReplace = params[2];
  3327. 						
  3328. 						var stsh_introReplace_isEnd = false;
  3329. 						var stsh_introReplace_cur = getTimeMs();
  3330. 						
  3331. 						if (divIntro.innerHTML.indexOf(htmlContact) > -1)
  3332. 						{
  3333. 							divIntro.innerHTML = divIntro.innerHTML
  3334. 								.replace(htmlContact, htmlContactReplace);
  3335. 								
  3336. 							stsh_introReplace_isEnd = true;
  3337. 						}
  3338. 						
  3339. 						if (stsh_introReplace_isEnd || stsh_introReplace_cur - stsh_introReplace_start > 10000)
  3340. 						{
  3341. 							clearInterval(stsh_introReplace_itv);
  3342. 						}
  3343. 					}, 100, [divIntro, htmlContact, htmlContactReplace]);
  3344. 				}
  3345. 			}
  3346. 		}
  3347. 		
  3348. 		// Restyle token discussion
  3349. 		{
  3350. 			var eleDiscuss = document.querySelector("a[name='tokendiscussion']");
  3351. 			if (eleDiscuss)
  3352. 			{
  3353. 				var htmlHeader = "TOKEN DISCUSSION (keep global comments English please!):";
  3354. 				var htmlHeaderReplace = "TOKEN DISCUSSION:";
  3355. 				
  3356. 				var eleHeader = eleDiscuss.nextElementSibling;
  3357. 				if (eleHeader)
  3358. 				{
  3359. 					eleHeader.setAttribute("title", "Keep global comments English please!");
  3360. 					eleHeader.classList.add("stsh_cursor_help");
  3361. 					eleHeader.textContent = eleHeader.textContent.replace(htmlHeader, htmlHeaderReplace);
  3362. 				}
  3363. 				
  3364. 				var eleParent = eleDiscuss.parentElement;
  3365. 				eleParent.classList.add("stsh_discussion_header");
  3366. 				
  3367. 				if (eleParent.nextElementSibling)
  3368. 				{
  3369. 					eleParent.nextElementSibling.classList.add("stsh_discussion_section");
  3370. 				}
  3371. 				
  3372. 				var elesInput = document.querySelectorAll("input[value='[stsadmin]']");
  3373. 				if (elesInput.length === 2)
  3374. 				{
  3375. 					removeElement(elesInput[1]);
  3376. 				}
  3377. 				
  3378. 				var eleSpan = document.createElement("span");
  3379. 				eleSpan.innerHTML = 
  3380. '\
  3381. <input style="border:none; color:#888888; background-color:#111111; cursor:pointer;"\
  3382.  onclick="tosts(\'truncated\')" value="[sts_admin][truncated]" type="button">\
  3383. <input style="border:none; color:#888888; background-color:#111111; cursor:pointer;"\
  3384.  onclick="tosts(\'typo\');" value="[sts_admin][typo]" type="button">\
  3385. <input style="border:none; color:#888888; background-color:#111111; cursor:pointer;"\
  3386.  onclick="tosts(\'unlockpls\')" value="[sts_admin][unlockpls]" type="button">\
  3387. ';
  3388. 				
  3389. 				eleParent.appendChild(eleSpan);
  3390. 			}
  3391. 				
  3392. 			var eleAutoCopy = document.querySelector("#autocopy");
  3393. 			if (eleAutoCopy)
  3394. 			{
  3395. 				var eleAutoCopyHeader = eleAutoCopy.previousElementSibling;
  3396. 				eleAutoCopyHeader.classList.add("stsh_autoCopy_header");
  3397. 				eleAutoCopyHeader.firstElementChild.firstElementChild.textContent = "AUTO-REPLACEMENT";
  3398. 				
  3399. 				eleAutoCopy.appendChild(document.createElement("br"));
  3400. 			}
  3401. 			
  3402. 			var eleTableDiscuss = null;
  3403. 			var eleFriendDiscuss = document.querySelector(".friend_block_discussions");
  3404. 			if (eleFriendDiscuss)
  3405. 			{
  3406. 				if (eleAutoCopy)
  3407. 				{
  3408. 					insertBeforeElement(document.createElement("br"), eleAutoCopy.previousElementSibling);
  3409. 				}
  3410. 				
  3411. 				eleTableDiscuss = eleFriendDiscuss.parentElement.parentElement.parentElement.parentElement;
  3412. 				if (eleTableDiscuss.tagName === "TABLE")
  3413. 				{
  3414. 					eleTableDiscuss.classList.add("stsh_discussion_table");
  3415. 				}
  3416. 			}
  3417. 			
  3418. 			var elesDiscuss = document.querySelectorAll(".stsh_discussion");
  3419. 			for (var i = 0; i < elesDiscuss.length; i++)
  3420. 			{
  3421. 				var nodesChild = elesDiscuss[i].childNodes;
  3422. 				if (nodesChild.length > 2)
  3423. 				{
  3424. 					var arrNode = [];
  3425. 					for (var j = 3; j < nodesChild.length; j++)
  3426. 					{
  3427. 						arrNode.push(nodesChild[j]);
  3428. 					}
  3429. 					
  3430. 					var eleDiv = document.createElement("div");
  3431. 					eleDiv.classList.add("stsh_discussion_text");
  3432. 					
  3433. 					for (var j = 0; j < arrNode.length; j++)
  3434. 					{
  3435. 						eleDiv.appendChild(arrNode[j]);
  3436. 					}
  3437. 					
  3438. 					elesDiscuss[i].appendChild(eleDiv);
  3439. 					
  3440. 					eleDiv.classList.add("stsh_discussion_text_long");
  3441. 					
  3442. 				}
  3443. 			}
  3444. 		}
  3445. 		
  3446. 		// Decode URI in discussion
  3447. 		{
  3448. 			var elesA = document.querySelectorAll(".stsh_discussion_text > a[href*='%']");
  3449. 			for (var i = 0; i < elesA.length; i++)
  3450. 			{
  3451. 				if (elesA[i].childElementCount === 0)
  3452. 				{
  3453. 					try
  3454. 					{
  3455. 						elesA[i].textContent = decodeURIComponent(elesA[i].textContent);
  3456. 					}
  3457. 					catch (ex)
  3458. 					{
  3459. 						console.error("DecodeUriDiscussion", ex.message);
  3460. 					}
  3461. 				}
  3462. 			}
  3463. 		}
  3464. 		
  3465. 		// Move up glossary
  3466. 		{
  3467. 			var moveUpGlossary = function()
  3468. 			{
  3469. 				var eleDiscuss = document.querySelector(".stsh_discussion_header");
  3470. 				if (eleDiscuss)
  3471. 				{
  3472. 					var eleGlosGroup = document.createElement("div");
  3473. 					eleGlosGroup.classList.add("stsh_glossary_group");
  3474. 					
  3475. 					insertBeforeElement(eleGlosGroup, eleDiscuss);
  3476. 					
  3477. 					var eleHead = document.querySelector(".stsh_glossary_header");
  3478. 					if (eleHead)
  3479. 					{
  3480. 						if (!(eleHead.childNodes.length === 5 
  3481. 							&& eleHead.childNodes[4].nodeType === document.TEXT_NODE
  3482. 							&& eleHead.childNodes[4].nodeValue === "No results"))
  3483. 						{
  3484. 							eleGlosGroup.appendChild(document.createElement("br"));
  3485. 							
  3486. 							if (eleHead.tagName === "TABLE")
  3487. 							{
  3488. 								eleGlosGroup.appendChild(eleHead.previousElementSibling);
  3489. 							}
  3490. 							
  3491. 							eleGlosGroup.appendChild(eleHead);
  3492. 						}
  3493. 					}
  3494. 				}
  3495. 			}
  3496. 			
  3497. 			var eleAutoCopy = document.querySelector(".stsh_autoCopy_header");
  3498. 			if (eleAutoCopy)
  3499. 			{
  3500. 				var eleHead = document.querySelector(".stsh_glossary_header");
  3501. 				if (eleHead)
  3502. 				{
  3503. 					insertAfterElement(eleAutoCopy.nextElementSibling, eleHead);
  3504. 					insertAfterElement(eleAutoCopy, eleHead);
  3505. 					insertAfterElement(document.createElement("br"), eleHead);
  3506. 					insertAfterElement(document.createElement("br"), eleAutoCopy.nextElementSibling);
  3507. 				}
  3508. 			}
  3509. 			
  3510. 			var eleFriendDiscuss = document.querySelector(".friend_block_discussions");
  3511. 			if (!eleFriendDiscuss)
  3512. 			{
  3513. 				moveUpGlossary();
  3514. 			}
  3515. 			else
  3516. 			{
  3517. 				var eleHelp = document.querySelector(".stsh_glossary_help");
  3518. 				if (eleHelp)
  3519. 				{
  3520. 					var eleBtn = document.createElement("input");
  3521. 					eleBtn.classList.add("stsh_glossary_move");
  3522. 					eleBtn.setAttribute("type", "button");
  3523. 					eleBtn.setAttribute("onclick", "return false;");
  3524. 					eleBtn.value = "Move up";
  3525. 					eleBtn.title = "Glossary is displayed below when discussion is active. "
  3526. 						+ "\nClick here to move glossary up.";
  3527. 					
  3528. 					insertAfterElement(eleBtn, eleHelp);
  3529. 					
  3530. 					eleBtn.addEventListener("click", function(ev)
  3531. 					{
  3532. 						var eleTarget = ev.target;
  3533. 						eleTarget.classList.add("stsh_hidden");
  3534. 						moveUpGlossary();
  3535. 					});
  3536. 				}
  3537. 			}
  3538. 		}
  3539. 	
  3540. 		// Add shortcut keys
  3541. 		{
  3542. 			var elesForm = document.querySelectorAll(".lbAction");
  3543. 			for (var i = 0; i < elesForm.length; i++)
  3544. 			{
  3545. 				var eleForm = elesForm[i];
  3546. 				var eleSubmit = eleForm.querySelector("input[type='submit']:not([name='admindecision'])");
  3547. 				if (eleSubmit)
  3548. 				{
  3549. 					addKeyCtrlEnter(eleForm, eleSubmit);
  3550. 				}
  3551. 			}
  3552.  
  3553. 			var elesInputApplyNext = document.querySelectorAll(".stsh_action_apply_next:not([disabled])");
  3554. 			if (elesInputApplyNext.length > 0)
  3555. 			{
  3556. 				var eleBind = elesInputApplyNext[0];
  3557. 				eleBind.title = "Should remove all other suggestions then APPROVE and APPLY."
  3558.  
  3559. 				if (document.querySelectorAll(".stsh_action_remove").length === 1)
  3560. 				{
  3561. 					addKeyAlt(document, eleBind, ["KeyI", 73, "KeyD", 68], "I", 1);		// I D
  3562. 					disableAfterClick(eleBind);
  3563. 				}
  3564. 			}
  3565. 			
  3566. 			var elesInputApprove = document.querySelectorAll(".stsh_action_approve");
  3567. 			if (elesInputApprove.length > 0)
  3568. 			{
  3569. 				var eleBind = elesInputApprove[0];
  3570. 				addKeyAlt(document, eleBind, ["BracketLeft", 219, "KeyO", 79, "KeyA", 65], "O", 2); // [ O A
  3571. 				disableAfterClick(eleBind);
  3572. 			}
  3573. 			
  3574. 			var eleInputApproveNext = document.querySelector(".stsh_action_approve_next");
  3575. 			if (eleInputApproveNext)
  3576. 			{
  3577. 				var eleBind = null;
  3578. 				
  3579. 				if (!eleInputApproveNext.disabled)
  3580. 				{
  3581. 					// Can go next
  3582. 					if (elesInputApprove.length === 1)
  3583. 					{
  3584. 						// Go next if only 1 suggestion
  3585. 						
  3586. 						if (document.querySelector(".suggestion_status_approved"))
  3587. 						{
  3588. 							// Don't go next if 1 or more approved suggestion
  3589. 							eleBind = elesInputApprove[0];
  3590. 						}
  3591. 						else
  3592. 						{
  3593. 							eleBind = eleInputApproveNext;
  3594. 						}
  3595. 					}
  3596. 					else if (elesInputApprove.length > 1)
  3597. 					{
  3598. 						// Only approve if more than 1 suggestion
  3599. 						eleBind = elesInputApprove[0];
  3600. 					}
  3601. 				}
  3602. 				else
  3603. 				{
  3604. 					// Can't go next
  3605. 					
  3606. 					if (elesInputApprove.length > 0)
  3607. 					{
  3608. 						eleBind = elesInputApprove[0];
  3609. 					}
  3610. 				}
  3611. 					
  3612. 				if (eleBind)
  3613. 				{
  3614. 					addKeyAlt(document, eleBind, ["BracketRight", 221, 171, "KeyP", 80, "KeyS", 83]);	// ] P S
  3615. 					addKeyCtrl(document, eleBind, ["Backslash", 220, "Insert", 45], "Ins", 1|2);		// Backslash, INS
  3616. 					disableAfterClick(eleBind);
  3617. 				}
  3618. 			}
  3619. 		
  3620. 			var eleInputDecline = document.querySelector(".stsh_action_decline");
  3621. 			if (eleInputDecline)
  3622. 			{
  3623. 				var eleBind = eleInputDecline;
  3624. 				var titleMode = 1|2;
  3625. 				if (eleInputDecline.name === "admindecision")
  3626. 				{
  3627. 					titleMode = 2;
  3628. 				}
  3629. 				addKeyCtrl(document, eleBind, ["Delete", 46], "Del", titleMode);	// DEL
  3630. 				disableAfterClick(eleBind);
  3631. 				
  3632. 				var eleInputDeclineNext = eleInputDecline.nextElementSibling;
  3633. 				if (eleInputDeclineNext && eleInputDeclineNext.value.indexOf("Next") > -1
  3634. 					&& !eleInputDeclineNext.disabled)
  3635. 				{
  3636. 					var eleBind = eleInputDeclineNext;
  3637. 					addKeyCtrlShift(document, eleBind, ["Delete", 46], "Del", 2);	// DEL
  3638. 					disableAfterClick(eleBind);
  3639. 				}
  3640. 			}
  3641. 			else
  3642. 			{
  3643. 				var eleReconsider = document.querySelector(".suggestion_status_approved > a, .suggestion_status_declined > a");
  3644. 				if (eleReconsider)
  3645. 				{
  3646. 					if (eleReconsider.parentElement.classList.contains("suggestion_status_approved"))
  3647. 					{
  3648. 						var elesReconsiderApprove = document.querySelectorAll(".suggestion_status_approved > a");
  3649. 						if (elesReconsiderApprove.length > 0)
  3650. 						{
  3651. 							// Bind to last approve
  3652. 							var eleBind = elesReconsiderApprove[elesReconsiderApprove.length - 1];
  3653. 							addKeyCtrl(document, eleBind, ["Delete", 46], "Del", 2|16);		// DEL
  3654. 						}
  3655. 					}
  3656. 					else
  3657. 					{
  3658. 						if (!eleReconsider.parentElement.parentElement
  3659. 							.querySelector(".suggestion_signature .lbAction[name^='mymodcomment']"))
  3660. 						{
  3661. 							var eleBind = eleReconsider;
  3662. 							addKeyAlt(document, eleBind, ["BracketRight", 221, 171, "KeyP", 80, "KeyS", 83]);	// ] P S
  3663. 							addKeyCtrl(document, eleBind, ["Backslash", 220, "Insert", 45], "Ins", 2|16);		// Backslash INS
  3664. 						}
  3665. 					}
  3666. 				}
  3667. 			}
  3668. 			
  3669. 			if (elesTextRemoveComment.length > 0)
  3670. 			{
  3671. 				// Remove last comment
  3672. 				var i = elesTextRemoveComment.length - 1;
  3673.  
  3674. 				var eleBind = elesTextRemoveComment[i];
  3675. 				addKeyCtrl(document, eleBind, ["Backspace", 8], "Bksp", 2|16);			// Backspace
  3676. 			}
  3677. 			
  3678. 			var eleInputPrev = document.querySelector(".stsh_nav_prev");
  3679. 			if (eleInputPrev)
  3680. 			{
  3681. 				var eleBind = eleInputPrev;
  3682. 				addKeyCtrl(document, eleBind, ["BracketLeft", 219], "[", 1|2);			// [
  3683. 				disableAfterClick(eleBind);
  3684. 				
  3685. 				// Remove space
  3686. 				removeElement(eleBind.nextSibling);
  3687. 			}
  3688. 			
  3689. 			var eleInputNext = document.querySelector(".stsh_nav_next");
  3690. 			if (eleInputNext)
  3691. 			{
  3692. 				var eleBind = eleInputNext;
  3693. 				addKeyCtrl(document, eleBind, ["BracketRight", 221, 171], "]", 1|2);	// ]
  3694. 				disableAfterClick(eleBind);
  3695. 			}
  3696. 		}
  3697. 	
  3698. 		// Check special chars
  3699. 		// Check combining diacritical marks
  3700. 		// Check HTML elements count
  3701. 		{
  3702. 			if (eleHeaderOrg && eleHeaderTrn)
  3703. 			{
  3704. 				if (eleTextOrg && eleTextTrn)
  3705. 				{
  3706. 					var strOrg = trimTab(eleTextOrg.textContent);
  3707. 					var strTrn = "";
  3708. 					
  3709. 					if (!eleTextTrn.classList.contains("stsh_text_trn_empty"))
  3710. 					{
  3711. 						strTrn = trimTab(eleTextTrn.textContent);
  3712. 					}
  3713. 					
  3714. 					var elesSug = elesTextSug;
  3715. 					
  3716. 					// Check special chars
  3717. 					{
  3718. 						var statusTrnArr = checkSpecialCharMatched(strOrg, strTrn);
  3719. 						var statusTrnMatched = statusTrnArr[0];
  3720. 						var spOrg = statusTrnArr[1];
  3721. 						var spTrn = statusTrnArr[2];
  3722. 						
  3723. 						if (spOrg > 0 || spTrn > 0)
  3724. 						{
  3725. 							var spTitle = "Please check special chars by pressing Display special chars button.";
  3726. 							
  3727. 							var spanSpOrg = document.createElement("span");
  3728. 							spanSpOrg.id = "stsh_spanSpOrg";
  3729. 							spanSpOrg.classList.add("stsh_spanStatusOrg");
  3730. 							spanSpOrg.classList.add("stsh_blue");
  3731. 							spanSpOrg.classList.add("stsh_cursor_help");
  3732. 							spanSpOrg.title = spTitle;
  3733. 								
  3734. 							spanSpOrg.innerHTML = " SpecialChar: " + spOrg;
  3735. 							eleHeaderOrg.appendChild(spanSpOrg);
  3736. 						
  3737. 							// Translated
  3738. 							if (strTrn !== "")
  3739. 							{
  3740. 								var spanSpTrn = document.createElement("span");
  3741. 								spanSpTrn.id = "stsh_spanSpTrn";
  3742. 								spanSpTrn.classList.add("stsh_spanStatusTrn");
  3743. 								spanSpTrn.classList.add("stsh_cursor_help");
  3744. 								spanSpTrn.title = spTitle;
  3745. 								
  3746. 								if (statusTrnMatched === 0)
  3747. 								{
  3748. 									spanSpTrn.classList.add("stsh_green");
  3749. 								}
  3750. 								else
  3751. 								{
  3752. 									spanSpTrn.classList.add("stsh_red");
  3753. 									spanSpTrn.classList.add("stsh_status_unmatched");
  3754. 								}
  3755. 								
  3756. 								var outputTrn = " SpecialChar: " + spTrn;
  3757. 								if (statusTrnMatched === 0)
  3758. 								{
  3759. 									outputTrn += " (Matched)";
  3760. 								}
  3761. 								else if (statusTrnMatched === 1)
  3762. 								{
  3763. 									outputTrn += " (Order not matched)";
  3764. 								}
  3765. 								else
  3766. 								{
  3767. 									outputTrn += " (Not matched)";
  3768. 								}
  3769. 								
  3770. 								spanSpTrn.innerHTML = outputTrn;
  3771. 								eleHeaderTrn.appendChild(spanSpTrn);
  3772. 							}
  3773. 							
  3774. 							// Suggested
  3775. 							for (var i = 0; i < elesSug.length; i++)
  3776. 							{
  3777. 								var eleSug = elesSug[i];
  3778. 								var strSug = trimSpace(eleSug.textContent);
  3779. 							
  3780. 								var statusSugArr = checkSpecialCharMatched(strOrg, strSug);
  3781. 								var statusSugMatched = statusSugArr[0];
  3782. 								var spSug = statusSugArr[2];
  3783. 								
  3784. 								
  3785. 								var spanSpSug = document.createElement("span");
  3786. 								spanSpSug.classList.add("stsh_spanSpSug");
  3787. 								spanSpSug.classList.add("stsh_spanStatusSug");
  3788. 								spanSpSug.classList.add("stsh_cursor_help");
  3789. 								spanSpSug.title = spTitle;
  3790. 								
  3791. 								if (statusSugMatched === 0)
  3792. 								{
  3793. 									spanSpSug.classList.add("stsh_green");
  3794. 									spanSpSug.classList.add("stsh_status_matched");
  3795. 								}
  3796. 								else
  3797. 								{
  3798. 									spanSpSug.classList.add("stsh_red");
  3799. 									spanSpSug.classList.add("stsh_status_unmatched");
  3800. 								}
  3801. 								
  3802. 								var outputSug = " SpecialChar: " + spSug;
  3803. 								if (statusSugMatched === 0)
  3804. 								{
  3805. 									outputSug += " (Matched)";
  3806. 								}
  3807. 								else if (statusSugMatched === 1)
  3808. 								{
  3809. 									outputSug += " (Order not matched)";
  3810. 								}
  3811. 								else
  3812. 								{
  3813. 									outputSug += " (Not matched)";
  3814. 								}
  3815. 								
  3816. 								spanSpSug.innerHTML = outputSug;
  3817. 								
  3818. 								insertBeforeElement(spanSpSug, eleSug);
  3819. 							}
  3820. 						}
  3821. 					}
  3822. 					
  3823. 					// Check diacritical marks
  3824. 					{
  3825. 						var hasDct = false;
  3826. 						
  3827. 						// Translated
  3828. 						var dctTrn = countDiacriticalMark(strTrn);
  3829. 						if (dctTrn > 0)
  3830. 						{
  3831. 							hasDct = true;
  3832. 						}
  3833. 						
  3834. 						var countsSug = [];
  3835. 						
  3836. 						// Suggested
  3837. 						for (var i = 0; i < elesSug.length; i++)
  3838. 						{
  3839. 							var eleSug = elesSug[i];
  3840. 							var strSug = trimSpace(eleSug.textContent);
  3841. 						
  3842. 							var dctSug = countDiacriticalMark(strSug);
  3843. 							if (dctSug > 0)
  3844. 							{
  3845. 								hasDct = true;
  3846. 							}
  3847. 							
  3848. 							countsSug.push(dctSug);
  3849. 						}
  3850. 						
  3851. 						if (hasDct)
  3852. 						{
  3853. 							var dctTitleGood = "Combining Diacritical Marks not found. \nThis is good typing method.";
  3854. 							var dctTitleBad = "Combining Diacritical Marks found. \nPlease change typing method.";
  3855. 							
  3856. 							var spanDctTrn = document.createElement("span");
  3857. 							spanDctTrn.id = "stsh_spanDctTrn";
  3858. 							spanDctTrn.classList.add("stsh_spanStatusTrn");
  3859. 							spanDctTrn.classList.add("stsh_cursor_help");
  3860. 							
  3861. 							if (dctTrn > 0)
  3862. 							{
  3863. 								spanDctTrn.classList.add("stsh_red");
  3864. 								spanDctTrn.classList.add("stsh_status_unmatched");
  3865. 								spanDctTrn.title = dctTitleBad;
  3866. 							}
  3867. 							else
  3868. 							{
  3869. 								spanDctTrn.classList.add("stsh_green");
  3870. 								spanDctTrn.title = dctTitleGood;
  3871. 							}
  3872. 							
  3873. 							var outputDctTrn = " DiacriticalMark: " + dctTrn;
  3874. 							
  3875. 							spanDctTrn.innerHTML = outputDctTrn;
  3876. 							eleHeaderTrn.appendChild(spanDctTrn);
  3877. 							
  3878. 							for (var i = 0; i < elesSug.length; i++)
  3879. 							{
  3880. 								var eleSug = elesSug[i];
  3881. 								var dctSug = countsSug[i];
  3882. 								
  3883. 								var spanDctSug = document.createElement("span");
  3884. 								spanDctSug.classList.add("stsh_spanDctSug");
  3885. 								spanDctSug.classList.add("stsh_spanStatusSug");
  3886. 								spanDctSug.classList.add("stsh_cursor_help");
  3887. 								
  3888. 								if (dctSug > 0)
  3889. 								{
  3890. 									spanDctSug.classList.add("stsh_red");
  3891. 									spanDctSug.classList.add("stsh_status_unmatched");
  3892. 									spanDctSug.title = dctTitleBad;
  3893. 								}
  3894. 								else
  3895. 								{
  3896. 									spanDctSug.classList.add("stsh_green");
  3897. 									spanDctSug.title = dctTitleGood;
  3898. 								}
  3899. 							
  3900. 								var outputDctSug = " DiacriticalMark: " + dctSug;
  3901. 								
  3902. 								spanDctSug.innerHTML = outputDctSug;
  3903. 								
  3904. 								insertBeforeElement(spanDctSug, eleSug);
  3905. 							}
  3906. 						}
  3907. 					}
  3908. 					
  3909. 					// Check HTML elements count
  3910. 					// Sample: https://translation.steampowered.com/translate.php?search_input=%23Email_Partner_KeyRequest_Doc_Instructions
  3911. 					// Sample: https://translation.steampowered.com/translate.php?search_input=turret.sp_sabotage_factory_defect
  3912. 					{
  3913. 						var hasElement = false;
  3914. 						
  3915. 						var queryCount = ':not([style="color:red;"])'
  3916. 							+ ':not([style="color:#ff0000;"])'
  3917. 							+ ':not([style="color:#ffffff;"])'
  3918. 							+ ':not([style="BACKGROUND-COLOR: blue"])'
  3919. 							+ ':not([face="Times New Roman"])'
  3920. 							+ ':not([data-pagespeed-no-defer])';
  3921. 						
  3922. 						var countEleOrg = eleTextOrg.querySelectorAll(queryCount).length;
  3923. 						var countEleTrn = -1;	// -1 means Not Translated
  3924. 						
  3925. 						if (!eleTextTrn.classList.contains("stsh_text_trn_empty"))
  3926. 						{
  3927. 							countEleTrn = eleTextTrn.querySelectorAll(queryCount).length;
  3928. 						}
  3929. 						
  3930. 						var countsSug = [];
  3931. 						
  3932. 						// Suggested
  3933. 						var elesSug = elesTextSug;
  3934. 						for (var i = 0; i < elesSug.length; i++)
  3935. 						{
  3936. 							var eleSug = elesSug[i];
  3937. 							var countEle = eleSug.querySelectorAll(queryCount).length;;
  3938. 							if (countEle > 0)
  3939. 							{
  3940. 								hasElement = true;
  3941. 							}
  3942. 							
  3943. 							countsSug.push(countEle);
  3944. 						}
  3945. 						
  3946. 						hasElement = hasElement || countEleOrg > 0 || countEleTrn > 0;
  3947. 						
  3948. 						if (hasElement)
  3949. 						{
  3950. 							var countTitleGood = "You can check HTML elements by pressing Display HTML tags button. "
  3951. 								+ "\nSome tags and attributes were generated or removed by STS "
  3952. 								+ "\n(such as <script>, <br> and <img> tags). "
  3953. 								+ "\nIf you can submit, then it's OK.";
  3954. 							var countTitleBad = "HTML elements count not matched. \n" + countTitleGood;
  3955. 							
  3956. 							var spanCountOrg = document.createElement("span");
  3957. 							spanCountOrg.id = "stsh_spanCountEleOrg";
  3958. 							spanCountOrg.classList.add("stsh_spanStatusOrg");
  3959. 							spanCountOrg.classList.add("stsh_blue");
  3960. 							spanCountOrg.classList.add("stsh_cursor_help");
  3961. 							spanCountOrg.title = countTitleGood;
  3962. 								
  3963. 							spanCountOrg.innerHTML = " HtmlElementCount: " + countEleOrg;
  3964. 							eleHeaderOrg.appendChild(spanCountOrg);
  3965. 						
  3966. 							// Translated
  3967. 							if (countEleTrn > -1)
  3968. 							{
  3969. 								var spanCountTrn = document.createElement("span");
  3970. 								spanCountTrn.id = "stsh_spanCountEleTrn";
  3971. 								spanCountTrn.classList.add("stsh_spanStatusTrn");
  3972. 								spanCountTrn.classList.add("stsh_cursor_help");
  3973. 								
  3974. 								var outputTrn = " HtmlElementCount: " + countEleTrn;
  3975. 								
  3976. 								if (countEleOrg === countEleTrn)
  3977. 								{
  3978. 									spanCountTrn.classList.add("stsh_green");
  3979. 									spanCountTrn.title = countTitleGood;
  3980. 									outputTrn += (countEleOrg > 0) ? " (Matched)" : "";
  3981. 								}
  3982. 								else
  3983. 								{
  3984. 									spanCountTrn.classList.add("stsh_blue");
  3985. 									spanCountTrn.classList.add("stsh_status_unmatched");
  3986. 									spanCountTrn.title = countTitleBad;
  3987. 									outputTrn += (countEleOrg > 0) ? " (Not matched)" : "";
  3988. 								}
  3989. 								
  3990. 								spanCountTrn.innerHTML = outputTrn;
  3991. 								eleHeaderTrn.appendChild(spanCountTrn);
  3992. 							}
  3993. 							
  3994. 							// Suggested
  3995. 							for (var i = 0; i < elesSug.length; i++)
  3996. 							{
  3997. 								var eleSug = elesSug[i];
  3998. 								var countEleSug = countsSug[i];
  3999. 								
  4000. 								var spanCountSug = document.createElement("span");
  4001. 								spanCountSug.classList.add("stsh_spanCountEleSug");
  4002. 								spanCountSug.classList.add("stsh_spanStatusSug");
  4003. 								spanCountSug.classList.add("stsh_cursor_help");
  4004. 								
  4005. 								var outputSug = " HtmlElementCount: " + countEleSug;
  4006. 								
  4007. 								if (countEleOrg === countEleSug)
  4008. 								{
  4009. 									spanCountSug.classList.add("stsh_green");
  4010. 									spanCountSug.title = countTitleGood;
  4011. 									outputSug += (countEleOrg > 0) ? " (Matched)" : "";
  4012. 								}
  4013. 								else
  4014. 								{
  4015. 									spanCountSug.classList.add("stsh_blue");
  4016. 									spanCountSug.classList.add("stsh_status_unmatched");
  4017. 									spanCountSug.title = countTitleBad;
  4018. 									outputSug += (countEleOrg > 0) ? "/" + countEleOrg + " (Not matched)" : "";
  4019. 								}
  4020. 								
  4021. 								spanCountSug.innerHTML = outputSug;
  4022. 								
  4023. 								insertBeforeElement(spanCountSug, eleSug);
  4024. 							}
  4025. 						}
  4026. 					}
  4027. 				}
  4028. 			}
  4029. 		}
  4030. 		
  4031. 		// Display newlines
  4032. 		// Display spaces
  4033. 		// Display specialChars
  4034. 		// Display HTML tags
  4035. 		// Display hidden contents
  4036. 		// Minimize images
  4037. 		{
  4038. 			var eleSugListHeader = document.querySelector(".stsh_suggestion_list_header");
  4039. 			if (eleSugListHeader && eleTextOrg && eleTextTrn)
  4040. 			{
  4041. 				var htmlOrg = eleTextOrg.dataset.stshHtml;
  4042. 				var htmlTrn = eleTextTrn.classList.contains("stsh_text_trn_empty") ? "" : eleTextTrn.dataset.stshHtml;
  4043. 				
  4044. 				var elesSug = elesTextSug;
  4045. 				
  4046. 				var eleGroup = null;
  4047. 				var elesBtn = [null, null, null, null, null, null, null, null]
  4048. 				
  4049. 				var enableDisplay = false;
  4050. 				var enableNewline = false;
  4051. 				var enableSpace = false;
  4052. 				var enableSpecialChar = false;
  4053. 				var enableHtmlTag = false;
  4054. 				var enableHidden = false;
  4055. 				var enableMinImg = false;
  4056. 				
  4057. 				var rgxSpaceTagOpen = /(<[^\/][^>]+>)( +)([^< \r\n])/g;
  4058. 				var rgxSpaceTagClose = /([^> \r\n])( +)(<\/[^>]+>)/g;
  4059. 				
  4060. 				var hasNewline = function(html)
  4061. 				{
  4062. 					return html.indexOf("\n") > -1 || html.indexOf("\\n") > -1;
  4063. 				}
  4064. 				
  4065. 				var hasSpace = function(html)
  4066. 				{
  4067. 					return html.indexOf(" ") === 0 || isLastIndex(html, " ")
  4068. 						|| rgxSpaceTagOpen.test(html) || rgxSpaceTagClose.test(html);
  4069. 				}
  4070. 				
  4071. 				var hasHtmlTag = function(html)
  4072. 				{
  4073. 					return html.indexOf("<") > -1 || html.indexOf("[/") > -1;
  4074. 				}
  4075. 				
  4076. 				var hasHidden = function(eleTextOrg, eleTextTrn, elesSug)
  4077. 				{
  4078. 					var returnValue = false;
  4079. 					
  4080. 					returnValue = !!(eleTextOrg.querySelector("*[style='display: none;']") 
  4081. 						|| eleTextTrn.querySelector("*[style='display: none;']"));
  4082. 					
  4083. 					if (!returnValue)
  4084. 					{
  4085. 						if (elesSug.length > 0)
  4086. 						{
  4087. 							returnValue = !!(elesSug[0].querySelector("*[style='display: none;']"));
  4088. 						}
  4089. 					}
  4090. 					
  4091. 					if (returnValue)
  4092. 					{
  4093. 						var countHidden = 0;
  4094. 						var elesHidden = eleTextOrg.querySelectorAll("*[style='display: none;']");
  4095. 						for (var i = 0; i < elesHidden.length; i++)
  4096. 						{
  4097. 							if (elesHidden[i].childElementCount > 1
  4098. 								|| (elesHidden[i].firstElementChild
  4099. 									&& elesHidden[i].firstElementChild.tagName !== "STYLE"))
  4100. 							{
  4101. 								countHidden++;
  4102. 								break;
  4103. 							}
  4104. 						}
  4105. 						returnValue = countHidden > 0;
  4106. 					}
  4107. 					
  4108. 					if (!returnValue)
  4109. 					{
  4110. 						returnValue = !!(eleTextOrg.querySelector(".collapse, .dropdown-before") 
  4111. 							|| eleTextTrn.querySelector(".collapse, .dropdown-before"));
  4112. 					}
  4113. 					
  4114. 					return returnValue;
  4115. 				}
  4116. 				
  4117. 				var hasImage = function(eleTextOrg, eleTextTrn)
  4118. 				{
  4119. 					return !!(eleTextOrg.querySelector("img") || eleTextTrn.querySelector("img"));
  4120. 				}
  4121. 				
  4122. 				enableNewline = hasNewline(htmlOrg) || hasNewline(htmlTrn);
  4123. 				enableSpace = hasSpace(htmlOrg) || hasSpace(htmlTrn);
  4124. 				enableSpecialChar = hasSpecialChar(htmlOrg) || hasSpecialChar(htmlTrn);
  4125. 				enableHtmlTag = hasHtmlTag(htmlOrg) || hasHtmlTag(htmlTrn);
  4126. 				enableHidden = hasHidden(eleTextOrg, eleTextTrn, elesSug);
  4127. 				enableMinImg = hasImage(eleTextOrg, eleTextTrn);
  4128. 				
  4129. 				for (var i = 0; i < elesSug.length; i++)
  4130. 				{
  4131. 					var htmlSug = elesSug[i].dataset.stshHtml;
  4132. 					
  4133. 					enableNewline = enableNewline || hasNewline(htmlSug);
  4134. 					enableSpace = enableSpace || hasSpace(htmlSug);
  4135. 					enableSpecialChar = enableSpecialChar || hasSpecialChar(htmlSug);
  4136. 				}
  4137. 				
  4138. 				enableDisplay = enableNewline || enableSpace || enableSpecialChar 
  4139. 					|| enableHtmlTag || enableHidden || enableMinImg;
  4140. 					
  4141. 				if (enableDisplay)
  4142. 				{
  4143. 					elesBtn[0] = document.createElement("input");
  4144. 					elesBtn[0].id = "stsh_btn_restoreContents";
  4145. 					elesBtn[0].classList.add("stsh_btn_right");
  4146. 					elesBtn[0].classList.add("stsh_margin_left");
  4147. 					elesBtn[0].setAttribute("type", "button");
  4148. 					elesBtn[0].setAttribute("value", "Restore contents");
  4149. 					elesBtn[0].setAttribute("title", "Restore original contents");
  4150. 					elesBtn[0].disabled = true;
  4151. 					
  4152. 					eleSugListHeader.appendChild(elesBtn[0]);
  4153. 					
  4154. 					var restoreContents = function(ele)
  4155. 					{
  4156. 						if (ele)
  4157. 						{
  4158. 							ele.innerHTML = ele.dataset.stshHtml;
  4159. 						}
  4160. 					};
  4161. 					
  4162. 					elesBtn[0].addEventListener("click", function(ev)
  4163. 					{
  4164. 						var eleTarget = ev.target;
  4165. 						eleTarget.disabled = true;
  4166. 						
  4167. 						for (var i = 1; i < elesBtn.length; i++)
  4168. 						{
  4169. 							if (elesBtn[i])
  4170. 							{
  4171. 								elesBtn[i].disabled = false;
  4172. 								elesBtn[i].focus();
  4173. 							}
  4174. 						}
  4175. 						
  4176. 						var topOld = Math.floor(eleTarget.getBoundingClientRect().top) || 0;
  4177. 						
  4178. 						var eleTextOrg = document.querySelector(".stsh_text_org");
  4179. 						var eleTextTrn = document.querySelector(".stsh_text_trn:not(.stsh_text_trn_empty)");
  4180. 						restoreContents(eleTextOrg);
  4181. 						restoreContents(eleTextTrn);
  4182. 							
  4183. 						var elesSug = document.querySelectorAll(".suggestion_text");
  4184. 						for (var i = 0; i < elesSug.length; i++)
  4185. 						{
  4186. 							var eleSug = elesSug[i];
  4187. 							restoreContents(eleSug);
  4188. 						}
  4189. 						
  4190. 						var topNew = Math.floor(eleTarget.getBoundingClientRect().top) || 0;
  4191. 						if (topOld !== topNew)
  4192. 						{
  4193. 							window.scrollBy(0, topNew - topOld);
  4194. 						}
  4195. 					});
  4196. 					
  4197. 					eleGroup = document.createElement("div");
  4198. 					eleGroup.classList.add("stsh_group_display");
  4199. 					eleGroup.classList.add("stsh_btn_right");
  4200. 					
  4201. 					eleSugListHeader.appendChild(eleGroup);
  4202. 					
  4203. 				}
  4204. 				
  4205. 				// Display newlines
  4206. 				if (enableNewline)
  4207. 				{
  4208. 					elesBtn[1] = document.createElement("input");
  4209. 					elesBtn[1].id = "stsh_btn_displayNewlines";
  4210. 					elesBtn[1].classList.add("stsh_btn_right");
  4211. 					elesBtn[1].classList.add("stsh_btn_display");
  4212. 					elesBtn[1].setAttribute("type", "button");
  4213. 					elesBtn[1].setAttribute("value", "Newlines");
  4214. 					elesBtn[1].setAttribute("title", "Display newlines (\\n and <br>)");
  4215. 					
  4216. 					eleGroup.appendChild(elesBtn[1]);
  4217. 					
  4218. 					var displayNewlines = function(ele)
  4219. 					{
  4220. 						if (ele)
  4221. 						{
  4222. 							ele.innerHTML = ele.dataset.stshHtml
  4223. 								.replace(/\<span[^\>]+class=\"stsh_[\s\S]+?\/span\>/ig, "")
  4224. 								.replace(/\n/g, "\n<br>")
  4225. 								.replace(/(\\r)? *\\n/g, ' <span class="stsh_marker">$&</span><br>')
  4226. 								.replace(/\<br\>[\s]+/g, "<br>&nbsp;");
  4227. 						}
  4228. 					};
  4229. 			
  4230. 					elesBtn[1].addEventListener("click", function(ev)
  4231. 					{
  4232. 						var eleTarget = ev.target;
  4233. 						eleTarget.disabled = true;
  4234. 						
  4235. 						for (var i = 0; i < elesBtn.length; i++)
  4236. 						{
  4237. 							if (elesBtn[i] && elesBtn[i] !== eleTarget)
  4238. 							{
  4239. 								elesBtn[i].disabled = false;
  4240. 							}
  4241. 						}
  4242. 						
  4243. 						elesBtn[0].focus();
  4244. 						
  4245. 						var topOld = Math.floor(eleTarget.getBoundingClientRect().top) || 0;
  4246. 						
  4247. 						var eleTextOrg = document.querySelector(".stsh_text_org");
  4248. 						var eleTextTrn = document.querySelector(".stsh_text_trn:not(.stsh_text_trn_empty)");
  4249. 						displayNewlines(eleTextOrg);
  4250. 						displayNewlines(eleTextTrn);
  4251. 							
  4252. 						var elesSug = document.querySelectorAll(".suggestion_text");
  4253. 						for (var i = 0; i < elesSug.length; i++)
  4254. 						{
  4255. 							var eleSug = elesSug[i];
  4256. 							displayNewlines(eleSug);
  4257. 						}
  4258. 						
  4259. 						var topNew = Math.floor(eleTarget.getBoundingClientRect().top) || 0;
  4260. 						if (topOld !== topNew)
  4261. 						{
  4262. 							window.scrollBy(0, topNew - topOld);
  4263. 						}
  4264. 					});
  4265. 				}
  4266. 				
  4267. 				// Display spaces
  4268. 				// Sample: Use regexp ^[ ]+[^/W]|[^/W][ ]+$ to search
  4269. 				// Sample: https://translation.steampowered.com/translate.php?search_input=portal_lyrics_17
  4270. 				// Sample: https://translation.steampowered.com/translate.php?search_input=portal_lyrics_23
  4271. 				if (enableSpace)
  4272. 				{
  4273. 					elesBtn[2] = document.createElement("input");
  4274. 					elesBtn[2].id = "stsh_btn_displaySpaces";
  4275. 					elesBtn[2].classList.add("stsh_btn_right");
  4276. 					elesBtn[2].classList.add("stsh_btn_display");
  4277. 					elesBtn[2].setAttribute("type", "button");
  4278. 					elesBtn[2].setAttribute("value", "Spaces");
  4279. 					elesBtn[2].setAttribute("title", "Strings may have leading or trailing spaces.");
  4280. 					
  4281. 					eleGroup.appendChild(elesBtn[2]);
  4282. 					
  4283. 					var displaySpaces = function(ele)
  4284. 					{
  4285. 						if (ele)
  4286. 						{
  4287. 							ele.innerHTML = ele.dataset.stshHtml
  4288. 								.replace(/(^ +| +$)/g, function(match, p1) 
  4289. 								{
  4290. 									return '<span class="stsh_marker">' + p1.replace(/ /g,"_") + '</span>';
  4291. 								})
  4292. 								.replace(rgxSpaceTagOpen, function(match, p1, p2, p3)
  4293. 								{
  4294. 									return p1 + '<span class="stsh_marker">' + p2.replace(/ /g,"_") + '</span>' + p3;
  4295. 								})
  4296. 								.replace(rgxSpaceTagClose, function(match, p1, p2, p3)
  4297. 								{
  4298. 									return p1 + '<span class="stsh_marker">' + p2.replace(/ /g,"_") + '</span>' + p3;
  4299. 								});
  4300. 						}
  4301. 					}
  4302. 			
  4303. 					elesBtn[2].addEventListener("click", function(ev)
  4304. 					{
  4305. 						var eleTarget = ev.target;
  4306. 						eleTarget.disabled = true;
  4307. 						
  4308. 						for (var i = 0; i < elesBtn.length; i++)
  4309. 						{
  4310. 							if (elesBtn[i] && elesBtn[i] !== eleTarget)
  4311. 							{
  4312. 								elesBtn[i].disabled = false;
  4313. 							}
  4314. 						}
  4315. 						
  4316. 						elesBtn[0].focus();
  4317. 						
  4318. 						var topOld = Math.floor(eleTarget.getBoundingClientRect().top) || 0;
  4319. 						
  4320. 						var eleTextOrg = document.querySelector(".stsh_text_org");
  4321. 						var eleTextTrn = document.querySelector(".stsh_text_trn:not(.stsh_text_trn_empty)");
  4322. 						displaySpaces(eleTextOrg);
  4323. 						displaySpaces(eleTextTrn);
  4324. 							
  4325. 						var elesSug = document.querySelectorAll(".suggestion_text");
  4326. 						for (var i = 0; i < elesSug.length; i++)
  4327. 						{
  4328. 							var eleSug = elesSug[i];
  4329. 							displaySpaces(eleSug);
  4330. 						}
  4331. 						
  4332. 						var topNew = Math.floor(eleTarget.getBoundingClientRect().top) || 0;
  4333. 						if (topOld !== topNew)
  4334. 						{
  4335. 							window.scrollBy(0, topNew - topOld);
  4336. 						}
  4337. 					});
  4338. 				}
  4339. 				
  4340. 				// Display specialChars
  4341. 				// Sample: https://translation.steampowered.com/translate.php?search_input=Item_Traded
  4342. 				if (enableSpecialChar)
  4343. 				{
  4344. 					elesBtn[3] = document.createElement("input");
  4345. 					elesBtn[3].id = "stsh_btn_displaySpecialChars";
  4346. 					elesBtn[3].classList.add("stsh_btn_right");
  4347. 					elesBtn[3].classList.add("stsh_btn_display");
  4348. 					elesBtn[3].setAttribute("type", "button");
  4349. 					elesBtn[3].setAttribute("value", "Special chars");
  4350. 					elesBtn[3].setAttribute("title", "Special chars usually use in Valve games as color symbols.");
  4351. 					
  4352. 					eleGroup.appendChild(elesBtn[3]);
  4353. 					
  4354. 					var replaceSpecialChars = function(str, unicodeNumber)
  4355. 					{
  4356. 						var rgx = new RegExp("\\u" + padZeroHex(unicodeNumber, 4), "g");
  4357. 						return str.replace(rgx, '<span class="stsh_marker">[' + padZeroHex(unicodeNumber, 2) + ']</span>');
  4358. 					}
  4359. 					
  4360. 					var displaySpecialChars = function(ele)
  4361. 					{
  4362. 						if (ele)
  4363. 						{
  4364. 							var strInner = (typeof ele.dataset.stshHtml === "undefined") 
  4365. 								? trimTab(ele.innerHTML) : ele.dataset.stshHtml;
  4366. 							
  4367. 							for (var i = 0; i < 32; i++)
  4368. 							{
  4369. 								if (hasSpecialChar(strInner))
  4370. 								{
  4371. 									if (isSpecialChar(i))
  4372. 									{
  4373. 										strInner = replaceSpecialChars(strInner, i);
  4374. 									}
  4375. 								}
  4376. 								else
  4377. 								{
  4378. 									break;
  4379. 								}
  4380. 							}
  4381. 							
  4382. 							ele.innerHTML = strInner;
  4383. 						}
  4384. 					}
  4385. 			
  4386. 					elesBtn[3].addEventListener("click", function(ev)
  4387. 					{
  4388. 						var eleTarget = ev.target;
  4389. 						eleTarget.disabled = true;
  4390. 						
  4391. 						for (var i = 0; i < elesBtn.length; i++)
  4392. 						{
  4393. 							if (elesBtn[i] && elesBtn[i] !== eleTarget)
  4394. 							{
  4395. 								elesBtn[i].disabled = false;
  4396. 							}
  4397. 						}
  4398. 						
  4399. 						elesBtn[0].focus();
  4400. 						
  4401. 						var topOld = Math.floor(eleTarget.getBoundingClientRect().top) || 0;
  4402. 						
  4403. 						var eleTextOrg = document.querySelector(".stsh_text_org");
  4404. 						var eleTextTrn = document.querySelector(".stsh_text_trn:not(.stsh_text_trn_empty)");
  4405. 						displaySpecialChars(eleTextOrg);
  4406. 						displaySpecialChars(eleTextTrn);
  4407. 							
  4408. 						var elesSug = document.querySelectorAll(
  4409. 							".suggestion_text, .stsh_sametoken_header .insertword, .stsh_text_comment");
  4410. 						for (var i = 0; i < elesSug.length; i++)
  4411. 						{
  4412. 							var eleSug = elesSug[i];
  4413. 							displaySpecialChars(eleSug);
  4414. 						}
  4415. 						
  4416. 						var topNew = Math.floor(eleTarget.getBoundingClientRect().top) || 0;
  4417. 						if (topOld !== topNew)
  4418. 						{
  4419. 							window.scrollBy(0, topNew - topOld);
  4420. 						}
  4421. 					});
  4422. 				}
  4423. 			
  4424. 				// Display HTML tags
  4425. 				if (enableHtmlTag)
  4426. 				{
  4427. 					elesBtn[4] = document.createElement("input");
  4428. 					elesBtn[4].id = "stsh_btn_displayHtmlTags";
  4429. 					elesBtn[4].classList.add("stsh_btn_right");
  4430. 					elesBtn[4].classList.add("stsh_btn_display");
  4431. 					elesBtn[4].setAttribute("type", "button");
  4432. 					elesBtn[4].setAttribute("value", "HTML tags");
  4433. 					elesBtn[4].setAttribute("title"
  4434. 						, "Some closing tags and attributes were autogenerated by web browser.");
  4435. 					
  4436. 					eleGroup.appendChild(elesBtn[4]);
  4437. 			
  4438. 					elesBtn[4].addEventListener("click", function(ev)
  4439. 					{
  4440. 						var eleTarget = ev.target;
  4441. 						eleTarget.disabled = true;
  4442. 						
  4443. 						for (var i = 0; i < elesBtn.length; i++)
  4444. 						{
  4445. 							if (elesBtn[i] && elesBtn[i] !== eleTarget)
  4446. 							{
  4447. 								elesBtn[i].disabled = false;
  4448. 							}
  4449. 						}
  4450. 						
  4451. 						elesBtn[0].focus();
  4452. 						
  4453. 						var topOld = Math.floor(eleTarget.getBoundingClientRect().top) || 0;
  4454. 						
  4455. 						var eleTextOrg = document.querySelector(".stsh_text_org");
  4456. 						var eleTextTrn = document.querySelector(".stsh_text_trn:not(.stsh_text_trn_empty)");
  4457. 						displayHtmlTags(eleTextOrg);
  4458. 						displayHtmlTags(eleTextTrn);
  4459. 							
  4460. 						var elesSug = document.querySelectorAll(".suggestion_text");
  4461. 						for (var i = 0; i < elesSug.length; i++)
  4462. 						{
  4463. 							var eleSug = elesSug[i];
  4464. 							displayHtmlTags(eleSug);
  4465. 						}
  4466. 						
  4467. 						var topNew = Math.floor(eleTarget.getBoundingClientRect().top) || 0;
  4468. 						if (topOld !== topNew)
  4469. 						{
  4470. 							window.scrollBy(0, topNew - topOld);
  4471. 						}
  4472. 					});
  4473. 				}
  4474. 				
  4475. 				// Display hidden contents
  4476. 				// Sample: https://translation.steampowered.com/translate.php?search_input=faq_4181_answer
  4477. 				if (enableHidden)
  4478. 				{
  4479. 					elesBtn[5] = document.createElement("input");
  4480. 					elesBtn[5].id = "stsh_btn_displayHidden";
  4481. 					elesBtn[5].classList.add("stsh_btn_right");
  4482. 					elesBtn[5].classList.add("stsh_btn_display");
  4483. 					elesBtn[5].setAttribute("type", "button");
  4484. 					elesBtn[5].setAttribute("value", "Hidden contents");
  4485. 					elesBtn[5].setAttribute("title", "Toggle show/hide contents that hidden by CSS."
  4486. 						+ " \nHidden contents shown in gray boxes.");
  4487. 					elesBtn[5].dataset.modeNext = "show";
  4488. 					
  4489. 					eleGroup.appendChild(elesBtn[5]);
  4490. 					
  4491. 					var showHidden = function(ele, mode)
  4492. 					{
  4493. 						if (ele)
  4494. 						{
  4495. 							if (mode === "show")
  4496. 							{
  4497. 								var elesHidden = ele.querySelectorAll(
  4498. 									"*[style='display: none;'], .collapse, .dropdown-before");
  4499. 								for (var i = 0; i < elesHidden.length; i++)
  4500. 								{
  4501. 									elesHidden[i].classList.add("stsh_showHidden");
  4502. 								}
  4503. 							}
  4504. 							else
  4505. 							{
  4506. 								var elesHidden = ele.querySelectorAll(".stsh_showHidden");
  4507. 								for (var i = 0; i < elesHidden.length; i++)
  4508. 								{
  4509. 									elesHidden[i].classList.remove("stsh_showHidden");
  4510. 								}
  4511. 							}
  4512. 						}
  4513. 					}
  4514. 			
  4515. 					elesBtn[5].addEventListener("click", function(ev)
  4516. 					{
  4517. 						var eleTarget = ev.target;
  4518. 						
  4519. 						var mode = "show";
  4520. 						if (eleTarget.dataset.modeNext === "show")
  4521. 						{
  4522. 							mode = "show";
  4523. 							eleTarget.dataset.modeNext = "hide";
  4524. 						}
  4525. 						else
  4526. 						{
  4527. 							mode = "hide";
  4528. 							eleTarget.dataset.modeNext = "show";
  4529. 						}
  4530. 						
  4531. 						var topOld = Math.floor(eleTarget.getBoundingClientRect().top) || 0;
  4532. 						
  4533. 						var eleTextOrg = document.querySelector(".stsh_text_org");
  4534. 						var eleTextTrn = document.querySelector(".stsh_text_trn:not(.stsh_text_trn_empty)");
  4535. 						showHidden(eleTextOrg, mode);
  4536. 						showHidden(eleTextTrn, mode);
  4537. 							
  4538. 						var elesSug = document.querySelectorAll(".suggestion_text");
  4539. 						for (var i = 0; i < elesSug.length; i++)
  4540. 						{
  4541. 							var eleSug = elesSug[i];
  4542. 							showHidden(eleSug, mode);
  4543. 						}
  4544. 						
  4545. 						var topNew = Math.floor(eleTarget.getBoundingClientRect().top) || 0;
  4546. 						if (topOld !== topNew)
  4547. 						{
  4548. 							window.scrollBy(0, topNew - topOld);
  4549. 						}
  4550. 					});
  4551. 				}
  4552. 				
  4553. 				// Minimize images
  4554. 				// Sample: https://translation.steampowered.com/translate.php?search_input=faq_4192_answer
  4555. 				if (enableMinImg)
  4556. 				{
  4557. 					elesBtn[6] = document.createElement("input");
  4558. 					elesBtn[6].id = "stsh_btn_minimizeImages";
  4559. 					elesBtn[6].classList.add("stsh_btn_right");
  4560. 					elesBtn[6].classList.add("stsh_btn_display");
  4561. 					elesBtn[6].setAttribute("type", "button");
  4562. 					elesBtn[6].setAttribute("value", "Minimize images");
  4563. 					elesBtn[6].setAttribute("title", "Toggle reduced/normal image sizes");
  4564. 					elesBtn[6].dataset.modeNext = "min";
  4565. 					
  4566. 					eleGroup.appendChild(elesBtn[6]);
  4567. 					
  4568. 					var minimizeImages = function(ele, mode)
  4569. 					{
  4570. 						if (ele)
  4571. 						{
  4572. 							if (mode === "min")
  4573. 							{
  4574. 								var elesImg = ele.querySelectorAll("img:not(.stsh_img_min)");
  4575. 								for (var i = 0; i < elesImg.length; i++)
  4576. 								{
  4577. 									elesImg[i].classList.add("stsh_img_min");
  4578. 								}
  4579. 							}
  4580. 							else
  4581. 							{
  4582. 								var elesImg = ele.querySelectorAll("img.stsh_img_min");
  4583. 								for (var i = 0; i < elesImg.length; i++)
  4584. 								{
  4585. 									elesImg[i].classList.remove("stsh_img_min");
  4586. 								}
  4587. 							}
  4588. 						}
  4589. 					}
  4590. 			
  4591. 					elesBtn[6].addEventListener("click", function(ev)
  4592. 					{
  4593. 						var eleTarget = ev.target;
  4594. 						
  4595. 						var mode = "min";
  4596. 						if (eleTarget.dataset.modeNext === "min")
  4597. 						{
  4598. 							mode = "min";
  4599. 							eleTarget.dataset.modeNext = "unmin";
  4600. 						}
  4601. 						else
  4602. 						{
  4603. 							mode = "unmin";
  4604. 							eleTarget.dataset.modeNext = "min";
  4605. 						}
  4606. 						
  4607. 						var topOld = Math.floor(eleTarget.getBoundingClientRect().top) || 0;
  4608. 						
  4609. 						var eleTextOrg = document.querySelector(".stsh_text_org");
  4610. 						var eleTextTrn = document.querySelector(".stsh_text_trn:not(.stsh_text_trn_empty)");
  4611. 						minimizeImages(eleTextOrg, mode);
  4612. 						minimizeImages(eleTextTrn, mode);
  4613. 							
  4614. 						var elesSug = document.querySelectorAll(".suggestion_text");
  4615. 						for (var i = 0; i < elesSug.length; i++)
  4616. 						{
  4617. 							var eleSug = elesSug[i];
  4618. 							minimizeImages(eleSug, mode);
  4619. 						}
  4620. 						
  4621. 						var topNew = Math.floor(eleTarget.getBoundingClientRect().top) || 0;
  4622. 						if (topOld !== topNew)
  4623. 						{
  4624. 							window.scrollBy(0, topNew - topOld);
  4625. 						}
  4626. 					});
  4627. 				}
  4628. 				
  4629. 				if (enableDisplay)
  4630. 				{					
  4631. 					var eleDiv = document.createElement("div");
  4632. 					eleDiv.classList.add("stsh_text_right");
  4633. 					eleDiv.classList.add("stsh_margin_right");
  4634. 					eleDiv.textContent = "Display:";
  4635. 					
  4636. 					eleSugListHeader.appendChild(eleDiv);
  4637. 				}
  4638. 			}
  4639. 		}
  4640. 		
  4641. 		// Open comment when decline
  4642. 		// Paste last comment
  4643. 		{
  4644. 			var countComment = 0;
  4645. 			var elesComment = [];
  4646. 			
  4647. 			var countSug = document.querySelectorAll(".suggestions_list .suggestion").length;
  4648. 			if (countSug > 0)
  4649. 			{
  4650. 				var textOrg = "";
  4651. 				if (eleTextOrg)
  4652. 				{
  4653. 					textOrg = eleTextOrg.dataset.stshHtml.substr(0, 3000).toLowerCase();
  4654. 				}
  4655. 				
  4656. 				var isSameTextOrg = textOrg === GM_getValue("textLastOrg_Comment", "");
  4657. 				var textLastCur = GM_getValue("textLastCur_Comment", "");
  4658. 				var isSetComment = false;
  4659. 					
  4660. 				var countSugDeclined = document.querySelectorAll(
  4661. 					".suggestions_list span[class='suggestion_status_declined']").length;
  4662. 				
  4663. 				if (countSug !== countSugDeclined)
  4664. 				{
  4665. 					var elesSugCheck = document.querySelectorAll(".suggestions_list span[class^='suggestion_status_']");
  4666. 					if (countSug === elesSugCheck.length)
  4667. 					{
  4668. 						var eleSugDeclined = document.querySelector(".suggestions_list span[class='suggestion_status_declined']");
  4669. 						if (eleSugDeclined && eleSugDeclined === elesSugCheck[0] && eleSugDeclined.querySelector("a"))
  4670. 						{
  4671. 							countSugDeclined = countSug;
  4672. 						}
  4673. 					}
  4674. 				}
  4675. 				
  4676. 				if (countSug === countSugDeclined)
  4677. 				{
  4678. 					var elesSugA = document.querySelectorAll(".suggestions_list span[class^='suggestion_status_'] a");
  4679. 					for (var i = 0; i < elesSugA.length; i++)
  4680. 					{
  4681. 						var eleComment = elesSugA[i].parentElement.parentElement.nextSibling;
  4682. 						if (eleComment.nodeName === "DIV" && eleComment.classList.contains("copy"))
  4683. 						{
  4684. 							if (elesSugA[i].parentElement.classList.contains("suggestion_status_declined"))
  4685. 							{
  4686. 								countComment++;
  4687. 								elesComment.push(eleComment);
  4688. 							}
  4689. 						}
  4690. 					}
  4691. 					
  4692. 					if (countComment === elesSugA.length)
  4693. 					{
  4694. 						var isFocus = false;
  4695. 						for (var i = 0; i < elesComment.length; i++)
  4696. 						{
  4697. 							elesComment[i].style.display = "block";
  4698. 							if (!isFocus)
  4699. 							{
  4700. 								var eleTxt = elesComment[i].querySelector(".stsh_text_addComment");
  4701. 								if (eleTxt)
  4702. 								{
  4703. 									eleTxt.focus();
  4704. 									
  4705. 									// Auto paste last comment
  4706. 									{
  4707. 										if (isSameTextOrg)
  4708. 										{
  4709. 											if (textLastCur !== "")
  4710. 											{
  4711. 												eleTxt.value = textLastCur;
  4712. 												isSetComment = true;
  4713. 											}
  4714. 											
  4715. 											setTimeoutCustom(function(ele)
  4716. 											{
  4717. 												// paste again after script ran
  4718. 												if (ele)
  4719. 												{
  4720. 													var textLastCur = GM_getValue("textLastCur_Comment", "");
  4721. 													if (textLastCur !== "")
  4722. 													{
  4723. 														ele.value = textLastCur;
  4724. 														
  4725. 														//ele.selectionStart = 0;
  4726. 														//ele.selectionEnd = ele.value.length;
  4727. 													}
  4728. 												}
  4729. 											}, timingInit.pasteLastComment, eleTxt);
  4730. 										}
  4731. 									}
  4732. 									
  4733. 									/*
  4734. 									// Typonion
  4735. 									var eleSugOuter = elesComment[i].parentElement.parentElement.parentElement.parentElement;
  4736. 									if (eleSugOuter.classList.contains("suggestion"))
  4737. 									{
  4738. 										var eleOnion = eleSugOuter.querySelector(".suggestion_text font[style='color:#01ec00;']");
  4739. 										if (eleOnion)
  4740. 										{
  4741. 											eleTxt.value = "onion";
  4742. 										}
  4743. 									}
  4744. 									*/
  4745. 				
  4746. 									var eleSugComment = elesComment[i].parentElement
  4747. 										.parentElement.parentElement.querySelector(".stsh_text_comment font");
  4748. 									if (eleSugComment && eleSugComment.textContent.trim() ==
  4749. 										"ATTENTION - English string was updated. This suggestion might be outdated.")
  4750. 									{
  4751. 										eleTxt.value = "outdated";
  4752. 										isSetComment = true;
  4753. 									}
  4754. 									
  4755. 									isFocus = true;
  4756. 								}
  4757. 							}
  4758. 						}
  4759. 					}
  4760. 				}
  4761. 				
  4762. 				if (isSameTextOrg && !isSetComment && textLastCur !== "")
  4763. 				{
  4764. 					// paste last comment to all hidden comment inputs
  4765. 					var elesTxt = document.querySelectorAll(".stsh_text_addComment");
  4766. 					for (var i = 0; i < elesTxt.length; i++)
  4767. 					{
  4768. 						elesTxt[i].value = textLastCur;
  4769. 						isSetComment = true;
  4770. 					}
  4771. 				}
  4772. 			}
  4773. 		}
  4774. 		
  4775. 		// Convert time
  4776. 		{
  4777. 			var rgxTime = /\d{2}-\d{2}-\d{4}, \d{2}:\d{2} [AP]M/;
  4778. 			var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
  4779. 			
  4780. 			var eleFriends = document.querySelectorAll(".friend_block_avatar, .stsh_discussion, .suggestions_list");
  4781. 			for (var i = 0; i < eleFriends.length; i++)
  4782. 			{
  4783. 				var nodes = [];
  4784. 				
  4785. 				if (eleFriends[i].classList.contains("friend_block_avatar"))
  4786. 				{
  4787. 					nodes = eleFriends[i].childNodes;
  4788. 					if (nodes.length === 1)
  4789. 					{
  4790. 						// Correct HTML tags that auto generated
  4791. 						nodes = eleFriends[i].childNodes[0].childNodes;
  4792. 					}
  4793. 				}
  4794. 				else if (eleFriends[i].classList.contains("stsh_discussion"))
  4795. 				{
  4796. 					nodes = eleFriends[i].childNodes[2].childNodes;
  4797. 				}
  4798. 				else if (eleFriends[i].classList.contains("suggestions_list"))
  4799. 				{
  4800. 					if (!eleFriends[i].querySelector(".suggestion"))
  4801. 					{
  4802. 						nodes = eleFriends[i].childNodes;
  4803. 					}
  4804. 				}
  4805. 				
  4806. 				for (var j = 0; j < nodes.length; j++)
  4807. 				{
  4808. 					var nodeVal = nodes[j].nodeValue;
  4809. 					if (nodeVal)
  4810. 					{
  4811. 						var dateTimes = rgxTime.exec(nodeVal);
  4812. 						if (dateTimes)
  4813. 						{
  4814. 							var dateTime = dateTimes[0];
  4815. 							var month = dateTime.substr(0, 2);
  4816. 							var day = dateTime.substr(3, 2);
  4817. 							var year = dateTime.substr(6, 4);
  4818. 							var hour = dateTime.substr(12, 2);
  4819. 							var minute = dateTime.substr(15, 2);
  4820. 							var period = dateTime.substr(18, 2);
  4821. 							if (period === "AM")
  4822. 							{
  4823. 								if (hour === "12")
  4824. 								{
  4825. 									hour = "00"
  4826. 								}
  4827. 							}
  4828. 							else if (period === "PM")
  4829. 							{
  4830. 								hour = parseInt(hour) + 12;
  4831. 								if (hour === 24)
  4832. 								{
  4833. 									hour = 12;
  4834. 								}
  4835. 							}
  4836. 							
  4837. 							var dateTimeStd = year + "-" + month + "-" + day;
  4838. 									
  4839. 							if (isDstUs(year, month, day, hour))
  4840. 							{
  4841. 								dateTimeStd += "T" + hour + ":" + minute + ":00-0700";
  4842. 							}
  4843. 							else
  4844. 							{
  4845. 								dateTimeStd += "T" + hour + ":" + minute + ":00-0800";
  4846. 							}
  4847. 							
  4848. 							var dateStd = new Date(dateTimeStd);
  4849. 							if (dateStd.toLocaleString() !== "Invalid Date")
  4850. 							{
  4851. 								var gmt = dateStd.getTimezoneOffset() / 60 * -1;
  4852. 								var gmtStr = " GMT";
  4853. 								if (gmt > 0)
  4854. 								{
  4855. 									gmtStr += "+" + gmt;
  4856. 								}
  4857. 								else if (gmt < 0)
  4858. 								{
  4859. 									gmtStr += "-" + gmt;
  4860. 								}
  4861. 								var dateNew = dateStd.getDate()
  4862. 									+ " " + months[dateStd.getMonth()]
  4863. 									+ " " + dateStd.getFullYear()
  4864. 									+ ", " + padZero(dateStd.getHours(), 2)
  4865. 									+ ":" + padZero(dateStd.getMinutes(), 2)
  4866. 									+ gmtStr;
  4867. 								
  4868. 								//console.log("Time: " + dateTimeStd);
  4869. 								//console.log("Time: " + dateTime + " -> " + dateNew);
  4870. 									
  4871. 								//var dateNew2 = dateStd.toLocaleString() + gmtStr;
  4872. 								//console.log("Time: " + dateTime + " -> " + dateNew2);
  4873. 								
  4874. 								var nodeValBegin = nodeVal.substr(0, nodeVal.indexOf(dateTime));
  4875. 								var nodeValEnd = nodeVal.substr(nodeVal.indexOf(dateTime) + dateTime.length);
  4876. 								
  4877. 								nodes[j].nodeValue = nodeValBegin;
  4878. 								
  4879. 								var ele = document.createElement("span");
  4880. 								ele.classList.add("stsh_time_convert");
  4881. 								ele.classList.add("stsh_cursor_help");
  4882. 								ele.setAttribute("title", dateTime);
  4883. 								ele.textContent = dateNew;
  4884. 								insertAfterElement(ele, nodes[j]);
  4885. 								
  4886. 								if (nodeValEnd !== "")
  4887. 								{
  4888. 									insertAfterElement(document.createTextNode(nodeValEnd), ele);
  4889. 								}
  4890. 							}
  4891. 							else
  4892. 							{
  4893. 								console.log("Invalid Date: " + dateTimeStd);
  4894. 							}
  4895. 						}
  4896. 					}
  4897. 				}
  4898. 			}
  4899. 		}
  4900. 		
  4901. 		// Fix STS PM functions
  4902. 		{
  4903. 			var elesSpan = document.querySelectorAll(".friend_block_avatar > span[onclick^='totranslator']");
  4904. 			for (var i = 0; i < elesSpan.length; i++)
  4905. 			{
  4906. 				var eleUser = elesSpan[i].parentElement.firstElementChild;
  4907. 				if (eleUser.tagName === "A")
  4908. 				{
  4909. 					var execUser = /user=([0-9]+)/i.exec(eleUser.getAttribute("href"));
  4910. 					if (execUser && execUser.length === 2)
  4911. 					{
  4912. 						var attrClick = elesSpan[i].getAttribute("onclick");
  4913. 						var execTranslator = /totranslator\('([0-9]+)'\)/i.exec(attrClick);
  4914. 						if (execTranslator && execTranslator.length === 2)
  4915. 						{
  4916. 							if (execUser[1] !== execTranslator[1])
  4917. 							{
  4918. 								elesSpan[i].setAttribute("onclick", "totranslator('" + execUser[1] + "')");
  4919. 							}
  4920. 						}
  4921. 					}
  4922. 				}
  4923. 			}
  4924. 		}
  4925. 		
  4926. 		// Add Steam profile links
  4927. 		{
  4928. 			var elesSpan = document.querySelectorAll("span[title='Send this user a private message']");
  4929. 			for (var i = 0; i < elesSpan.length; i++)
  4930. 			{
  4931. 				var attrClick = elesSpan[i].getAttribute("onclick");
  4932. 				var execTranslator = /totranslator\('([0-9]+)'\)/i.exec(attrClick);
  4933. 				if (execTranslator && execTranslator.length === 2)
  4934. 				{
  4935. 					var ele = document.createElement("a");
  4936. 					ele.classList.add("stsh_steamProfile");
  4937. 					ele.setAttribute("target", "_blank");
  4938. 					ele.setAttribute("title", "View Steam profile");
  4939. 					ele.setAttribute("href", "https://steamcommunity.com/profiles/" + execTranslator[1]);
  4940. 					
  4941. 					var name = "Steam";
  4942. 					
  4943. 					var eleParent = elesSpan[i].parentElement;
  4944. 					if (eleParent.classList.contains("friend_block_avatar"))
  4945. 					{
  4946. 						var eleImg = eleParent.querySelector("a[href^='user_activity.php'] > img");
  4947. 						if (eleImg && eleImg.title && eleImg.title.trim())
  4948. 						{
  4949. 							name = eleImg.title.trim();
  4950. 						}
  4951. 					}
  4952. 					else if (eleParent.tagName === "TD")
  4953. 					{
  4954. 						var eleImg = eleParent.parentElement.querySelector(
  4955. 							"td > .friend_block_discussions > a[href^='user_activity.php'] > img");
  4956. 						if (eleImg && eleImg.title && eleImg.title.trim())
  4957. 						{
  4958. 							name = eleImg.title.trim();
  4959. 						}
  4960. 					}
  4961. 					
  4962. 					ele.textContent = " " + name + " ";
  4963. 					
  4964. 					var eleNext = elesSpan[i].nextSibling;
  4965. 					if (eleNext && eleNext.textContent.trim() === "")
  4966. 					{
  4967. 						eleNext.textContent = " | ";
  4968. 					}
  4969. 					
  4970. 					insertAfterElement(ele, elesSpan[i]);
  4971. 				}
  4972. 			}
  4973. 		}
  4974. 		
  4975. 		// Add auto approve
  4976. 		{
  4977. 			if (elesInputApprove.length > 0 && document.querySelector(".stsh_action_approve_next"))
  4978. 			{
  4979. 				var eleInput = document.createElement("input");
  4980. 				eleInput.id = "stsh_autoApprove";
  4981. 				eleInput.setAttribute("type", "checkbox");
  4982. 				eleInput.setAttribute("value", "auto");
  4983. 				
  4984. 				var eleLabel = document.createElement("label");
  4985. 				eleLabel.classList.add("stsh_autoApprove_label");
  4986. 				eleLabel.classList.add("stsh_unselectable");
  4987. 				eleLabel.setAttribute("for", "stsh_autoApprove");
  4988. 				eleLabel.setAttribute("title", "Please use with care!");
  4989. 				eleLabel.textContent = " Auto Approve Next ";
  4990. 				
  4991. 				elesInputApprove[0].parentElement.appendChild(eleInput);
  4992. 				elesInputApprove[0].parentElement.appendChild(eleLabel);
  4993. 				
  4994. 				var autoApprove = function()
  4995. 				{
  4996. 					console.log("AutoApprove: Next in " + timingInit.autoApprove + "ms");
  4997. 					setTimeoutCustom(function ()
  4998. 					{
  4999. 						var eleCheck = document.querySelector("#stsh_autoApprove");
  5000. 						if (eleCheck && eleCheck.checked)
  5001. 						{
  5002. 							var isClicked = false;
  5003. 							
  5004. 							var ele = document.querySelector(".stsh_action_approve_next");
  5005. 							
  5006. 							if (ele && !ele.disabled && isVisible())
  5007. 							{
  5008. 								var isSkip = false;
  5009. 								var eleSugComment = ele.parentElement
  5010. 									.parentElement.parentElement.querySelector(".stsh_text_comment font");
  5011. 								if (eleSugComment && eleSugComment.textContent.trim() ==
  5012. 									"ATTENTION - English string was updated. This suggestion might be outdated.")
  5013. 								{
  5014. 									isSkip = true;
  5015. 								}
  5016. 								
  5017. 								if (!isSkip)
  5018. 								{
  5019. 									var eleStatusUnmatched = document.querySelector(".stsh_spanSpSug.stsh_status_unmatched");
  5020. 									if (eleStatusUnmatched)
  5021. 									{
  5022. 										isSkip = true;
  5023. 									}
  5024. 								}
  5025. 								
  5026. 								if (!isSkip)
  5027. 								{
  5028. 									isClicked = true;
  5029. 									GM_setValue("timeAutoApproveLast", getUnixTimestamp());
  5030. 									ele.click();
  5031. 								}
  5032. 							}
  5033. 							
  5034. 							if (!isClicked)
  5035. 							{
  5036. 								eleCheck.checked = false;
  5037. 								GM_setValue("isAutoApprove", "false");
  5038. 							}
  5039. 						}
  5040. 					}, timingInit.autoApprove);
  5041. 				}
  5042. 				
  5043. 				var tmDiff = getUnixTimestamp() - GM_getValue("timeAutoApproveLast", 0);
  5044. 				if (tmDiff > 120)
  5045. 				{
  5046. 					// > 120s
  5047. 					eleInput.checked = false;
  5048. 					GM_setValue("isAutoApprove", "false");
  5049. 				}
  5050. 				
  5051. 				if (window !== window.parent)
  5052. 				{
  5053. 					var eleOuter = window.parent.document.querySelector("#suggestions_box_outer");
  5054. 					if (eleOuter)
  5055. 					{
  5056. 						if (eleOuter.style.display === "none")
  5057. 						{
  5058. 							// Closed iFrame
  5059. 							eleInput.checked = false;
  5060. 							GM_setValue("isAutoApprove", "false");
  5061. 						}
  5062. 					}
  5063. 				}
  5064. 						
  5065. 				if (GM_getValue("isAutoApprove", 0) === "true")
  5066. 				{
  5067. 					eleInput.checked = true;
  5068. 					autoApprove();
  5069. 						
  5070. 					var uncheckAutoApprove = function (ev)
  5071. 					{
  5072. 						var eleTarget = ev.target;
  5073. 						if (eleTarget.id !== "stsh_autoApprove"
  5074. 							&& !eleTarget.classList.contains("stsh_autoApprove_label")
  5075. 							&& !eleTarget.classList.contains("stsh_action_approve_next"))
  5076. 						{
  5077. 							// Skip auto click
  5078. 							
  5079. 							var eleAuto = document.querySelector("#stsh_autoApprove");
  5080. 							if (eleAuto)
  5081. 							{
  5082. 								console.log("AutoApprove: Stop");
  5083. 								eleAuto.checked = false;
  5084. 								GM_setValue("isAutoApprove", "false");
  5085. 								document.removeEventListener("click", uncheckAutoApprove);
  5086. 							}
  5087. 						}
  5088. 					};
  5089. 					
  5090. 					// Stop with any clicked
  5091. 					document.addEventListener("click", uncheckAutoApprove);
  5092. 				}
  5093.  
  5094. 				eleInput.addEventListener("click", function (e)
  5095. 				{
  5096. 					var ele = e.target;
  5097. 					if (ele.checked)
  5098. 					{
  5099. 						GM_setValue("isAutoApprove", "true");
  5100. 						autoApprove();
  5101. 					}
  5102. 					else
  5103. 					{
  5104. 						GM_setValue("isAutoApprove", "false");
  5105. 					}
  5106. 				});
  5107. 			}
  5108. 		}
  5109. 		
  5110. 		// Warn when remove
  5111. 		// Suggest to remove
  5112. 		// Add remove & next
  5113. 		{
  5114. 			var canNext = !!(document.querySelector(".stsh_nav_next:not(:disabled)"));
  5115. 			
  5116. 			var elesRemove = document.querySelectorAll(".stsh_action_remove");
  5117. 			for (var i = 0; i < elesRemove.length; i++)
  5118. 			{
  5119. 				var isDisabled = false;
  5120. 				
  5121. 				var oldClick = elesRemove[i].getAttribute("onclick");
  5122. 				if (oldClick && oldClick.indexOf("location.href") === 0)
  5123. 				{
  5124. 					var eleSug = elesRemove[i].parentElement.parentElement.parentElement.parentElement;
  5125. 					if (eleSug.classList.contains("suggestion"))
  5126. 					{
  5127. 						/*
  5128. 						// Typonion
  5129. 						var eleOnion = eleSug.querySelector(".suggestion_text font[style='color:#01ec00;']");
  5130. 						if (eleOnion)
  5131. 						{
  5132. 							var newClick = "if (!confirm(\"Warning: You will delete your onion. Press Cancel to go back.\")) return false; "
  5133. 								+ oldClick;
  5134. 							elesRemove[i].setAttribute("onclick", newClick);
  5135. 							elesRemove[i].setAttribute("title", "Do not remove your onion!");
  5136. 							elesRemove[i].classList.add("stsh_grey");
  5137. 							elesRemove[i].classList.add("stsh_cursor_notallowed");
  5138. 						}
  5139. 						else
  5140. 						*/
  5141. 						{
  5142. 							var eleModComment = elesRemove[i].parentElement.querySelector(".stsh_text_comment_header");
  5143. 							if (eleModComment)
  5144. 							{
  5145. 								// Mod commented, suggest to do not remove
  5146. 								var newClick = "if (!confirm(\"Warning: You should not remove this suggestion."
  5147. 									+ " Press OK if you really want.\")) return false; "
  5148. 									+ oldClick;
  5149. 								elesRemove[i].setAttribute("onclick", newClick);
  5150. 								elesRemove[i].setAttribute("title", 
  5151. 									"Your suggestion has a mod's comment! \nShould not remove this suggestion.");
  5152. 								elesRemove[i].classList.add("stsh_grey");
  5153. 								elesRemove[i].classList.add("stsh_cursor_notallowed");
  5154. 								
  5155. 								isDisabled = true;
  5156. 							}
  5157. 							else
  5158. 							{
  5159. 								var eleUserComment = elesRemove[i].parentElement.parentElement.parentElement
  5160. 									.querySelector(".stsh_text_comment_header");
  5161. 								if (eleUserComment)
  5162. 								{
  5163. 									// User commented
  5164. 									var comment = eleUserComment.textContent.trim();
  5165. 									if (comment.indexOf("ATTENTION - English string was updated.") > -1)
  5166. 									{
  5167. 										// Outdated, suggest to edit and remove
  5168. 										elesRemove[i].setAttribute("title", 
  5169. 											"Please edit and remove this outdated suggestion.");
  5170. 										elesRemove[i].classList.add("stsh_green");
  5171. 										elesRemove[i].classList.add("stsh_border_green");
  5172. 										
  5173. 										isDisabled = true;
  5174. 									}
  5175. 								}
  5176. 							}
  5177. 							
  5178. 							if (!isDisabled)
  5179. 							{
  5180. 								var eleDeclined = elesRemove[i].parentElement.querySelector(".suggestion_status_declined");
  5181. 								if (eleDeclined)
  5182. 								{
  5183. 									// Declined without comment, suggest to remove
  5184. 									elesRemove[i].setAttribute("title", 
  5185. 										"Please remove this suggestion to save admin time.");
  5186. 									elesRemove[i].classList.add("stsh_green");
  5187. 									elesRemove[i].classList.add("stsh_border_green");
  5188. 								}
  5189. 							}
  5190. 						}
  5191. 					}
  5192. 				}
  5193. 				
  5194. 				// Add remove & next
  5195. 				{
  5196. 					elesRemove[i].classList.add("stsh_border_left");
  5197.  
  5198. 					var eleNext = elesRemove[i].nextElementSibling;
  5199. 					if (!eleNext || eleNext.value !== "Next")
  5200. 					{
  5201. 						eleNext = document.createElement("input");
  5202. 						insertAfterElement(eleNext, elesRemove[i]);
  5203. 					}
  5204. 					eleNext.value = "Next";
  5205. 					eleNext.classList.add("stsh_action_remove_next");
  5206. 					eleNext.classList.add("stsh_border_right");
  5207. 					eleNext.setAttribute("type", "button");
  5208. 					
  5209. 					if (canNext && !isDisabled)
  5210. 					{
  5211. 						eleNext.title = "Remove & Next";
  5212. 						eleNext.classList.add("stsh_yellow_light");
  5213. 						if (!eleNext.getAttribute("onclick"))
  5214. 						{
  5215. 							var onclick = elesRemove[i].getAttribute("onclick")
  5216. 							.replace("';", "&ynext=true';");
  5217. 							eleNext.setAttribute("onclick", onclick);
  5218. 						}
  5219. 					}
  5220. 					else
  5221. 					{
  5222. 						eleNext.disabled = true;
  5223. 					}
  5224. 				}
  5225. 			}
  5226. 		}
  5227. 		
  5228. 		// Suggest to decline outdated
  5229. 		{
  5230. 			if (document.querySelector(".stsh_action_approve"))
  5231. 			{
  5232. 				var elesAttention = document.querySelectorAll(".stsh_text_comment > font > i > b");
  5233. 				for (var i = 0; i < elesAttention.length; i++)
  5234. 				{
  5235. 					if (elesAttention[i].textContent.trim()
  5236. 						=== "ATTENTION - English string was updated. This suggestion might be outdated.")
  5237. 					{
  5238. 						var eleAction = elesAttention[i]
  5239. 							.parentElement.parentElement
  5240. 							.parentElement.parentElement
  5241. 							.nextElementSibling;
  5242. 						
  5243. 						var eleApprove = eleAction.querySelector(".stsh_action_approve");
  5244. 						var eleApproveNext = null;
  5245. 						var eleDecline = null;
  5246. 						
  5247. 						if (eleApprove)
  5248. 						{
  5249. 							eleApproveNext = eleApprove.nextElementSibling;
  5250. 							
  5251. 							var oldClick = eleApprove.getAttribute("onclick");
  5252. 							if (oldClick && oldClick.indexOf("location.href") === 0)
  5253. 							{
  5254. 								var newClick = "if (!confirm(\"Warning: Please decline outdated suggestion."
  5255. 									+ " Press OK if you really want to approve.\")) return false; "
  5256. 									+ oldClick;
  5257. 								eleApprove.setAttribute("onclick", newClick);
  5258. 								eleApprove.setAttribute("title", "Please decline outdated suggestion.");
  5259. 								eleApprove.classList.add("stsh_grey");
  5260. 								eleApprove.classList.add("stsh_cursor_notallowed");
  5261. 							}
  5262. 						}
  5263. 						
  5264. 						if (eleApproveNext)
  5265. 						{
  5266. 							eleDecline = eleApproveNext.nextElementSibling;
  5267. 							
  5268. 							if (!eleApproveNext.disabled)
  5269. 							{
  5270. 								var oldClick = eleApproveNext.getAttribute("onclick");
  5271. 								if (oldClick && oldClick.indexOf("location.href") === 0)
  5272. 								{
  5273. 									var newClick = "if (!confirm(\"Warning: Please decline outdated suggestion."
  5274. 										+ " Press OK if you really want to approve.\")) return false; "
  5275. 										+ oldClick;
  5276. 									eleApproveNext.setAttribute("onclick", newClick);
  5277. 									eleApproveNext.setAttribute("title", "Please decline outdated suggestion.");
  5278. 									eleApproveNext.classList.add("stsh_grey");
  5279. 									eleApproveNext.classList.add("stsh_cursor_notallowed");
  5280. 								}
  5281. 							}
  5282. 						}
  5283. 						
  5284. 						if (eleDecline)
  5285. 						{
  5286. 							eleDecline.setAttribute("title", "Please decline outdated suggestion.");
  5287. 							eleDecline.classList.add("stsh_green");
  5288. 							eleDecline.classList.add("stsh_border_green_left");
  5289. 						}
  5290. 					}
  5291. 				}
  5292. 			}
  5293. 		}
  5294. 		
  5295. 		// Clean language markers that link to Steam
  5296. 		{
  5297. 			var rgxLang = /[\?&]l=[a-z]+$/i;
  5298. 			
  5299. 			var elesDiscussText = document.querySelectorAll(".stsh_discussion_text");
  5300. 			for (var i = 0; i < elesDiscussText.length; i++)
  5301. 			{
  5302. 				var elesA = elesDiscussText[i].querySelectorAll("a[href*='steam']");
  5303. 				for (var j = 0; j < elesA.length; j++)
  5304. 				{
  5305. 					var href = elesA[j].getAttribute("href");
  5306. 					if (rgxLang.test(href))
  5307. 					{
  5308. 						elesA[j].setAttribute("href", href.replace(rgxLang, ""));
  5309. 					}
  5310. 				}
  5311. 			}
  5312. 		}
  5313. 		
  5314. 		// Auto paste last suggestion
  5315. 		{
  5316. 			if (!/edit/i.test(getQueryByName("action")))
  5317. 			{
  5318. 				if (eleTextOrg)
  5319. 				{
  5320. 					var textOrg = eleTextOrg.dataset.stshHtml.toLowerCase();
  5321. 					var textLastCur = "";
  5322. 					
  5323. 					if (textOrg === GM_getValue("textLastOrg", ""))
  5324. 					{
  5325. 						textLastCur = GM_getValue("textLastCur", "");
  5326. 					}
  5327. 					else if (textOrg === GM_getValue("textLastOrg_Comment", ""))
  5328. 					{
  5329. 						//textLastCur = GM_getValue("textLastCur_Comment", "");
  5330. 					}
  5331. 					
  5332. 					var eleTextCur = document.querySelector("#suggestion_value_new");
  5333. 					if (eleTextCur)
  5334. 					{
  5335. 						if (textLastCur !== "")
  5336. 						{
  5337. 							eleTextCur.value = textLastCur;
  5338. 						}
  5339. 					}
  5340. 					
  5341. 					if (textLastCur !== "")
  5342. 					{
  5343. 						setTimeoutCustom(function(textLastCur)
  5344. 						{
  5345. 							var eleTextCur = document.querySelector("#suggestion_value_new");
  5346. 							if (eleTextCur)
  5347. 							{
  5348. 									eleTextCur.value = textLastCur;
  5349. 							}
  5350. 						}, timingInit.pasteLastSuggestion, textLastCur);
  5351. 					}
  5352. 				}
  5353. 			}
  5354. 			
  5355. 			var elesTextSubmit = document.querySelectorAll(".stsh_text_submit, #stsh_text_submit_next");
  5356. 			for (var i = 0; i < elesTextSubmit.length; i++)
  5357. 			{
  5358. 				elesTextSubmit[i].addEventListener("click", function()
  5359. 				{
  5360. 					var eleTextOrg = document.querySelector(".stsh_text_org");
  5361. 					if (eleTextOrg)
  5362. 					{
  5363. 						var textOrg = eleTextOrg.dataset.stshHtml;
  5364. 						if (textOrg.length < 3000)
  5365. 						{
  5366. 							var eleTextCur = document.querySelector("#suggestion_value_new");
  5367. 							if (eleTextCur)
  5368. 							{
  5369. 								var textCur = eleTextCur.value;
  5370. 								
  5371. 								GM_setValue("textLastOrg", textOrg.toLowerCase());
  5372. 								GM_setValue("textLastCur", textCur);
  5373. 								
  5374. 								//console.log("Store suggestion: " + textOrg.length);
  5375. 							}
  5376. 						}
  5377. 					}
  5378. 				});
  5379. 			}
  5380. 		}
  5381. 		
  5382. 		// Auto store last comment
  5383. 		{
  5384. 			//console.log("textLastOrg_Comment: " + GM_getValue("textLastOrg_Comment", ""));
  5385. 			//console.log("textLastCur_Comment: " + GM_getValue("textLastCur_Comment", ""));
  5386. 			
  5387. 			var storeLastComment = function(eleTextComment, isRemoved)
  5388. 			{
  5389. 				if (eleTextComment)
  5390. 				{
  5391. 					var eleTextOrg = document.querySelector(".stsh_text_org");
  5392. 					if (eleTextOrg)
  5393. 					{
  5394. 						var textOrg = eleTextOrg.dataset.stshHtml.substr(0, 3000).toLowerCase();
  5395. 						
  5396. 						if (isRemoved)
  5397. 						{
  5398. 							if (textOrg === GM_getValue("textLastOrg_Comment", ""))
  5399. 							{
  5400. 								// When remove comment, don't store if original text is the same
  5401. 								return;
  5402. 							}
  5403. 						}
  5404. 					
  5405. 						var textCur = trimSpace(eleTextComment.value || eleTextComment.textContent);
  5406. 						if (textCur !== "outdated")
  5407. 						{
  5408. 							GM_setValue("textLastOrg_Comment", textOrg);
  5409. 							GM_setValue("textLastCur_Comment", textCur);
  5410. 						}
  5411. 					}
  5412. 				}
  5413. 			}
  5414. 			
  5415. 			for (var i = 0; i < elesTextRemoveComment.length; i++)
  5416. 			{
  5417. 				elesTextRemoveComment[i].addEventListener("click", function(ev)
  5418. 				{
  5419. 					var target = null;
  5420. 					if (ev.target.tagName === "FONT")
  5421. 					{
  5422. 						target = ev.target.parentElement;
  5423. 					}
  5424. 					else
  5425. 					{
  5426. 						target = ev.target;
  5427. 					}
  5428. 					
  5429. 					var eleTextComment = target
  5430. 						.parentElement.parentElement.parentElement.parentElement
  5431. 						.querySelector(".stsh_text_comment");
  5432. 					
  5433. 					storeLastComment(eleTextComment, true);
  5434. 				});
  5435. 			}
  5436. 			
  5437. 			var elesSubmitComment = document.querySelectorAll(".stsh_submit_comment");
  5438. 			for (var i = 0; i < elesSubmitComment.length; i++)
  5439. 			{
  5440. 				elesSubmitComment[i].addEventListener("click", function(ev)
  5441. 				{
  5442. 					var eleTextComment = ev.target.previousElementSibling;
  5443. 					if (eleTextComment.tagName !== "TEXTAREA")
  5444. 					{
  5445. 						eleTextComment = eleTextComment.previousElementSibling;
  5446. 					}
  5447. 						
  5448. 					storeLastComment(eleTextComment, false);
  5449. 				});
  5450. 			}
  5451. 		}
  5452. 		
  5453. 		// Mark showing
  5454. 		{
  5455. 			var eleStatus = window.parent.document.querySelector("#stsh_showing_random");
  5456. 			if (eleStatus)
  5457. 			{
  5458. 				eleStatus.dataset.random = getTimeMs();
  5459. 			}
  5460. 		}
  5461. 		
  5462. 		// Delta
  5463. 		{
  5464. 			var eleFile = document.querySelector(".stsh_info_file");
  5465. 			if (eleFile)
  5466. 			{
  5467. 				if (eleFile.textContent.trim() === "STEAM/DELTA")
  5468. 				{
  5469. 					document.body && document.body.classList.add("stsh_delta");
  5470. 				}
  5471. 			}
  5472. 		}
  5473. 				
  5474. 		// Hide cursor when typing
  5475. 		// Expand textarea when typing
  5476. 		{
  5477. 			var tmTextChange = 0;
  5478. 			
  5479. 			var autoHideCursor = function(ele)
  5480. 			{
  5481. 				if (ele)
  5482. 				{
  5483. 					ele.addEventListener("input", function(ev)
  5484. 					{
  5485. 						var ele = ev.target;
  5486. 						ele.style.setProperty("cursor", "none", "important");
  5487. 						
  5488. 						clearTimeout(tmTextChange);
  5489. 						tmTextChange = setTimeoutCustom(function(ele)
  5490. 						{
  5491. 							ele.style.setProperty("cursor", "auto", "important");
  5492. 						}, timingInit.hideCursor, ele);
  5493. 					});
  5494. 					
  5495. 					ele.addEventListener("mousemove", function(ev)
  5496. 					{
  5497. 						var ele = ev.target;
  5498. 						clearTimeout(tmTextChange);
  5499. 						ele.style.setProperty("cursor", "auto", "important");
  5500. 					});
  5501. 				}
  5502. 			}
  5503. 			
  5504. 			var autoExpandEvent = function(ev)
  5505. 			{
  5506. 				var ele = ev.target;
  5507. 				var maxHeight = ele.param_MaxHeight;
  5508. 				var styleHeight = parseInt(ele.style.height) 
  5509. 					|| parseInt(window.getComputedStyle(ele).height) 
  5510. 					|| maxHeight;
  5511. 				
  5512. 				var heightDiff = ele.scrollHeight - styleHeight;
  5513. 				
  5514. 				//console.log("ele.scrollHeight:"+ele.scrollHeight+", styleHeight:"+styleHeight+", heightDiff:"+heightDiff);
  5515. 				
  5516. 				// When press a button
  5517. 				// Chrome: heightDiff === 4
  5518. 				// Firefox: heightDiff === 0
  5519. 				
  5520. 				if ((heightDiff > 0 && heightDiff !== 4) && ele.scrollHeight < maxHeight)
  5521. 				{
  5522. 					ele.style.height = (ele.scrollHeight + 2) + "px";
  5523. 				}
  5524. 				else if (ele.scrollHeight > maxHeight && ele.scrollHeight - maxHeight < 100)
  5525. 				{
  5526. 					ele.style.height = maxHeight + "px";
  5527. 				}
  5528. 				
  5529. 			}
  5530. 			
  5531. 			var autoExpandEventTextarea = function(ele, maxHeight)
  5532. 			{
  5533. 				if (ele)
  5534. 				{
  5535. 					ele.param_MaxHeight = maxHeight;
  5536. 					ele.addEventListener("input", autoExpandEvent);
  5537. 					ele.addEventListener("keyup", autoExpandEvent);
  5538. 				}
  5539. 			}
  5540. 			
  5541. 			setTimeoutCustom(function()
  5542. 			{
  5543. 				var elesTextarea = document.querySelectorAll("textarea");
  5544. 				for (var i = 0; i < elesTextarea.length; i++)
  5545. 				{
  5546. 					autoExpandEventTextarea(elesTextarea[i], 500);
  5547. 					autoHideCursor(elesTextarea[i]);
  5548. 				}
  5549. 			}, timingInit.expandTextarea);
  5550. 		}
  5551. 		
  5552. 		// Focus on mod action
  5553. 		{
  5554. 			var elesFormRemoveComment = document.querySelectorAll(".suggestion_signature .lbAction[name^='mymodcomment']");
  5555. 			for (var i = 0; i < elesFormRemoveComment.length; i++)
  5556. 			{
  5557. 				var action = elesFormRemoveComment[i].getAttribute("action");
  5558. 				if (action.indexOf("#stsh_modcomment") < 0)
  5559. 				{
  5560. 					elesFormRemoveComment[i].setAttribute("action", action + "#stsh_modcomment");
  5561. 				}
  5562. 			}
  5563. 			
  5564. 			var elesSubmitComment = document.querySelectorAll(
  5565. 				".suggestion_signature > div > div > .copy > form > div > .stsh_submit_comment");
  5566. 			for (var i = 0; i < elesSubmitComment.length; i++)
  5567. 			{
  5568. 				var eleForm = elesSubmitComment[i].parentElement.parentElement;
  5569. 				if (eleForm.tagName === "FORM")
  5570. 				{
  5571. 					var action = eleForm.getAttribute("action");
  5572. 					if (action.indexOf("#stsh_modcomment") < 0)
  5573. 					{
  5574. 						eleForm.setAttribute("action", action + "#stsh_modcomment");
  5575. 					}
  5576. 				}
  5577. 			}
  5578. 			
  5579. 			if (/reconsider|approve|decline/i.test(getQueryByName("action")) || url.indexOf("#stsh_modcomment") > -1)
  5580. 			{
  5581. 				setTimeoutCustom(function()
  5582. 				{
  5583. 					if (eleTextNew && eleTextOrg)
  5584. 					{						
  5585. 						if (eleTextNew.scrollHeight > 480 || eleTextOrg.scrollHeight > 480)
  5586. 						{
  5587. 							scrollToElement(".suggestions_list", -40);
  5588. 						}
  5589. 						else if (eleTextNew.scrollHeight > 120 || eleTextOrg.scrollHeight > 200)
  5590. 						{
  5591. 							var elesEdit = document.querySelectorAll(".stsh_action_edit");
  5592. 							if (elesEdit.length > 1)
  5593. 							{
  5594. 								scrollToElement(".suggestions_list", -40);
  5595. 							}
  5596. 						}
  5597. 					}
  5598. 				}, timingInit.focusModAction);
  5599. 			}
  5600. 		}
  5601. 		
  5602. 		// Add char, word and byte count
  5603. 		{
  5604. 			var countCharWordByte = function(ele)
  5605. 			{
  5606. 				var countChar = 0;
  5607. 				var countWord = 0;
  5608. 				var countByte = 0;
  5609. 				if (ele)
  5610. 				{
  5611. 					var text = ele.value || (ele.value === "" ? "" : ele.textContent);
  5612. 					countChar = text.length;
  5613. 					var arrWord = trimSpace(text).split(/\s+/);
  5614. 					if (arrWord.length === 1)
  5615. 					{
  5616. 						if (trimSpace(arrWord[0]).length > 0)
  5617. 						{
  5618. 							countWord = 1;
  5619. 						}
  5620. 					}
  5621. 					else
  5622. 					{
  5623. 						countWord = arrWord.length;
  5624. 					}
  5625. 					countByte = getByteCount(text);
  5626. 				}
  5627. 				return "Char: " + countChar + " :: Word: " + countWord + " :: Byte: " + countByte;
  5628. 			}
  5629.  
  5630. 			var elesText = document.querySelectorAll("#suggestion_value_new, .stsh_text_addComment, #add_to_discussion");
  5631. 			for (var i = 0; i < elesText.length; i++)
  5632. 			{
  5633. 				var eleCounter = document.createElement("div");
  5634. 				eleCounter.classList.add("stsh_counter");
  5635. 				eleCounter.classList.add("stsh_blue_light");
  5636. 				eleCounter.classList.add("stsh_cursor_help");
  5637. 				eleCounter.dataset.counter = countCharWordByte(elesText[i]);
  5638. 				eleCounter.title = "Chars and words are approximate values. "
  5639. 					+ "\nYou should add a comment or a discussion using less than 1020 bytes.";
  5640. 				insertAfterElement(eleCounter, elesText[i]);
  5641. 				
  5642. 				elesText[i].addEventListener("input", function(ev)
  5643. 				{
  5644. 					var eleTarget = ev.target;
  5645. 					var eleCounter = eleTarget.nextElementSibling;
  5646. 					if (eleCounter && eleCounter.classList.contains("stsh_counter"))
  5647. 					{
  5648. 						eleCounter.dataset.counter = countCharWordByte(eleTarget);
  5649. 					}
  5650. 				});
  5651. 			}
  5652. 			
  5653. 			/*elesText = document.querySelectorAll(".stsh_text_org, .stsh_text_trn:not(.stsh_text_trn_empty), .suggestion_text");
  5654. 			for (var i = 0; i < elesText.length; i++)
  5655. 			{
  5656. 				////
  5657. 			}*/
  5658. 		}
  5659. 		
  5660. 		// Warn before closing frame
  5661. 		{
  5662. 			if (window !== window.parent)
  5663. 			{
  5664. 				var eleOuter = window.parent.document.querySelector("#suggestions_box_outer");
  5665. 				if (eleOuter)
  5666. 				{
  5667. 					eleOuter.dataset.stshTextEdited = "false";
  5668. 					eleOuter.title = "";
  5669. 					
  5670. 					var markEdited = function(ev)
  5671. 					{
  5672. 						if (!ev.ctrlKey && !ev.altKey)
  5673. 						{
  5674. 							if (eleOuter && eleOuter.dataset)
  5675. 							{
  5676. 								eleOuter.dataset.stshTextEdited = "true";
  5677. 								eleOuter.title = "When some texts were edited. \nYou must double click to close suggestion box.";
  5678. 								removeEventsMarkEdited();
  5679. 							}
  5680. 						}
  5681. 					};
  5682. 					
  5683. 					var removeEventsMarkEdited = function()
  5684. 					{
  5685. 						var elesText = document.querySelectorAll("#suggestion_value_new, .stsh_text_addComment, #add_to_discussion");
  5686. 						for (var i = 0; i < elesText.length; i++)
  5687. 						{
  5688. 							elesText[i].removeEventListener("keydown", markEdited);
  5689. 						}
  5690. 					};
  5691. 					
  5692. 					var elesText = document.querySelectorAll("#suggestion_value_new, .stsh_text_addComment, #add_to_discussion");
  5693. 					for (var i = 0; i < elesText.length; i++)
  5694. 					{
  5695. 						elesText[i].addEventListener("keydown", markEdited);
  5696. 					}
  5697. 				}
  5698. 			}
  5699. 		}
  5700. 		
  5701. 		// Open auto replace form when applied
  5702. 		{
  5703. 			var eleStatus = document.querySelector("#replacementstatus");
  5704. 			if (eleStatus)
  5705. 			{
  5706. 				var eleAutoCopy = document.querySelector("#autocopy");
  5707. 				if (eleAutoCopy)
  5708. 				{
  5709. 					eleAutoCopy.style.display = "";
  5710. 				}
  5711. 			}
  5712. 		}
  5713. 		
  5714. 		// Add auto-replacement for suggestion box
  5715. 		{
  5716. 			var eleAutoCopy = document.querySelector("#autocopy");
  5717. 			if (eleAutoCopy)
  5718. 			{
  5719. 				var eleBlock = null;
  5720. 				var eleHeader = null;
  5721. 				var eleForm = null;
  5722. 				var eleInstruction = null;
  5723. 				var eleMarker = null;
  5724. 				var eleDefine = null;
  5725. 				var eleMore = null;
  5726. 				var eleEnabled = null;
  5727. 				var eleEnabledLabel = null;
  5728. 				var eleEnabledContent = null;
  5729. 				var eleCase = null;
  5730. 				var eleCaseLabel = null;
  5731. 				var eleCaseContent = null;
  5732. 				var eleRgx = null;
  5733. 				var eleRgxLabel = null;
  5734. 				var eleRgxContent = null;
  5735. 				
  5736. 				var addAutoReplaceText = function(eleMarker, textOrg, textDef)
  5737. 				{
  5738. 					textOrg = (typeof textOrg !== "undefined") ? textOrg : "";
  5739. 					textDef = (typeof textDef !== "undefined") ? textDef : "";
  5740. 					
  5741. 					if (eleMarker)
  5742. 					{
  5743. 						var eleTextOrg = document.createElement("textarea");
  5744. 						eleTextOrg.classList.add("stsh_autoReplace_text");
  5745. 						eleTextOrg.classList.add("stsh_autoReplace_text_org");
  5746. 						eleTextOrg.setAttribute("rows", "1");
  5747. 						eleTextOrg.setAttribute("placeholder", "Your language or english text to be autoreplaced");
  5748. 						eleTextOrg.value = textOrg;
  5749. 						
  5750. 						var eleTextDef = document.createElement("textarea");
  5751. 						eleTextDef.classList.add("stsh_autoReplace_text");
  5752. 						eleTextDef.classList.add("stsh_autoReplace_text_def");
  5753. 						eleTextDef.setAttribute("rows", "1");
  5754. 						eleTextDef.setAttribute("placeholder", "Translation");
  5755. 						eleTextDef.value = textDef;
  5756. 						
  5757. 						insertBeforeElement(eleTextOrg, eleMarker);
  5758. 						insertBeforeElement(document.createTextNode(" "), eleMarker);
  5759. 						insertBeforeElement(eleTextDef, eleMarker);
  5760. 						insertBeforeElement(document.createElement("br"), eleMarker);
  5761. 					}
  5762. 				}
  5763. 				
  5764. 				// Add elements
  5765. 				{
  5766. 					eleBlock = document.createElement("div");
  5767. 					eleBlock.classList.add("stsh_autoReplace_block");
  5768. 					
  5769. 					insertAfterElement(eleBlock, eleAutoCopy);
  5770. 					
  5771. 					eleHeader = document.createElement("div");
  5772. 					eleHeader.classList.add("stsh_autoReplace_header");
  5773. 					eleHeader.classList.add("stsh_green");
  5774. 					eleHeader.classList.add("stsh_cursor_pointer");
  5775. 					eleHeader.textContent = "AUTO-REPLACEMENT FOR SUGGESTION BOX";
  5776. 					eleHeader.setAttribute("onclick", "$('.stsh_autoReplace_form').toggle('blind', 300);");
  5777. 					
  5778. 					eleBlock.appendChild(document.createElement("br"));
  5779. 					eleBlock.appendChild(eleHeader);
  5780. 					
  5781. 					eleForm = document.createElement("form");
  5782. 					eleForm.classList.add("stsh_form");
  5783. 					eleForm.classList.add("stsh_autoReplace_form");
  5784. 					eleForm.style.display = "none";
  5785. 					
  5786. 					eleBlock.appendChild(eleForm);
  5787. 					
  5788. 					eleInstruction = document.createElement("div");
  5789. 					eleInstruction.classList.add("stsh_autoReplace_instruction");
  5790. 					eleInstruction.innerHTML = 
  5791. " \
  5792. Auto-replacements for current text in suggestion box. These will replace anything in your current text in suggestion box. \
  5793. <br> You can use these to replace translated strings that you need to correct them. \
  5794. These will be processed after other replacements applied. \
  5795. <br> You can enable/disable replacements, case-sensitive mode and RegExp mode by using checkboxes below. \
  5796. ";
  5797. 				
  5798. 					eleForm.appendChild(eleInstruction);
  5799. 					eleForm.appendChild(document.createElement("br"));
  5800. 					
  5801. 					eleMarker = document.createElement("div");
  5802. 					eleMarker.classList.add("stsh_autoReplace_marker");
  5803. 					
  5804. 					eleForm.appendChild(eleMarker);
  5805. 					
  5806. 					eleDefine = document.createElement("input");
  5807. 					eleDefine.classList.add("stsh_autoReplace_define");
  5808. 					eleDefine.setAttribute("onclick", "return false;");
  5809. 					eleDefine.type = "submit";
  5810. 					eleDefine.value = "Define";
  5811. 					eleDefine.title = "Define auto-replacements and refresh this page";
  5812. 					
  5813. 					eleMore = document.createElement("input");
  5814. 					eleMore.classList.add("stsh_autoReplace_more");
  5815. 					eleMore.setAttribute("onclick", "return false;");
  5816. 					eleMore.type = "button";
  5817. 					eleMore.value = "Add More";
  5818. 					eleMore.title = "Add a new auto-replacement";
  5819. 					
  5820. 					// Checkbox enabled
  5821. 					{
  5822. 						eleEnabled = document.createElement("input");
  5823. 						eleEnabled.classList.add("stsh_autoReplace_enabled");
  5824. 						eleEnabled.setAttribute("type", "checkbox");
  5825. 						eleEnabled.setAttribute("value", "true");
  5826. 						
  5827. 						eleEnabledLabel = document.createElement("label");
  5828. 						eleEnabledLabel.classList.add("stsh_checkbox_label");
  5829. 						eleEnabledLabel.classList.add("stsh_autoReplace_enabled_label");
  5830. 						eleEnabledLabel.classList.add("stsh_unselectable");
  5831. 						eleEnabledLabel.classList.add("stsh_cursor_pointer");
  5832. 						
  5833. 						eleEnabledContent = document.createElement("span");
  5834. 						eleEnabledContent.textContent = " Enable Auto-replacements";
  5835. 						
  5836. 						eleEnabledLabel.appendChild(eleEnabled);
  5837. 						eleEnabledLabel.appendChild(eleEnabledContent);
  5838. 					}
  5839. 					
  5840. 					// Checkbox case
  5841. 					{
  5842. 						eleCase = document.createElement("input");
  5843. 						eleCase.classList.add("stsh_autoReplace_case");
  5844. 						eleCase.setAttribute("type", "checkbox");
  5845. 						eleCase.setAttribute("value", "true");
  5846. 						
  5847. 						eleCaseLabel = document.createElement("label");
  5848. 						eleCaseLabel.classList.add("stsh_checkbox_label");
  5849. 						eleCaseLabel.classList.add("stsh_autoReplace_case_label");
  5850. 						eleCaseLabel.classList.add("stsh_unselectable");
  5851. 						eleCaseLabel.classList.add("stsh_cursor_pointer");
  5852. 						
  5853. 						eleCaseContent = document.createElement("span");
  5854. 						eleCaseContent.textContent = " Case-sensitive";
  5855. 						
  5856. 						eleCaseLabel.appendChild(eleCase);
  5857. 						eleCaseLabel.appendChild(eleCaseContent);
  5858. 					}
  5859. 					
  5860. 					// Checkbox regexp
  5861. 					{
  5862. 						eleRgx = document.createElement("input");
  5863. 						eleRgx.classList.add("stsh_autoReplace_rgx");
  5864. 						eleRgx.setAttribute("type", "checkbox");
  5865. 						eleRgx.setAttribute("value", "true");
  5866. 						
  5867. 						eleRgxLabel = document.createElement("label");
  5868. 						eleRgxLabel.classList.add("stsh_checkbox_label");
  5869. 						eleRgxLabel.classList.add("stsh_autoReplace_rgx_label");
  5870. 						eleRgxLabel.classList.add("stsh_unselectable");
  5871. 						eleRgxLabel.classList.add("stsh_cursor_pointer");
  5872. 						
  5873. 						eleRgxContent = document.createElement("span");
  5874. 						eleRgxContent.textContent = " Use RegExp";
  5875. 						
  5876. 						eleRgxLabel.appendChild(eleRgx);
  5877. 						eleRgxLabel.appendChild(eleRgxContent);
  5878. 					}
  5879. 					
  5880. 					eleForm.appendChild(document.createElement("br"));
  5881. 					eleForm.appendChild(eleDefine);
  5882. 					eleForm.appendChild(document.createTextNode(" "));
  5883. 					eleForm.appendChild(eleMore);
  5884. 					eleForm.appendChild(document.createTextNode(" "));
  5885. 					eleForm.appendChild(eleEnabledLabel);
  5886. 					eleForm.appendChild(document.createTextNode(" "));
  5887. 					eleForm.appendChild(eleCaseLabel);
  5888. 					eleForm.appendChild(document.createTextNode(" "));
  5889. 					eleForm.appendChild(eleRgxLabel);
  5890. 					eleForm.appendChild(document.createElement("br"));
  5891. 					eleForm.appendChild(document.createElement("br"));
  5892. 					
  5893. 				} // Add elements
  5894. 				
  5895. 				// Bind events
  5896. 				{
  5897. 					var defineAutoReplaceText = function()
  5898. 					{
  5899. 						var objText = {};
  5900. 						
  5901. 						var elesTextOrg = document.querySelectorAll(".stsh_autoReplace_text_org");
  5902. 						for (var i = 0; i < elesTextOrg.length; i++)
  5903. 						{
  5904. 							var eleTextOrg = elesTextOrg[i];
  5905. 							var eleTextDef = eleTextOrg.nextElementSibling;
  5906. 							var textOrg = eleTextOrg.value;
  5907. 							var textDef = eleTextDef.value;
  5908. 							var index = "text" + i;
  5909. 							
  5910. 							objText[index] = {};
  5911. 							objText[index].textOrg = textOrg;
  5912. 							objText[index].textDef = textDef;
  5913. 						}
  5914. 						
  5915. 						GM_setValue("autoReplace_text", objText);
  5916. 						
  5917. 						reload();
  5918. 					};
  5919. 					
  5920. 					eleDefine.addEventListener("click", defineAutoReplaceText);
  5921. 					
  5922. 					eleMore.addEventListener("click", function()
  5923. 					{
  5924. 						var eleMarker = document.querySelector(".stsh_autoReplace_marker");
  5925. 						addAutoReplaceText(eleMarker);
  5926. 					});
  5927. 					
  5928. 					eleEnabled.addEventListener("click", function (ev)
  5929. 					{
  5930. 						var ele = ev.target;
  5931. 						GM_setValue("autoReplace_enabled", ele.checked ? "true" : "false");
  5932. 					});
  5933. 					
  5934. 					eleCase.addEventListener("click", function (ev)
  5935. 					{
  5936. 						var ele = ev.target;
  5937. 						GM_setValue("autoReplace_case", ele.checked ? "true" : "false");
  5938. 					});
  5939. 					
  5940. 					eleRgx.addEventListener("click", function (ev)
  5941. 					{
  5942. 						var ele = ev.target;
  5943. 						GM_setValue("autoReplace_rgx", ele.checked ? "true" : "false");
  5944. 					});
  5945. 					
  5946. 					addKeyCtrlEnter(eleForm, eleDefine);
  5947. 					
  5948. 				} // Bind events
  5949. 				
  5950. 				// User defined value
  5951. 				{
  5952. 					var valEnabled = GM_getValue("autoReplace_enabled", 0);
  5953. 					if (valEnabled === "true")
  5954. 					{
  5955. 						eleEnabled.checked = true;
  5956. 					}
  5957. 					
  5958. 					var valCase = GM_getValue("autoReplace_case", 0);
  5959. 					if (valCase === "true")
  5960. 					{
  5961. 						eleCase.checked = true;
  5962. 					}
  5963. 					
  5964. 					var valRgx = GM_getValue("autoReplace_rgx", 0);
  5965. 					if (valRgx === "true")
  5966. 					{
  5967. 						eleRgx.checked = true;
  5968. 					}
  5969. 					
  5970. 					var autoReplaceTextCount = 4;
  5971. 					
  5972. 					var objText = GM_getValue("autoReplace_text", 0);
  5973. 					if (!objText)
  5974. 					{
  5975. 						objText = {};			
  5976. 					}
  5977. 					else
  5978. 					{						
  5979. 						for (var i = Object.keys(objText).length - 1; i > autoReplaceTextCount - 1; i--)
  5980. 						{
  5981. 							var index = "text" + i;
  5982. 							if (objText[index].textOrg !== "" || objText[index].textDef !== "")
  5983. 							{
  5984. 								autoReplaceTextCount = i + 1;
  5985. 								break;
  5986. 							}
  5987. 						}
  5988. 						
  5989. 						// Auto replace text
  5990. 						if (valEnabled === "true")
  5991. 						{					
  5992. 							var isTextReplaced = false;
  5993. 							
  5994. 							// Skip this
  5995. 							/*
  5996. 							if (document.referrer === document.documentURI)
  5997. 							{
  5998. 								isTextReplaced = true;
  5999. 							}
  6000. 							*/
  6001. 							
  6002. 							if (!isTextReplaced && getQueryByName("action"))
  6003. 							{
  6004. 								isTextReplaced = true;
  6005. 							}
  6006. 							
  6007. 							if (!isTextReplaced)
  6008. 							{
  6009. 								var eleError = document.querySelector(".suggestion_error");
  6010. 								if (eleError && eleError.textContent.trim() !== "")
  6011. 								{
  6012. 									isTextReplaced = true;
  6013. 								}
  6014. 							}
  6015. 							
  6016. 							if (!isTextReplaced)
  6017. 							{
  6018. 								var eleBtnResummit = document.querySelector(".stsh_text_submit[value^='RESUBMIT']");
  6019. 								if (eleBtnResummit)
  6020. 								{
  6021. 									isTextReplaced = true;
  6022. 								}
  6023. 							}							
  6024. 							
  6025. 							if (!isTextReplaced)
  6026. 							{
  6027. 								setTimeoutCustom(function(objText) 
  6028. 								{
  6029. 									var isTextReplaced = false;
  6030. 									
  6031. 									var isRgx = (GM_getValue("autoReplace_rgx") === "true");
  6032. 									var isCase = (GM_getValue("autoReplace_case") === "true");
  6033. 									
  6034. 									var keysText = Object.keys(objText);
  6035. 									for (var i = 0; i < keysText.length; i++)
  6036. 									{
  6037. 										var textOrg = objText[keysText[i]].textOrg;
  6038. 										if (textOrg !== "")
  6039. 										{
  6040. 											var textDef = objText[keysText[i]].textDef;
  6041. 											
  6042. 											var eleTextNew = document.querySelector("#suggestion_value_new");
  6043. 											if (eleTextNew)
  6044. 											{
  6045. 												var textOld = eleTextNew.value;
  6046. 												var textNew = "";
  6047. 												
  6048. 												var rgxOrg = null;
  6049. 												var rgxFlag = isCase ? "g" : "ig";
  6050. 												
  6051. 												if (isRgx)
  6052. 												{
  6053. 													rgxOrg = new RegExp(textOrg, rgxFlag);
  6054. 												}
  6055. 												else
  6056. 												{
  6057. 													rgxOrg = new RegExp(escapeRegExp(textOrg), rgxFlag);
  6058. 												}
  6059. 												
  6060. 												textNew = textOld.replace(rgxOrg, textDef);
  6061. 												
  6062. 												if (textOld !== textNew)
  6063. 												{
  6064. 													isTextReplaced = true;
  6065. 													eleTextNew.value = textNew;
  6066. 												}
  6067. 											}
  6068. 										}
  6069. 									}
  6070. 									
  6071. 									if (isTextReplaced)
  6072. 									{
  6073. 										var eleForm = document.querySelector(".stsh_autoReplace_form");
  6074. 										if (eleForm)
  6075. 										{
  6076. 											eleForm.style.display = "";
  6077. 										}
  6078. 										
  6079. 										if (eleTextSubmit)
  6080. 										{
  6081. 											var eleDiv = document.createElement("div");
  6082. 											eleDiv.classList.add("stsh_autoReplace_notice");
  6083. 											eleDiv.classList.add("stsh_orange_light3");
  6084. 											eleDiv.textContent = "Auto-replacement for suggestion applied!";
  6085. 											eleTextSubmit.parentElement.appendChild(eleDiv);
  6086. 										}										
  6087. 									}
  6088. 								}, timingInit.autoReplaceText, objText);
  6089. 							}
  6090. 						}
  6091. 					}
  6092. 					
  6093. 					for (var i = 0; i < autoReplaceTextCount; i++)
  6094. 					{
  6095. 						var textOrg = "";
  6096. 						var textDef = "";
  6097. 						var index = "text" + i;
  6098. 						
  6099. 						if (typeof objText[index] !== "undefined")
  6100. 						{
  6101. 							textOrg = objText[index].textOrg;
  6102. 							textDef = objText[index].textDef;
  6103. 						}
  6104. 						
  6105. 						addAutoReplaceText(eleMarker, textOrg, textDef);
  6106. 					}
  6107. 					
  6108. 					// Add one more empty row
  6109. 					addAutoReplaceText(eleMarker);
  6110. 					
  6111. 				} // User defined value
  6112. 			}
  6113. 		} // Add auto-replacement for suggestion box
  6114. 		
  6115. 		// Add scroll to top
  6116. 		// Find next unmatched
  6117. 		{
  6118. 			var eleInvert = document.querySelector("input[value='Invert display']");
  6119. 			if (eleInvert)
  6120. 			{
  6121. 				eleInvert.value = "Invert Display";
  6122. 				
  6123. 				// Add scroll to top
  6124. 				{
  6125. 					var eleScroll = document.createElement("input");
  6126. 					eleScroll.classList.add("stsh_scrollToTop");
  6127. 					eleScroll.setAttribute("onclick", "return false;");
  6128. 					eleScroll.type = "button";
  6129. 					eleScroll.value = "Scroll to Top";
  6130. 					
  6131. 					eleScroll.addEventListener("click", function (ev)
  6132. 					{
  6133. 						window.scrollTo(0, 0); 
  6134. 					});
  6135. 					
  6136. 					var eleContainer = document.createElement("div");
  6137. 					eleContainer.classList.add("stsh_bottom_container");
  6138. 					eleContainer.classList.add("stsh_inline");
  6139. 					
  6140. 					eleContainer.appendChild(document.createTextNode(" "));
  6141. 					eleContainer.appendChild(eleScroll);
  6142. 					
  6143. 					insertAfterElement(eleContainer, eleInvert);
  6144. 				}
  6145. 				
  6146. 				// Find next unmatched
  6147. 				// Sample: https://translation.steampowered.com/translate.php?paginationrows=1000&search_input=%01
  6148. 				{
  6149. 					var eleUnmatched = document.createElement("input");
  6150. 					eleUnmatched.classList.add("stsh_nextUnmatched");
  6151. 					eleUnmatched.setAttribute("type", "checkbox");
  6152. 					eleUnmatched.setAttribute("value", "true");
  6153. 					
  6154. 					var eleUnmatchedLabel = document.createElement("label");
  6155. 					eleUnmatchedLabel.classList.add("stsh_checkbox_label");
  6156. 					eleUnmatchedLabel.classList.add("stsh_nextUnmatched_label");
  6157. 					eleUnmatchedLabel.classList.add("stsh_unselectable");
  6158. 					eleUnmatchedLabel.classList.add("stsh_cursor_pointer");
  6159. 					eleUnmatchedLabel.title = 
  6160. 						"Find next unmatched for special chars, combining diacritical marks, \nand HTML elements count. "
  6161. 						+ "\nClick any position to stop finding.";
  6162. 					
  6163. 					var eleUnmatchedContent = document.createElement("span");
  6164. 					eleUnmatchedContent.classList.add("stsh_nextUnmatched_content");
  6165. 					eleUnmatchedContent.textContent = " Find Next Unmatched";
  6166. 			
  6167. 					eleUnmatchedLabel.appendChild(eleUnmatched);
  6168. 					eleUnmatchedLabel.appendChild(eleUnmatchedContent);
  6169. 					
  6170. 					eleContainer.appendChild(document.createTextNode(" "));
  6171. 					eleContainer.appendChild(eleUnmatchedLabel);
  6172. 					
  6173. 					var findNextUnmatched = function(isInitial)
  6174. 					{
  6175. 						isInitial = isInitial || false;
  6176. 						
  6177. 						console.log("FindNextUnmatched: In " + timingInit.findNextUnmatched + "ms");
  6178. 						setTimeoutCustom(function()
  6179. 						{
  6180. 							var eleUnmatched = document.querySelector(".stsh_nextUnmatched");
  6181. 							if (eleUnmatched && eleUnmatched.checked)
  6182. 							{
  6183. 								var isClicked = false;
  6184. 								
  6185. 								var eleNext = document.querySelector(".stsh_nav_next:not(:disabled)");
  6186. 								if (eleNext)
  6187. 								{
  6188. 									if (!isInitial)
  6189. 									{
  6190. 										var eleStatusUnmatched = document.querySelector(".stsh_status_unmatched");
  6191. 										if (eleStatusUnmatched)
  6192. 										{
  6193. 											isClicked = false;
  6194. 											
  6195. 											if (eleStatusUnmatched.classList.contains("stsh_spanStatusTrn"))
  6196. 											{
  6197. 												if (document.querySelector(".stsh_spanStatusSug.stsh_status_matched"))
  6198. 												{
  6199. 													isClicked = true;
  6200. 												}
  6201. 											}
  6202. 										}
  6203. 										else
  6204. 										{
  6205. 											isClicked = true;
  6206. 										}
  6207. 									}
  6208. 									else
  6209. 									{
  6210. 										isClicked = true;
  6211. 									}
  6212. 								}
  6213. 								
  6214. 								if (!isClicked)
  6215. 								{
  6216. 									eleUnmatched.checked = false;
  6217. 									GM_setValue("nextUnmatched", "false");
  6218. 								}
  6219. 								else
  6220. 								{
  6221. 									GM_setValue("timeNextUnmatchedLast", getUnixTimestamp());
  6222. 									eleNext.click();
  6223. 								}
  6224. 							}
  6225. 						}, timingInit.findNextUnmatched);
  6226. 					}
  6227. 				
  6228. 					var tmDiff = getUnixTimestamp() - GM_getValue("timeNextUnmatchedLast", 0);
  6229. 					if (tmDiff > 10)
  6230. 					{
  6231. 						// > 10s
  6232. 						eleUnmatched.checked = false;
  6233. 						GM_setValue("nextUnmatched", "false");
  6234. 					}
  6235. 					
  6236. 					if (window !== window.parent)
  6237. 					{
  6238. 						var eleOuter = window.parent.document.querySelector("#suggestions_box_outer");
  6239. 						if (eleOuter)
  6240. 						{
  6241. 							if (eleOuter.style.display === "none")
  6242. 							{
  6243. 								// Closed iFrame
  6244. 								eleUnmatched.checked = false;
  6245. 								GM_setValue("nextUnmatched", "false");
  6246. 							}
  6247. 						}
  6248. 					}
  6249. 					
  6250. 					if (GM_getValue("nextUnmatched", 0) === "true")
  6251. 					{
  6252. 						eleUnmatched.checked = true;
  6253. 						findNextUnmatched();
  6254. 						
  6255. 						var uncheckFindNextUnmatched = function (ev)
  6256. 						{
  6257. 							var eleTarget = ev.target;
  6258. 							if (eleTarget.id !== "stsh_btn_displaySpecialChars"
  6259. 								&& !eleTarget.classList.contains("stsh_nextUnmatched")
  6260. 								&& !eleTarget.classList.contains("stsh_nextUnmatched_content")
  6261. 								&& !eleTarget.classList.contains("stsh_nav_next"))
  6262. 							{
  6263. 								// Skip auto click
  6264. 								
  6265. 								var eleUnmatched = document.querySelector(".stsh_nextUnmatched");
  6266. 								if (eleUnmatched)
  6267. 								{
  6268. 									console.log("FindNextUnmatched: Stop");
  6269. 									eleUnmatched.checked = false;
  6270. 									GM_setValue("nextUnmatched", "false");
  6271. 									document.removeEventListener("click", uncheckFindNextUnmatched);
  6272. 								}
  6273. 							}
  6274. 						};
  6275. 						
  6276. 						// Stop finding with any clicked
  6277. 						document.addEventListener("click", uncheckFindNextUnmatched);
  6278. 						
  6279. 						// Display specialChars
  6280. 						var eleSpecialChars = document.querySelector("#stsh_btn_displaySpecialChars");
  6281. 						if (eleSpecialChars)
  6282. 						{
  6283. 							eleSpecialChars.click();
  6284. 						}
  6285. 					}
  6286. 					
  6287. 					eleUnmatched.addEventListener("click", function (ev)
  6288. 					{
  6289. 						var eleTarget = ev.target;
  6290. 						if (eleTarget.checked)
  6291. 						{
  6292. 							GM_setValue("nextUnmatched", "true");
  6293. 							findNextUnmatched(true);
  6294. 						}
  6295. 						else
  6296. 						{
  6297. 							GM_setValue("nextUnmatched", "false");
  6298. 						}
  6299. 					});
  6300. 					
  6301. 				}
  6302. 			}
  6303. 		}
  6304. 		
  6305. 		// Add copy button
  6306. 		{
  6307. 			if (eleTextSubmit)
  6308. 			{
  6309. 				var eleInput = document.createElement("input");
  6310. 				eleInput.classList.add("stsh_copy_new");
  6311. 				eleInput.type = "button";
  6312. 				eleInput.value = "Copy";
  6313. 				eleInput.title = "Copy current suggestion to clipboard";
  6314. 				
  6315. 				insertAfterElement(eleInput, eleTextSubmit);
  6316. 				
  6317. 				eleInput.addEventListener("click", function()
  6318. 				{
  6319. 					var eleTextNew = document.querySelector("#suggestion_value_new");
  6320. 					if (eleTextNew)
  6321. 					{
  6322. 						GM_setClipboard(eleTextNew.value);
  6323. 						focusWithoutScroll(eleTextNew);
  6324. 					}
  6325. 				});
  6326. 			}
  6327. 			
  6328. 			var titleExtra = "\nSome tags and attributes were generated or removed by STS. "
  6329. 				+ "\nSingle quote ' may be changed to double quote \" "
  6330. 				+ "\n and double quote \" may be added for attribute values by browser. ";
  6331. 				
  6332. 			var elesEdit = document.querySelectorAll(".stsh_action_edit");
  6333. 			for (var i = 0; i < elesEdit.length; i++)
  6334. 			{
  6335. 				var eleInput = document.createElement("input");
  6336. 				eleInput.classList.add("stsh_copy_sug");
  6337. 				eleInput.classList.add("stsh_blue_light");
  6338. 				eleInput.type = "button";
  6339. 				eleInput.value = "Copy";
  6340. 				eleInput.title = "Copy this suggestion to clipboard. " + titleExtra;
  6341. 				
  6342. 				insertBeforeElement(eleInput, elesEdit[i]);
  6343. 			
  6344. 				eleInput.addEventListener("click", function(ev)
  6345. 				{
  6346. 					var eleTarget = ev.target;
  6347. 					
  6348. 					var eleSug = eleTarget.parentElement.parentElement
  6349. 						.parentElement.parentElement
  6350. 						.querySelector(".stsh_text_sug");
  6351. 					if (eleSug)
  6352. 					{
  6353. 						var html = removeStsHtmlTags(eleSug);
  6354. 						if (html)
  6355. 						{
  6356. 							GM_setClipboard(html);
  6357. 							focusWithoutScroll("#suggestion_value_new");
  6358. 						}
  6359. 					}
  6360. 				});
  6361. 			}
  6362. 			
  6363. 			if (eleHeaderOrg)
  6364. 			{
  6365. 				var eleInput = document.createElement("input");
  6366. 				eleInput.classList.add("stsh_copy_org");
  6367. 				eleInput.type = "button";
  6368. 				eleInput.value = "Copy";
  6369. 				eleInput.title = "Copy original string to clipboard. " + titleExtra;
  6370. 				
  6371. 				insertAfterElement(eleInput, eleHeaderOrg.firstElementChild);
  6372. 				
  6373. 				eleInput.addEventListener("click", function(ev)
  6374. 				{
  6375. 					var eleTextOrg = document.querySelector(".stsh_text_org");
  6376. 					if (eleTextOrg)
  6377. 					{
  6378. 						var html = removeStsHtmlTags(eleTextOrg);
  6379. 						if (html)
  6380. 						{
  6381. 							GM_setClipboard(html);
  6382. 							focusWithoutScroll("#suggestion_value_new");
  6383. 						}
  6384. 					}
  6385. 				});
  6386. 			}
  6387. 			
  6388. 			if (eleHeaderTrn && eleTextTrn && !eleTextTrn.classList.contains("stsh_text_trn_empty"))
  6389. 			{
  6390. 				var eleInput = document.createElement("input");
  6391. 				eleInput.classList.add("stsh_copy_trn");
  6392. 				eleInput.type = "button";
  6393. 				eleInput.value = "Copy";
  6394. 				eleInput.title = "Copy translated string to clipboard. " + titleExtra;
  6395. 				
  6396. 				insertAfterElement(eleInput, eleHeaderTrn.firstElementChild);
  6397. 				
  6398. 				eleInput.addEventListener("click", function(ev)
  6399. 				{
  6400. 					var eleTextTrn = document.querySelector(".stsh_text_trn:not(.stsh_text_trn_empty)");
  6401. 					if (eleTextTrn)
  6402. 					{
  6403. 						var html = removeStsHtmlTags(eleTextTrn);
  6404. 						if (html)
  6405. 						{
  6406. 							GM_setClipboard(html);
  6407. 							focusWithoutScroll("#suggestion_value_new");
  6408. 						}
  6409. 					}
  6410. 				});
  6411. 			}
  6412. 		}
  6413. 		
  6414. 		// Add border to related action
  6415. 		{
  6416. 			if (userName)
  6417. 			{
  6418. 				var eleSugHistory = document.querySelector(".stsh_suggestion_list_history");
  6419. 				if (eleSugHistory)
  6420. 				{
  6421. 					var isRelated = false;
  6422. 					var strName = "by " + userName + " ";
  6423. 					
  6424. 					eleSugHistory.innerHTML = eleSugHistory.innerHTML.replace("<br>String: ", 
  6425. 						'<br><span class="stsh_suggestion_list_history_header">String: </span>');
  6426. 					
  6427. 					for (var i = 0; i < eleSugHistory.childNodes.length; i++)
  6428. 					{
  6429. 						var node = eleSugHistory.childNodes[i];
  6430. 						if (node.nodeType === document.TEXT_NODE)
  6431. 						{
  6432. 							var index = (node.textContent + " ").indexOf(strName);
  6433. 							if (index > -1 && index < 12)
  6434. 							{
  6435. 								isRelated = true;
  6436. 								break;
  6437. 							}
  6438. 						}
  6439. 					}
  6440. 					
  6441. 					if (isRelated)
  6442. 					{
  6443. 						eleSugHistory.classList.add("stsh_suggestion_list_history_related");
  6444. 						
  6445. 						var eleDiv = document.createElement("div");
  6446. 						eleDiv.innerHTML = eleSugHistory.innerHTML
  6447. 							.replace(new RegExp("by (" + escapeRegExp(userName) + ")", "g")
  6448. 								, function(match, p1, offset, string) 
  6449. 								{
  6450. 									return 'by <span class="stsh_profile_name stsh_blue_light2 stsh_cursor_help"'
  6451. 										+ ' title="This string is related with your action.">' 
  6452. 										+ p1.replace(/\</g, "&lt;") + '</span>';
  6453. 								});
  6454. 								
  6455. 						eleSugHistory.innerHTML = eleDiv.innerHTML;
  6456. 					}
  6457. 				}
  6458. 			}
  6459. 		}
  6460. 		
  6461. 	} // End suggestions.php
  6462.  
  6463. 	if (url.indexOf("translate.php") > -1)
  6464. 	{
  6465. 		document.body && document.body.classList.add("stsh_page_translate");
  6466. 		
  6467. 		var searchText = getQueryByName("search_input");
  6468. 		if (searchText !== "")
  6469. 		{
  6470. 			if (searchText.indexOf("SUGGESTIONS FROM: ") === 0)
  6471. 			{
  6472. 				document.title = searchText.replace("SUGGESTIONS FROM: ", "") + " - " + document.title;
  6473. 			}
  6474. 			else if (searchText.indexOf("REVIEWS FROM: ") === 0)
  6475. 			{
  6476. 				document.title = searchText.replace("REVIEW: ", "") + " - " + document.title;
  6477. 			}
  6478. 			else
  6479. 			{
  6480. 				document.title = searchText + " - " + document.title;
  6481. 			}
  6482. 		}
  6483. 		else
  6484. 		{
  6485. 			var fileID = getQueryByName("file_ID");
  6486. 			if (fileID !== "")
  6487. 			{
  6488. 				var eleFile = document.querySelector("#leftAreaContainer label[for='chosenfile']");
  6489. 				if (eleFile)
  6490. 				{
  6491. 					var file = eleFile.textContent.trim();
  6492. 					if (file.indexOf("Limit search results to CURRENT FILE: ") === 0)
  6493. 					{
  6494. 						file = file.replace("Limit search results to CURRENT FILE: ", "");
  6495. 						var fileNew = file.split("#").reverse().join(" # ").trim();
  6496. 						document.title = fileNew + " - " + document.title;
  6497. 					}
  6498. 				}
  6499. 			}
  6500. 			else
  6501. 			{
  6502. 				var eleInput = document.querySelector("#search_input");
  6503. 				if (eleInput)
  6504. 				{
  6505. 					var valInput = eleInput.value.trim();
  6506. 					if (valInput.indexOf("SUGGESTIONS FROM: ") === 0)
  6507. 					{
  6508. 						document.title = valInput.replace("SUGGESTIONS FROM: ", "") + " - " + document.title;
  6509. 					}
  6510. 					else if (valInput.indexOf("REVIEWS FROM: ") === 0)
  6511. 					{
  6512. 						document.title = valInput.replace("REVIEWS FROM: ", "REVIEW: ") + " - " + document.title;
  6513. 					}
  6514. 					else if (valInput === "---DAYLIGHT SAVINGS BATTLE---")
  6515. 					{
  6516. 						document.title = "DAYLIGHT SAVINGS BATTLE - " + document.title;
  6517. 					}
  6518. 				}
  6519. 			}
  6520. 		}
  6521. 	
  6522. 		var outer = document.querySelector("#suggestions_box_outer");
  6523. 		if (outer)
  6524. 		{
  6525. 			outer.setAttribute("onclick", "doubleClickHideSuggestion(this);");
  6526. 			outer.dataset.stshHideSuggestion = 0;
  6527. 			outer.dataset.stshTextEdited = "false";
  6528. 		}
  6529. 	
  6530. 		var divBtn = document.createElement("div");
  6531. 		document.body.appendChild(divBtn);
  6532. 		divBtn.innerHTML = 
  6533. ' \
  6534. <div class="stsh_showing_group"> \
  6535. 	<span class="stsh_showing_header">Hide</span>\
  6536. 	<br> &nbsp; <input id="stsh_showing_keyApp"		value="App"		data-hidekey="0" class="stsh_btn_short stsh_showing_key" type="button" /> \
  6537. 				<input id="stsh_showing_keyGame"	value="Game"	data-hidekey="1" class="stsh_btn_short stsh_showing_key" type="button" /> \
  6538. 	<br> &nbsp; <input id="stsh_showing_keyFaq"		value="FAQ"		data-hidekey="2" class="stsh_btn_short stsh_showing_key" type="button" /> \
  6539. 				<input id="stsh_showing_keySupport"	value="Support"	data-hidekey="3" class="stsh_btn_short stsh_showing_key" type="button" /> \
  6540. 	<br> &nbsp; <input id="stsh_showing_keyPromo"	value="Promo"	data-hidekey="4" class="stsh_btn_short stsh_showing_key" type="button" /> \
  6541. 				<input id="stsh_showing_keyEmail"	value="Email"	data-hidekey="5" class="stsh_btn_short stsh_showing_key" type="button" /> \
  6542. 	<br> \
  6543. 	<br> &nbsp; <input id="stsh_showing_strNotMatch" value="Hide not similar" data-hidestr="0" class="stsh_btn_long stsh_showing_str" type="button" /> \
  6544. 	<br> &nbsp; <input id="stsh_showing_strLong"	 value="Hide very long"	  data-hidestr="1" class="stsh_btn_long stsh_showing_str" type="button" /> \
  6545. 	 \
  6546. 	<br> &nbsp; <span class="stsh_showing_header">Hide Suggestions</span>\
  6547. 	<br> &nbsp; <input id="stsh_showing_notTranslated" value="Not Translated (0)" data-hidestatus="0" class="stsh_btn_long stsh_showing_status" type="button" /> \
  6548. 	<br> &nbsp; <input id="stsh_showing_suggested"	   value="Suggested (0)"	  data-hidestatus="1" class="stsh_btn_long stsh_showing_status" type="button" /> \
  6549. 	<br> &nbsp; <input id="stsh_showing_resuggested"   value="Resuggested (0)"	  data-hidestatus="2" class="stsh_btn_long stsh_showing_status" type="button" /> \
  6550. 	<br> &nbsp; <input id="stsh_showing_approved"	   value="Approved (0)"		  data-hidestatus="3" class="stsh_btn_long stsh_showing_status" type="button" /> \
  6551. 	<br> &nbsp; <input id="stsh_showing_declined"	   value="Declined (0)"		  data-hidestatus="4" class="stsh_btn_long stsh_showing_status" type="button" /> \
  6552. 	<br> &nbsp; <input id="stsh_showing_translated"	   value="Translated (0)"	  data-hidestatus="5" class="stsh_btn_long stsh_showing_status" type="button" /> \
  6553. 	 \
  6554. 	<br> &nbsp; <span class="stsh_showing_header">Sort by</span>\
  6555. 	<br> &nbsp; <input id="stsh_sort_key"	 value="Key"	data-sort="0" class="stsh_btn_short stsh_sort" type="button" /> \
  6556. 				<input id="stsh_sort_string" value="String"	data-sort="1" class="stsh_btn_short stsh_sort" type="button" /> \
  6557. 	<br> &nbsp; <input id="stsh_sort_word"	 value="Word"	data-sort="2" class="stsh_btn_short stsh_sort" type="button" /> \
  6558. 				<input id="stsh_sort_length" value="Length"	data-sort="3" class="stsh_btn_short stsh_sort" type="button" /> \
  6559. 	<br> \
  6560. 	<br> &nbsp; <input id="stsh_showing_refresh" value="Refresh"  class="stsh_btn" type="button" onclick="hideSuggestionsBox(); return false;" /> \
  6561. 	<br> &nbsp; <input id="stsh_showing_all"	 value="Show All" class="stsh_btn" type="button" /> \
  6562. 	<br> \
  6563. </div> \
  6564. <div id="stsh_showing_current"></div> \
  6565. <div id="stsh_showing"></div> \
  6566. ';
  6567.  
  6568. 		// Count showing
  6569. 		var countShowing = function()
  6570. 		{
  6571. 			var trKeys = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr");
  6572. 			var countAll = document.querySelectorAll("#keylist .copysmall").length;
  6573. 			var countShow = 0;
  6574. 			var countSuggest = 0;
  6575. 			var countResuggest = 0;
  6576. 			var countApprove = 0;
  6577. 			var countDecline = 0;
  6578. 			var countNotTranslated = 0;
  6579. 			var countTranslated = 0;
  6580. 			
  6581. 			var txtApprove = "ready for Admin";
  6582. 			var txtDecline = "ready for removal";
  6583. 			var txtSuggest = "suggestion";
  6584. 			
  6585. 			for (var i = 0; i < trKeys.length; i++)
  6586. 			{
  6587. 				if (!trKeys[i].classList.contains("stsh_hidden"))
  6588. 				{
  6589. 					var eleCounter = trKeys[i].querySelector("tr.copysmall > td:nth-child(3)");
  6590. 					if (eleCounter)
  6591. 					{
  6592. 						countShow++;
  6593. 						var txtCounter = eleCounter.textContent.trim();
  6594. 						if (txtCounter.indexOf(txtApprove) > -1)
  6595. 						{
  6596. 							countApprove++;
  6597. 						}
  6598. 						else if (txtCounter.indexOf(txtDecline) > -1)
  6599. 						{
  6600. 							countDecline++;
  6601. 						}
  6602. 						else if (txtCounter.indexOf(txtSuggest) > -1)
  6603. 						{
  6604. 							var eleNotTranslated = trKeys[i].querySelector("span.token_nottranslated");
  6605. 							if (eleNotTranslated)
  6606. 							{
  6607. 								countSuggest++;
  6608. 							}
  6609. 							else
  6610. 							{
  6611. 								countResuggest++;
  6612. 							}
  6613. 						}
  6614. 						else
  6615. 						{
  6616. 							var eleNotTranslated = trKeys[i].querySelector("span.token_nottranslated");
  6617. 							if (eleNotTranslated)
  6618. 							{
  6619. 								countNotTranslated++;
  6620. 							}
  6621. 							else
  6622. 							{
  6623. 								countTranslated++;
  6624. 							}
  6625. 						}
  6626. 					}
  6627. 					else
  6628. 					{
  6629. 						var eleTd = trKeys[i].querySelector("td");
  6630. 						if (eleTd)
  6631. 						{
  6632. 							if (eleTd.textContent.trim() === "")
  6633. 							{
  6634. 								removeElement(trKeys[i]);
  6635. 							}
  6636. 						}
  6637. 					}
  6638. 				}
  6639. 			}
  6640. 			
  6641. 			var eleShowing = document.querySelector("#stsh_showing");
  6642. 			if (eleShowing)
  6643. 			{
  6644. 				var newHtml = "Showing: <span class=\"stsh_showing_counter\">" + countShow + " of " + countAll + "</span>"
  6645. 					+ "<!-- " + countNotTranslated + ", " + countSuggest + ", " + countResuggest
  6646. 					+ ", " + countApprove + ", " + countDecline + ", " + countTranslated + " -->";
  6647. 					
  6648. 				if (eleShowing.innerHTML !== newHtml)
  6649. 				{
  6650. 					eleShowing.innerHTML = newHtml;
  6651.  
  6652. 					var elesBtnShowingStatus = document.querySelectorAll(".stsh_showing_status");
  6653. 					if (elesBtnShowingStatus.length === 6)
  6654. 					{
  6655. 						var counterArr = [countNotTranslated, countSuggest, countResuggest
  6656. 							, countApprove, countDecline, countTranslated ];
  6657. 						var counterTextArr = ["Not Translated", "Suggested", "Resuggested"
  6658. 							, "Approved", "Declined", "Translated" ];
  6659.  
  6660. 						for (var i = 0; i < elesBtnShowingStatus.length; i++)
  6661. 						{
  6662. 							elesBtnShowingStatus[i].value = counterTextArr[i] + " ("+ counterArr[i] +")" ;
  6663. 						};
  6664. 					}
  6665. 				}
  6666. 			}
  6667. 			
  6668. 			var eleShowingCur = document.querySelector("#stsh_showing_current");
  6669. 			if (eleShowingCur)
  6670. 			{
  6671. 				var eleOuter = document.querySelector("#suggestions_box_outer");
  6672. 				if (eleOuter)
  6673. 				{
  6674. 					if (eleOuter.style.display !== "none")
  6675. 					{
  6676. 						if (eleShowingCur.style.display !== "initial")
  6677. 							eleShowingCur.style.display = "initial";
  6678. 						
  6679. 						var eleIframe = document.querySelector("#suggestions_iframe");
  6680. 						if (eleIframe)
  6681. 						{
  6682. 							var iUrl = eleIframe.contentWindow.location.href;
  6683. 							var listId = parseInt(getQueryByName("list_id", iUrl)) || 0;
  6684. 							
  6685. 							listId += 1;
  6686. 							
  6687. 							var newHtml = "Current: <span class=\"stsh_showing_counter\">" + listId + " of " + countShow + "</span>";
  6688. 							if (eleShowingCur.innerHTML !== newHtml)
  6689. 							{
  6690. 								eleShowingCur.innerHTML = newHtml;
  6691. 							}
  6692. 						}
  6693. 					}
  6694. 					else
  6695. 					{
  6696. 						if (eleShowingCur.style.display !== "none")
  6697. 						{
  6698. 							eleShowingCur.style.display = "none";
  6699. 							eleShowingCur.innerHTML = "";
  6700. 						}
  6701. 					}
  6702. 				}
  6703. 			}
  6704. 		};
  6705. 		countShowing();
  6706. 		
  6707. 		// Waiting for iframe
  6708. 		{
  6709. 			var obTarget_countRand = document.createElement("div");
  6710. 			obTarget_countRand.id = "stsh_showing_random";
  6711. 			obTarget_countRand.dataset.random = "0";
  6712. 			document.body.appendChild(obTarget_countRand);
  6713. 			
  6714. 			var obMu_countRand = new MutationObserver(function(mutations)
  6715. 			{
  6716. 				mutations.forEach(function(mutation)
  6717. 				{
  6718. 					countShowing();
  6719. 				});
  6720. 			});
  6721.  
  6722. 			var obConfig_countRand = { attributes: true, attributeFilter: ["data-random"] };
  6723. 			obMu_countRand.observe(obTarget_countRand, obConfig_countRand);
  6724. 		}
  6725. 		
  6726. 		// End Count showing
  6727.  
  6728. 		// Line Counter
  6729. 		var addLineCounter = function()
  6730. 		{
  6731. 			var elesCounter = document.querySelectorAll(".stsh_lineCounter");
  6732. 			if (elesCounter.length > 0)
  6733. 			{
  6734. 				var j = 1;
  6735. 				for (var i = 0; i < elesCounter.length; i++)
  6736. 				{
  6737. 					if (!elesCounter[i].parentElement.parentElement.parentElement
  6738. 						.parentElement.classList.contains("stsh_hidden"))
  6739. 					{
  6740. 						if (elesCounter[i].textContent.trim() != j)
  6741. 						{
  6742. 							// Compare string with int using loose equality
  6743. 							elesCounter[i].textContent = j;
  6744. 						}
  6745. 						j++;
  6746. 					}
  6747. 				}
  6748. 			}
  6749. 			else
  6750. 			{
  6751. 				var elesDiv = document.querySelectorAll("#keylist td:nth-child(1) > div");
  6752. 				for (var i = 0; i < elesDiv.length; i++)
  6753. 				{
  6754. 					var eleNew = document.createElement("span");
  6755. 					eleNew.classList.add("stsh_lineCounter_outer");
  6756. 					eleNew.innerHTML =
  6757. 						' <span class="stsh_lineCounter"> ' + (i + 1) + ' </span> ';
  6758. 					
  6759. 					elesDiv[i].appendChild(eleNew);
  6760. 				}
  6761. 			}
  6762. 		};
  6763. 		addLineCounter();
  6764. 		
  6765. 		// End Line Counter
  6766. 		
  6767. 		// Hide & sort suggestions
  6768. 		{
  6769. 			var hideStatus = function(mode)
  6770. 			{
  6771. 				/* 
  6772. 					mode:
  6773. 						0: notTranslated
  6774. 						1: suggested
  6775. 						2: resuggested
  6776. 						3: approved
  6777. 						4: declined
  6778. 						5: translated
  6779. 				*/
  6780.  
  6781. 				//console.log("hideStatus: " + mode);
  6782. 			
  6783. 				if (mode < 0 || mode > 5) return;
  6784.  
  6785. 				var display = "none";
  6786. 				var txtApprove = "ready for Admin";
  6787. 				var txtDecline = "ready for removal";
  6788. 				var txtSuggest = "suggestion";
  6789. 				 
  6790. 				var trKeys = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr");
  6791. 				for (var i = 0; i < trKeys.length; i++)
  6792. 				{
  6793. 					if (!trKeys[i].classList.contains("stsh_hidden"))
  6794. 					{
  6795. 						var curMode = -1;
  6796.  
  6797. 						var eleCounter = trKeys[i].querySelector("tr.copysmall > td:nth-child(3)");
  6798. 						if (eleCounter)
  6799. 						{
  6800.  
  6801. 							var txtCounter = eleCounter.textContent.trim();
  6802. 							if (txtCounter.indexOf(txtApprove) > -1)
  6803. 							{
  6804. 								curMode = 3;	// Approved
  6805. 							}
  6806. 							else if (txtCounter.indexOf(txtDecline) > -1)
  6807. 							{
  6808. 								curMode = 4;	// Declined
  6809. 							}
  6810. 							else if (txtCounter.indexOf(txtSuggest) > -1)
  6811. 							{
  6812. 								var eleNotTranslated = trKeys[i].querySelector("span.token_nottranslated");
  6813. 								if (eleNotTranslated)
  6814. 								{
  6815. 									curMode = 1;	// Suggested
  6816. 								}
  6817. 								else
  6818. 								{
  6819. 									curMode = 2;	// Resuggested
  6820. 								}
  6821. 							}
  6822. 							else
  6823. 							{
  6824. 								var eleNotTranslated = trKeys[i].querySelector("span.token_nottranslated");
  6825. 								if (eleNotTranslated)
  6826. 								{
  6827. 									curMode = 0;	// Not Translated
  6828. 								}
  6829. 								else
  6830. 								{
  6831. 									curMode = 5;	// Translated
  6832. 								}
  6833. 							}
  6834. 						}
  6835.  
  6836. 						if (curMode === mode)
  6837. 						{
  6838. 							trKeys[i].classList.add("stsh_hidden");
  6839. 						}
  6840. 					}
  6841. 				}
  6842. 			}
  6843. 			
  6844. 			var sortKey = function(mode)
  6845. 			{
  6846. 				/*
  6847. 					mode:
  6848. 						0: key
  6849. 						1: string
  6850. 						2: word
  6851. 						3: length
  6852. 				*/
  6853. 				
  6854. 				if (mode < 0) return;
  6855. 				
  6856. 				var keyArr = [];
  6857. 				var valArr = [];
  6858. 				
  6859. 				var dot = "...";
  6860. 				var dotLengthMinus = 0 - dot.length;
  6861. 				var strNotTranslated = "NOT TRANSLATED";
  6862. 				var strTr = "";
  6863. 				var rgxAlphabet = /[a-z0-9]/i;
  6864. 				
  6865. 				var eleKeys = document.querySelectorAll
  6866. 				(" \
  6867. 					#keylist > table:nth-child(1) \
  6868. 					> tbody:nth-child(1) > tr > td:nth-child(1) > div:nth-child(1) \
  6869. 					> table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(1) \
  6870. 				");
  6871. 				for (var i = 0; i < eleKeys.length; i++)
  6872. 				{
  6873. 					try
  6874. 					{
  6875. 						/*
  6876. 							key:
  6877. 								tr: is translated
  6878. 								sg: is suggested
  6879. 								dt: has dot
  6880. 								sb: spacebar count
  6881. 								sc: special char count
  6882. 								sp: has special char
  6883. 								ln: length
  6884. 								lt: length translated
  6885. 								st: spacebar count translated
  6886. 						*/
  6887. 						
  6888. 						var dot = "...";
  6889. 						var dotLengthMinus = 0 - dot.length;
  6890. 						var isDot = false;
  6891. 						var isSuggested = false;
  6892. 						var isTranslated = false;
  6893. 						
  6894. 						var key = eleKeys[i].textContent.trim() + "  ";
  6895. 						var str = "";
  6896. 						
  6897. 						if (mode !== 0)
  6898. 						{
  6899. 							str = eleKeys[i].parentElement.nextSibling.nextSibling.firstElementChild.textContent.trim();
  6900. 							isDot = (str.substr(dotLengthMinus) === dot);
  6901. 							
  6902. 							isSuggested = (eleKeys[i].nextElementSibling.nextElementSibling.textContent.trim() !== "");
  6903. 							strTr = eleKeys[i].parentElement.nextElementSibling.lastElementChild.textContent.trim();
  6904. 							isTranslated = (strTr !== strNotTranslated);
  6905. 						}
  6906. 						
  6907. 						if (mode === 0)
  6908. 						{
  6909. 							// mode: key
  6910. 							if (key.indexOf("GLOSSARY") === 0)
  6911. 							{
  6912. 								key = "0" + key;
  6913. 							}
  6914. 						}
  6915. 						if (mode === 1)
  6916. 						{
  6917. 							// mode: string
  6918. 							key = (isTranslated ? "tr00_ " : "tr99_ ") + strTr 
  6919. 								+ (isSuggested ? "  _sg00" : "  _sg99") + " ___ " + key;
  6920. 							if (str.length > 0 && !rgxAlphabet.test(str[0]))
  6921. 							{
  6922. 								key = "zzzzz" + str + "  ___ " + key;
  6923. 							}
  6924. 							else
  6925. 							{
  6926. 								key = str + "  ___ " + key;
  6927. 							}
  6928. 						}
  6929. 						else if (mode === 2)
  6930. 						{
  6931. 							// mode: word
  6932. 							key = (isTranslated ? "tr00_" : "tr99_") 
  6933. 								+ "st" + padZero(strTr.split(" ").length, 2) + "_"
  6934. 								+ "lt" + padZero(strTr.length, 3) + " " 
  6935. 								+ strTr + (isSuggested ? "  _sg00" : "  _sg99") + " ___ " + key;
  6936. 							key = (isDot ? "dt99_" : "dt00_")
  6937. 								+ "sb" + padZero(str.split(" ").length, 2) 
  6938. 								+ "_sc" + padZero(str.split(/[^a-z0-9 ]/i).length, 2)
  6939. 								+ " ___ " + str + "  ___ " + key;
  6940. 						}
  6941. 						else if (mode === 3)
  6942. 						{
  6943. 							// length
  6944. 							var length = 0;
  6945. 							if (str[0] === "<" || str[0] === "[")
  6946. 							{
  6947. 								length = str.length + 800;
  6948. 							}
  6949. 							else if (str.indexOf("<") > 0 || str.indexOf("[") > 0)
  6950. 							{
  6951. 								length = str.length + 600;
  6952. 							}
  6953. 							else
  6954. 							{
  6955. 								length = str.length;
  6956. 							}
  6957. 							
  6958. 							key = (isTranslated ? "tr00_" : "tr99_") + "lt" + padZero(strTr.length, 3) + " " 
  6959. 								+ strTr + (isSuggested ? "  _sg00" : "  _sg99") + " ___ " + key;
  6960. 							key = (isDot ? "dt99_" : "dt00_")
  6961. 								+ "sp" + (str.split(/[^a-z0-9]/i).length > 1 ? "99_" : "00_")
  6962. 								+ "ln" + padZero(length, 3)
  6963. 								+ " ___ " + str + "  ___ " + key;
  6964. 						}
  6965. 						
  6966. 						key = key.toLowerCase();
  6967. 						keyArr.push(key);
  6968. 						
  6969. 						var eleParent = eleKeys[i].parentElement.parentElement.parentElement
  6970. 							.parentElement.parentElement.parentElement;
  6971. 							
  6972. 						//eleParent.dataset.stshKey = key;
  6973. 						//console.log("Key: " + key);
  6974. 						
  6975. 						valArr[key] = eleParent.outerHTML.trim();
  6976. 					}
  6977. 					catch (ex)
  6978. 					{
  6979. 						console.error("sortKey", ex.message);
  6980. 					}
  6981. 				}
  6982. 				
  6983. 				var keyArrTmp = keyArr.slice();
  6984. 				keyArr.sort();
  6985. 				
  6986. 				var isSame = true;
  6987. 				for (var i = 0; i < keyArr.length; i++)
  6988. 				{
  6989. 					if (keyArr[i] !== keyArrTmp[i])
  6990. 					{
  6991. 						isSame = false;
  6992. 					}
  6993. 				}
  6994. 				
  6995. 				if (!isSame)
  6996. 				{
  6997. 					var eleTable = document.querySelector("#keylist > table:nth-child(1) > tbody:nth-child(1)");
  6998. 					if (eleTable)
  6999. 					{
  7000. 						var newInner = "";
  7001. 						
  7002. 						for (var i = 0; i < keyArr.length; i++)
  7003. 						{
  7004. 							newInner += valArr[keyArr[i]];
  7005. 						}
  7006. 						
  7007. 						eleTable.innerHTML = newInner;
  7008. 					}
  7009. 				}
  7010. 			}
  7011. 			
  7012. 			var activeHideStatus = [0, 0, 0, 0, 0, 0];
  7013. 				// notTranslated, suggested, resuggested, approved, declined, translated
  7014. 				
  7015. 			var activeHideKey = [0, 0, 0, 0, 0, 0];
  7016. 				// app, game, faq, support, promo, email
  7017. 				
  7018. 			var activeHideStr = [0, 0];
  7019. 				// notMatch, long
  7020. 				
  7021. 			var activeSort = -1;
  7022. 				
  7023. 			var eleBtnShowAll = document.querySelector("#stsh_showing_all");
  7024. 			if (eleBtnShowAll)
  7025. 			{
  7026. 				eleBtnShowAll.addEventListener("click", function()
  7027. 				{
  7028. 					var elesBtnShowing = document.querySelectorAll(
  7029. 						".stsh_showing_status, .stsh_showing_key, .stsh_showing_str");
  7030. 					for (var i = 0; i < elesBtnShowing.length; i++)
  7031. 					{
  7032. 						elesBtnShowing[i].disabled = false;
  7033. 					}
  7034. 					
  7035. 					for (var i = 0; i < activeHideStatus.length; i++)
  7036. 					{
  7037. 						activeHideStatus[i] = 0;
  7038. 					}
  7039. 					
  7040. 					for (var i = 0; i < activeHideKey.length; i++)
  7041. 					{
  7042. 						activeHideKey[i] = 0;
  7043. 					}
  7044. 					
  7045. 					for (var i = 0; i < activeHideStr.length; i++)
  7046. 					{
  7047. 						activeHideStr[i] = 0;
  7048. 					}
  7049. 					
  7050. 					activeSort = -1;
  7051. 					
  7052. 					hideKey(-1);	// Show all
  7053. 					
  7054. 					countShowing();
  7055. 				});
  7056. 			}
  7057.  
  7058. 			var elesBtnShowingStatus = document.querySelectorAll(".stsh_showing_status");
  7059. 			for (var i = 0; i < elesBtnShowingStatus.length; i++)
  7060. 			{
  7061. 				elesBtnShowingStatus[i].addEventListener("click", function(ev)
  7062. 				{
  7063. 					var mode = parseInt(ev.target.dataset.hidestatus) || 0;
  7064. 					
  7065. 					activeHideStatus[mode] = 1;
  7066. 					hideStatus(mode);
  7067. 					
  7068. 					ev.target.disabled = true;
  7069. 				});
  7070. 			}
  7071. 			
  7072. 			var obTarget_hider = document.querySelector("#keylist_container");
  7073. 			if (obTarget_hider)
  7074. 			{
  7075. 				var obMu_hider = new MutationObserver(function(mutations)
  7076. 				{
  7077. 					mutations.forEach(function(mutation)
  7078. 					{
  7079. 						//console.log("obMu_hider");
  7080. 						
  7081. 						for (var i = 0; i < activeHideStatus.length; i++)
  7082. 						{
  7083. 							if (activeHideStatus[i] === 1)
  7084. 							{
  7085. 								hideStatus(i);
  7086. 							}
  7087. 						}
  7088. 						
  7089. 						for (var i = 0; i < activeHideKey.length; i++)
  7090. 						{
  7091. 							if (activeHideKey[i] === 1)
  7092. 							{
  7093. 								hideKey(i);
  7094. 							}
  7095. 						}
  7096. 						
  7097. 						for (var i = 0; i < activeHideStr.length; i++)
  7098. 						{
  7099. 							if (activeHideStr[i] === 1)
  7100. 							{
  7101. 								hideStr(i);
  7102. 							}
  7103. 						}
  7104. 						
  7105. 						sortKey(activeSort);
  7106. 					});
  7107. 				});
  7108. 				
  7109. 				var obConfig_hider = { childList: true };
  7110. 				obMu_hider.observe(obTarget_hider, obConfig_hider);
  7111. 			}
  7112.  
  7113. 			var elesBtnSort = document.querySelectorAll(".stsh_sort");
  7114. 			for (var i = 0; i < elesBtnSort.length; i++)
  7115. 			{
  7116. 				elesBtnSort[i].addEventListener("click", function(ev)
  7117. 				{
  7118. 					var mode = parseInt(ev.target.dataset.sort) || 0;
  7119. 					
  7120. 					activeSort = mode;
  7121. 					sortKey(activeSort);
  7122. 				});
  7123. 			}
  7124.  
  7125. 			var setVisibleKey = function(startKey, visible)
  7126. 			{
  7127. 				// Use ("", true) to show all
  7128. 				
  7129. 				startKey = startKey.toLowerCase();
  7130. 				var display = visible !== true ? "none" : "";
  7131. 				var eleKeys = document.querySelectorAll
  7132. 				(" \
  7133. 					#keylist > table:nth-child(1) \
  7134. 					> tbody:nth-child(1) > tr > td:nth-child(1) > div:nth-child(1) \
  7135. 					> table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(1) \
  7136. 				");
  7137. 				for (var i = 0; i < eleKeys.length; i++)
  7138. 				{
  7139. 					try
  7140. 					{
  7141. 						if (eleKeys[i].textContent.trim().toLowerCase().indexOf(startKey) > -1)
  7142. 						{
  7143. 							var eleTarget = eleKeys[i].parentElement.parentElement.parentElement
  7144. 								.parentElement.parentElement.parentElement;
  7145. 							if (visible && eleTarget.classList.contains("stsh_hidden"))
  7146. 							{
  7147. 								eleTarget.classList.remove("stsh_hidden");
  7148. 							}
  7149. 							else if (!visible && !eleTarget.classList.contains("stsh_hidden"))
  7150. 							{
  7151. 								eleTarget.classList.add("stsh_hidden");
  7152. 							}
  7153. 						}
  7154. 					}
  7155. 					catch (ex)
  7156. 					{
  7157. 						console.error("setVisibleKey", ex.message);
  7158. 					}
  7159. 				}
  7160. 			}
  7161. 			
  7162. 			var hideKey = function(mode)
  7163. 			{
  7164. 				/*
  7165. 					mode:
  7166. 						-1: showAll
  7167. 						0: app
  7168. 						1: game
  7169. 						2: faq
  7170. 						3: support
  7171. 						4: promo
  7172. 						5: email
  7173. 				*/
  7174. 				
  7175. 				if (mode === -1)		// showAll
  7176. 				{
  7177. 					setVisibleKey("", true);
  7178. 				}
  7179. 				else if (mode === 0)	// app
  7180. 				{
  7181. 					setVisibleKey("# storefront_english_apps.txt #", false);
  7182. 					setVisibleKey("# storefront_english_main.txt # #app_", false);
  7183. 					setVisibleKey("# community_english.txt # SharedFiles_App_", false);
  7184. 					setVisibleKey("# appmgmt_english.txt #", false);
  7185. 					setVisibleKey("STEAM/VR", false);
  7186. 				}
  7187. 				else if (mode === 1)	// game
  7188. 				{
  7189. 					setVisibleKey("GAMES/", false);
  7190. 					setVisibleKey("TF_", false);
  7191. 				}
  7192. 				else if (mode === 2)	// faq
  7193. 				{
  7194. 					setVisibleKey("# support_faq_english.txt #", false);
  7195. 				}
  7196. 				else if (mode === 3)	// support
  7197. 				{
  7198. 					setVisibleKey("# supportui_english.txt #", false);
  7199. 					setVisibleKey("# help_english.txt #", false);
  7200. 				}
  7201. 				else if (mode === 4)	// promo
  7202. 				{
  7203. 					setVisibleKey("#promo", false);
  7204. 					setVisibleKey("#hardware", false);
  7205. 					setVisibleKey("ControllerBinding", false);
  7206. 					setVisibleKey("Library_Controller", false);
  7207. 					setVisibleKey("STEAM/HARDWARE", false);
  7208. 					setVisibleKey("STEAM/DELTA", false);
  7209. 					setVisibleKey("GAMES/KILLINGFLOOR2", false);
  7210. 				}
  7211. 				else if (mode === 5)	// email
  7212. 				{
  7213. 					setVisibleKey("#email", false);
  7214. 				}
  7215. 			}
  7216. 			
  7217. 			var elesBtnShowingKey = document.querySelectorAll(".stsh_showing_key");
  7218. 			for (var i = 0; i < elesBtnShowingKey.length; i++)
  7219. 			{
  7220. 				elesBtnShowingKey[i].addEventListener("click", function(ev)
  7221. 				{
  7222. 					var mode = parseInt(ev.target.dataset.hidekey) || 0;
  7223. 					
  7224. 					activeHideKey[mode] = 1;
  7225. 					hideKey(mode);
  7226. 					
  7227. 					ev.target.disabled = true;
  7228. 				});
  7229. 			}
  7230. 			
  7231. 			var hideStr = function(mode)
  7232. 			{
  7233. 				/*
  7234. 					mode:
  7235. 						0: notMatch
  7236. 						1: long
  7237. 				*/
  7238. 				
  7239. 				if (mode === 0)			// notMatch
  7240. 				{
  7241. 					var searchStr = decodeURIComponent(getQueryByName("search_input")).replace(/\\+/g," ").trim();
  7242. 					searchStr = searchStr.toLowerCase();
  7243. 					
  7244. 					var eleStrs = document.querySelectorAll
  7245. 					(" \
  7246. 						#keylist \
  7247. 						> table:nth-child(1) > tbody:nth-child(1) > tr > td:nth-child(1) > div:nth-child(1) \
  7248. 						> table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(2) \
  7249. 					");
  7250. 					for (var i = 0; i < eleStrs.length; i++)
  7251. 					{
  7252. 						try
  7253. 						{
  7254. 							var valStr = eleStrs[i].children[0].textContent.trim().toLowerCase();
  7255. 							var valTrn = eleStrs[i].children[2].textContent.trim().toLowerCase();
  7256. 							if (valStr !== searchStr && valTrn !== searchStr)
  7257. 							{
  7258. 								var eleTarget = eleStrs[i].parentElement.parentElement
  7259. 									.parentElement.parentElement.parentElement;
  7260. 								if (!eleTarget.classList.contains("stsh_hidden"))
  7261. 								{
  7262. 									eleTarget.classList.add("stsh_hidden");
  7263. 								}
  7264. 							}
  7265. 						}
  7266. 						catch (ex)
  7267. 						{
  7268. 							console.error("hideStrNotMatch", ex.message);
  7269. 						}
  7270. 					}
  7271. 				}
  7272. 				else if (mode === 1)	// long
  7273. 				{
  7274. 					var dot = "...";
  7275. 					var dotLengthMinus = 0 - dot.length;
  7276. 					
  7277. 					var eleStrs = document.querySelectorAll
  7278. 					(" \
  7279. 						#keylist \
  7280. 						> table:nth-child(1) > tbody:nth-child(1) > tr > td:nth-child(1) > div:nth-child(1) \
  7281. 						> table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(2) > td:nth-child(1) \
  7282. 					");
  7283. 					for (var i = 0; i < eleStrs.length; i++)
  7284. 					{
  7285. 						try
  7286. 						{
  7287. 							var valStr = eleStrs[i].textContent.trim();
  7288. 							if (valStr.substr(dotLengthMinus) === dot)
  7289. 							{
  7290. 								var eleTarget = eleStrs[i].parentElement.parentElement
  7291. 									.parentElement.parentElement.parentElement.parentElement;
  7292. 								if (!eleTarget.classList.contains("stsh_hidden"))
  7293. 								{
  7294. 									eleTarget.classList.add("stsh_hidden");
  7295. 								}
  7296. 							}
  7297. 						}
  7298. 						catch (ex)
  7299. 						{
  7300. 							console.error("hideStrLong", ex.message);
  7301. 						}
  7302. 					}
  7303. 				}
  7304. 			}
  7305. 			
  7306. 			var elesBtnShowingStr = document.querySelectorAll(".stsh_showing_str");
  7307. 			for (var i = 0; i < elesBtnShowingStr.length; i++)
  7308. 			{
  7309. 				elesBtnShowingStr[i].addEventListener("click", function(ev)
  7310. 				{
  7311. 					var mode = parseInt(ev.target.dataset.hidestr) || 0;
  7312. 					
  7313. 					activeHideStr[mode] = 1;
  7314. 					hideStr(mode);
  7315. 					
  7316. 					ev.target.disabled = true;
  7317. 				});
  7318. 			}
  7319. 			
  7320. 		} // End Hide & sort suggestions
  7321.  
  7322. 		resizeSuggestionBox();
  7323. 	
  7324. 		// Add Frame button when iframe load failed
  7325. 		{
  7326. 			var obTarget_ifrm = document.querySelector("#suggestions_iframe");
  7327. 			if (obTarget_ifrm)
  7328. 			{
  7329. 				var obMu_ifrm = new MutationObserver(function(mutations) 
  7330. 				{
  7331. 					mutations.forEach(function(mutation) 
  7332. 					{
  7333. 						var divFrame = document.querySelector("#stsh_frame");
  7334. 						if (!divFrame)
  7335. 						{
  7336. 							var divOuter = document.querySelector("#suggestions_box_outer");
  7337. 							if (divOuter)
  7338. 							{
  7339. 								divFrame = document.createElement("div");
  7340. 								divFrame.id = "stsh_frame";
  7341. 								divOuter.appendChild(divFrame);
  7342. 							}
  7343. 						}
  7344. 						if (divFrame)
  7345. 						{
  7346. 							var ifrm = document.querySelector("#suggestions_iframe");
  7347. 							if (ifrm)
  7348. 							{
  7349. 								var src = ifrm.getAttribute("src");
  7350. 								var token = getQueryByName("token_key", src);
  7351. 								
  7352. 								divFrame.innerHTML = 
  7353. ' \
  7354. <br><br> \
  7355. <div id="stsh_frame_sub"> \
  7356. 	Token: <span class="stsh_blue">' + token + '</span> \
  7357. 	<br><br> \
  7358. 	<a class="stsh_a_button" target="_blank" href="' + src + '">Frame</a> \
  7359. 	<br><br> \
  7360. 	This frame may be blocked by ad blocker software. \
  7361. 	<br> \
  7362. 	Please whitelist https://translation.steampowered.com to prevent this missing frame. \
  7363. </div> \
  7364. ';
  7365. 							}
  7366. 						}
  7367. 					});
  7368. 				});
  7369.  
  7370. 				var obConfig_ifrm = { attributes: true, attributeFilter: ["src"] };
  7371. 				obMu_ifrm.observe(obTarget_ifrm, obConfig_ifrm);
  7372. 			}
  7373. 		}
  7374. 		
  7375. 		// Open frame if only one string
  7376. 		{
  7377. 			setTimeoutCustom(function()
  7378. 			{
  7379. 				var elesCopy = document.querySelectorAll("#keylist .copysmall");
  7380. 				if (elesCopy.length === 1)
  7381. 				{
  7382. 					var eleDiv = elesCopy[0].parentElement.parentElement.parentElement;
  7383. 					
  7384. 					if (eleDiv.tagName === "DIV")
  7385. 					{
  7386. 						if (!isVisible())
  7387. 						{
  7388. 							eleDiv.click();
  7389. 						}
  7390. 					}
  7391. 				}
  7392. 			}, timingInit.openFrame);
  7393. 		}
  7394. 		
  7395. 		// Fix STS search options
  7396. 		{
  7397. 			for (var i = 0; i < 6; i++)
  7398. 			{
  7399. 				var elesSort = document.querySelectorAll("#search #sort" + i);
  7400. 				if (elesSort.length === 2)
  7401. 				{
  7402. 					elesSort[1].id = "status" + i;
  7403. 				}
  7404. 			}
  7405. 			
  7406. 			var elesLabel = document.querySelectorAll("#search label[for='sort0']");
  7407. 			if (elesLabel.length === 2)
  7408. 			{
  7409. 				elesLabel[1].setAttribute("for", "status0");
  7410. 			}
  7411. 			
  7412. 			var eleLabelEntire = document.querySelector("label[for='keys']");
  7413. 			if (eleLabelEntire && eleLabelEntire.textContent.trim() === "ENTIRE DB")
  7414. 			{
  7415. 				eleLabelEntire.setAttribute("for", "all");
  7416. 			}
  7417. 		}
  7418. 		
  7419. 		// Add date navigation
  7420. 		{
  7421. 			var eleInput = document.querySelector("input#search_input");
  7422. 			if (eleInput)
  7423. 			{
  7424. 				var date = "";
  7425. 				
  7426. 				var valInput = eleInput.value.trim();
  7427. 				if (valInput.indexOf("DATE: ") === 0)
  7428. 				{
  7429. 					date = valInput.replace("DATE: ", "");
  7430. 				}
  7431. 				
  7432. 				var eleBtn = document.querySelector("button#search_input");
  7433. 				if (eleBtn)
  7434. 				{
  7435. 					if (!date)
  7436. 					{
  7437. 						if (eleBtn.value.indexOf("DATE: ") === 0)
  7438. 						{
  7439. 							date = eleBtn.value.replace("DATE: ", "");
  7440. 						}
  7441. 					}
  7442. 					
  7443. 					if (date)
  7444. 					{
  7445. 						eleBtn.classList.add("stsh_date_cur");
  7446. 						eleBtn.title = eleBtn.value.replace("DATE: ", "");
  7447. 						eleBtn.textContent = "TODAY";
  7448. 						eleBtn.removeAttribute("id");
  7449. 						eleBtn.removeAttribute("name");
  7450. 							
  7451. 						var eleDiv = document.createElement("div");
  7452. 						eleDiv.classList.add("stsh_date_group");
  7453. 						
  7454. 						if (eleBtn.previousSibling.nodeType === document.TEXT_NODE)
  7455. 						{
  7456. 							// Remove all &nbsp;
  7457. 							removeElement(eleBtn.previousSibling);
  7458. 						}
  7459. 						
  7460. 						insertAfterElement(eleDiv, eleBtn.previousElementSibling);
  7461. 						eleDiv.appendChild(eleBtn);
  7462. 						
  7463. 						// Calc prev and next date
  7464. 						{
  7465. 							var ts = getUnixTimestamp(date);
  7466. 							var sDay = 86400;
  7467. 							
  7468. 							var datePrev = getDateGmt(ts - sDay);
  7469. 							var dateNext = getDateGmt(ts + sDay);
  7470. 							
  7471. 							var eleBtnLeft = document.createElement("button");
  7472. 							eleBtnLeft.classList.add("stsh_date_prev");
  7473. 							eleBtnLeft.setAttribute("type", "submit");
  7474. 							eleBtnLeft.value = "DATE: " + datePrev;
  7475. 							eleBtnLeft.title = datePrev;
  7476. 							eleBtnLeft.textContent = "<<";
  7477. 							
  7478. 							insertBeforeElement(eleBtnLeft, eleBtn);
  7479. 							
  7480. 							var eleBtnRight = document.createElement("button");
  7481. 							eleBtnRight.classList.add("stsh_date_next");
  7482. 							eleBtnRight.setAttribute("type", "submit");
  7483. 							eleBtnRight.value = "DATE: " + dateNext;
  7484. 							eleBtnRight.title = dateNext;
  7485. 							eleBtnRight.textContent = ">>";
  7486. 							
  7487. 							insertAfterElement(eleBtnRight, eleBtn);
  7488. 							
  7489. 							var applyInputDate = function(ev)
  7490. 							{
  7491. 								var eleTarget = ev.target;
  7492. 								var eleInput = document.querySelector("input#search_input");
  7493. 								if (eleInput)
  7494. 								{
  7495. 									eleInput.value = eleTarget.value;
  7496. 								}
  7497. 							};
  7498. 							
  7499. 							eleBtn.addEventListener("click", applyInputDate);
  7500. 							eleBtnLeft.addEventListener("click", applyInputDate);
  7501. 							eleBtnRight.addEventListener("click", applyInputDate);
  7502. 						}
  7503. 					}
  7504. 				}
  7505. 			}
  7506. 		}
  7507. 		
  7508. 		// Add shortcut keys for pagination
  7509. 		var bindPagination = function()
  7510. 		{
  7511. 			var elesPrev = document.querySelectorAll(".pagination > a:first-child");
  7512. 			if (elesPrev.length === 2)
  7513. 			{
  7514. 				elesPrev[0].textContent = "Prev";
  7515. 				elesPrev[1].textContent = "Prev";
  7516. 				addKeyCtrl(document, elesPrev[0], ["BracketLeft", 219], "[", 2|8);			// [
  7517. 				disableAfterClick(elesPrev[0]);
  7518. 			}
  7519. 			
  7520. 			var elesNext = document.querySelectorAll(".pagination > a:last-child");
  7521. 			if (elesNext.length === 2)
  7522. 			{
  7523. 				elesNext[0].textContent = "Next";
  7524. 				elesNext[1].textContent = "Next";
  7525. 				addKeyCtrl(document, elesNext[0], ["BracketRight", 221, 171], "]", 2|8);	// ]
  7526. 				disableAfterClick(elesNext[0]);
  7527. 			}
  7528. 		};
  7529. 		bindPagination();
  7530. 		
  7531. 		// Clean pagination urls
  7532. 		var cleanPagination = function()
  7533. 		{
  7534. 			var elesPage = document.querySelectorAll(".pagination > a");
  7535. 			cleanUrlTimestamp(elesPage);
  7536. 		};
  7537. 		cleanPagination();
  7538. 		
  7539. 		// Bind observer for keyList
  7540. 		{
  7541. 			var obTarget_keyList = document.querySelector("#keylist_container");
  7542. 			if (obTarget_keyList)
  7543. 			{
  7544. 				var tmOb_keyList = -1;
  7545. 				var obMu_keyList = new MutationObserver(function(mutations)
  7546. 				{
  7547. 					mutations.forEach(function(mutation)
  7548. 					{
  7549. 						if ((mutation.type !== "attributes"
  7550. 							|| mutation.target.tagName === "TR")
  7551. 								&& mutation.target.tagName !== "A")
  7552. 						{
  7553. 							clearTimeout(tmOb_keyList);
  7554. 							tmOb_keyList = setTimeoutCustom(function(mutation)
  7555. 							{
  7556. 								countShowing();
  7557. 								addLineCounter();
  7558. 								bindPagination();
  7559. 								cleanPagination();
  7560. 								
  7561. 								//console.log("keyList: " + tmOb_keyList);
  7562. 							}, timingInit.bindObserverKeyList, mutation);
  7563. 						}
  7564. 					});
  7565. 				});
  7566. 				
  7567. 				var obConfig_keyList = { childList: true, subtree: true, attributes: true, attributeFilter: ["class"] };
  7568. 				obMu_keyList.observe(obTarget_keyList, obConfig_keyList);
  7569. 			}
  7570. 		}
  7571. 	
  7572. 	} // End translate.php
  7573.  
  7574. 	if (url.indexOf("user_activity.php") > -1)
  7575. 	{
  7576. 		document.body && document.body.classList.add("stsh_page_userActivity");
  7577. 		
  7578. 		setTimeoutCustom(function() 
  7579. 	{
  7580. 		var isMyProfile = false;
  7581. 		
  7582. 		// Resolve mixed content
  7583. 		{
  7584. 			var hostTag = 
  7585. 			[
  7586. 				["img", "src"],
  7587. 				["img", "src"],
  7588. 				["img", "src"],
  7589. 				["a", "href"],
  7590. 				["a", "href"],
  7591. 			];
  7592. 			
  7593. 			var hostOld = 
  7594. 			[
  7595. 				"http://cdn.akamai.steamstatic.com/", 
  7596. 				"http://media.steampowered.com/",
  7597. 				"http://cdn.edgecast.steamstatic.com/",
  7598. 				"http://steamcommunity.com/",
  7599. 				"http://translation.steampowered.com",
  7600. 			];
  7601. 			
  7602. 			var hostReplace = 
  7603. 			[
  7604. 				"https://steamcdn-a.akamaihd.net/",
  7605. 				"https://steamcdn-a.akamaihd.net/",
  7606. 				"https://steamcdn-a.akamaihd.net/",
  7607. 				"https://steamcommunity.com/",
  7608. 				"https://translation.steampowered.com",
  7609. 			];
  7610. 			
  7611. 			for (var j = 0; j < hostOld.length; j++)
  7612. 			{
  7613. 				var eles = document.querySelectorAll(hostTag[j][0] + "[" + hostTag[j][1] + "^='" + hostOld[j] + "']");
  7614. 				for (var i = 0; i < eles.length; i++)
  7615. 				{
  7616. 					eles[i].setAttribute(hostTag[j][1]
  7617. 						, eles[i].getAttribute(hostTag[j][1]).replace(hostOld[j], hostReplace[j]));
  7618. 				}
  7619. 			}
  7620. 		}
  7621. 		
  7622. 		// Check current profile is my profile or not
  7623. 		{
  7624. 			if (userId)
  7625. 			{
  7626. 				var userPage = getQueryByName("user", url);
  7627. 				if (userId === userPage)
  7628. 				{
  7629. 					isMyProfile = true;
  7630. 				}
  7631. 			}
  7632. 			
  7633. 			if (!isMyProfile)
  7634. 			{
  7635. 				var eleASug = document.querySelector(".friend_block_avatar > a[href*='//translation.steampowered.com/translate.php'");
  7636. 				if (eleASug && eleASug.textContent.trim() === "YOUR SUGGESTIONS")
  7637. 				{
  7638. 					isMyProfile = true;
  7639. 				}
  7640. 			}
  7641. 			
  7642. 			if (!isMyProfile)
  7643. 			{
  7644. 				if (document.querySelector("#moderator_announcement"))
  7645. 				{
  7646. 					isMyProfile = true;
  7647. 				}
  7648. 			}
  7649. 		}
  7650. 		
  7651. 		var user = "";
  7652. 		var eleAvatar = document.querySelector(".friend_block_avatar > a[href^='https://steamcommunity.com']");
  7653. 		if (eleAvatar)
  7654. 		{			
  7655. 			if (eleAvatar.href.indexOf("https://steamcommunity.com/profiles/") === 0)
  7656. 			{
  7657. 				user = eleAvatar.href.replace("https://steamcommunity.com/profiles/", "");
  7658. 			}
  7659. 			
  7660. 			var name = eleAvatar.firstElementChild.getAttribute("title");
  7661. 			if (name === "")
  7662. 			{
  7663. 				name = user;
  7664. 			}
  7665. 			
  7666. 			document.title = name + " - " + document.title;
  7667. 		}
  7668.  
  7669. 		var stsh_activityAddLink_start = getTimeMs();
  7670. 		var stsh_activityAddLink_itv = setIntervalCustom(function(user)
  7671. 		{
  7672. 			// Add more links in user activity
  7673. 			
  7674. 			var stsh_activityAddLink_isEnd = false;
  7675. 			var stsh_activityAddLink_cur = getTimeMs();
  7676. 	
  7677. 			var h3s = document.querySelectorAll("#leftAreaContainer h3");
  7678. 			if (h3s.length === 2)
  7679. 			{
  7680. 				var td = h3s[1].parentElement;
  7681. 				var matchArr = td.innerHTML.match(/<\/h3>.+<br>/i);
  7682. 				if (matchArr)
  7683. 				{
  7684. 					var name = matchArr[0]
  7685. 						.replace("</h3>-", "")
  7686. 						.replace("-<br>", "")
  7687. 						.replace("<br>", "")
  7688. 						.trim();
  7689. 						
  7690. 					if (name === "")
  7691. 					{
  7692. 						name = user;
  7693. 					}
  7694. 					if (name === "")
  7695. 					{
  7696. 						name = "Steam";
  7697. 					}
  7698. 					
  7699. 					var tagNew = "";
  7700. 					if (user === "")
  7701. 					{
  7702. 						tagNew = 
  7703. "\
  7704. </h3>\
  7705. <a id='stsh_sectionId' class='stsh_blue' target='_blank' href='https://steamcommunity.com/my'>\
  7706. " + name + "</a>, \
  7707. <a class='stsh_green' target='_blank' href='/WhereIsEsty.php'>Esty</a><br><br>\
  7708. ";
  7709. 					}
  7710. 					else
  7711. 					{
  7712. 						tagNew = 
  7713. "\
  7714. </h3>\
  7715. <a id='stsh_sectionId' class='stsh_blue' target='_blank' href='https://steamcommunity.com/profiles/" + user + "'>\
  7716. " + name + "</a>, \
  7717. <a class='stsh_green' target='_blank' href='/WhereIsEsty.php?collectionof=" + user + "'>Esty</a>\
  7718. "
  7719. 							/*
  7720. 							// Typonion
  7721. 							+ ", <a class='stsh_green' target='_blank' href='/translate.php?user="
  7722. 							+ user + "&onionhunter=1&liststatus=1'>Onion</a>
  7723. 							*/
  7724. 							+ " <br><br> ";
  7725. 					}
  7726. 					
  7727. 					td.innerHTML = td.innerHTML.replace(/<\/h3>.+<br>/i, tagNew);
  7728. 					
  7729. 					stsh_activityAddLink_isEnd = true;
  7730. 				}
  7731. 				
  7732. 				if (stsh_activityAddLink_isEnd || stsh_activityAddLink_cur - stsh_activityAddLink_start > 10000)
  7733. 				{
  7734. 					clearInterval(stsh_activityAddLink_itv);
  7735. 				}
  7736. 			}
  7737. 		}, 300, user);
  7738. 		
  7739. 		var countWord = "";
  7740. 		var countSugg = "";
  7741. 		
  7742. 		var inputDials = document.querySelectorAll("#leftAreaContainer input.dial");
  7743. 		if (inputDials.length === 2)
  7744. 		{
  7745. 			countWord = inputDials[0].getAttribute("title").replace("words", "").trim();
  7746. 			countSugg = inputDials[1].getAttribute("title").replace("suggestions", "").trim();
  7747. 		}
  7748. 		
  7749. 		var tdCount = document.querySelector("#leftAreaContainer td[align='left']");
  7750. 		if (tdCount)
  7751. 		{
  7752. 			tdCount.innerHTML = 
  7753. '\
  7754. <div class="stsh_profile_count stsh_profile_count_word">Word: ' + countWord + '</div> \
  7755. <div class="stsh_profile_count stsh_profile_count_sugg">Suggestion: ' + countSugg + '</div>\
  7756. ';
  7757. 		}
  7758. 		
  7759. 		var sug = document.body.textContent;
  7760. 	
  7761. 		var regComment = /VIEW COMMENT/g;
  7762. 		var regSuggest = /VIEW SUGGESTION/g;
  7763. 	
  7764. 		var strComment = "...RECEIVED A MODERATOR COMMENT";
  7765. 		var strPending = "...ARE PENDING";
  7766. 		var strApproved = "...WERE APPROVED";
  7767. 		var strDeclined = "...WERE DECLINED";
  7768. 		var strApplied = "...HAVE BEEN APPLIED WITHIN THE LAST 14 DAYS";
  7769. 		var strRemoved = "...HAVE BEEN REMOVED WITHIN THE LAST 14 DAYS";
  7770. 	
  7771. 		var startComment = sug.indexOf(strComment);
  7772. 		var startPending = sug.indexOf(strPending);
  7773. 		var startApproved = sug.indexOf(strApproved);
  7774. 		var startDeclined = sug.indexOf(strDeclined);
  7775. 		var startApplied = sug.indexOf(strApplied);
  7776. 		var startRemoved = sug.indexOf(strRemoved);
  7777. 	
  7778. 		var sugComment = sug.substring(startComment,startPending);
  7779. 		var sugPending = sug.substring(startPending,startApproved);
  7780. 		var sugApproved = sug.substring(startApproved,startDeclined);
  7781. 		var sugDeclined = sug.substring(startDeclined,startApplied);
  7782. 		var sugApplied = sug.substring(startApplied,startRemoved);
  7783. 		var sugRemoved = sug.substring(startRemoved);
  7784. 	
  7785. 		var countComment = (sugComment.match(regComment) || []).length;
  7786. 		var countPending = (sugPending.match(regSuggest) || []).length;
  7787. 		var countApproved = (sugApproved.match(regSuggest) || []).length;
  7788. 		var countDeclined = (sugDeclined.match(regSuggest) || []).length;
  7789. 		var countApplied = (sugApplied.match(regSuggest) || []).length;
  7790. 		var countRemoved = (sugRemoved.match(regSuggest) || []).length;
  7791. 	
  7792. 		var divBtn = document.createElement("div");
  7793. 		document.body.appendChild(divBtn);
  7794. 		divBtn.innerHTML = 
  7795. ' \
  7796. <div class="stsh_menu_group"> \
  7797. 	&nbsp; <input id="stsh_btnToProgress" value="To Progress" class="stsh_btn_long" type="button" \
  7798. 		onclick="scrollToId(\'stsh_sectionId\', -50); return false;" /><br> \
  7799. 	 \
  7800. 	&nbsp; <span class="stsh_scroll_header">Scroll To</span>\
  7801. 	<li class="stsh_suggestion_btn stsh_suggestion stsh_suggestion_comment"><input value="Comment (' + countComment + ')"  \
  7802. 		class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionComment\'); return false;" ></li> \
  7803. 	<li class="stsh_suggestion_btn stsh_suggestion stsh_suggestion_pending"><input value="Pending (' + countPending + ')" \
  7804. 		class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionPending\'); return false;" ></li> \
  7805. 	<li class="stsh_suggestion_btn stsh_suggestion stsh_suggestion_approved"><input value="Approved (' + countApproved + ')" \
  7806. 		class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionApproved\'); return false;" ></li> \
  7807. 	<li class="stsh_suggestion_btn stsh_suggestion stsh_suggestion_declined"><input value="Declined (' + countDeclined + ')" \
  7808. 		class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionDeclined\'); return false;" ></li> \
  7809. 	<li class="stsh_suggestion_btn stsh_suggestion stsh_suggestion_applied"><input value="Applied (' + countApplied + ')" \
  7810. 		class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionApplied\'); return false;" ></li> \
  7811. 	<li class="stsh_suggestion_btn stsh_suggestion stsh_suggestion_removed"><input value="Removed (' + countRemoved + ')" \
  7812. 		class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionRemoved\'); return false;" ></li> \
  7813. 	<br> \
  7814. 	&nbsp; <input id="stsh_btnHideSuggestion" value="Suggestions" class="stsh_btn_long" type="button" \
  7815. 		onclick="return false;" title="Toggle hidden/shown suggestion list" /><br> \
  7816. 	<br> \
  7817. 	&nbsp; <input value="Refresh" class="stsh_btn_long" type="button" onclick="window.location = window.location.href; return false;" /> \
  7818. 	<br> \
  7819. </div> \
  7820. ';
  7821.  
  7822. 		var divContainer = document.querySelector("#leftAreaContainer");
  7823. 		if (divContainer)
  7824. 		{
  7825. 			var inner = divContainer.innerHTML;
  7826. 			
  7827. 			var htmlPending = /\.\.\.ARE \<a [^\<]+\>PENDING\<\/a\>/i.exec(inner);
  7828. 			var htmlApproved = /\.\.\.WERE \<a [^\<]+\>APPROVED\<\/a\>/i.exec(inner);
  7829. 			var htmlDeclined = /\.\.\.WERE \<a [^\<]+\>DECLINED\<\/a\>/i.exec(inner);
  7830. 			
  7831. 			if (htmlPending && htmlApproved && htmlDeclined)
  7832. 			{
  7833. 				divContainer.innerHTML = inner
  7834. 					.replace("...RECEIVED A MODERATOR COMMENT",
  7835. 						"<span id='stsh_sectionComment' class='stsh_suggestion_header'>"
  7836. 						+ "...RECEIVED A MODERATOR COMMENT ("
  7837. 						+ countComment + ")</span>")
  7838. 					.replace(htmlPending,
  7839. 						"<span id='stsh_sectionPending' class='stsh_suggestion_header'>" + htmlPending + " ("
  7840. 						+ countPending + ")</span>")
  7841. 					.replace(htmlApproved,
  7842. 						"<span id='stsh_sectionApproved' class='stsh_suggestion_header'>" + htmlApproved + " ("
  7843. 						+ countApproved + ")</span>")
  7844. 					.replace(htmlDeclined,
  7845. 						"<span id='stsh_sectionDeclined' class='stsh_suggestion_header'>" + htmlDeclined + " ("
  7846. 						+ countDeclined + ")</span>")
  7847. 					.replace("...HAVE BEEN APPLIED WITHIN THE LAST 14 DAYS",
  7848. 						"<span id='stsh_sectionApplied' class='stsh_suggestion_header'>"
  7849. 						+ "...HAVE BEEN APPLIED WITHIN THE LAST 14 DAYS ("
  7850. 						+ countApplied + ")</span>")
  7851. 					.replace("...HAVE BEEN REMOVED WITHIN THE LAST 14 DAYS",
  7852. 						"<span id='stsh_sectionRemoved' class='stsh_suggestion_header'>"
  7853. 						+ "...HAVE BEEN REMOVED WITHIN THE LAST 14 DAYS ("
  7854. 						+ countRemoved + ")</span>");
  7855. 			}
  7856. 		}
  7857. 		
  7858. 		if (document.querySelector("#hours"))
  7859. 		{
  7860. 			var eleBtn = document.querySelector("#stsh_btnToProgress");
  7861. 			if (eleBtn)
  7862. 			{
  7863. 				var ele = document.createElement("input");
  7864. 				ele.classList.add("stsh_btn_long");
  7865. 				ele.setAttribute("value", "To Hours");
  7866. 				ele.setAttribute("type", "button");
  7867. 				ele.setAttribute("onclick", "scrollToElement(\"input[name*='[remarks]']\", -48); return false;");
  7868. 				insertAfterElement(ele, eleBtn);
  7869. 				
  7870. 				ele = document.createTextNode(" \u00A0 ");
  7871. 				insertAfterElement(ele, eleBtn);
  7872. 				
  7873. 				ele = document.createElement("br");
  7874. 				insertAfterElement(ele, eleBtn);
  7875. 			}
  7876. 		}
  7877. 		
  7878. 		var cans = document.querySelectorAll("canvas");
  7879. 		for (var i = 0; i < cans.length; i++)
  7880. 		{
  7881. 			removeElement(cans[i]);
  7882. 		}
  7883. 		
  7884. 		/* // Unknown reason
  7885. 		var aKeys = document.querySelectorAll("#leftAreaContainer li > a:nth-child(1)");
  7886. 		for (var i = 0; i < aKeys.length; i++)
  7887. 		{
  7888. 			var key = aKeys[i].textContent;
  7889. 			var keyArr = key.substr(21).trim().split(" >> ");
  7890. 			keyArr[0] = "<span style='color: #FFF !important;'>" + keyArr[0] + "</span>";
  7891. 			var keyNew = key.substr(0,21) + keyArr.join(" >> ") + "";
  7892. 			aKeys[i].innerHTML = keyNew;
  7893. 		}
  7894. 		*/
  7895. 	
  7896. 		var sugModeComment = 0;
  7897. 		var sugModePending = 1;
  7898. 		var sugModeApproved = 2;
  7899. 		var sugModeDeclined = 3;
  7900. 		var sugModeApplied = 4;
  7901. 		var sugModeRemoved = 5;
  7902. 		
  7903. 		var sugMode = sugModeComment;
  7904. 		
  7905. 		var eleSugFirst = document.querySelector
  7906. 		(" \
  7907. 			#leftAreaContainer > a[href^='translate.php?search_input='] \
  7908. 			, #leftAreaContainer > form > a[href^='translate.php?search_input='] \
  7909. 		");
  7910. 		if (eleSugFirst)
  7911. 		{
  7912. 			var eleSugHeadPrev = eleSugFirst.previousElementSibling.previousElementSibling;
  7913. 			if (eleSugHeadPrev.id === "stsh_sectionRemoved")
  7914. 			{
  7915. 				sugMode = sugModeRemoved;
  7916. 			}
  7917. 			else if (eleSugHeadPrev.id === "stsh_sectionApplied")
  7918. 			{
  7919. 				sugMode = sugModeApplied;
  7920. 			}
  7921. 			else if (eleSugHeadPrev.id === "stsh_sectionDeclined")
  7922. 			{
  7923. 				sugMode = sugModeDeclined;
  7924. 			}
  7925. 			else if (eleSugHeadPrev.id === "stsh_sectionApproved")
  7926. 			{
  7927. 				sugMode = sugModeApproved;
  7928. 			}
  7929. 			else if (eleSugHeadPrev.id === "stsh_sectionPending")
  7930. 			{
  7931. 				sugMode = sugModePending;
  7932. 			}
  7933. 			
  7934. 			var eleSugNext = eleSugFirst;
  7935. 			while (eleSugNext)
  7936. 			{
  7937. 				if (eleSugNext.tagName === "A")
  7938. 				{
  7939. 					var attrHref = eleSugNext.getAttribute("href");
  7940. 					if (attrHref && attrHref.indexOf("translate.php?search_input=") === 0)
  7941. 					{
  7942. 						eleSugNext.classList.add("stsh_suggestion");
  7943. 						
  7944. 						if (sugMode === sugModeComment)
  7945. 						{
  7946. 							eleSugNext.classList.add("stsh_suggestion_comment");
  7947. 						}
  7948. 						else if (sugMode === sugModePending)
  7949. 						{
  7950. 							eleSugNext.classList.add("stsh_suggestion_pending");
  7951. 						}
  7952. 						else if (sugMode === sugModeApproved)
  7953. 						{
  7954. 							eleSugNext.classList.add("stsh_suggestion_approved");
  7955. 						}
  7956. 						else if (sugMode === sugModeDeclined)
  7957. 						{
  7958. 							eleSugNext.classList.add("stsh_suggestion_declined");
  7959. 						}
  7960. 						else if (sugMode === sugModeApplied)
  7961. 						{
  7962. 							eleSugNext.classList.add("stsh_suggestion_applied");
  7963. 						}
  7964. 						else if (sugMode === sugModeRemoved)
  7965. 						{
  7966. 							eleSugNext.classList.add("stsh_suggestion_removed");
  7967. 						}
  7968. 					}
  7969. 				}
  7970. 				else if (eleSugNext.tagName === "SPAN" && eleSugNext.classList.contains("stsh_suggestion_header"))
  7971. 				{
  7972. 					if (eleSugNext.id === "stsh_sectionRemoved")
  7973. 					{
  7974. 						sugMode = sugModeRemoved;
  7975. 					}
  7976. 					else if (eleSugNext.id === "stsh_sectionApplied")
  7977. 					{
  7978. 						sugMode = sugModeApplied;
  7979. 					}
  7980. 					else if (eleSugNext.id === "stsh_sectionDeclined")
  7981. 					{
  7982. 						sugMode = sugModeDeclined;
  7983. 					}
  7984. 					else if (eleSugNext.id === "stsh_sectionApproved")
  7985. 					{
  7986. 						sugMode = sugModeApproved;
  7987. 					}
  7988. 					else if (eleSugNext.id === "stsh_sectionPending")
  7989. 					{
  7990. 						sugMode = sugModePending;
  7991. 					}
  7992. 				}
  7993. 				
  7994. 				eleSugNext = eleSugNext.nextElementSibling;
  7995. 			}
  7996. 			
  7997. 		}
  7998. 		
  7999. 		// Change language & correct url
  8000. 		{
  8001. 			var aProgresses = document.querySelectorAll("div > .friend_block_avatar a[onmouseout]");
  8002. 			for (var i = 0; i < aProgresses.length; i++)
  8003. 			{
  8004. 				var langCur = getQueryByName("lang", aProgresses[i].href);
  8005. 				if (langCur === "")
  8006. 				{
  8007. 					aProgresses[i].href = aProgresses[i].href + lang;
  8008. 				}
  8009. 				else
  8010. 				{
  8011. 					if (langCur !== lang)
  8012. 					{
  8013. 						//var langQuery = (url.indexOf("?") > -1) ? "&lang=" : "?lang=";
  8014. 						//window.location = url + langQuery + langCur;
  8015. 						console.log("Lang: " + langCur);
  8016. 					}
  8017. 				}
  8018. 				
  8019. 				var aContent = aProgresses[i].textContent.trim();
  8020. 				if (aContent.indexOf("SUGGESTIONS") > -1)
  8021. 				{
  8022. 					aProgresses[i].href = aProgresses[i].href + "&listsort=5&liststatus=1&paginationrows=1000";
  8023. 				}
  8024. 				else if (aContent.indexOf("REVIEWS") > -1)
  8025. 				{
  8026. 					aProgresses[i].href = aProgresses[i].href + "&listsort=5&liststatus=3&paginationrows=1000";
  8027. 				}
  8028. 			}
  8029. 		}
  8030. 		
  8031. 		// Hours
  8032. 		if (document.querySelector("#hours"))
  8033. 		{
  8034. 			var calculateHours = function()
  8035. 			{
  8036. 				var rgxDate = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/;
  8037. 				var rgxTime = /^(\d{1,2}:\d{2}(:\d{2})?|\d{1,2}\.\d{2})$/;
  8038. 				
  8039. 				var eleFrom = document.querySelector("#stsh_hoursCalc_from");
  8040. 				var eleTo = document.querySelector("#stsh_hoursCalc_to");
  8041. 				var eleRes = document.querySelector("#stsh_hoursCalc_result");
  8042. 				
  8043. 				if (eleFrom && eleTo && eleRes)
  8044. 				{
  8045. 					var rawFrom = eleFrom.value.trim();
  8046. 					var rawTo = eleTo.value.trim();
  8047. 					
  8048. 					var valFrom = 0;
  8049. 					var valTo = 0;
  8050. 					
  8051. 					if (rgxDate.test(rawFrom))
  8052. 					{
  8053. 						rawFrom = rawFrom.substr(11);
  8054. 					}
  8055. 					if (rgxTime.test(rawFrom))
  8056. 					{
  8057. 						var arrTime = rawFrom.split(":");
  8058. 						if (arrTime.length === 1)
  8059. 						{
  8060. 							arrTime = rawFrom.split(".");
  8061. 						}
  8062. 						valFrom = parseInt(arrTime[1]) + (parseInt(arrTime[0]) * 60);
  8063. 					}
  8064. 					
  8065. 					if (rgxDate.test(rawTo))
  8066. 					{
  8067. 						rawTo = rawTo.substr(11);
  8068. 					}
  8069. 					if (rgxTime.test(rawTo))
  8070. 					{
  8071. 						var arrTime = rawTo.split(":");
  8072. 						if (arrTime.length === 1)
  8073. 						{
  8074. 							arrTime = rawTo.split(".");
  8075. 						}
  8076. 						valTo = parseInt(arrTime[1]) + (parseInt(arrTime[0]) * 60);
  8077. 					}
  8078. 					
  8079. 					var valDiff = Math.abs(valTo - valFrom);
  8080. 					
  8081. 					var valHr = parseInt(valDiff / 60);
  8082. 					var valMn = valDiff % 60;
  8083. 					
  8084. 					eleRes.textContent = padZero(valHr, 2) + ":" + padZero(valMn, 2);
  8085. 				}
  8086. 			}
  8087. 			
  8088. 			var curDateStr = getDateUs();
  8089. 			
  8090. 			// Add hours calculator
  8091. 			{
  8092. 				var eleFinalize = document.querySelector("#hours input[name='Finalize']");
  8093. 				if (eleFinalize)
  8094. 				{
  8095. 					var eleFinalizeParent = eleFinalize.parentElement;
  8096. 					eleFinalizeParent.setAttribute("colspan", "2");
  8097. 					eleFinalizeParent.style.verticalAlign = "top";
  8098. 					
  8099. 					var elePad = document.createElement("td");
  8100. 					insertBeforeElement(elePad, eleFinalizeParent);
  8101. 					
  8102. 					var eleCalc = document.createElement("td");
  8103. 					eleCalc.classList.add("stsh_hoursCalc");
  8104. 					
  8105. 					insertBeforeElement(eleCalc, eleFinalizeParent);
  8106. 										
  8107. 					if (eleCalc.parentElement.previousElementSibling.querySelector("input[type='radio']"))
  8108. 					{
  8109. 						eleCalc.appendChild(document.createElement("br"));
  8110. 					}
  8111. 					
  8112. 					var ele = document.createElement("b");
  8113. 					ele.textContent = " Hours Calculator (Estimated) ";
  8114. 					eleCalc.appendChild(ele);
  8115. 					
  8116. 					eleCalc.appendChild(document.createElement("br"));
  8117. 					
  8118. 					ele = document.createElement("span");
  8119. 					ele.innerHTML = 
  8120. ' \
  8121. Enter date or time to calculate range (calculate only hours and minutes). \
  8122. <br>You can enter date "2016-01-01 08:05:00" or time "8:05" or time "8.05".\
  8123. ';
  8124. 					ele.setAttribute("style", "display: inline-block; padding-bottom: 4px;");
  8125. 					eleCalc.appendChild(ele);
  8126. 					
  8127. 					eleCalc.appendChild(document.createElement("br"));
  8128. 					
  8129. 					ele = document.createElement("span");
  8130. 					ele.textContent = " From: ";
  8131. 					eleCalc.appendChild(ele);
  8132. 					
  8133. 					ele = document.createElement("input");
  8134. 					ele.id = "stsh_hoursCalc_from";
  8135. 					ele.setAttribute("type", "text");
  8136. 					ele.setAttribute("onkeypress", "return event.keyCode !== 13;");
  8137. 					ele.setAttribute("autocomplete", "off");
  8138. 					ele.addEventListener("keyup", function()
  8139. 					{
  8140. 						calculateHours();
  8141. 					});
  8142. 					eleCalc.appendChild(ele);
  8143. 					
  8144. 					ele = document.createElement("span");
  8145. 					ele.innerHTML = "&nbsp;&nbsp; To: ";
  8146. 					eleCalc.appendChild(ele);
  8147. 					
  8148. 					ele = document.createElement("input");
  8149. 					ele.id = "stsh_hoursCalc_to";
  8150. 					ele.setAttribute("type", "text");
  8151. 					ele.setAttribute("onkeypress", "return event.keyCode !== 13;");
  8152. 					ele.setAttribute("autocomplete", "off");
  8153. 					ele.addEventListener("keyup", function()
  8154. 					{
  8155. 						calculateHours();
  8156. 					});
  8157. 					eleCalc.appendChild(ele);
  8158. 					
  8159. 					ele = document.createElement("input");
  8160. 					ele.id = "stsh_hoursCalc_toNow";
  8161. 					ele.setAttribute("type", "button");
  8162. 					ele.setAttribute("value", "Now");
  8163. 					ele.setAttribute("onclick", "return false;");
  8164. 					ele.addEventListener("click", function()
  8165. 					{
  8166. 						var eleTo = document.querySelector("#stsh_hoursCalc_to");
  8167. 						eleTo.value = getTimeUs();
  8168. 						calculateHours();
  8169. 					});
  8170. 					eleCalc.appendChild(ele);
  8171. 										
  8172. 					ele = document.createElement("span");
  8173. 					ele.innerHTML = "&nbsp;&nbsp; Result: ";
  8174. 					eleCalc.appendChild(ele);
  8175. 					
  8176. 					ele = document.createElement("b");
  8177. 					ele.id = "stsh_hoursCalc_result"
  8178. 					ele.textContent = " 00:00 ";
  8179. 					eleCalc.appendChild(ele);
  8180. 				}
  8181. 			}
  8182. 			
  8183. 			// Hilight current date
  8184. 			{
  8185. 				
  8186. 				var elesTd = document.querySelectorAll("#hours > table > tbody > tr > td:nth-child(1)");
  8187. 				for (var i = 0; i < elesTd.length; i++)
  8188. 				{
  8189. 					if (elesTd[i].textContent.indexOf(curDateStr) > -1)
  8190. 					{
  8191. 						elesTd[i].parentElement.id = "stsh_hours_curDate";
  8192. 						elesTd[i].parentElement.classList.add("stsh_hours_curDate");
  8193. 						
  8194. 						break;
  8195. 					}
  8196. 				}
  8197. 			}
  8198. 			
  8199. 			// Auto calculate hours in current date
  8200. 			{
  8201. 				var timePendingFirst = "";
  8202. 				var timePendingLast = "";
  8203. 				
  8204. 				var elesPending = document.querySelectorAll("#mainbody .stsh_suggestion_pending");
  8205. 				for (var i = 0; i < elesPending.length; i++)
  8206. 				{
  8207. 					var content = elesPending[i].textContent.trim().substr(0, 19);
  8208. 					if (content.substr(0, 10) === curDateStr)
  8209. 					{
  8210. 						timePendingFirst = content.substr(11, 5);
  8211. 						if (timePendingLast === "")
  8212. 						{
  8213. 							timePendingLast = timePendingFirst;
  8214. 						}
  8215. 					}
  8216. 					else
  8217. 					{
  8218. 						break;
  8219. 					}
  8220. 				}
  8221. 				
  8222. 				var timeApprovedFirst = "";
  8223. 				var timeApprovedLast = "";
  8224. 				
  8225. 				var elesApproved = document.querySelectorAll("#mainbody .stsh_suggestion_approved");
  8226. 				for (var i = 0; i < elesApproved.length; i++)
  8227. 				{
  8228. 					var content = elesApproved[i].textContent.trim().substr(0, 19);
  8229. 					if (content.substr(0, 10) === curDateStr)
  8230. 					{
  8231. 						timeApprovedFirst = content.substr(11, 5);
  8232. 						if (timeApprovedLast === "")
  8233. 						{
  8234. 							timeApprovedLast = timeApprovedFirst;
  8235. 						}
  8236. 					}
  8237. 					else
  8238. 					{
  8239. 						break;
  8240. 					}
  8241. 				}
  8242. 				
  8243. 				if (timePendingFirst === "")
  8244. 				{
  8245. 					timePendingFirst = timeApprovedFirst;
  8246. 				}
  8247. 				if (timeApprovedFirst === "")
  8248. 				{
  8249. 					timeApprovedFirst = timePendingFirst;
  8250. 				}
  8251. 				if (timePendingLast === "")
  8252. 				{
  8253. 					timePendingLast = timeApprovedLast;
  8254. 				}
  8255. 				if (timeApprovedLast === "")
  8256. 				{
  8257. 					timeApprovedLast = timePendingLast;
  8258. 				}
  8259. 				
  8260. 				var timeFirst = timeApprovedFirst < timePendingFirst ? timeApprovedFirst : timePendingFirst;
  8261. 				var timeLast = timeApprovedLast > timePendingLast ? timeApprovedLast : timePendingLast;
  8262. 				
  8263. 				if (timeFirst !== "")
  8264. 				{
  8265. 					var eleFrom = document.querySelector("#stsh_hoursCalc_from");
  8266. 					if (eleFrom)
  8267. 					{
  8268. 						eleFrom.value = timeFirst;
  8269. 					}
  8270. 					var eleTo = document.querySelector("#stsh_hoursCalc_to");
  8271. 					if (eleTo)
  8272. 					{
  8273. 						eleTo.value = timeLast;
  8274. 					}
  8275. 					
  8276. 					calculateHours();
  8277. 				}
  8278. 			}
  8279. 			
  8280. 			// Make minutes add to hours
  8281. 			setTimeoutCustom(function()
  8282. 			{
  8283. 				var elesMn = document.querySelectorAll("#hours input[name*='[minutes]']");
  8284. 				for (var i = 0; i < elesMn.length; i++)
  8285. 				{
  8286. 					elesMn[i].setAttribute("min", "-15");
  8287. 					elesMn[i].setAttribute("max", "60");
  8288. 					elesMn[i].addEventListener("change", function(ev)
  8289. 					{
  8290. 						var eleMn = ev.target;
  8291. 						var eleHr = eleMn.parentElement.previousElementSibling.firstElementChild;
  8292. 						var valMn = parseInt(eleMn.value) || 0;
  8293. 						var valHr = parseInt(eleHr.value) || 0;
  8294. 						
  8295. 						if (valMn < 0)
  8296. 						{
  8297. 							if (valHr > 0)
  8298. 							{
  8299. 								eleHr.value = valHr - 1;
  8300. 								eleMn.value = 45;
  8301. 							}
  8302. 							else
  8303. 							{
  8304. 								eleMn.value = 0;
  8305. 							}
  8306. 						}
  8307. 						else if (valMn > 59)
  8308. 						{
  8309. 							if (valHr < 23)
  8310. 							{
  8311. 								eleHr.value = valHr + 1;
  8312. 								eleMn.value = 0;
  8313. 							}
  8314. 							else
  8315. 							{
  8316. 								eleMn.value = 45;
  8317. 							}
  8318. 						}
  8319. 					});
  8320. 				}
  8321. 			}, 500);
  8322. 			
  8323. 			// Make deferred can be clicked
  8324. 			{
  8325. 				var eleDeferred = document.querySelector("#hours td > i > span[title^='DATE']");
  8326. 				if (eleDeferred)
  8327. 				{
  8328. 					eleDeferred.dataset.title = eleDeferred.title;
  8329. 					eleDeferred.title = "Click to reveal";
  8330. 					
  8331. 					eleDeferred.addEventListener("click", function(ev)
  8332. 					{
  8333. 						var ele = ev.target;
  8334. 						
  8335. 						var eleDetail = document.querySelector(".stsh_deferred");
  8336. 						if (!eleDetail)
  8337. 						{
  8338. 							eleDetail = document.createElement("div");
  8339. 							eleDetail.classList.add("stsh_deferred");
  8340. 							ele.parentElement.parentElement
  8341. 								.parentElement.parentElement
  8342. 								.lastElementChild.firstElementChild
  8343. 								.appendChild(eleDetail);
  8344. 						}
  8345. 						
  8346. 						var space = String.fromCharCode(160);
  8347. 						var space3 = space + space + space;
  8348. 						eleDetail.innerHTML = "<br>TOTAL DEFERRED HOURS" + space3 + " <br>" 
  8349. 							+ ele.dataset.title.substr(61).trim()
  8350. 								.replace(/\n/g, space3 + " <br>")
  8351. 							+ space3;
  8352. 					});
  8353. 				}
  8354. 			}
  8355. 			
  8356. 			// Hide past date
  8357. 			{
  8358. 				var hidePast = function ()
  8359. 				{
  8360. 					var isHidden = false;
  8361. 					
  8362. 					var elesMn = document.querySelectorAll("#hours input[name*='[minutes]']");
  8363. 					if (elesMn.length > 0)
  8364. 					{
  8365. 						if (elesMn[0].name === "date[1969-12-31][minutes]")
  8366. 						{
  8367. 							isHidden = true;
  8368. 						}
  8369. 					}
  8370. 					
  8371. 					if (isHidden)
  8372. 					{
  8373. 						for (var i = 1, l = elesMn.length - 1; i < l; i++)
  8374. 						{
  8375. 							elesMn[i].parentElement.parentElement.classList.add("stsh_hidden");
  8376. 						}
  8377. 					}
  8378. 				};
  8379. 				
  8380. 				setTimeoutCustom(hidePast, 500);
  8381. 			}
  8382. 		}
  8383. 		
  8384. 		// Hide wallet 
  8385. 		// Hide email noti
  8386. 		{			
  8387. 			if (!isMyProfile)
  8388. 			{
  8389. 				var elesAWallet = document.querySelectorAll("a[id^='walletkeys']");
  8390. 				for (var i = 0; i < elesAWallet.length; i++)
  8391. 				{
  8392. 					var eleCur = elesAWallet[i];
  8393. 					for (var j = 0; j < 5; j++)
  8394. 					{
  8395. 						eleCur.classList.add("stsh_hidden");
  8396. 						eleCur = eleCur.nextElementSibling;
  8397. 					}
  8398. 				}
  8399. 				
  8400. 				var eleSub = document.querySelector("#subscribe");
  8401. 				if (eleSub)
  8402. 				{
  8403. 					eleSub.classList.add("stsh_hidden");
  8404. 					eleSub.previousElementSibling.classList.add("stsh_hidden");
  8405. 					eleSub.previousElementSibling.previousElementSibling.classList.add("stsh_hidden");
  8406. 					eleSub.nextElementSibling.classList.add("stsh_hidden");
  8407. 					eleSub.nextElementSibling.nextElementSibling.classList.add("stsh_hidden");
  8408. 				}
  8409. 			}
  8410. 		}
  8411. 		
  8412. 		// Set visible suggestion list
  8413. 		{
  8414. 			var setVisibleSuggestion = function(visible)
  8415. 			{
  8416. 				var display = visible !== true ? "none" : "";
  8417. 				var eles = document.querySelectorAll(".copy");
  8418. 				for (var i = 0; i < eles.length; i++)
  8419. 				{
  8420. 					if (eles[i].id && eles[i].id.indexOf("showwalletkeys") < 0
  8421. 						&& eles[i].id !== "abuse_report"
  8422. 						&& eles[i].id !== "moderator_announcement")
  8423. 					{
  8424. 						if (eles[i].style.display !== display)
  8425. 						{
  8426. 							eles[i].style.display = display;
  8427. 						}
  8428. 					}
  8429. 				}
  8430. 			}
  8431. 			
  8432. 			var eleHide = document.querySelector("#stsh_btnHideSuggestion");
  8433. 			if (eleHide)
  8434. 			{
  8435. 				var isHide = GM_getValue("profileHideSuggestion", 0);
  8436. 				if (isHide)
  8437. 				{
  8438. 					eleHide.dataset.modeNext = "show";
  8439. 					eleHide.value = "Suggestions: Hide";
  8440. 					setVisibleSuggestion(false);
  8441. 				}
  8442. 				else
  8443. 				{
  8444. 					eleHide.dataset.modeNext = "hide";
  8445. 					eleHide.value = "Suggestions: Show";
  8446. 					setVisibleSuggestion(true);
  8447. 				}
  8448. 				
  8449. 				eleHide.addEventListener("click", function(ev)
  8450. 				{
  8451. 					var eleHide = ev.target;
  8452. 					if (eleHide.dataset.modeNext === "show")
  8453. 					{
  8454. 						eleHide.dataset.modeNext = "hide";
  8455. 						eleHide.value = "Suggestions: Show";
  8456. 						setVisibleSuggestion(true);
  8457. 						GM_setValue("profileHideSuggestion", 0);
  8458. 					}
  8459. 					else
  8460. 					{
  8461. 						eleHide.dataset.modeNext = "show";
  8462. 						eleHide.value = "Suggestions: Hide";
  8463. 						setVisibleSuggestion(false);
  8464. 						GM_setValue("profileHideSuggestion", 1);
  8465. 					}
  8466. 				});
  8467. 			}
  8468. 		}
  8469. 		
  8470. 		// Add resolved comment checkbox
  8471. 		{
  8472. 			if (isMyProfile)
  8473. 			{
  8474. 				var objComment = GM_getValue("profile_comment", 0);
  8475. 				//console.log(GM_getValue("profile_comment"));
  8476. 				
  8477. 				if (!objComment)
  8478. 				{
  8479. 					objComment = {};			
  8480. 				}
  8481. 				if (!objComment[userId])
  8482. 				{
  8483. 					objComment[userId] = {};
  8484. 				}
  8485. 				
  8486. 				var elesSugComment = document.querySelectorAll("#mainbody .stsh_suggestion_comment");
  8487. 				for (var i = 0; i < elesSugComment.length; i++)
  8488. 				{
  8489. 					var eleComment = elesSugComment[i].nextElementSibling.nextElementSibling
  8490. 						.nextElementSibling.lastElementChild;
  8491. 					if (eleComment)
  8492. 					{
  8493. 						eleComment.classList.add("stsh_suggestion_comment_detail");
  8494. 						
  8495. 						var eleInput = document.createElement("input");
  8496. 						eleInput.classList.add("stsh_comment_resolved");
  8497. 						eleInput.setAttribute("type", "checkbox");
  8498. 						eleInput.setAttribute("value", "true");
  8499. 						
  8500. 						var eleStrong = document.createElement("strong");
  8501. 						eleStrong.textContent = "Resolved:";
  8502. 						
  8503. 						var eleDate = document.createElement("span");
  8504. 						eleDate.classList.add("stsh_comment_resolved_date");
  8505. 						
  8506. 						var eleLabel = document.createElement("label");
  8507. 						eleLabel.classList.add("stsh_comment_resolved_label");
  8508. 						eleLabel.classList.add("stsh_unselectable");
  8509. 						eleLabel.classList.add("stsh_blue_light");
  8510. 						eleLabel.classList.add("stsh_cursor_pointer");
  8511. 						eleLabel.setAttribute("title", "Mark this comment as resolved. "
  8512. 							+ "\nThis helps you indicated this string was corrected or not.");
  8513. 							
  8514. 						eleLabel.appendChild(eleStrong);
  8515. 						eleLabel.appendChild(document.createTextNode(" "));
  8516. 						eleLabel.appendChild(eleInput);
  8517. 						eleLabel.appendChild(document.createTextNode(" "));
  8518. 						eleLabel.appendChild(eleDate);
  8519. 						
  8520. 						insertAfterElement(eleLabel, eleComment);
  8521. 						
  8522. 						var comment = eleComment.lastChild.textContent.trim();
  8523. 						var key = elesSugComment[i].textContent.trim();
  8524. 						var identifer = key + " ___ " + comment;
  8525. 						
  8526. 						eleInput.dataset.stshUser = userId;
  8527. 						eleInput.dataset.stshIdentifier = identifer;
  8528. 						
  8529. 						if (objComment[userId][identifer])
  8530. 						{
  8531. 							if (objComment[userId][identifer].resolved === "true")
  8532. 							{
  8533. 								eleInput.checked = true;
  8534. 								eleLabel.lastElementChild.textContent =
  8535. 									getDateTimeUs(objComment[userId][identifer].time);
  8536. 							}
  8537. 						}
  8538. 						else
  8539. 						{
  8540. 							objComment[userId][identifer] = 
  8541. 							{					
  8542. 								resolved: "false",
  8543. 								time: getUnixTimestamp(),
  8544. 							};
  8545. 						}
  8546. 						
  8547. 						eleInput.addEventListener("click", function (ev)
  8548. 						{
  8549. 							var ele = ev.target;
  8550. 							var userId = ele.dataset.stshUser;
  8551. 							var identifer = ele.dataset.stshIdentifier;
  8552. 							
  8553. 							var objComment = GM_getValue("profile_comment", 0);
  8554. 							if (!objComment)
  8555. 							{
  8556. 								objComment = {};			
  8557. 							}							
  8558. 							if (!objComment[userId])
  8559. 							{
  8560. 								objComment[userId] = {};
  8561. 							}
  8562. 							
  8563. 							objComment[userId][identifer] = 
  8564. 							{					
  8565. 								resolved: ele.checked ? "true" : "false",
  8566. 								time: getUnixTimestamp(),
  8567. 							};
  8568. 							
  8569. 							GM_setValue("profile_comment", objComment);	
  8570. 							//console.log(GM_getValue("profile_comment"));
  8571. 							
  8572. 							if (ele.checked && ele.nextElementSibling)
  8573. 							{
  8574. 								ele.nextElementSibling.textContent = "Now";
  8575. 							}
  8576. 						});
  8577. 					}
  8578. 				}
  8579. 				
  8580. 				// Clean up
  8581. 				{
  8582. 					
  8583. 				}
  8584. 				
  8585. 				// Save
  8586. 				GM_setValue("profile_comment", objComment);
  8587. 			}
  8588. 		}
  8589. 		
  8590. 		// Check mod status
  8591. 		{
  8592. 			if (isMyProfile)
  8593. 			{
  8594. 				var isMod = !!document.querySelector("#moderator_announcement");
  8595. 				
  8596. 				var userMod = GM_getValue("mod", "");
  8597. 				if (userId && userId !== userMod)
  8598. 				{
  8599. 					GM_setValue("mod", userId);
  8600. 				}
  8601. 			}
  8602. 		}
  8603. 		
  8604. 	}, timingInit.pageUserActivity);
  8605. 	} // End user_activity.php
  8606. 	
  8607. 	if (/\/rally[0-9]{0,4}/.test(url))
  8608. 	{
  8609. 		document.body && document.body.classList.add("stsh_page_rally");
  8610. 		
  8611. 		resizeSuggestionBox();
  8612. 	
  8613. 		var outer = document.querySelector("#suggestions_box_outer");
  8614. 		if (outer)
  8615. 		{
  8616. 			outer.setAttribute("onclick", "hideSuggestionsBox();");
  8617. 		}
  8618. 		
  8619. 		// Set cur lang to first
  8620. 		{
  8621. 			var first = document.querySelector(".gradienttable tr:nth-child(6)");
  8622. 			if (first)
  8623. 			{
  8624. 				var cur = null;
  8625. 				
  8626. 				var tdLangs = document.querySelectorAll(".gradienttable tr > td:nth-child(1)");
  8627. 				for (var i = 0; i < tdLangs.length; i++)
  8628. 				{
  8629. 					if (lang === tdLangs[i].textContent.trim().toLowerCase())
  8630. 					{
  8631. 						cur = tdLangs[i].parentElement;
  8632. 						break;
  8633. 					}
  8634. 				}
  8635. 				
  8636. 				if (cur)
  8637. 				{
  8638. 					cur.classList.add("stsh_curLang");
  8639. 					first.parentElement.insertBefore(cur, first);
  8640. 				}
  8641. 			}
  8642. 		}
  8643. 		
  8644. 		// Change rows per page
  8645. 		{
  8646. 			var eleAs = document.querySelectorAll(".gradienttable tr:nth-child(6) a[href^='translate.php?']");
  8647. 			for (var i = 0; i < eleAs.length; i++)
  8648. 			{
  8649. 				eleAs[i].href = eleAs[i].href + "&paginationrows=1000";
  8650. 			}
  8651. 		}
  8652. 		
  8653. 		var inputClose = document.querySelector("td:nth-child(3) > input:nth-child(1)");
  8654. 		if (inputClose)
  8655. 		{
  8656. 			inputClose.value = "Close (Esc)";
  8657. 		}
  8658. 		
  8659. 	} // End rally.php
  8660. 	
  8661. 	if (/\/rally_results_?[0-9]{0,4}/.test(url))
  8662. 	{
  8663. 		document.body && document.body.classList.add("stsh_page_rallyResults");
  8664. 		
  8665. 		var h3 = document.querySelector("table.curved h3");
  8666. 		if (h3)
  8667. 		{
  8668. 			document.title = h3.textContent.trim();
  8669. 		}
  8670. 		
  8671. 		var eleTable = document.querySelector("body > div:nth-child(1) > table:nth-child(1)");
  8672. 		if (eleTable)
  8673. 		{
  8674. 			eleTable.style.width = "";
  8675. 		}
  8676. 		
  8677. 		var inputClose = document.querySelector("td:nth-child(3) > input:nth-child(1)");
  8678. 		if (inputClose)
  8679. 		{
  8680. 			inputClose.value = "Close (Esc)";
  8681. 			inputClose.focus();
  8682. 		}
  8683. 		
  8684. 		// Add frame and background button
  8685. 		{
  8686. 			var eleTdFirst = document.querySelector("td:nth-child(1)");
  8687. 			if (eleTdFirst)
  8688. 			{
  8689. 				var eleTdFrame = document.createElement("td");
  8690. 				eleTdFrame.setAttribute("align", "right");
  8691. 				eleTdFrame.innerHTML = 
  8692. 					' <a class="stsh_a_button" target="_blank" href="' + url + '">Frame</a> ';
  8693. 				insertBeforeElement(eleTdFrame, eleTdFirst);
  8694. 				
  8695. 				var img = document.body.style.backgroundImage;
  8696. 				if (img.indexOf("url(\"") === 0)
  8697. 				{
  8698. 					img = img.replace("url(\"", "").replace("\")", "");
  8699. 					
  8700. 					var eleTdImage = document.createElement("td");
  8701. 					eleTdImage.setAttribute("align", "right");
  8702. 					eleTdImage.innerHTML = 
  8703. 						' <a class="stsh_a_button" target="_blank" href="' + img + '">View Background</a> ';
  8704. 					insertAfterElement(eleTdImage, eleTdFrame);
  8705. 				}
  8706. 			}
  8707. 		}
  8708. 		
  8709. 		var inputPrev = document.querySelector("input[value^='Prev']");
  8710. 		if (inputPrev)
  8711. 		{
  8712. 			addKeyCtrl(document, inputPrev, ["BracketLeft", 219], "[", 1|2);			// [
  8713. 			disableAfterClick(inputPrev);
  8714. 		}
  8715. 		
  8716. 		var inputNext = document.querySelector("input[value^='Next']");
  8717. 		if (inputNext)
  8718. 		{
  8719. 			addKeyCtrl(document, inputNext, ["BracketRight", 221, 171], "]", 1|2);		// ]
  8720. 			disableAfterClick(inputNext);
  8721. 		}
  8722. 		
  8723. 		// Hilight cur lang
  8724. 		{
  8725. 			var elesLang = document.querySelectorAll("table.curved > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(3) > h2:nth-child(1)");
  8726. 			for (var i = 0; i < elesLang.length; i++)
  8727. 			{
  8728. 				if (lang === elesLang[i].textContent.trim().toLowerCase())
  8729. 				{
  8730. 					var eleParent = elesLang[i].parentElement.parentElement.parentElement.parentElement;
  8731. 					//eleParent.style.backgroundColor = "#474D1A";
  8732. 					eleParent.classList.add("stsh_curLang");
  8733. 					eleParent.setAttribute("bgcolor", "#474D1A");
  8734. 					eleParent.setAttribute("onmouseout", "this.bgColor='#474D1A'");
  8735. 					eleParent.setAttribute("onmouseover", "this.bgColor='#76802B'");
  8736. 					break;
  8737. 				}
  8738. 			}
  8739. 		}
  8740. 		
  8741. 		// Reset points position
  8742. 		{
  8743. 			var eleSpan = document.querySelector("h5 > span");
  8744. 			if (eleSpan)
  8745. 			{
  8746. 				eleSpan.parentElement.parentElement.removeAttribute("style");
  8747. 			}
  8748. 		}
  8749. 		
  8750. 	} // End rally_results.php
  8751. 	
  8752. 	if (/\/rallyreplay_?[0-9]{0,4}/.test(url))
  8753. 	{
  8754. 		document.body && document.body.classList.add("stsh_page_rallyReplay");
  8755. 		
  8756. 		// Set cur lang to first
  8757. 		{
  8758. 			var elesFrame = document.querySelectorAll("#leftAreaContainer div[id^='frame']");
  8759. 			for (var i = 0; i < elesFrame.length; i++)
  8760. 			{
  8761. 				var first = elesFrame[i].querySelector(".gradienttable tr:nth-child(6)");
  8762. 				if (first)
  8763. 				{
  8764. 					var cur = null;
  8765. 					
  8766. 					var tdLangs = elesFrame[i].querySelectorAll(".gradienttable tr > td:nth-child(1)");
  8767. 					for (var j = 0; j < tdLangs.length; j++)
  8768. 					{
  8769. 						if (lang === tdLangs[j].textContent.trim().toLowerCase())
  8770. 						{
  8771. 							cur = tdLangs[j].parentElement;
  8772. 							break;
  8773. 						}
  8774. 					}
  8775. 					
  8776. 					if (cur)
  8777. 					{
  8778. 						cur.classList.add("stsh_curLang");
  8779. 						first.parentElement.insertBefore(cur, first);
  8780. 					}
  8781. 				}
  8782. 			}
  8783. 		}
  8784. 		
  8785. 		var eleBtn = document.querySelector("input[value='FASTEST']");
  8786. 		if (eleBtn)
  8787. 		{
  8788. 			var ele = document.createElement("input");
  8789. 			ele.setAttribute("type", "button");
  8790. 			ele.setAttribute("value", "RESTART");
  8791. 			ele.setAttribute("style", "padding: 0; border: none; background: none;");
  8792. 			ele.setAttribute("onclick", 
  8793. " \
  8794. indexReplay = 0; \
  8795. elsFrame.eq(indexReplay).fadeOut(0, function() \
  8796. { \
  8797. 	indexReplay = (indexReplay + 1) % lenFrame; \
  8798. 	elsFrame.eq(indexReplay).fadeIn(0); \
  8799. }); \
  8800. ");
  8801. 				
  8802. 			insertAfterElement(ele, eleBtn);
  8803. 			
  8804. 			insertAfterElement(document.createTextNode(" | "), eleBtn);
  8805. 		}
  8806. 		
  8807. 	} // End rallyreplay.php
  8808. 	
  8809. 	if (url.indexOf("/WhereIsEsty.php") > -1)
  8810. 	{
  8811. 		document.body && document.body.classList.add("stsh_page_whereIsEsty");
  8812. 		
  8813. 		resizeSuggestionBox();
  8814. 	
  8815. 		var outer = document.querySelector("#suggestions_box_outer");
  8816. 		if (outer)
  8817. 		{
  8818. 			outer.setAttribute("onclick", "hideSuggestionsBox();");
  8819. 		}
  8820. 		
  8821. 		var divContainer = document.querySelector("#pageContainer");
  8822. 		if (divContainer)
  8823. 		{
  8824. 			var ele = document.createElement("div");
  8825. 			ele.id = "logout";
  8826. 			ele.innerHTML = 
  8827. 				' <a class="stsh_a_button" target="_blank" href="/home.php">Home</a> ';
  8828. 			divContainer.appendChild(ele);
  8829. 		}
  8830.  
  8831. 		var divContent = document.querySelector("#leftAreaContainer > div");
  8832. 		if (divContent)
  8833. 		{
  8834. 			var countSnap = document.querySelectorAll("div.box").length;
  8835. 			var user = "";
  8836. 			var name = "";
  8837.  
  8838. 			var eleImg = document.querySelector("#leftAreaContainer > div > div > a > img ");
  8839. 			if (eleImg)
  8840. 			{
  8841. 				name = eleImg.getAttribute("title");
  8842. 				user = eleImg.parentElement.getAttribute("href").replace("https://steamcommunity.com/profiles/", "");
  8843. 			}
  8844. 			var ele = document.createElement("div");
  8845. 			ele.classList.add("stsh_snapshot");
  8846. 			ele.innerHTML = "<a class='stsh_blue' target='_blank' href='/user_activity.php?user="
  8847. 				+ user + "'>" + name + "</a>"
  8848. 				+ "<br>Snapshot: " + countSnap;
  8849.  
  8850. 			divContent.appendChild(ele);
  8851. 		}
  8852. 		
  8853. 	} // End WhereIsEsty.php
  8854. 	
  8855. 	if (url.indexOf("/stickerbox.php") > -1)
  8856. 	{
  8857. 		document.body && document.body.classList.add("stsh_page_stickerbox");
  8858. 		
  8859. 		document.querySelector("textarea[name='add_comment']").focus();
  8860. 		
  8861. 		var inputPrev = document.querySelector("img[src*='z0lEQVRIx5WWaWxVRRTH'");
  8862. 		if (inputPrev)
  8863. 		{
  8864. 			addKeyCtrl(document, inputPrev, ["BracketLeft", 219]);			// [
  8865. 			disableAfterClick(inputPrev);
  8866. 		}
  8867. 		
  8868. 		var inputNext = document.querySelector("img[src*='40lEQVRIx5WWe0xXZRjH'");
  8869. 		if (inputNext)
  8870. 		{
  8871. 			addKeyCtrl(document, inputNext, ["BracketRight", 221, 171]);	// ]
  8872. 			disableAfterClick(inputNext);
  8873. 		}
  8874. 	} // End stickerbox.php
  8875. 	
  8876. 	if (/\/(home\.php|index\.php)/i.test(url))
  8877. 	{
  8878. 		document.body && document.body.classList.add("stsh_page_home");
  8879. 		
  8880. 		// Add class
  8881. 		{
  8882. 			var elesH1 = document.querySelectorAll("#leftAreaContainer h1");
  8883. 			for (var i = 0; i < elesH1.length; i++)
  8884. 			{
  8885. 				var text = elesH1[i].textContent.trim();
  8886. 				if (text === "Current Serverwide Focus")
  8887. 				{
  8888. 					elesH1[i].classList.add("stsh_home_focus");
  8889. 				}
  8890. 				else if (text.indexOf("Oldest") === 0)
  8891. 				{
  8892. 					elesH1[i].classList.add("stsh_home_application");
  8893. 				}
  8894. 				else if (text.indexOf("Most Outdated") === 0)
  8895. 				{
  8896. 					elesH1[i].classList.add("stsh_home_untranslated");
  8897. 				}
  8898. 				else if (text === "Latest 10 Cross-Language Discussions About Certain Tokens")
  8899. 				{
  8900. 					elesH1[i].classList.add("stsh_home_discussion");
  8901. 				}
  8902. 				else if (text === "Overall Progress")
  8903. 				{
  8904. 					elesH1[i].classList.add("stsh_home_progress");
  8905. 				}
  8906. 			}
  8907. 			
  8908. 			var elesLi = document.querySelectorAll("#alldiscussions > ul > li > ul > li");
  8909. 			for (var i = 0; i < elesLi.length; i++)
  8910. 			{
  8911. 				elesLi[i].classList.add("stsh_home_discussion_comment");
  8912. 				
  8913. 				var eleFirst = elesLi[i].firstElementChild;
  8914. 				if (eleFirst && eleFirst.tagName === "FONT")
  8915. 				{
  8916. 					elesLi[i].classList.add("stsh_home_discussion_langCur");
  8917. 				}
  8918. 				else
  8919. 				{
  8920. 					elesLi[i].classList.add("stsh_home_discussion_langOther");
  8921. 				}
  8922. 			}
  8923. 		}
  8924. 		
  8925. 		// Decode URI in discussion
  8926. 		{
  8927. 			var rgxUrl = /https?:[^ ]+/ig;;
  8928. 			
  8929. 			var elesPost = document.querySelectorAll(".stsh_home_discussion_comment");
  8930. 			for (var i = 0; i < elesPost.length; i++)
  8931. 			{
  8932. 				for (var j = 0; j < elesPost[i].childNodes.length; j++)
  8933. 				{
  8934. 					if (elesPost[i].childNodes[j].nodeType === document.TEXT_NODE)
  8935. 					{
  8936. 						var isChanged = false;
  8937. 						
  8938. 						var comment = elesPost[i].childNodes[j].textContent + " ";
  8939. 						
  8940. 						var commentUrls = comment.match(rgxUrl) || [];
  8941. 						for (var k = 0; k < commentUrls.length; k++)
  8942. 						{
  8943. 							if (commentUrls[k].indexOf("%") > -1)
  8944. 							{
  8945. 								var urlDecode = commentUrls[k];
  8946. 								try
  8947. 								{
  8948. 									urlDecode = decodeURIComponent(commentUrls[k]);
  8949. 									isChanged = true;
  8950. 								}
  8951. 								catch (ex)
  8952. 								{
  8953. 									console.error("DecodeUriDiscussion", ex.message);
  8954. 								}
  8955. 								
  8956. 								comment = comment.replace(commentUrls[k], urlDecode);
  8957. 							}
  8958. 						}
  8959. 						
  8960. 						if (isChanged)
  8961. 						{
  8962. 							elesPost[i].childNodes[j].textContent = comment;
  8963. 						}
  8964. 					}
  8965. 				}
  8966. 			}
  8967. 		}
  8968. 		
  8969. 		// Set cur lang to first
  8970. 		{
  8971. 			var first = null;
  8972. 			var cur = null;
  8973. 			var curLang = lang.substring(0, 4);
  8974. 			
  8975. 			if (curLang === "schi")
  8976. 				curLang = "sim.";
  8977. 			else if (curLang === "tchi")
  8978. 				curLang = "tra.";
  8979. 			
  8980. 			var eleLangs = document.querySelectorAll("#overall .progress");
  8981. 			if (eleLangs.length > 0)
  8982. 			{
  8983. 				first = eleLangs[0];
  8984. 				for (var i = 0; i < eleLangs.length; i++)
  8985. 				{
  8986. 					if (curLang === eleLangs[i].textContent.trim().substring(0, 4).toLowerCase())
  8987. 					{
  8988. 						cur = eleLangs[i];
  8989. 						break;
  8990. 					}
  8991. 				}
  8992. 				
  8993. 				if (cur)
  8994. 				{
  8995. 					cur.classList.add("stsh_blue");
  8996. 					var curSib1 = cur.nextSibling;
  8997. 					var curSib2 = curSib1.nextSibling;
  8998. 					var curSib3 = curSib2.nextSibling;
  8999. 					var curSib4 = curSib3.nextSibling;
  9000. 					var curSib5 = curSib4.nextSibling;
  9001. 					var curSib6 = curSib5.nextSibling;
  9002. 					
  9003. 					insertBeforeElement(cur, first);
  9004. 					insertAfterElement(curSib6, cur);
  9005. 					insertAfterElement(curSib5, cur);
  9006. 					insertAfterElement(curSib4, cur);
  9007. 					insertAfterElement(curSib3, cur);
  9008. 					insertAfterElement(curSib2, cur);
  9009. 					insertAfterElement(curSib1, cur);
  9010. 				}
  9011. 			}
  9012. 		}
  9013. 		
  9014. 		if (document.querySelector("#logout"))
  9015. 		{
  9016. 			var tmplHome = 
  9017. ' \
  9018. <div class="stsh_home_group"> \
  9019. 	<span class="stsh_home_header">Shortcuts</span> \
  9020. 	<div> \
  9021. 		<a class="stsh_a_button stsh_btn_med" target="_blank" \
  9022. 			href="/translate.php?search_input=DATE%3A+%DATE%&paginationrows=1000">New Today</a \
  9023. 		><a class="stsh_a_button stsh_btn_med" target="_blank" href="/glossary.php">Glossary</a> \
  9024. 	</div> \
  9025. 	%PROFILE% \
  9026. 	<span class="stsh_home_header">Rally</span> \
  9027. 	<div> \
  9028. 		<a class="stsh_a_button stsh_btn_med" target="_blank" href="/rally.php">Rally</a \
  9029. 		>%RALLY% \
  9030. 	</div> \
  9031. 	<span class="stsh_home_header">Events</span> \
  9032. 	<div> \
  9033. 		<a class="stsh_a_button stsh_btn_med stsh_grey" target="_blank" href="/rallyreplay.php">Rally Replay</a \
  9034. 		><a class="stsh_a_button stsh_btn_med stsh_grey" target="_blank" href="/onionolooorm.php">Typonion</a \
  9035. 		><a class="stsh_a_button stsh_btn_med" target="_blank" href="/dstbattle.php">DST Battle</a \
  9036. 		><a class="stsh_a_button stsh_btn_med" target="_blank" href="/dota2.php">DOTA 2</a> \
  9037. 	</div> \
  9038. 	<span class="stsh_home_header stsh_home_section_scroll">Scroll To</span> \
  9039. 	<div class="stsh_home_section_scroll"> \
  9040. 		<a class="stsh_a_button stsh_btn_med" onclick="window.scrollTo(0, 0); return false;" >Focus</a \
  9041. 		><a class="stsh_a_button stsh_btn_med" onclick="scrollToElement(\'.stsh_home_untranslated\', -4); return false;" >Untranslated</a \
  9042. 		><a class="stsh_a_button stsh_btn_med" onclick="scrollToElement(\'.stsh_home_discussion\', -4); return false;" >Discussion</a \
  9043. 		><a class="stsh_a_button stsh_btn_med" onclick="scrollToElement(\'.stsh_home_progress\', -4); return false;" >Progress</a> \
  9044. 	</div> \
  9045. 	<br> \
  9046. 	<div><a class="stsh_a_button stsh_btn_med" target="_self" href="/home.php">Refresh</a></div> \
  9047. </div> \
  9048. ';
  9049. 			
  9050. 			tmplHome = tmplHome.replace("%DATE%", getDateUs());
  9051. 			
  9052. 			// Rally
  9053. 			{
  9054. 				var date = new Date();
  9055. 				var yearLast = date.getUTCFullYear();
  9056. 				var yearFirst = 2013;
  9057. 				var yearDisabled = [2015, 2018];
  9058. 				var isEven = (yearLast - yearFirst + (isRally() ? 1 : 0)) % 2 === 0;
  9059. 				var count = 0;
  9060. 				
  9061. 				var strRally = "";
  9062. 				
  9063. 				for (var i = yearLast; i >= yearFirst; i--)
  9064. 				{
  9065. 					if (i < yearLast || isRally())
  9066. 					{
  9067. 						if (count % 2 === (isEven ? 0 : 1))
  9068. 						{
  9069. 							strRally += '<div>';
  9070. 						}
  9071. 						
  9072. 						if (count === 0 && !isEven)
  9073. 						{
  9074. 							strRally += '<div><a class="stsh_a_button stsh_btn_med'
  9075. 								+ (yearDisabled.indexOf(i) > -1 ? " stsh_grey" : "")
  9076. 								+ '" target="_blank" '
  9077. 								+ 'href="/rally' + i + '.php">Rally ' + i + '</a></div>';
  9078. 						}
  9079. 						else
  9080. 						{
  9081. 							strRally += '<a class="stsh_a_button stsh_btn_short'
  9082. 								+ (yearDisabled.indexOf(i) > -1 ? " stsh_grey" : "")
  9083. 								+ '" target="_blank" '
  9084. 								+ 'href="/rally' + i + '.php">' + i + '</a>';
  9085. 						}
  9086. 						
  9087. 						if (count > 0 && count % 2 === (isEven ? 1 : 0))
  9088. 						{
  9089. 							strRally += '</div>';
  9090. 						}
  9091. 						
  9092. 						count++;
  9093. 					}
  9094. 				}
  9095. 				
  9096. 				tmplHome = tmplHome.replace("%RALLY%", strRally);
  9097. 			}
  9098. 			
  9099. 			// Profile
  9100. 			{
  9101. 				var strProfile = "";
  9102. 				
  9103. 				if (userId)
  9104. 				{
  9105. 					strProfile = '<div class="stsh_group_space">'
  9106. 						+ '<a class="stsh_a_button stsh_btn_med" target="_blank" '
  9107. 						+ 'href="/translate.php?user=' + userId 
  9108. 						+ '&listsort=5&liststatus=1&paginationrows=1000">My Suggestions</a>';
  9109. 						
  9110. 					var userMod = GM_getValue("mod", "");
  9111. 					if (userMod === userId)
  9112. 					{
  9113. 						strProfile += '<a class="stsh_a_button stsh_btn_med" target="_blank" '
  9114. 							+ 'href="/translate.php?user=' + userId 
  9115. 							+ '&moderator=1&listsort=5&liststatus=3&paginationrows=1000">My Reviews</a>';
  9116. 					}
  9117. 					
  9118. 					strProfile += '</div>';
  9119. 				}
  9120. 				
  9121. 				
  9122. 				tmplHome = tmplHome.replace("%PROFILE%", strProfile);
  9123. 			}			
  9124. 			
  9125. 			var eleNew = document.createElement("div");
  9126. 			
  9127. 			eleNew.innerHTML = tmplHome;
  9128. 			
  9129. 			document.body.appendChild(eleNew);
  9130. 		}
  9131. 		
  9132. 		// Fix STS JS error
  9133. 		{
  9134. 			var eleTimer = document.querySelector("#timer");
  9135. 			if (!eleTimer)
  9136. 			{
  9137. 				var ele = document.createElement("div");
  9138. 				ele.id = "timer";
  9139. 				ele.classList.add("stsh_hidden");
  9140. 				document.body.appendChild(ele);
  9141. 			}
  9142. 		}
  9143. 		
  9144. 		// Add rows per page
  9145. 		{
  9146. 			var eleAs = document.querySelectorAll("#leftAreaContainer > div:not([id]) >.progress a[href^='translate.php?']");
  9147. 			for (var i = 0; i < eleAs.length; i++)
  9148. 			{
  9149. 				eleAs[i].href = eleAs[i].href + "&paginationrows=1000";
  9150. 			}
  9151. 		}
  9152. 		
  9153. 		// Add counter to title
  9154. 		{
  9155. 			var counter = [0, 0];
  9156. 			
  9157. 			var eleComment = document.querySelector("#leftAreaContainer > b > a[href^='user_activity.php?user=']:nth-child(3)");
  9158. 			if (eleComment)
  9159. 			{
  9160. 				counter[0] = eleComment.textContent.trim();
  9161. 			}
  9162. 			
  9163. 			var elePrivate = document.querySelector("#titleprivatemessages");
  9164. 			if (elePrivate)
  9165. 			{
  9166. 				var rgxPrivate = /Private Messages \((\d) new\)/i;
  9167. 				counter[1] =(elePrivate.textContent.match(rgxPrivate) || [0, 0])[1];
  9168. 			}
  9169. 			
  9170. 			if (counter[0] && counter[1])
  9171. 			{
  9172. 				document.title = "(" + counter[0] + "," + counter[1] + ") " + document.title;
  9173. 			}
  9174. 			else if (counter[0] || counter[1])
  9175. 			{
  9176. 				document.title = "(" + (counter[0] || counter[1]) + ") " + document.title;
  9177. 			}
  9178. 		}
  9179. 		
  9180. 		// Toggle file discussion
  9181. 		{
  9182. 			var elesLi = document.querySelectorAll("#alldiscussions > ul > li");
  9183. 			for (var i = 0; i < elesLi.length; i++)
  9184. 			{
  9185. 				var node = elesLi[i].firstChild;
  9186. 				if (node && node.nodeType === document.TEXT_NODE)
  9187. 				{
  9188. 					var eleSpan = document.createElement("span");
  9189. 					eleSpan.classList.add("stsh_home_discussion_file");
  9190. 					eleSpan.textContent = node.textContent;
  9191. 					elesLi[i].replaceChild(eleSpan, node);
  9192. 					
  9193. 					eleSpan.addEventListener("click", function(ev)
  9194. 					{
  9195. 						var eleTarget = ev.target;
  9196. 						var eleUl = eleTarget.nextElementSibling;
  9197. 						if (eleUl && eleUl.tagName === "UL")
  9198. 						{
  9199. 							if (eleUl.style.display === "none")
  9200. 							{
  9201. 								eleUl.style.display = "block";
  9202. 							}
  9203. 							else
  9204. 							{
  9205. 								eleUl.style.display = "none";
  9206. 							}
  9207. 						}
  9208. 					});
  9209. 				}
  9210. 			}
  9211. 		}
  9212. 		
  9213. 		// Hide other languages
  9214. 		{
  9215. 			var eleAllDiscuss = document.querySelector("#alldiscussions");
  9216. 			if (eleAllDiscuss)
  9217. 			{
  9218. 				var strHide = "Hide other languages";
  9219. 				var strShow = "Show other languages";
  9220. 				
  9221. 				var eleBtn = document.createElement("input");
  9222. 				eleBtn.classList.add("stsh_home_hideOtherLang");
  9223. 				eleBtn.type = "button";
  9224. 				eleBtn.value = strHide;
  9225. 				eleBtn.dataset.modeNext = "hide";
  9226. 				
  9227. 				insertBeforeElement(eleBtn, eleAllDiscuss.firstElementChild);
  9228.  
  9229. 				eleBtn.addEventListener("click", function(ev)
  9230. 				{
  9231. 					var eleTarget = ev.target;
  9232. 					var mode = "hide";
  9233. 					if (eleTarget.dataset.modeNext === "hide")
  9234. 					{
  9235. 						mode = "hide";
  9236. 						eleTarget.dataset.modeNext = "show";
  9237. 						eleTarget.value = strShow;
  9238. 					}
  9239. 					else
  9240. 					{
  9241. 						mode = "show";
  9242. 						eleTarget.dataset.modeNext = "hide";
  9243. 						eleTarget.value = strHide;
  9244. 					}
  9245. 					
  9246. 					if (mode === "hide")
  9247. 					{
  9248. 						var elesLang = document.querySelectorAll(".stsh_home_discussion_langOther");
  9249. 						for (var i = 0; i < elesLang.length; i++)
  9250. 						{
  9251. 							elesLang[i].classList.add("stsh_hidden");
  9252. 						}
  9253. 					}
  9254. 					else
  9255. 					{
  9256. 						var elesLang = document.querySelectorAll(".stsh_home_discussion_langOther.stsh_hidden");
  9257. 						for (var i = 0; i < elesLang.length; i++)
  9258. 						{
  9259. 							elesLang[i].classList.remove("stsh_hidden");
  9260. 						}
  9261. 					}
  9262. 				});
  9263. 			}
  9264. 		}
  9265. 		
  9266. 		// Correct app links
  9267. 		{
  9268. 			var strIncludeApps = "&includeapps=1";
  9269. 			
  9270. 			var elesApp = document.querySelectorAll("a[href^='translate.php?lang=thai&search_input=%23app_']");
  9271. 			for (var i = 0; i < elesApp.length; i++)
  9272. 			{
  9273. 				var href = elesApp[i].getAttribute("href");
  9274. 				if (href.indexOf(strIncludeApps) < 0)
  9275. 				{
  9276. 					elesApp[i].setAttribute("href", href + strIncludeApps);
  9277. 				}
  9278. 			}
  9279. 		}
  9280. 		
  9281. 	} // End home.php
  9282. 	
  9283. 	if (url.indexOf("/glossary.php") > -1)
  9284. 	{
  9285. 		document.body && document.body.classList.add("stsh_page_glossary");
  9286. 		
  9287. 		// Add shortcuts
  9288. 		{
  9289. 			var contentGlos = 
  9290. ' \
  9291. <div class="stsh_home_group"> \
  9292. 	<span class="stsh_home_header">Shortcuts</span> \
  9293. 	<br> &nbsp; \
  9294. 	<a class="stsh_a_button stsh_btn_med" target="_blank" \
  9295. 		href="/translate.php?chosenfile=1&listfilter=1&listsort=3&paginationrows=1000&branch_ID=49&file_ID=226"> \
  9296. 			Glossary</a> &nbsp; \
  9297. 	<br> &nbsp; \
  9298. 	<a class="stsh_a_button stsh_btn_med" target="_blank" \
  9299. 		href="/translate.php?chosenfile=1&listfilter=1&listsort=3&paginationrows=1000&branch_ID=49&file_ID=232"> \
  9300. 			Phrases</a> &nbsp; \
  9301. 	<br> \
  9302. </div> \
  9303. ';
  9304. 			
  9305. 			var eleNew = document.createElement("div");
  9306. 			eleNew.innerHTML = contentGlos;
  9307. 			document.body.appendChild(eleNew);
  9308. 		}
  9309. 		
  9310. 		// Improve glossary links
  9311. 		{
  9312. 			var elesLink = document.querySelectorAll("#votes_container > .lbAction a[href^='./translate.php?search_input=']");
  9313. 			for (var i = 0; i < elesLink.length; i++)
  9314. 			{
  9315. 				elesLink[i].href = elesLink[i].href.replace("keyonly=0", "keyonly=2")
  9316. 					.replace("listsort=0", "listsort=4")
  9317. 					.replace("paginationrows=50", "paginationrows=1000");
  9318. 			}
  9319. 		}
  9320. 		
  9321. 	} // End glossary.php
  9322. 	
  9323. 	if (url.indexOf("/dstbattle.php") > -1)
  9324. 	{
  9325. 		document.body && document.body.classList.add("stsh_page_dstbattle");
  9326. 		
  9327. 		// Hilight cur lang
  9328. 		{
  9329. 			var cur = null;
  9330. 			
  9331. 			var elesLang = document.querySelectorAll(".gradienttable > tbody:nth-child(1) > tr > th:nth-child(1)");
  9332. 			for (var i = 1; i < elesLang.length; i++)
  9333. 			{
  9334. 				if (lang === elesLang[i].textContent.trim().replace(/[0-9]+\. /, "").toLowerCase())
  9335. 				{
  9336. 					cur = elesLang[i].parentElement;
  9337. 					break;
  9338. 				}
  9339. 			}
  9340. 			
  9341. 			if (cur)
  9342. 			{
  9343. 				cur.classList.add("stsh_dst_curLang");
  9344. 			}
  9345. 		}
  9346. 		
  9347. 	} // End dstbattle.php
  9348. 	
  9349. 	if (url.indexOf("/statistics.php") > -1)
  9350. 	{
  9351. 		document.body && document.body.classList.add("stsh_page_statistics");
  9352. 		
  9353. 		setTimeoutCustom(function()
  9354. 		{
  9355. 			var qBranch = getQueryByName("branch_ID");
  9356. 			var qFile = getQueryByName("file_ID");
  9357. 			
  9358. 			if (qBranch === "" && qFile === "")
  9359. 			{
  9360. 				var getProgress = function(content)
  9361. 				{
  9362. 					content = content.trim();
  9363. 					var rgxNum = /[0-9]+/g;
  9364. 					var data = "";
  9365. 					if (content.indexOf("<15") > -1)
  9366. 					{
  9367. 						data = "014"
  9368. 					}
  9369. 					else if (content.indexOf("100") < 0)
  9370. 					{
  9371. 						data = "0" + (content.match(rgxNum) || ["00"])[0];
  9372. 					}
  9373. 					else
  9374. 					{
  9375. 						data = "100";
  9376. 					}
  9377. 					return data;
  9378. 				}
  9379. 					
  9380. 				var branch = "";
  9381. 				var elesTr = document.querySelectorAll(".tableprogress tr");
  9382. 				for (var i = 0; i < elesTr.length; i++)
  9383. 				{
  9384. 					var eleH = elesTr[i].querySelector("h2");
  9385. 					if (eleH)
  9386. 					{
  9387. 						branch = eleH.textContent.trim();
  9388. 					}
  9389. 					else
  9390. 					{
  9391. 						var eleA = elesTr[i].querySelector("td:nth-child(2) > a:nth-child(1)[href^='translate.php']");
  9392. 						if (eleA)
  9393. 						{
  9394. 							elesTr[i].classList.add("stsh_stat_progress");
  9395. 							
  9396. 							elesTr[i].dataset.translated = getProgress(eleA.textContent);
  9397. 							elesTr[i].dataset.approved = getProgress(
  9398. 								eleA.parentElement.nextElementSibling.firstElementChild.textContent);
  9399. 								
  9400. 							elesTr[i].dataset.branch = branch;
  9401. 							elesTr[i].dataset.file = elesTr[i].firstElementChild.textContent.trim();
  9402. 						}
  9403. 					}
  9404. 				}
  9405. 								
  9406. 				var eleDiv = document.createElement("div");
  9407. 				document.body.appendChild(eleDiv);
  9408. 				eleDiv.innerHTML = 
  9409. ' \
  9410. <div class="stsh_showing_group"> \
  9411. 	<span class="stsh_showing_header">Hide</span>\
  9412. 	<br> &nbsp; <input id="stsh_stat_hideGame" value="Game" class="stsh_btn_short" type="button" /> \
  9413. 	<input id="stsh_stat_hideSteam" value="Steam" class="stsh_btn_short" type="button" /> \
  9414. 	<br> &nbsp; <input id="stsh_stat_hideApproved" value="Approved" class="stsh_btn_long" type="button" /> \
  9415. 	<br> &nbsp; <input id="stsh_stat_hideCompleted" value="Completed" class="stsh_btn_long" type="button" /> \
  9416. 	<br> \
  9417. 	<br> &nbsp; <input id="stsh_stat_showAll" value="Show All" class="stsh_btn_long" type="button" /> \
  9418. </div> \
  9419. ';
  9420.  
  9421. 				var eleHideGame = document.querySelector("#stsh_stat_hideGame");
  9422. 				eleHideGame.addEventListener("click", function()
  9423. 				{
  9424. 					var elesProgress = document.querySelectorAll(".stsh_stat_progress:not(.stsh_hidden)");
  9425. 					for (var i = 0; i < elesProgress.length; i++)
  9426. 					{
  9427. 						if (elesProgress[i].dataset.branch.indexOf("games/") === 0)
  9428. 						{
  9429. 							elesProgress[i].classList.add("stsh_hidden");
  9430. 						}
  9431. 					}
  9432. 				});
  9433. 				
  9434. 				var eleHideSteam = document.querySelector("#stsh_stat_hideSteam");
  9435. 				eleHideSteam.addEventListener("click", function()
  9436. 				{
  9437. 					var elesProgress = document.querySelectorAll(".stsh_stat_progress:not(.stsh_hidden)");
  9438. 					for (var i = 0; i < elesProgress.length; i++)
  9439. 					{
  9440. 						if (elesProgress[i].dataset.branch.indexOf("steam") === 0)
  9441. 						{
  9442. 							elesProgress[i].classList.add("stsh_hidden");
  9443. 						}
  9444. 					}
  9445. 				});
  9446. 				
  9447. 				var eleHideApproved = document.querySelector("#stsh_stat_hideApproved");
  9448. 				eleHideApproved.addEventListener("click", function()
  9449. 				{
  9450. 					var elesProgress = document.querySelectorAll(".stsh_stat_progress:not(.stsh_hidden)");
  9451. 					for (var i = 0; i < elesProgress.length; i++)
  9452. 					{
  9453. 						if (elesProgress[i].dataset.translated === elesProgress[i].dataset.approved)
  9454. 						{
  9455. 							elesProgress[i].classList.add("stsh_hidden");
  9456. 						}
  9457. 					}
  9458. 				});
  9459. 				
  9460. 				var eleHideCompleted = document.querySelector("#stsh_stat_hideCompleted");
  9461. 				eleHideCompleted.addEventListener("click", function()
  9462. 				{
  9463. 					var elesProgress = document.querySelectorAll(".stsh_stat_progress:not(.stsh_hidden)");
  9464. 					for (var i = 0; i < elesProgress.length; i++)
  9465. 					{
  9466. 						if (elesProgress[i].dataset.translated === "100" && elesProgress[i].dataset.approved === "100")
  9467. 						{
  9468. 							elesProgress[i].classList.add("stsh_hidden");
  9469. 						}
  9470. 					}
  9471. 				});
  9472. 				
  9473. 				var eleShowAll = document.querySelector("#stsh_stat_showAll");
  9474. 				eleShowAll.addEventListener("click", function()
  9475. 				{
  9476. 					var elesProgress = document.querySelectorAll(".stsh_stat_progress.stsh_hidden");
  9477. 					for (var i = 0; i < elesProgress.length; i++)
  9478. 					{
  9479. 						elesProgress[i].classList.remove("stsh_hidden");
  9480. 					}
  9481. 				});
  9482. 			}
  9483. 			
  9484. 			// Add rows per page
  9485. 			{
  9486. 				var eleAs = document.querySelectorAll("#leftAreaContainer a[href^='translate.php?']");
  9487. 				for (var i = 0; i < eleAs.length; i++)
  9488. 				{
  9489. 					eleAs[i].href = eleAs[i].href + "&paginationrows=1000";
  9490. 				}
  9491. 			}
  9492. 			
  9493. 		}, timingInit.improveStatistics);
  9494. 		
  9495. 	} // End statistics.php
  9496. 	
  9497. 	if (url.indexOf("index.php") > -1 
  9498. 		|| url === "https://translation.steampowered.com/")
  9499. 	{
  9500. 		document.body && document.body.classList.add("stsh_page_index");
  9501. 		
  9502. 		var eleDes = document.querySelector("#verify-form > form");
  9503. 		if (eleDes)
  9504. 		{
  9505. 			var eleSpan = document.createElement("span");
  9506. 			eleSpan.classList.add("stsh_autoLoginOption");
  9507.  
  9508. 			var eleInput = document.createElement("input");
  9509. 			eleInput.id = "stsh_autoLogin";
  9510. 			eleInput.setAttribute("type", "checkbox");
  9511. 			eleInput.setAttribute("value", "auto");
  9512. 			
  9513. 			var autoLogin = function()
  9514. 			{
  9515. 				var eleImage = document.querySelector("#verify-form > form > input[class='image']");
  9516. 				if (eleImage)
  9517. 				{
  9518. 					setTimeoutCustom(function()
  9519. 					{
  9520. 						var eleInput = document.querySelector("#stsh_autoLogin");
  9521. 						if (eleInput && eleInput.checked)
  9522. 						{
  9523. 							eleImage.click();
  9524. 						}
  9525. 					}, timingInit.autoLogin);
  9526. 				}
  9527. 			}
  9528. 			
  9529. 			if (GM_getValue("autoLogin", 0) === "true")
  9530. 			{
  9531. 				eleInput.checked = true;
  9532. 				autoLogin();
  9533. 			}
  9534.  
  9535. 			eleInput.addEventListener("click", function (e)
  9536. 			{
  9537. 				var ele = e.target;
  9538. 				if (ele.checked)
  9539. 				{
  9540. 					GM_setValue("autoLogin", "true");
  9541. 					autoLogin();
  9542. 				}
  9543. 				else
  9544. 				{
  9545. 					GM_setValue("autoLogin", "false");
  9546. 				}
  9547. 			});
  9548.  
  9549. 			var eleLabel = document.createElement("label");
  9550. 			eleLabel.setAttribute("for", "stsh_autoLogin");
  9551. 			eleLabel.textContent = " Auto Login";
  9552. 			eleLabel.title = "Auto click login button"
  9553.  
  9554. 			eleSpan.appendChild(eleInput);
  9555. 			eleSpan.appendChild(eleLabel);
  9556. 			eleDes.appendChild(eleSpan);
  9557. 		}
  9558. 		
  9559. 	} // End index.php
  9560. 	
  9561. 	if (url.indexOf("try_auth.php") > -1)
  9562. 	{
  9563. 		document.body && document.body.classList.add("stsh_page_tryAuth");
  9564. 		
  9565. 		setTimeoutCustom(function()
  9566. 		{
  9567. 			document.forms[0].submit();
  9568. 		}, timingInit.authSubmit);
  9569. 		
  9570. 	} // End try_auth.php
  9571. 	
  9572. 	window.addEventListener("beforeunload", function (e)
  9573. 	{
  9574. 		clearTimeoutAll();
  9575. 		clearIntervalAll();
  9576. 	});
  9577. 	
  9578. 	if (perfStart > 0)
  9579. 	{
  9580. 		var perfEnd = performance.now();
  9581. 		//console.log("STS Helper - Perf: " + (perfEnd - perfStart).toFixed(2) + "ms, Page: " + window.location.pathname);
  9582. 	}
  9583. 	
  9584. } // End Main
  9585.  
  9586. function client()
  9587. {
  9588. 	var clientScript = 
  9589. ' \
  9590. /* STSH JS - clientScript */ \
  9591. var timeoutList = []; \
  9592. var intervalList = []; \
  9593.  \
  9594. function setTimeoutCustom(func, tm, params) \
  9595. { \
  9596. 	var id = setTimeout(func, tm, params); \
  9597. 	timeoutList.push(id); \
  9598. 	return id; \
  9599. } \
  9600.  \
  9601. function clearTimeoutAll() \
  9602. { \
  9603. 	for (var i = 0; i < timeoutList.length; i++) \
  9604. 	{ \
  9605. 		clearTimeout(timeoutList[i]); \
  9606. 	} \
  9607. } \
  9608.  \
  9609. function setIntervalCustom(func, tm, params) \
  9610. { \
  9611. 	var id = setInterval(func, tm, params); \
  9612. 	intervalList.push(id); \
  9613. 	return id; \
  9614. } \
  9615.  \
  9616. function clearIntervalAll() \
  9617. { \
  9618. 	for (var i = 0; i < intervalList.length; i++) \
  9619. 	{ \
  9620. 		clearInterval(intervalList[i]); \
  9621. 	} \
  9622. } \
  9623.  \
  9624. function scrollToId(id, offset) \
  9625. { \
  9626. 	scrollToElement("#" + id, offset); \
  9627. } \
  9628.  \
  9629. function scrollToElement(selector, offset) \
  9630. { \
  9631. 	if (typeof offset === "undefined") \
  9632. 	{ \
  9633. 		offset = -20; \
  9634. 	} \
  9635. 	 \
  9636. 	var ele = document.querySelector(selector); \
  9637. 	if (ele) \
  9638. 	{ \
  9639. 		ele.scrollIntoView(true); \
  9640. 		window.scrollBy(0, offset); \
  9641. 	} \
  9642. } \
  9643.  \
  9644. function getTimeMs() \
  9645. { \
  9646. 	return (new Date()).getTime(); \
  9647. } \
  9648.  \
  9649. function registerHideSuggestion() \
  9650. { \
  9651. 	if (typeof hideSuggestionsBox !== "undefined" || (parent && parent.hideSuggestionsBox)) \
  9652. 	{ \
  9653. 		document.addEventListener("keydown", function(e) \
  9654. 		{ \
  9655. 			if (e.keyCode === 27) \
  9656. 			{ \
  9657. 				if (parent) \
  9658. 				{ \
  9659. 					parent.hideSuggestionsBox(); \
  9660. 				} \
  9661. 				else \
  9662. 				{ \
  9663. 					hideSuggestionsBox(); \
  9664. 				} \
  9665. 			} \
  9666. 			return false; \
  9667. 		}); \
  9668. 	} \
  9669. } \
  9670. registerHideSuggestion(); \
  9671.  \
  9672. function doubleClickHideSuggestion(ele) \
  9673. { \
  9674. 	var maxDiff = 3000; \
  9675. 	var msDiff = maxDiff; \
  9676. 	var isEdited = false; \
  9677. 	 \
  9678. 	if (ele && ele.dataset) \
  9679. 	{ \
  9680. 		msDiff = getTimeMs() - (ele.dataset.stshHideSuggestion || 0); \
  9681. 		isEdit = ele.dataset.stshTextEdited === "true"; \
  9682. 	} \
  9683. 	 \
  9684. 	if (!isEdit || msDiff < maxDiff) \
  9685. 	{ \
  9686. 		hideSuggestionsBox(); \
  9687. 		ele.dataset.stshHideSuggestion = 0; \
  9688. 	} \
  9689. 	else \
  9690. 	{ \
  9691. 		ele.dataset.stshHideSuggestion = getTimeMs(); \
  9692. 	} \
  9693. } \
  9694.  \
  9695. function clickToSelect(ele) \
  9696. { \
  9697. 	var range = document.createRange(); \
  9698. 	range.setStartBefore(ele.firstChild); \
  9699. 	range.setEndAfter(ele.lastChild); \
  9700. 	var sel = window.getSelection(); \
  9701. 	sel.removeAllRanges(); \
  9702. 	sel.addRange(range); \
  9703. } \
  9704.  \
  9705. function syncUrlArray() \
  9706. { \
  9707. 	var strStart = "showSuggestionsBox( \'"; \
  9708. 	var strEnd = "\' ); return false;"; \
  9709. 	var strCur = "&list_id="; \
  9710. 	var strAll = "&endnext="; \
  9711. 	var regPos = /&list_id=\\d+&endnext=\\d+/g; \
  9712. 	var isEdit = false; \
  9713. 	var eleDivs = []; \
  9714. 	var urls = []; \
  9715. 	 \
  9716. 	var pattUrlTimestamp = \
  9717. 	{ \
  9718. 		type2: /\\&t=[0-9]{6,}/g, \
  9719. 		type4: /\\&[0-9]{6,}\\&/g, \
  9720. 	}; \
  9721.  	 \
  9722. 	var trKeys = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr"); \
  9723. 	for (var i = 0; i < trKeys.length; i++)  \
  9724. 	{ \
  9725. 		if (!trKeys[i].classList.contains("stsh_hidden")) \
  9726. 		{ \
  9727. 			var eleDiv = trKeys[i].childNodes[0].childNodes[0]; \
  9728. 			if (typeof eleDiv.getAttribute !== "undefined" \
  9729. 				&& eleDiv.getAttribute("onclick")) \
  9730. 			{ \
  9731. 				eleDivs.push(eleDiv); \
  9732. 			} \
  9733. 		} \
  9734. 	} \
  9735. 	 \
  9736. 	for (var i = 0, l = eleDivs.length; i < l; i++) \
  9737. 	{ \
  9738. 		var evOld = eleDivs[i].getAttribute("onclick"); \
  9739. 		if (evOld) \
  9740. 		{ \
  9741. 			var url = evOld.replace(strStart,"").replace(strEnd,"").replace(regPos,""); \
  9742. 			url = url + strCur + i + strAll + l; \
  9743. 				\
  9744. 			if (pattUrlTimestamp.type2.test(url)) \
  9745. 			{ \
  9746. 				url = url.replace(pattUrlTimestamp.type2, ""); \
  9747. 			} \
  9748. 			if (pattUrlTimestamp.type4.test(url)) \
  9749. 			{ \
  9750. 				url = url.replace(pattUrlTimestamp.type4, "&"); \
  9751. 			} \
  9752. 			 \
  9753. 			urls.push(url); \
  9754. 			 \
  9755. 			var evNew = strStart + url + strEnd; \
  9756. 			if (evOld !== evNew) \
  9757. 			{ \
  9758. 				eleDivs[i].setAttribute("onclick", evNew); \
  9759. 				isEdit = true; \
  9760. 			} \
  9761. 		} \
  9762. 	} \
  9763. 	 \
  9764. 	if (isEdit || typeof URLarray === "undefined" || URLarray.length !== urls.length) \
  9765. 	{ \
  9766. 		URLarray = urls; \
  9767. 	} \
  9768. } \
  9769.  \
  9770. function setFrameColor(color) \
  9771. { \
  9772. 	var frame = document.querySelector("div#suggestions_box iframe"); \
  9773. 	if (frame) \
  9774. 	{ \
  9775. 		if (frame.style.backgroundColor !== color) \
  9776. 		{ \
  9777. 			frame.style.setProperty("background-color", color, "important"); \
  9778. 		} \
  9779. 	} \
  9780. } \
  9781.  \
  9782. function padZero(num, size) \
  9783. { \
  9784. 	return (1e15+num+"").slice(-size); \
  9785. } \
  9786.  \
  9787. function doInstant() \
  9788. { \
  9789. 	var url = document.documentURI; \
  9790. 	 \
  9791. 	/* Fix STS JS error */ \
  9792. 	setTimeoutCustom(function() \
  9793. 	{ \
  9794. 		if (typeof hide_list === "undefined") \
  9795. 		{ \
  9796. 			hide_list = function() { /*console.log("sts: hide_list");*/ }; \
  9797. 		} \
  9798. 		 \
  9799. 		if (typeof changeIt === "undefined") \
  9800. 		{ \
  9801. 			changeIt = function() { /*console.log("sts: changeIt");*/ }; \
  9802. 		} \
  9803. 		 \
  9804. 		if (typeof getendnext === "undefined") \
  9805. 		{ \
  9806. 			getendnext = function() { /*console.log("sts: getendnext");*/ return ""; }; \
  9807. 		} \
  9808. 	}, 1000); \
  9809. 	 \
  9810. 	if (url.indexOf("user_activity.php") > -1) \
  9811. 	{ \
  9812. 		setTimeoutCustom(function() \
  9813. 		{ \
  9814. 			if (typeof $ !== "undefined") \
  9815. 			{ \
  9816. 				/* Restore drawing progress */ \
  9817. 				$(".dial").css("display", "inline"); \
  9818. 				$(".dial").knob( \
  9819. 				{ \
  9820. 					"draw": function() \
  9821. 					{ \
  9822. 						$(this.i).val(this.cv + "%"); \
  9823. 					} \
  9824. 				}); \
  9825. 			} \
  9826. 		}, 500); \
  9827. 	} \
  9828. 	else if (url.indexOf("translate.php") > -1) \
  9829. 	{ \
  9830. 		getsuggestionURL = function(urlno) \
  9831. 		{ \
  9832. 			/* Overwrite STS to remove timestamp */ \
  9833. 			return URLarray[urlno]; \
  9834. 		}; \
  9835. 		 \
  9836. 		var obTarget_sync = document.querySelector("#keylist_container");  \
  9837. 		if (obTarget_sync) \
  9838. 		{ \
  9839. 			var tmOb_sync = -1; \
  9840. 			var obMu_sync = new MutationObserver(function(mutations) \
  9841. 			{ \
  9842. 				mutations.forEach(function(mutation) \
  9843. 				{ \
  9844. 					if (mutation.type !== "attributes" \
  9845. 						|| mutation.target.tagName === "TR") \
  9846. 					{ \
  9847. 						clearTimeout(tmOb_sync); \
  9848. 						tmOb_sync = setTimeoutCustom(function() \
  9849. 						{ \
  9850. 							syncUrlArray(); \
  9851. 							/*console.log("syncUrlArray: " + tmOb_sync);*/ \
  9852. 						}, 50); \
  9853. 					} \
  9854. 				}); \
  9855. 			}); \
  9856. 			 \
  9857. 			var obConfig_sync = { childList: true, subtree: true, attributes: true, attributeFilter: ["class"] }; \
  9858. 			obMu_sync.observe(obTarget_sync, obConfig_sync); \
  9859. 		} \
  9860. 	} \
  9861. 	else if (url.indexOf("suggestions.php") > -1) \
  9862. 	{ \
  9863. 		if (parent !== window) \
  9864. 		{ \
  9865. 			var main = document.querySelector("#suggestionmain"); \
  9866. 			if (main) \
  9867. 			{ \
  9868. 				var styleCp = window.getComputedStyle(main); \
  9869. 				if (styleCp) \
  9870. 				{ \
  9871. 					var color = styleCp.backgroundColor; \
  9872. 					parent.setFrameColor(color); \
  9873. 				} \
  9874. 			} \
  9875. 		} \
  9876. 	} \
  9877. 	 \
  9878. 	window.addEventListener("beforeunload", function (e) \
  9879. 	{ \
  9880. 		clearTimeoutAll(); \
  9881. 		clearIntervalAll(); \
  9882. 	}); \
  9883. 	 \
  9884. } \
  9885. doInstant(); \
  9886.  \
  9887. ';
  9888.  
  9889. 	var eleClientScript = document.createElement("script");
  9890. 	eleClientScript.innerHTML = clientScript;
  9891. 	document.head.appendChild(eleClientScript);
  9892. } // End client
  9893.  
  9894. attachOnReady(initStyle);
  9895. attachOnReady(client);
  9896. attachOnReady(main);
  9897.  
  9898. })();
  9899.  
  9900. // End