// ==UserScript==
// @name STS Helper
// @namespace iFantz7E.StsHelper
// @version 2.37
// @description In Steam Translation Server, add many features to make translate easier.
// @match *://translation.steampowered.com/*
// @icon https://translation.steampowered.com/public/favicon.ico
// @run-at document-start
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_addStyle
// @copyright 2014, 7-elephant
// ==/UserScript==
//// Compatibility: Firefox 14+ from Mutation Observer
// Since 4 Feb 2014
// http://userscripts.org/scripts/show/325610
// https://greasyfork.org/scripts/2250-sts-helper/
(function ()
{
"use strict";
// jshint multistr:true
function initStyle()
{
GM_addStyle
(" \
/* STSH Modify CSS */ \
body { color: #acacac; } \
#logout { \
position: fixed; z-index: 1001; right: 12px; top: 10px; \
line-height: 24px; text-align: right; } \
input[type='button'], input[type='submit'] { \
cursor: pointer; padding: 1px 9px; } \
input[type='button']:disabled, input[type='submit']:disabled { \
cursor: default; color: #777; } \
#suggestionmain { overflow-x: hidden; } \
#suggestionmain > div:nth-child(4) > form:nth-child(2) > div:nth-child(1) { \
text-align: left; } \
.lbAction > div > input[value^='SUBMIT'] { \
width: 750px; height: 30px; border-color: #777 #333 #777 #777; } \
.lbAction > div > input[value^='RESUBMIT'] { \
width: 641px; height: 30px; border-color: #777 #333 #777 #777; } \
.lbAction > div > input[value='CANCEL'] { \
width: 100px; height: 30px; margin-right: 5px; } \
form.lbAction:nth-child(1) > div:nth-child(2) > input:nth-child(1) { \
width: 90%; margin-top: 5px; } \
.suggestion .lbAction textarea { \
max-width: 700px !important; min-height: 50px; } \
.progress td { vertical-align: top; } \
div#suggestions_nav { \
z-index: 3; position: absolute; width: 440px; \
left: 543px; top: 2px; text-align: right; line-height: 24px; \
color: #E1E1E1; } \
#suggestionmain .smallcopy { width: 855px; min-height: 70px; max-height: 70px; } \
#suggestionmain .progress { margin-top: -12px; } \
#leftAreaContainer > table > tbody:nth-child(1) > tr > td:nth-child(1) { \
vertical-align: top; } \
#leftAreaContainer > table, #leftAreaContainer > table th, #leftAreaContainer > table td { \
border: 1px solid #333; border-collapse: collapse; padding: 4px; } \
#suggestions_box { margin-top: 1px !important; position: relative; z-index: 20; } \
#suggestions_iframe { min-height: 100px !important; } \
#keylist td:nth-child(1) > div { \
background-image: none !important; min-height: 43px; } \
#keylist tr:nth-child(2n) > td:nth-child(1) > div { \
background-color: #060606 !important; } \
#keylist tr:nth-child(2n) > td:nth-child(1) > div:hover { \
background-color: #0D0D0D !important; } \
#keylist td:nth-child(1) > div:hover { \
background-repeat: no-repeat; background-position: center; \
background-color: #0D0D0D !important; \
background-image: url('./public/images/row_over.gif') !important; } \
#keylist td.progress { \
color: #fff; max-width: 430px; overflow: hidden; \
text-overflow: ellipsis; white-space: nowrap; } \
.progress h1 { display: inline-block; width: 484px; } \
div#suggestions_box iframe { background-color: #111 !important; } \
.suggestions_list { border-right: 0px none !important; } \
.suggestion { \
resize: both; overflow: hidden; border-right: 1px solid #505050; \
max-width: 953px; min-width: 200px; min-height: 50px; } \
.suggestion_signature { font-family: Verdana; } \
.stsh_action_approve, .stsh_action_approve_next { color: #A4B23C } \
.stsh_action_decline, .stsh_action_decline_next { color: #F22 } \
.suggestion_signature input:disabled { color: #777 !important; } \
.lbAction input[value~='COMMENT'] { \
vertical-align: top; margin-top: 1px; height: 52px; } \
.lbAction input[value~='DISCUSS'] { \
vertical-align: top; margin-top: 1px; height: 21px; top: 0px !important; } \
#votes_container a[title='not translated'] { background-color: #333; } \
#suggestion_value_new { min-height: 84px; max-width: 960px; min-width: 200px; overflow-y: auto; } \
#hours > table > tbody > tr:nth-child(2) > th:nth-child(1) { width: 106px; text-align: center; } \
#hours > table > tbody > tr:nth-child(2) > th:nth-child(3) { text-align: center; } \
#hours > table > tbody > tr:nth-child(2) > th:nth-child(4) { text-align: center; } \
#hours > table > tbody > tr > td:nth-child(1) { padding-right: 4px; } \
#hours > table input[name*='[remarks]'] { width: 520px; } \
#hours > table input[name*='[hours]'] { width: 100px; } \
#hours > table input[name*='[minutes]'] { width: 100px; } \
#suggestions_box_outer { overflow: hidden !important; } \
#add_to_discussion { height: 19px; min-height: 19px; } \
.gradienttable td > div { top: 1px !important; } \
.copysmall > td:nth-child(1) { \
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; \
display: inline-block; width: 430px; direction: ltr; } \
div:hover > table > tbody > tr.copysmall > td:nth-child(1) { \
direction: rtl; text-shadow: 1px 1px 1px #0D0D0D;} \
#search input[type='radio'], #search input[type='checkbox'] \
, #search button, #search label { cursor: pointer; } \
.suggestion_error { max-width: 600px; margin: auto; } \
#country_list_id + #hidethis { display: block; margin-top: 8px; } \
");
GM_addStyle
(" \
/* STSH Main CSS */ \
.stsh_btn { width: 90px; } \
.stsh_btn_med { min-width: 112px; } \
.stsh_btn_long { min-width: 136px; } \
.stsh_btn_short { min-width: 66px; } \
.stsh_btn_right { position: relative; float: right; margin-left: 4px; } \
.stsh_border_left { border-color: #777 #333 #777 #777 !important; } \
.stsh_border_right { border-color: #777 #777 #777 #333 !important; } \
.stsh_suggestion_header { color: #A4B23C; } \
.stsh_suggestion_comment:before { background-color: #E15417 !important; } \
.stsh_suggestion_pending:before { background-color: #DDD !important; } \
.stsh_suggestion_approved:before { background-color: #A4B23C !important; } \
.stsh_suggestion_declined:before { background-color: #F22 !important; } \
.stsh_suggestion_applied:before { background-color: #2EBCEB !important; } \
.stsh_suggestion_removed:before { background-color: #777 !important; } \
.stsh_suggestion { list-style: none; } \
.stsh_suggestion:before { \
content: ''; display: inline-block; position: relative; height: 6px; width: 6px; \
border-radius: 3px; background-clip: padding-box; margin-right: -6px; \
top: -1px; left: -12px; background-color: green; }\
#stsh_frame { \
text-align: center; position: fixed; z-index: 10; \
top: 100px; left: 50%; margin-left: -322px;} \
#stsh_frame_sub { \
background-color: #111; width: 600px; display: inline-block; \
padding: 20px; border: 2px solid #cf9e5f; } \
.stsh_blue { color: #2ebceb; } \
.stsh_blue_light { color: #87beed; } \
.stsh_blue_dark { color: #1B6A85; } \
.stsh_green { color: #a4b23c !important; } \
.stsh_green_dark { color: #3a482a; } \
.stsh_red { color: #F22; } \
.stsh_white { color: #e1e1e1; } \
.stsh_grey { color: #777 !important; } \
.stsh_orange { color: #E15417; } \
.stsh_orange_light { color: #CF8B37; } \
.stsh_orange_lighter { color: #EDB687; } \
.stsh_orange_dark { color: #a75124; } \
.stsh_aqua { color: #538583; } \
.stsh_pink { color: pink; } \
.stsh_yellow { color: #E0B816; } \
.stsh_yellow_light { color: #E0CA70; } \
.stsh_greenyellow_light { color: #D1E070; } \
.stsh_purple { color: #a166f4; } \
.stsh_border_green { border-color: #76802B !important; } \
.stsh_border_green_left { border-color: #76802B #474D1A #76802B #76802B !important; } \
.stsh_cursor_notallowed { cursor: not-allowed !important; } \
.stsh_cursor_pointer { cursor: pointer !important; } \
.stsh_cursor_default { cursor: default !important; } \
.stsh_cursor_help { cursor: help; !important; } \
#stsh_showing { \
color: #CCDAD6; position: fixed; z-index: 1001; \
right: 12px; bottom: 12px; text-align: right; line-height: 14px;} \
#stsh_showing_current { \
color: #CCDAD6; position: fixed; z-index: 1001; \
right: 12px; bottom: 28px; text-align: right; line-height: 14px;} \
.stsh_showing_counter { \
display: inline-block; min-width: 60px; text-align: center; } \
.stsh_showing_header { \
color: #CCDAD6; display: inline-block; width: 135px; \
text-align: center; padding-top: 10px; } \
.stsh_showing_group { \
position: fixed; z-index: 3; right: 10px; top: 74px; \
line-height: 24px; text-align: right; } \
.stsh_home_header { color: #CCDAD6; display: inline-block; padding-top: 10px; } \
.stsh_home_group { \
position: fixed; z-index: 3; right: 0px; top: 74px; \
line-height: 24px; text-align: center; width: 164px; } \
.stsh_scroll_header { \
color: #CCDAD6; display: inline-block; width: 130px; \
text-align: center; padding-top: 10px; } \
#stsh_specialEvent { position: absolute; z-index: 2; right: 164px; top: 13px; } \
@media screen and (min-width: 1500px) { \
#stsh_specialEvent { position: fixed; } \
} \
.stsh_snapshot { \
position: absolute; top: 320px; left: 790px; \
width: 140px; text-align: center; color: #FFF; } \
.stsh_text_comment_header { vertical-align: top; } \
.stsh_text_comment { vertical-align: top; display: inline-block; max-width: 850px; } \
#stsh_autoApprove { vertical-align: -2px; margin-left: 15px; margin-right: 1px; } \
.stsh_unselectable { \
-webkit-touch-callout: none !important; \
-webkit-user-select: none !important; \
-khtml-user-select: none !important; \
-moz-user-select: none !important; \
-ms-user-select: none !important; \
user-select: none !important; } \
.stsh_a_button { \
background-color: #1D1D1D; \
font-family: tahoma,arial,helvetica,trebuchet ms,sans-serif; \
color: #E1E1E1; font-size: 13px; border: 1px solid #777; padding: 1px 9px; } \
.stsh_a_button:link, .stsh_a_button:hover, .stsh_a_button:active, .stsh_a_button:visited { \
color: #E1E1E1; text-decoration: none; } \
.stsh_a_button.stsh_btn { \
display: inline-block; padding: 0px; \
height: 19px; line-height: 19px; width: 88px; } \
.stsh_a_button.stsh_btn_med { \
display: inline-block; padding: 0px; \
height: 19px; line-height: 19px; min-width: 110px; } \
.stsh_a_button.stsh_btn_long { \
display: inline-block; padding: 0px; \
height: 19px; line-height: 19px; min-width: 134px; } \
.stsh_lineCounter_outer { position: relative; } \
.stsh_lineCounter { \
position: absolute; width: 30px; left: -35px; top: -28px; \
line-height: 28px; text-align: right; \
color: #ACACAC; font-size: 9px; text-shadow: 0px 0px 3px #111; } \
.stsh_glossary_term { min-width: 50px; display: inline-block; } \
.stsh_glossary_header { font-family: Verdana; } \
.stsh_glossary_header, .stsh_glossary_header td { color: #DDD; } \
.stsh_glossary_header *, .stsh_glossary_header td * { color: #858585; } \
.stsh_glossary_header > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(4) { \
width: 10px !important; } \
.stsh_comment_img { \
display: block; cursor: zoom-in; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; \
max-width: 400px; margin-top: 5px; margin-bottom: 20px; } \
.stsh_hours_curDate { color: #A4B23C; } \
.stsh_hours_curDate input { border-color: #A4B23C; } \
.stsh_submit_suggestion_right { \
height: 30px; width: 214px; margin-right: 5px; border-color: #777 #777 #777 #333; } \
.stsh_truncate { \
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; \
display: inline-block; vertical-align: bottom; } \
.stsh_token_name { max-width: 500px; } \
.stsh_token_share { max-width: 600px; font-size: 0.8em; direction: rtl; } \
.stsh_token_share:hover { direction: ltr; } \
.stsh_pad { padding-left: 2px; padding-right: 2px; } \
.stsh_hidden { display: none; } \
table.gradienttable .stsh_curLang td, table.gradienttable .stsh_dst_curLang td \
, table.gradienttable .stsh_dst_curLang th { \
background: transparent \
linear-gradient(to bottom, #171717 0%, rgba(71, 77, 26, 0.66) 40%, #121212 100%) \
repeat scroll 0% 0% !important; } \
.stsh_delta #suggestion_value_new { border-color: #1B6A85; } \
.stsh_delta .stsh_text_submit { \
color: #2EBCEB; border-color: #1B6A85 #083F52 #1B6A85 #1B6A85 !important; } \
.stsh_delta .stsh_submit_suggestion_right { \
color: #2EBCEB; border-color: #1B6A85 #1B6A85 #1B6A85 #083F52 !important; } \
.stsh_delta .suggestions_list, .stsh_delta .suggestion { \
border-color: #083F52 !important; } \
.stsh_usThem_curLang { background-color: #2F3317; color: #E1E1E1; } \
.stsh_dst_curLang, table.gradienttable .stsh_dst_curLang th, .stsh_dst_curLang a { \
color: #2ebceb; } \
.stsh_text_trn .lbAction textarea { max-width: 450px !important; } \
.stsh_text_trn .lbAction input[value~='COMMENT'] { height: auto; } \
.stsh_text_trn .stsh_text_submit { width: 270px !important; } \
.stsh_text_trn .stsh_submit_suggestion_right { \
width: 184px !important; margin-right: 32px !important; } \
.stsh_text_org, .stsh_text_trn { min-height: 21px; display: block; max-width: 486px !important; } \
.stsh_text_org { margin-bottom: 3px; } \
.stsh_autoLoginOption { display: inline-block; vertical-align: top; line-height: 69px; padding-left: 30px; } \
#stsh_autoLogin { margin-right: 0px; } \
.stsh_moveSuggestionContainer { margin-top: -3px; } \
#stsh_moveSuggestionBox, #stsh_moveSuggestionList { margin-right: 5px; } \
#stsh_hoursCalc_from { width: 130px; } \
#stsh_hoursCalc_to { width: 130px; border-right: 1px #333 solid; } \
#stsh_hoursCalc_toNow { border-left: 1px #333 solid; } \
.stsh_nav_prev { border-right-color: #333; } \
.stsh_nav_next { border-left-color: #333; } \
.stsh_nav_group { display: inline-block; } \
.stsh_nav_group .stsh_a_button { \
display: inline-block; text-align: center; \
line-height: 17px; min-width: 40px; } \
.stsh_nav_group .stsh_a_button:first-child:not(:last-child) { border-right-color: #333; } \
.stsh_nav_group .stsh_a_button:last-child:not(:first-child) { border-left-color: #333; } \
.stsh_nav_group .stsh_a_button:not(:first-child):not(:last-child) { \
border-left-color: #333; border-right-color: #333; } \
.stsh_img_min { max-width: 200px !important; height: auto !important; } \
.stsh_showHidden { \
display: inherit !important; background-color: #1d1d1d; padding: 1px 5px; \
max-height: inherit !important; height: inherit !important; } \
.stsh_discussion_header input[type='button'] { \
padding: 1px 6px; } \
.stsh_counter { display: inline-block; } \
.stsh_counter[data-counter='Char: 0 :: Word: 0'] { display: none; } \
.stsh_counter:after { content: attr(data-counter); position: absolute; \
margin-left: -200px; width: 198px; text-align: right; } \
#stsh_spanSpOrg, #stsh_spanSpTrn { display: block; margin-top: -4px; margin-bottom: 8px; } \
.stsh_spanSpSug, .stsh_spanDctSug { display: block; margin-top: 8px; margin-bottom: 12px; } \
.stsh_autoCopy_header font { color: #a4b23c !important; font-weight: normal; font-family: Verdana;} \
.stsh_glossary_move { color: #e1e1e1; margin-left: 4px; } \
.stsh_sametoken_file { display: inline-block; } \
.stsh_marker { color: #777 !important; display: inline-block; } \
.stsh_sametoken_header .stsh_marker { color: #e1e1e1 !important; } \
.stsh_glossary_header .insertword { display: inline-block; } \
.stsh_glossary_header td { padding-left: 16px; padding-right: 6px; } \
.stsh_glossary_header td .stsh_glossary_term { margin-left: -16px; } \
");
}
function attachOnLoad(callback)
{
window.addEventListener("load", function (e)
{
callback();
});
}
function attachOnReady(callback)
{
document.addEventListener("DOMContentLoaded", function (e)
{
callback();
});
}
function insertBeforeElement(newNode, referenceNode)
{
referenceNode.parentNode.insertBefore(newNode, referenceNode);
}
function insertAfterElement(newNode, referenceNode)
{
referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
}
function addKey(eleListener, eleClick, keyCode, keyName, keyTitleMode, keyModifierName, checkModifierCallback)
{
/*
keyTitleMode:
0: do nothing
1: append value
2: add title if not exist
4: override title
8: append textContent
16: append textContent of firstElementChild
keyModifierName:
Ctrl, Ctrl+Shift, Alt
*/
keyCode = keyCode || 0;
keyName = keyName || "";
keyTitleMode = keyTitleMode || 0;
keyModifierName = keyModifierName || "";
if (typeof checkModifierCallback !== "function")
{
checkModifierCallback = function(ev)
{
return ev.ctrlKey && ev.shiftKey && ev.altKey;
};
}
if (eleListener && eleClick)
{
// apply title
var keyTitle = keyModifierName ? keyModifierName + "+" + keyName : "";
if (keyTitle !== "")
{
if ((keyTitleMode & 1) === 1)
{
// 1: append value
if (typeof eleClick.value !== "undefined")
{
eleClick.value += " (" + keyTitle + ")";
}
}
if ((keyTitleMode & 2) === 2)
{
// 2: add title if not exist
if (!eleClick.title)
{
eleClick.title = keyTitle;
}
}
if ((keyTitleMode & 4) === 4)
{
// 4: override title
eleClick.title = keyTitle;
}
if ((keyTitleMode & 8) === 8)
{
// 8: append textContent
eleClick.textContent += " (" + keyTitle + ")";
}
if ((keyTitleMode & 16) === 16)
{
// 16: append textContent of firstElementChild
if (eleClick.firstElementChild)
{
eleClick.firstElementChild.textContent += " (" + keyTitle + ")";
}
}
}
eleListener.addEventListener("keydown", function (ev)
{
if (checkModifierCallback(ev))
{
var isSameKey = false;
if (typeof keyCode === "number" && isFinite(keyCode) && Math.floor(keyCode) === keyCode)
{
// polyfill for Number.isInteger before Firefox 16
isSameKey = (ev.keyCode === keyCode);
}
else
{
// Firefox 32+
isSameKey = (typeof ev.code !== "undefined" && ev.code === keyCode)
}
if (isSameKey)
{
ev.preventDefault();
eleClick.focus();
eleClick.click();
return false;
}
}
}, true);
}
}
function addKeyCtrl(eleListener, eleClick, keyCode, keyName, keyTitleMode)
{
addKey(eleListener, eleClick, keyCode, keyName, keyTitleMode, "Ctrl", function(ev)
{
return ev.ctrlKey && !ev.shiftKey && !ev.altKey;
});
}
function addKeyCtrlShift(eleListener, eleClick, keyCode, keyName, keyTitleMode)
{
addKey(eleListener, eleClick, keyCode, keyName, keyTitleMode, "Ctrl+Shift", function(ev)
{
return ev.ctrlKey && ev.shiftKey && !ev.altKey;
});
}
function addKeyAlt(eleListener, eleClick, keyCode, keyName, keyTitleMode)
{
addKey(eleListener, eleClick, keyCode, keyName, keyTitleMode, "Alt", function(ev)
{
return !ev.ctrlKey && !ev.shiftKey && ev.altKey;
});
}
function addKeyCtrlEnter(form, input)
{
addKeyCtrl(form, input, 13, "Enter", 1|2);
}
function addKeyCtrlShiftEnter(form, input)
{
addKeyCtrlShift(form, input, 13, "Enter", 1|2);
}
function disableAfterClick(ele)
{
ele.addEventListener("click", function (e)
{
var ele = e.target;
var attrClick = ele.getAttribute("onclick");
if (attrClick && attrClick.indexOf("confirm") > -1)
{
// skip if has confirm
return;
}
var tagName = ele.tagName;
if (tagName === "INPUT")
{
// don't change color after disable
var styleCp = window.getComputedStyle(ele);
if (styleCp)
{
ele.style.setProperty("color", styleCp.color, "important");
}
ele.disabled = true;
}
else if (tagName === "IMG")
{
ele.removeAttribute("onclick");
}
}, true);
}
function removeAllEventListeners(element)
{
if (element)
{
var clone = element.cloneNode(false);
while (element.firstChild)
{
clone.appendChild(element.lastChild);
}
element.parentNode.replaceChild(clone, element);
}
}
function scrollToId(id, offset)
{
scrollToElement("#" + id, offset);
}
function scrollToElement(selector, offset)
{
if (typeof offset === "undefined")
{
offset = -20;
}
var ele = null;
if (selector)
{
if (selector instanceof HTMLElement)
{
ele = selector;
}
else
{
ele = document.querySelector(selector);
}
if (ele)
{
ele.scrollIntoView(true);
window.scrollBy(0, offset);
}
}
}
function resizeSuggestionBox()
{
var script = document.createElement('script');
script.innerHTML =
" \
var stsh_showSuggestionsBox_start = getTimeMs(); \
var stsh_showSuggestionsBox_itv = setIntervalCustom(function() \
{ \
var stsh_showSuggestionsBox_isEnd = false; \
var stsh_showSuggestionsBox_cur = getTimeMs(); \
if (typeof showSuggestionsBox !== 'undefined') \
{ \
showSuggestionsBox = function(url) \
{ \
/* Edit from STS */ \
g_suggestionsBoxIsOpen = true; \
$('suggestions_box_outer').appear( \
{ \
duration : 0.1 \
} \
); \
$('suggestions_iframe').setAttribute('src', url); \
if (!Prototype.Browser.IE) \
{ \
$('suggestions_iframe').focus(); \
} \
$('suggestions_iframe').style.height = (document.viewport.getHeight() * 0.99) + 'px'; \
return false; \
}; \
stsh_showSuggestionsBox_isEnd = true; \
} \
if (stsh_showSuggestionsBox_isEnd || stsh_showSuggestionsBox_cur - stsh_showSuggestionsBox_start > 10000) \
{ \
clearInterval(stsh_showSuggestionsBox_itv); \
} \
}, 300); \
";
document.head.appendChild(script);
window.addEventListener("resize", function()
{
var iframe = document.querySelector("#suggestions_iframe");
if (iframe)
{
iframe.style.height = (window.innerHeight * 0.99) + "px";
}
});
}
function isRally()
{
var date = new Date();
var year = date.getUTCFullYear();
var month = date.getUTCMonth() + 1;
var day = date.getUTCDate();
if ((month > 9) || (month === 9 && day >= 22) || (month === 0 && day <= 2))
{
return true;
}
return false;
}
function getQueryByName(name, url)
{
if (!url)
{
url = (!location) ? "" : location.search;
}
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)");
var results = regex.exec(url);
var retVal = "";
if (results)
{
retVal = results[1].replace(/\+/g, " ");
try
{
retVal = decodeURIComponent(retVal);
}
catch (ex)
{
console.error("getQueryByName", ex.message);
}
}
return retVal;
}
function padZero(num, size)
{
return (1e15 + num + "").slice(-size);
}
function padZeroHex(num, size)
{
return ("00000000000000000000000" + num.toString(16)).slice(-size).toUpperCase();
}
function randNum(min, max)
{
return Math.round(Math.random() * (max - min) + min);
}
function isLastIndex(src, des)
{
if (src !== null && src !== "" && des !== null && des !== "")
{
if (src.lastIndexOf(des) === src.length - 1)
{
return true;
}
}
return false;
}
function isSpecialChar(ch)
{
var chCode = -1;
if (typeof ch === 'number')
{
chCode = ch;
}
else
{
chCode = ch.charCodeAt(0);
}
if ((chCode > -1 && chCode < 9) // 0-8
|| (chCode > 10 && chCode < 13) // 11-12
|| (chCode > 13 && chCode < 32)) // 14-31
{
return true;
}
return false;
}
function hasSpecialChar(str)
{
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]+/;
return rgxSpCh.test(str);
}
function checkSpecialCharMatched(str1, str2)
{
// return (status, numSp1, numSp2)
// status: 0:Match, 1:NotMatch, 2:NotEqual
str1 = str1 || "";
str2 = str2 || "";
var strOut1 = "";
var strOut2 = "";
for (var i = 0; i < str1.length; i++)
{
if (isSpecialChar(str1[i]))
{
strOut1 += str1[i];
}
}
for (var i = 0; i < str2.length; i++)
{
if (isSpecialChar(str2[i]))
{
strOut2 += str2[i];
}
}
var retVal = 0;
if (strOut1 === strOut2)
retVal = 0;
else if (strOut1.length === strOut2.length)
retVal = 1;
else
retVal = 2;
return new Array(retVal, strOut1.length, strOut2.length);
}
function countDiacriticalMark(str)
{
str = str || "";
var rgxDct = /[\u0300-\u036F]/g;
var matchDct = str.match(rgxDct);
var countDct = matchDct ? matchDct.length : 0;
return countDct;
}
function trimSpace(str)
{
if (str !== null)
{
return str.replace(/^[ \r\n\t]+/, "").replace(/[ \r\n\t]+$/, "");
}
return str;
}
function trimTab(str)
{
if (str !== null)
{
return str.replace(/^[\r\n\t]+/, "").replace(/[\r\n\t]+$/, "").replace(/\t+<\//, "<");
}
return str;
}
if (!String.prototype.endsWith)
{
String.prototype.endsWith = function(searchString, position)
{
var subjectString = this.toString();
if (typeof position !== 'number' || !isFinite(position)
|| Math.floor(position) !== position || position > subjectString.length)
{
position = subjectString.length;
}
position -= searchString.length;
var lastIndex = subjectString.indexOf(searchString, position);
return lastIndex !== -1 && lastIndex === position;
};
}
function reload()
{
var curHref = window.location.href;
var posHashtag = curHref.indexOf("#");
if (posHashtag > -1)
{
window.location = curHref.substr(0, posHashtag);
}
else
{
window.location = curHref;
}
}
function getCookie(c_name) {
var c_value = document.cookie;
var c_start = c_value.indexOf(" " + c_name + "=");
if (c_start === -1) {
c_start = c_value.indexOf(c_name + "=");
}
if (c_start === -1) {
c_value = null;
}
else {
c_start = c_value.indexOf("=", c_start) + 1;
var c_end = c_value.indexOf(";", c_start);
if (c_end === -1) {
c_end = c_value.length;
}
c_value = unescape(c_value.substring(c_start, c_end));
}
return c_value;
}
var isVisible = (function()
{
var stateKey;
var eventKey;
var keys =
{
hidden: "visibilitychange",
webkitHidden: "webkitvisibilitychange",
mozHidden: "mozvisibilitychange",
msHidden: "msvisibilitychange"
};
for (stateKey in keys)
{
if (stateKey in document)
{
eventKey = keys[stateKey];
break;
}
}
return function(c)
{
if (c)
{
document.addEventListener(eventKey, c);
}
return !document[stateKey];
}
})();
function isDstUs(year, month, day, hour)
{
// Support: 2007 - 2029
// Params: 2016, 3, 1, 15 === 1 Mar 2016 15:00
var isDst = false;
try
{
var y = parseInt(year);
var m = parseInt(month);
var d = parseInt(day);
var h = parseInt(hour);
function checkDstUsa(dayMar, dayNov, m, d, h)
{
var isDst = false;
if ((m === 3 && d >= dayMar) || (m > 3 && m < 11) || (m === 11 && d <= dayNov))
isDst = true;
if ((m === 3 && d === dayMar && h < 2) || (m === 11 && d === dayNov && h >= 2))
isDst = false;
return isDst;
}
if (y === 2007 || y === 2012 || y === 2018 || y === 2029)
{
isDst = checkDstUsa(11, 4, m, d, h);
}
else if (y === 2013 || y === 2019 || y === 2024)
{
isDst = checkDstUsa(10, 3, m, d, h);
}
else if (y === 2008 || y === 2014 || y === 2025)
{
isDst = checkDstUsa(9, 2, m, d, h);
}
else if (y === 2009 || y === 2015 || y === 2020 || y === 2026)
{
isDst = checkDstUsa(8, 1, m, d, h);
}
else if (y === 2010 || y === 2021 || y === 2027)
{
isDst = checkDstUsa(14, 7, m, d, h);
}
else if (y === 2011 || y === 2016 || y === 2022)
{
isDst = checkDstUsa(13, 6, m, d, h);
}
else if (y === 2017 || y === 2023 || y === 2028)
{
isDst = checkDstUsa(12, 5, m, d, h);
}
}
catch (ex)
{
console.error("isDstUs", ex.message);
}
return isDst;
}
function getDateIsoUs()
{
var dateUs = new Date();
dateUs.setTime(dateUs.getTime() - (1000 * 60 * 60 * 8)); // GMT-8
if (isDstUs(dateUs.getUTCFullYear(), dateUs.getUTCMonth() + 1, dateUs.getUTCDate(), dateUs.getUTCHours()))
{
dateUs.setTime(dateUs.getTime() + (1000 * 60 * 60 * 1)); // GMT-7
}
return dateUs.toISOString();
}
function getDateUs()
{
return getDateIsoUs().substr(0, 10);
}
function getTimeUs()
{
return getDateIsoUs().substr(11, 5);
}
function getTimeMs()
{
return (new Date()).getTime();
}
function getUnixTimestamp()
{
return parseInt(getTimeMs() / 1000);
}
var pattUrlTimestamp1 = /\?t=[0-9]{6,}\&/g;
var pattUrlTimestamp2 = /\&t=[0-9]{6,}/g;
var pattUrlTimestamp3 = /\?t=[0-9]{6,}/g;
var pattUrlTimestamp4 = /\&[0-9]{6,}\&/g;
function cleanUrlTimestamp(eles)
{
if (!eles || !eles.length)
return;
for (var i = 0; i < eles.length; i++)
{
var val = "";
var attr = "";
if (eles[i].tagName === "A")
{
attr = "href";
}
else if (eles[i].tagName === "FORM")
{
attr = "action";
}
else if (eles[i].tagName === "DIV" || eles[i].tagName === "INPUT")
{
attr = "onclick";
}
var isEdit = false;
val = eles[i].getAttribute(attr);
if (pattUrlTimestamp1.test(val))
{
eles[i].setAttribute(attr, val.replace(pattUrlTimestamp1,"?"));
isEdit = true;
}
else if (pattUrlTimestamp2.test(val))
{
eles[i].setAttribute(attr, val.replace(pattUrlTimestamp2,""));
isEdit = true;
}
else if (pattUrlTimestamp3.test(val))
{
eles[i].setAttribute(attr, val.replace(pattUrlTimestamp3,""));
isEdit = true;
}
if (isEdit)
{
val = eles[i].getAttribute(attr);
}
if (pattUrlTimestamp4.test(val))
{
eles[i].setAttribute(attr, val.replace(pattUrlTimestamp4,"&"));
}
}
}
var timeoutList = new Array();
var intervalList = new Array();
function setTimeoutCustom(func, tm, params)
{
var id = setTimeout(func, tm, params);
timeoutList.push(id);
return id;
}
function clearTimeoutAll()
{
for (var i = 0; i < timeoutList.length; i++)
{
clearTimeout(timeoutList[i]);
}
}
function setIntervalCustom(func, tm, params)
{
var id = setInterval(func, tm, params);
intervalList.push(id);
return id;
}
function clearIntervalAll()
{
for (var i = 0; i < intervalList.length; i++)
{
clearInterval(intervalList[i]);
}
}
function main()
{
var url = document.documentURI;
var lang = getCookie("Language");
document.body.classList.add("stsh");
// Auto refresh when error
{
var h1 = document.querySelector("#leftAreaContainer > h1, body > h1");
if (h1)
{
var text = h1.textContent.trim();
if (text === "Steam Translation Server - Maintenance Warning"
|| text === "Forbidden")
{
console.log("stsh: refresh");
setTimeoutCustom(reload, 60000);
return;
}
}
}
// Clean links
{
setTimeoutCustom(function()
{
var eles = document.querySelectorAll("a, form[action], input");
cleanUrlTimestamp(eles);
}, 100);
}
var eleLogout = document.querySelector("#logout");
if (eleLogout)
{
var logoutHtml =
' \
<a class="stsh_a_button" target="_blank" href="/user_activity.php">My Profile</a> \
<input name="login_button" value="Logout?" type="submit" onclick="return confirm(\'Logout?\');" /> \
';
eleLogout.innerHTML = logoutHtml;
// Special event button
{
if (isRally())
{
var divSpecial = document.createElement("div");
divSpecial.id = "stsh_specialEvent";
divSpecial.innerHTML =
' \
<a class="stsh_a_button" target="_blank" href="/rally.php">Year-End Rally</a> \
';
eleLogout.parentElement.appendChild(divSpecial);
}
}
}
if (url.indexOf("Us_And_Them.php") > -1)
{
var container = "\"";
var tdEng = document.querySelector(
"#leftAreaContainer > table > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2)");
if (tdEng)
{
tdEng.innerHTML = container + tdEng.innerHTML + container;
}
var h1 = document.querySelector("#leftAreaContainer > h1:nth-child(2)");
if (h1)
{
var header = h1.textContent.trim();
var key = header.split(" ")[0];
h1.innerHTML = header.replace(key, "<a href='/translate.php?keyonly=1&search_input="
+ encodeURIComponent(key) + "' >" + key + "</a>");
document.title = key + " - " + document.title;
}
// Hilight cur lang
{
//var first = document.querySelector("#leftAreaContainer tr:nth-child(1) > td:nth-child(1) > a");
//if (first)
{
var cur = null;
var elesLang = document.querySelectorAll("#leftAreaContainer tr > td:nth-child(1) > a");
for (var i = 1; i < elesLang.length; i++)
{
if (lang === elesLang[i].textContent.trim().toLowerCase())
{
cur = elesLang[i].parentElement.parentElement;
break;
}
}
if (cur)
{
cur.classList.add("stsh_usThem_curLang");
//insertAfterElement(cur, first.parentElement.parentElement);
}
}
}
} // End Us_And_Them.php
if (url.indexOf("suggestions.php") > -1)
{
var eleTextOrg = document.querySelector(".progress > tbody > tr:last-child > td:nth-child(1)");
if (eleTextOrg)
{
eleTextOrg.classList.add("stsh_text_org");
}
var eleTextTrn = document.querySelector(".progress > tbody > tr:last-child > td:nth-child(3)");
if (eleTextTrn)
{
eleTextTrn.classList.add("stsh_text_trn");
if (eleTextTrn.textContent.trim() === "")
{
eleTextTrn.classList.add("stsh_text_trn_empty");
}
}
var eleTextSubmit = document.querySelector(".lbAction[name='suggestion_temp'] input[accesskey='s']");
if (eleTextSubmit)
{
eleTextSubmit.classList.add("stsh_text_submit");
}
var elesTextRemoveComment = document.querySelectorAll(".suggestion_signature .lbAction[name^='mymodcomment'] a");
for (var i = 0; i < elesTextRemoveComment.length; i++)
{
elesTextRemoveComment[i].removeAttribute("href");
elesTextRemoveComment[i].classList.add("stsh_text_removeComment");
}
var elesTextComment = document.querySelectorAll("textarea[name='suggestion_comment']");
for (var i = 0; i < elesTextComment.length; i++)
{
elesTextComment[i].nextElementSibling.classList.add("stsh_submit_comment");
elesTextComment[i].classList.add("stsh_text_addComment");
}
var eleTextNew = document.querySelector("#suggestion_value_new");
if (eleTextNew)
{
eleTextNew.style.width = "960px";
eleTextNew.style.height = "64px";
eleTextNew.style.marginLeft = "3px";
}
var eleInputClose = document.querySelector("#suggestions_nav > input[value^='Close']");
if (eleInputClose)
{
eleInputClose.value = "Close (Esc)";
}
var eleInputPrev = document.querySelector("#suggestions_nav > input[value^='Prev']");
if (eleInputPrev)
{
eleInputPrev.classList.add("stsh_nav_prev");
}
var eleInputNext = document.querySelector("#suggestions_nav > input[value~='Next']");
if (eleInputNext)
{
eleInputNext.classList.add("stsh_nav_next");
}
// Normalize
{
var elesApprove = document.querySelectorAll(".suggestion_signature input[value~='APPROVE']");
for (var i = 0; i < elesApprove.length; i++)
{
elesApprove[i].classList.add("stsh_action_approve");
}
var elesDecline = document.querySelectorAll(".suggestion_signature input[value~='DECLINE']");
for (var i = 0; i < elesDecline.length; i++)
{
elesDecline[i].classList.add("stsh_action_decline");
}
var elesNext = document.querySelectorAll(".suggestion_signature input[value~='Next']");
for (var i = 0; i < elesNext.length; i++)
{
elesNext[i].value = "Next";
var elePrev = elesNext[i].previousElementSibling;
if (elePrev)
{
if (elePrev.classList.contains("stsh_action_approve"))
{
elesNext[i].classList.add("stsh_action_approve_next");
}
else if (elePrev.classList.contains("stsh_action_decline"))
{
elesNext[i].classList.add("stsh_action_decline_next");
}
}
}
var elesRemove = document.querySelectorAll(".suggestion_signature input[value='REMOVE']");
for (var i = 0; i < elesRemove.length; i++)
{
elesRemove[i].classList.add("stsh_action_remove");
elesRemove[i].classList.add("stsh_yellow_light");
}
var elesEdit = document.querySelectorAll("input[value='Edit']");
for (var i = 0; i < elesEdit.length; i++)
{
elesEdit[i].classList.add("stsh_action_edit");
elesEdit[i].classList.add("stsh_blue_light");
}
}
// Move region
{
var td = eleTextTrn;
if (td.classList.contains("stsh_text_trn_empty"))
{
function moveSuggestionBox()
{
var td = document.querySelector(".stsh_text_trn.stsh_text_trn_empty");
if (td)
{
td.innerHTML = "";
var eleTarget = document.querySelector("#suggestionmain > div:nth-child(4) > .lbAction");
if (eleTarget)
{
td.appendChild(eleTarget);
td.style.padding = "0px";
var textarea = document.querySelector("#suggestion_value_new");
if (textarea)
{
textarea.style.width = "98%";
textarea.style.marginLeft = "0px";
if (textarea.scrollHeight < 500)
{
textarea.style.height = (textarea.scrollHeight + 20) + "px";
}
else
{
textarea.style.height = "500px";
}
textarea.focus();
}
var eleTextOrg = document.querySelector(".stsh_text_org");
if (eleTextOrg)
{
eleTextOrg.style.display = "table-cell";
eleTextOrg.style.paddingTop = "6px";
}
}
}
}
function moveSuggestionList()
{
var td = document.querySelector(".stsh_text_trn.stsh_text_trn_empty");
if (td && td.textContent.trim() === "")
{
td.innerHTML = "";
var eleTarget = document.querySelector(".suggestion");
if (eleTarget)
{
td.appendChild(eleTarget);
td.style.padding = "0px";
eleTarget.style.marginTop = "-2px";
eleTarget.style.paddingTop = "0px";
eleTarget.style.borderBottomWidth = "0px";
eleTarget.style.borderRightWidth = "0px";
eleTarget.style.resize = "none";
var eleAutoApprove = document.querySelector("#stsh_autoApprove");
if (eleAutoApprove)
{
eleAutoApprove.classList.add("stsh_hidden");
}
var eleAutoApproveLabel = document.querySelector(".stsh_autoApprove_label");
if (eleAutoApproveLabel)
{
eleAutoApproveLabel.classList.add("stsh_hidden");
}
}
}
}
var eleDiv = document.createElement("div");
eleDiv.classList.add("stsh_moveSuggestionContainer");
td.appendChild(eleDiv);
var eleMoveBox = document.createElement("input");
eleMoveBox.id = "stsh_moveSuggestionBox";
eleMoveBox.setAttribute("value", "Move Box Here");
eleMoveBox.setAttribute("type", "button");
eleDiv.appendChild(eleMoveBox);
eleMoveBox.addEventListener("click", function(e)
{
moveSuggestionBox();
});
if (document.querySelector(".suggestion"))
{
var eleMoveList = document.createElement("input");
eleMoveList.id = "stsh_moveSuggestionList";
eleMoveList.setAttribute("value", "Move Suggestion Here");
eleMoveList.setAttribute("type", "button");
eleDiv.appendChild(eleMoveList);
eleMoveList.addEventListener("click", function(e)
{
moveSuggestionList();
});
}
}
}
// Resize suggestion textarea
if (eleTextNew)
{
var resizeTextNew = function(eleTextNew)
{
eleTextNew.focus();
if (eleTextNew.scrollHeight < 500)
{
eleTextNew.style.height = (eleTextNew.scrollHeight + 20) + "px";
}
else
{
eleTextNew.style.height = "500px";
}
if (eleTextNew.scrollHeight > 200 && document.querySelector(".suggestion"))
{
eleTextNew.scrollIntoView();
}
};
if (isVisible())
{
resizeTextNew(eleTextNew);
}
else
{
// Fix size error when inactive
setTimeoutCustom(resizeTextNew, 100, eleTextNew);
}
}
var br = document.querySelector("form.lbAction:nth-child(2) > div:nth-child(2) > br:nth-child(1)");
if (br)
{
br.parentElement.removeChild(br);
}
var key = "";
var divNav = document.querySelector("div#suggestions_nav");
if (!divNav)
{
// Add when error occured
divNav = document.createElement("div");
divNav.id = "suggestions_nav";
document.body.appendChild(divNav);
}
if (divNav)
{
var insert = "";
var insertSearch = "";
var insertView = "";
var spliter = "_";
var regApp = /[0-9]{4,}/;
var aKey = document.querySelector(".smallcopy > font:nth-child(2) > a:nth-child(1)");
if (aKey)
{
key = encodeURIComponent(aKey.textContent.trim());
if (key === "token-key")
{
aKey = document.querySelector(".smallcopy > a:nth-child(3)");
if (aKey)
{
key = encodeURIComponent(aKey.textContent.trim());
}
}
if (key !== "")
{
document.title = key + " - " + document.title;
if (key.split(spliter).length > 1)
{
if (key.indexOf("%23") === 0)
{
var firstSpliter = key.indexOf(spliter);
var keySharp = key.substring(0, firstSpliter);
insertSearch += '<a class="stsh_a_button" target="_blank" '
+ ' href="/translate.php?keyonly=1&paginationrows=1000&search_input='
+ keySharp + '">Hashtag</a>';
}
var lastSpliter = key.lastIndexOf(spliter);
var keyGroup = key.substring(0, lastSpliter);
insertSearch += '<a class="stsh_a_button" target="_blank" '
+ ' href="/translate.php?keyonly=1&paginationrows=1000&search_input='
+ keyGroup + '">Group</a>';
}
insertSearch += '<a class="stsh_a_button" target="_blank" '
+ ' href="/translate.php?keyonly=1&search_input='
+ key + '">Key</a>';
}
}
var tdText = eleTextOrg;
if (tdText)
{
var text = encodeURIComponent(tdText.textContent.trim())
.replace(/(%20|%09)/g,"+")
.replace(/'/g,"\\'")
.replace("%0A", "+")
.replace(/\++/g, "+")
.substr(0, 80);
if (text.length >= 80)
{
text = text.substr(0, text.lastIndexOf("+"));
}
if (text.indexOf(".") > 20)
{
text = text.substr(0, text.indexOf(".") + 1);
}
if (text.indexOf("%5C") > 10)
{
text = text.substr(0, text.indexOf("%5C"));
}
var eleSubmit = document.querySelector(".stsh_text_submit");
if (eleSubmit)
{
var elePrev = eleSubmit.previousElementSibling;
if (!elePrev || elePrev.tagName !== "BR")
{
var eleNew = document.createElement("br");
insertBeforeElement(eleNew, eleSubmit);
}
}
if (text !== "")
{
insertSearch += '<a class="stsh_a_button" target="_blank" '
+ ' href="/translate.php?keyonly=2&paginationrows=1000&search_input='
+ text + '">String</a>';
var eleSubmitNext = document.querySelector(".lbAction input[type='submit'][accesskey='a']");
if (eleSubmitNext)
{
eleSubmitNext.value = "Next";
eleSubmitNext.classList.add("stsh_submit_suggestion_right");
var eleForm = eleSubmitNext.parentElement.parentElement;
if (eleForm.tagName === "FORM")
{
addKeyCtrlShiftEnter(eleForm, eleSubmitNext);
}
}
else
{
if (eleSubmit)
{
eleSubmitNext = document.createElement("input");
eleSubmitNext.id = "stsh_submit_suggestion_next";
eleSubmitNext.classList.add("stsh_submit_suggestion_right");
eleSubmitNext.setAttribute("type", "submit");
eleSubmitNext.setAttribute("value", "Next");
eleSubmitNext.setAttribute("name", "submitandnext");
insertAfterElement(eleSubmitNext, eleSubmit);
eleSubmitNext.addEventListener("click", function(ev)
{
var textOrg = "";
var textTrn = "";
var textCur = "";
var eleTextOrg = document.querySelector(".stsh_text_org");
if (eleTextOrg)
{
textOrg = trimSpace(eleTextOrg.textContent);
}
var eleTextTrn = document.querySelector(".stsh_text_trn:not(.stsh_text_trn_empty)");
if (eleTextTrn)
{
textTrn = trimSpace(eleTextTrn.textContent);
}
var eleTextCur = document.querySelector("#suggestion_value_new");
if (eleTextCur)
{
textCur = trimSpace(eleTextCur.value);
}
if (textCur === "" || textOrg === textCur || textTrn === textCur)
{
ev.preventDefault();
var eleSubmit = document.querySelector(".stsh_text_submit");
if (eleSubmit)
{
eleSubmit.click();
}
}
});
var eleForm = eleSubmit.parentElement.parentElement;
if (eleForm.tagName === "FORM")
{
addKeyCtrlShiftEnter(eleForm, eleSubmitNext);
}
}
}
if (eleSubmitNext)
{
var canNext = !!(document.querySelector(".stsh_nav_next:not(:disabled)"));
if (!canNext)
{
// Display as disabled
eleSubmitNext.classList.add("stsh_grey");
eleSubmitNext.classList.add("stsh_cursor_default");
}
}
}
else
{
if (eleTextNew && eleSubmit)
{
var eleNew = document.createElement("input");
eleNew.id = "stsh_submit_suggestion_space";
eleNew.classList.add("stsh_submit_suggestion_right");
eleNew.setAttribute("type", "button");
eleNew.setAttribute("value", "Submit Empty (2 Newlines)");
insertAfterElement(eleNew, eleSubmit);
eleNew.addEventListener("click", function(ev)
{
var eleTextNew = document.querySelector("#suggestion_value_new");
if (eleTextNew)
{
//eleTextNew.value = String.fromCharCode(160);
eleTextNew.value = "\n\n";
eleTextNew.focus();
ev.preventDefault();
var eleSubmit = document.querySelector(".stsh_text_submit");
if (eleSubmit)
{
eleSubmit.click();
}
}
});
}
}
}
var app = regApp.exec(key.replace("%23", ""));
if (app && key.indexOf("faq") < 0 && key.indexOf("glossary") < 0)
{
if (key.indexOf("SharedFiles_App_") === 0)
{
insertView += '<a class="stsh_a_button" target="_blank" '
+ ' href="http://steamcommunity.com/workshop/browse?appid='
+ app + '">Workshop</a>';
}
insertView += '<a class="stsh_a_button" target="_blank" '
+ ' href="http://steamcommunity.com/app/'
+ app + '">Community</a>'
insertView += '<a class="stsh_a_button" target="_blank" '
+ ' href="http://store.steampowered.com/app/'
+ app + '">App</a>';
}
if (insertSearch)
{
insert += ' <br/> Search: <div class="stsh_nav_group"> ' + insertSearch + " </div>";
}
if (insertView)
{
insert += ' <br/> View: <div class="stsh_nav_group"> ' + insertView + " </div>";
}
var insertBefore =
' \
<input id="stsh_refresh" value="Refresh" onclick="return false;" type="button"> \
<a class="stsh_a_button" target="_blank" href="' + url + '">Frame</a> \
';
var innerNew = divNav.innerHTML
.replace('<input value="Previous', ' <input value="Prev')
.replace('<input value="Close', ' <input value="Close');
divNav.innerHTML = insertBefore + innerNew + insert + " <br/> ";
var eleRefresh = document.querySelector("#stsh_refresh");
if (eleRefresh)
{
eleRefresh.addEventListener("click", function()
{
reload();
});
}
}
// Regroup glossary and auto replace matched string
{
setTimeoutCustom(function()
{
var br = "<br>";
var brSpace = " <br> ";
var tag = "<a";
var colon = ">: ";
var comma = ",";
var bracket = " (";
var isEdit = false;
var p = null;
var aGls = document.querySelectorAll("a[href='glossary.php']");
for (var i = 0; i < aGls.length; i++)
{
if (aGls[i].textContent.trim() === "GLOSSARY FEATURE")
{
p = aGls[i].parentElement;
break;
}
}
if (p)
{
var glosOuters = [];
var glosInnerStart = 0;
var countGl = 0;
var glossaries = p.innerHTML.split(br);
if (glossaries.length > 2)
{
glosOuters = [p];
glosInnerStart = 2;
}
else
{
glosOuters = p.nextSibling.querySelectorAll("td");
glosInnerStart = 0;
}
var rgxKey = />[^><]+</;
var rgxKeyClean = /[><]+/g;
var rgxKeyPunct = /[\(\)\[\]\:\!]/g;
var rgxContentClean = /<[^<]*>/g;
var textOrg = "";
var textEng = "";
var textOrgFull = "";
var textEngFull = "";
var isTextReplaced = false;
var isOutdated = false;
var eleBtnResummit = document.querySelector("input[type='submit'][value^='RESUBMIT']");
if (eleBtnResummit)
{
isTextReplaced = true;
}
else
{
var eleTextOrg = document.querySelector("#suggestion_value_new");
if (eleTextOrg)
{
textOrgFull = trimTab(eleTextOrg.value.toLowerCase());
textOrg = textOrgFull.trim();
}
if (textOrg === "" || textOrg.length > 300)
{
// Not replace on empty and long strings
isTextReplaced = true;
}
}
if (!isTextReplaced)
{
var eleTrs = document.querySelectorAll(".progress tr");
isOutdated = (eleTrs.length >= 3);
if (isOutdated)
{
textEngFull = trimTab(eleTrs[eleTrs.length - 1].firstElementChild.textContent.toLowerCase());
textEng = textEngFull.trim();
}
}
for (var i = 0; i < glosOuters.length; i++)
{
var glosOuter = glosOuters[i];
var glosInners = glosOuter.innerHTML.split(br);
isEdit = false;
for (var j = glosInnerStart; j < glosInners.length; j++)
{
var glossary = glosInners[j].trim();
if (glossary.length > 0 && glossary.indexOf(tag) === 0)
{
var colonIndex = glossary.indexOf(colon);
var contentHead = glossary.substr(0, colonIndex + 3);
var contentAll = glossary.substr(colonIndex + 3);
var contentWords = contentAll.split(comma);
var contentFirst = contentWords[0].trim();
for (var k = 0; k < contentWords.length; k++)
{
var contentNew = contentWords[k].trim();
var contentSub = null;
var bracketPos = contentNew.indexOf(" (");
if (bracketPos > -1)
{
contentSub = contentNew.substr(bracketPos);
contentNew = contentNew.substr(0, bracketPos);
}
contentNew = " <span id='stsh_gls_" + countGl
+ "' onclick='clickToSelect(this)'>"
+ contentNew + "</span>";
//+ "<span style='color: white; cursor: pointer;'>^</span>";
if (contentSub)
{
contentNew += "<span "
+ "onclick='clickToSelect(this.previousElementSibling)'>"
+ contentSub + "</span>";
}
contentWords[k] = contentNew;
countGl++;
}
if (!isTextReplaced)
{
var keys = contentHead.match(rgxKey);
if (keys && keys.length > 0)
{
var key = keys[0].replace(rgxKeyClean, "").trim().toLowerCase();
var contentClean = contentFirst.replace(rgxContentClean, "");
var contentLower = contentClean.toLowerCase();
var textCur = "";
if (key === textOrg.replace(rgxKeyPunct, ""))
{
textCur = textOrgFull;
}
else if (key === textEng.replace(rgxKeyPunct, ""))
{
textCur = textEngFull;
}
if (textCur !== "" && key !== contentLower)
{
var rgxReplace = new RegExp(key, "i");
eleTextOrg.value = textCur.replace(rgxReplace, contentClean);
isTextReplaced = true;
}
}
}
glosInners[j] = contentHead + contentWords.join(comma);
isEdit = true;
}
}
if (isEdit && false)
{
// old feature
glosOuter.innerHTML = glosInners.join(brSpace);
}
}
}
}, 200);
}
// Insert clicked word in last textarea
{
var eleTextLast = null;
if (document.activeElement && document.activeElement.tagName === "TEXTAREA")
{
eleTextLast = document.activeElement;
}
var elesText = document.querySelectorAll
(" \
#suggestion_value_new \
, .stsh_text_addComment \
, #add_to_discussion \
, textarea[name^='autoreplace'] \
");
for (var i = 0; i < elesText.length; i++)
{
elesText[i].addEventListener('focus', function(ev)
{
eleTextLast = ev.target;
});
}
setTimeoutCustom(function()
{
var elesInsert = document.querySelectorAll(".insertword");
for (var i = 0; i < elesInsert.length; i++)
{
removeAllEventListeners(elesInsert[i]);
}
function insertAtCaret(txtarea, text)
{
// Edit from STS
var scrollPos = txtarea.scrollTop;
var strPos = 0;
var strLength = 0;
var br = ((txtarea.selectionStart || txtarea.selectionStart === 0) ? "ff" : (document.selection ? "ie" : false));
if (br === "ie")
{
txtarea.focus();
var range = document.selection.createRange();
range.moveStart('character', -txtarea.value.length);
strPos = range.text.length;
}
else if (br === "ff")
{
strPos = txtarea.selectionStart;
strLength = txtarea.selectionEnd - txtarea.selectionStart;
}
var front = (txtarea.value).substring(0, strPos);
var back = (txtarea.value).substring(strPos + strLength, txtarea.value.length);
txtarea.value = front + text + back;
strPos = strPos + text.length;
if (br === "ie")
{
txtarea.focus();
var range = document.selection.createRange();
range.moveStart('character', -txtarea.value.length);
range.moveStart('character', strPos);
range.moveEnd('character', 0);
range.select();
}
else if (br === "ff")
{
txtarea.selectionStart = strPos;
txtarea.selectionEnd = strPos;
txtarea.focus();
}
txtarea.scrollTop = scrollPos;
}
elesInsert = document.querySelectorAll(".insertword");
for (var i = 0; i < elesInsert.length; i++)
{
//elesInsert[i].classList.add("stsh_unselectable");
elesInsert[i].addEventListener("click", function(ev)
{
if (eleTextLast)
{
insertAtCaret(eleTextLast , ev.target.textContent.trim());
}
});
}
}, 500);
}
// Restyle glossary
{
var eleP = null;
var elesA = document.querySelectorAll("a[href='glossary.php']");
for (var i = 0; i < elesA.length; i++)
{
if (elesA[i].textContent.trim() === "GLOSSARY FEATURE")
{
eleP = elesA[i].parentElement;
break;
}
}
if (eleP)
{
var nodeText = eleP.firstElementChild.nextSibling;
if (nodeText.nodeType === document.TEXT_NODE)
{
var ele = document.createElement("span");
ele.textContent = nodeText.textContent;
nodeText.parentElement.removeChild(nodeText);
insertAfterElement(ele, eleP.firstElementChild);
}
var eleHead;
if (eleP.nextElementSibling.tagName === "TABLE")
{
eleHead = eleP.nextElementSibling;
}
else
{
eleHead = eleP;
}
eleHead.classList.add("stsh_glossary_header");
var elesTerm = eleHead.querySelectorAll("a[href*='://translation.steampowered.com/translate.php?search_input=']");
for (var i = 0; i < elesTerm.length; i++)
{
elesTerm[i].classList.add("stsh_glossary_term");
}
{
var eleSpan = null;
if (eleHead.tagName === "TABLE")
{
eleSpan = eleHead.previousElementSibling.querySelector("span");
}
else
{
eleSpan = eleHead.querySelector("span");
}
eleSpan.textContent = eleSpan.textContent
.replace(" (click to copy to top)", "");
eleSpan.title = "Click to copy to suggestion or comment";
eleSpan.classList.add("stsh_cursor_help");
eleSpan.classList.add("stsh_glossary_help");
}
}
var eleTd = document.querySelector(".stsh_glossary_header \
> tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(4)");
if (eleTd)
{
if (eleTd.childElementCount === 0)
{
eleTd.parentElement.removeChild(eleTd);
}
}
}
// Restyle same token
{
var widthMax = 0;
var elesFile = document.querySelectorAll(
"#suggestionmain > div > p > a[href*='/translate.php?keyonly=1&search_input=']");
for (var i = 0; i < elesFile.length; i++)
{
elesFile[i].classList.add("stsh_sametoken_file");
var width = elesFile[i].offsetWidth;
if (width > widthMax)
{
widthMax = width;
}
}
for (var i = 0; i < elesFile.length; i++)
{
elesFile[i].style.minWidth = (widthMax + 4) + "px";
}
var eleHeader = null;
if (elesFile.length > 0)
{
eleHeader = elesFile[0].parentElement;
}
if (eleHeader)
{
eleHeader.classList.add("stsh_sametoken_header");
eleHeader.innerHTML = eleHeader.innerHTML.replace(
"<--- currently in view above",
'<span class="stsh_blue_light stsh_sametoken_current"><--- currently in view above</span>');
}
}
// Auto link http
// Format comment
{
var countSugStatus = document.querySelectorAll(
".suggestions_list span[class^='suggestion_status_']").length;
var rgxUrl = /http[^ "]+/ig;
var rgxHostUrl = /^https?:\/\/translation\.steampowered\.com\//i;
var hostReplace = "/";
var eleComments = document.querySelectorAll
(" \
.suggestion_signature > i:nth-child(3) \
, .suggestion_signature div:nth-child(1) > i:nth-child(4) \
, .suggestion_signature div:nth-child(1) > i:nth-child(6) \
, *[class^='row'] > td:nth-child(2) \
");
for (var i = 0; i < eleComments.length; i++)
{
var comment = eleComments[i].innerHTML + " ";
if (comment.indexOf("<a") === -1)
{
var commentUrls = comment.match(rgxUrl) || [];
for (var j = 0; j < commentUrls.length; j++)
{
var urlDecode = commentUrls[j];
try
{
urlDecode = decodeURIComponent(commentUrls[j])
.replace(/#/g, "%23").replace(/&/g, "&");
//console.log(urlDecode);
if (countSugStatus === 0 && rgxHostUrl.test(urlDecode))
{
var query = getQueryByName("search_input", urlDecode);
if (query !== "")
{
urlDecode = query;
}
else
{
urlDecode = urlDecode.replace(rgxHostUrl, hostReplace);
}
}
}
catch (ex)
{
console.error("FormatComment", ex.message);
}
var commentUrl = commentUrls[j] + " ";
comment = comment.replace(commentUrl, "<a target='_blank' href='"
+ commentUrls[j] + "' >" + urlDecode + "</a> ");
}
}
comment = comment.trim();
var commentHead = "";
if (comment.indexOf("Comment:") === 0)
{
eleComments[i].classList.add("stsh_text_comment_header");
comment = comment
.replace("Comment:", "Comment: <span class='stsh_text_comment'>")
+ "</span>";
}
else
{
var indexHead = comment.indexOf(":</font>");
if (indexHead > -1)
{
commentHead = comment.substr(0, indexHead + 8);
comment = comment.substr(indexHead + 8);
}
}
comment = comment
.replace(/ \/\/ /g, " <span class='stsh_white stsh_pad'>//</span> ")
.replace(/\/ /g, "<span class='stsh_white stsh_pad'>/</span> ")
.replace(/ \//g, " <span class='stsh_white stsh_pad'>/</span>")
.replace(/(\-+)\>\;/g, "<span class='stsh_white stsh_pad'>$1></span>")
.replace(/ > /g, " <span class='stsh_white stsh_pad'>></span> ")
.replace(/(\-{2,})([^\&])/g, "<span class='stsh_white stsh_pad'>$1</span>$2")
.replace(/([^<]+)(\, +)([^>]+)/g, "$1<span class='stsh_white stsh_pad'>$2</span>$3")
.replace(/\| /g, "<span class='stsh_white stsh_pad'>| </span>")
.replace(/\* /g, "<span class='stsh_white stsh_pad'><br>* </span>")
.replace(/ \.\.\. /g, " <span class='stsh_white stsh_pad'>...</span> ")
.replace(/Past application on (.{20})/g,
"<span class='stsh_white stsh_pad'><br>Past application on $1</span>");
eleComments[i].innerHTML = commentHead + comment;
var eleAs = eleComments[i].querySelectorAll("a");
for (var j = 0; j < eleAs.length; j++)
{
var href = eleAs[j].getAttribute("href");
if (href.indexOf("#") > -1)
{
eleAs[j].setAttribute("href", href.replace(/\#/g,"%23"));
}
}
//if (comment.indexOf("Comment:") !== 0)
{
// Discussion comment
var rgxImg = /(\.(jpg|png|gif)|\/ugc\/)/i;
var rgxLongUrl = /^https?\:\/\/translation\.steampowered\.com\/translate\.php\?search_input\=/i;
var elesA = eleComments[i].querySelectorAll("a");
for (var j = 0; j < elesA.length; j++)
{
var href = elesA[j].getAttribute("href");
if (rgxImg.test(href))
{
if (elesA[j].querySelectorAll("img").length === 0)
{
var ele = document.createElement("img");
ele.classList.add("stsh_comment_img");
ele.setAttribute("src", href);
ele.setAttribute("title", href);
ele.setAttribute("onclick",
" \
if (this.style.minWidth !== '850px') \
{ \
this.style.minWidth = this.naturalWidth < 850 ? this.naturalWidth + 'px' : '850px'; \
} \
else \
{ \
this.style.minWidth = '400px'; \
} \
");
insertAfterElement(ele, elesA[j]);
}
}
else
{
var content = elesA[j].textContent;
if (rgxLongUrl.test(content))
{
//console.log(elesA[j]);
if (!elesA[j].parentElement.parentElement.parentElement
.querySelector(".suggestion_signature .lbAction[name^='mymodcomment']"))
{
elesA[j].textContent = content.replace(rgxLongUrl, "").replace(/\+/g, " ");
}
}
}
}
}
}
}
// Add space between comment and button
{
var elesAction = document.querySelectorAll(".stsh_action_remove, .stsh_action_edit");
for (var i = 0; i < elesAction.length; i++)
{
if (elesAction[i].previousElementSibling
&& elesAction[i].previousElementSibling.previousElementSibling
&& elesAction[i].previousElementSibling.previousElementSibling
.classList.contains("stsh_text_comment_header"))
{
insertBeforeElement(document.createElement("br"), elesAction[i]);
}
}
}
// Restyle token info
{
var divIntro = document.querySelector("#suggestionmain > div.smallcopy");
if (divIntro)
{
var qBranch = getQueryByName("branch");
var htmlEdit = "You are editing";
var htmlEditReplace = "";
var htmlToken = "Token <";
var htmlTokenReplace = "Token: <";
var htmlToken2 = "token-key";
var htmlToken2Replace = "Token";
var htmlLiveLinkMoved =
'\
<font style="color:red;">This FAQ likely does not exist anymore!</font>\
The generated <a href="https://support.steampowered.com/kb_article.php?ref="\
target="_blank">live link</a> seems dead or is redirecting.\
';
var htmlLiveLinkMovedReplace =
'\
<font class="stsh_red stsh_cursor_help"\
title="The generated live link seems dead or is redirecting.">\
This FAQ likely does not exist anymore!</font>\
';
var htmlLiveLinkMovedWithLiveLink =
'\
<font style="color:red;">This FAQ likely does not exist anymore!</font> The generated \
<a href="https://support.steampowered.com/kb_article.php?ref=\
';
var htmlLiveLinkMovedWithLiveLinkReplace =
'<a href="https://support.steampowered.com/kb_article.php?ref=';
var htmlLiveLinkMovedWithLiveLink2 =
'" target="_blank">live link</a> seems dead or is redirecting.';
var htmlLiveLinkMovedWithLiveLink2Replace =
'\
" target="_blank">Live link</a> - \
<font class="stsh_red stsh_cursor_help"\
title="The generated live link seems dead or is redirecting.">\
This FAQ likely does not exist anymore!</font>';
var htmlLiveLink = 'target="_blank">Live link';
var htmlLiveLinkReplace = 'target="_blank">Live link'; // Change in condition
var htmlFile = " of <";
var htmlFileReplace =
' <br>File: <font class="stsh_info_file stsh_blue" onclick="clickToSelect(this)">' + qBranch + '</font> >> <';
var htmlFrom = "<br>Added on <";
var htmlFromReplace = " Added: <";
var htmlUpdated = ">. Updated on <";
var htmlUpdatedReplace = "> Updated: <";
var htmlUpdated2 = "<br> Updated on <";
var htmlUpdated2Replace = " Updated: <";
var htmlSugg = 'You have <font style="';
var htmlSuggReplace =
'You have <font title="Enter and submit new suggestions below. Do not alter HTML tags or variables." class="stsh_cursor_help" style="';
var htmlIntro =
"Enter and submit new suggestions below. Do not alter HTML tags or variables.";
var htmlIntroReplace =
' \
\
<a href="mailto:[email protected]" \
title="Please report token issues by posting a TOKEN DISCUSSION \r\nor email to [email protected]" \
class="stsh_cursor_help">\
<font class="stsh_white">Report Tokens</font></a>\
';
var htmlContact =
'\
<br>Please report token issues by posting a <font style="color:#a4b23c;">TOKEN DISCUSSION</font> tagged\
<input style="border:none; color:#FFFFFF; background-color:#111111; cursor:pointer;"\
onclick="tosts(\'truncated\')" value="[sts_admin][truncated]" type="button">or\
<input style="border:none; color:#FFFFFF; background-color:#111111; cursor:pointer;"\
onclick="tosts(\'typo\');" value="[sts_admin][typo]" type="button">or\
<input style="border:none; color:#FFFFFF; background-color:#111111; cursor:pointer;"\
onclick="tosts(\'unlockpls\')" value="[sts_admin][unlockpls]" type="button">or by \
<a href="mailto:[email protected]">email</a>.\
';
var htmlContactReplace = '';
var htmlContact2 =
'\
<br>Please report token issues by posting a <font style="color:#a4b23c;">TOKEN DISCUSSION</font> tagged\
<input style="border:none; color:#FFFFFF; background-color:#111111; cursor:pointer;" type="button"\
onclick="tosts(\'truncated\')" value="[sts_admin][truncated]">or\
<input style="border:none; color:#FFFFFF; background-color:#111111; cursor:pointer;" type="button"\
onclick="tosts(\'typo\');" value="[sts_admin][typo]">or\
<input style="border:none; color:#FFFFFF; background-color:#111111; cursor:pointer;" type="button"\
onclick="tosts(\'unlockpls\')" value="[sts_admin][unlockpls]">or by \
<a href="mailto:[email protected]">email</a>.\
';
var htmlContact2Replace = '';
var rgxTestEmail =
/<br><font style="color:#a4b23c;">This is part of email message .+ - you can test it by following this link:<\/font> /i;
var htmlTestEmailReplace = '';
var rgxTestEmail2 =
/<a href="test_email\.php\?filename=.+\&lang=[a-z]+" target="_blank">Test<\/a>/i;
var htmlTestEmail2Replace = '';
var htmlsTestEmail = rgxTestEmail.exec(divIntro.innerHTML);
if (htmlsTestEmail)
{
var htmlTestEmail = htmlsTestEmail[0]
.replace('<br><font style="color:#a4b23c;">This is part of email message ', "")
.replace(' - you can test it by following this link:</font> ', "");
var htmlTestEmail2 = "";
var htmlsTestEmail2 = rgxTestEmail2.exec(divIntro.innerHTML);
if (htmlsTestEmail2)
{
htmlTestEmail2 = htmlsTestEmail2[0].replace('<a href="', "")
.replace('" target="_blank">Test</a>', "");
}
htmlIntroReplace += ' Test: <a href="' + htmlTestEmail2
+ '" title="You can test email by following this link." target="_blank">'
+ htmlTestEmail + '</a>';
}
if (key !== "")
{
htmlIntroReplace +=
' \
<br>Share: \
<font class="stsh_token_share stsh_green stsh_truncate" onclick="clickToSelect(this)">\
https://translation.steampowered.com/translate.php?search_input=' + key + '\
</font> <br>\
';
}
var urlLiveLink = "https://support.steampowered.com/kb_article.php?ref=";
var eleLiveLink = divIntro.querySelector("a[href^='" + urlLiveLink + "']");
if (eleLiveLink)
{
htmlLiveLinkReplace = 'target="_blank" title="Live link">'
+ eleLiveLink.getAttribute("href").replace(urlLiveLink, "");
}
var isComplete = (divIntro.innerHTML.indexOf(htmlContact) > -1);
divIntro.innerHTML = divIntro.innerHTML
.replace(htmlEdit, htmlEditReplace)
.replace(htmlToken, htmlTokenReplace)
.replace(htmlToken2, htmlToken2Replace)
.replace(htmlLiveLinkMoved, htmlLiveLinkMovedReplace)
.replace(htmlLiveLinkMovedWithLiveLink, htmlLiveLinkMovedWithLiveLinkReplace)
.replace(htmlLiveLinkMovedWithLiveLink2, htmlLiveLinkMovedWithLiveLink2Replace)
.replace(htmlLiveLink, htmlLiveLinkReplace)
.replace(htmlFile, htmlFileReplace)
.replace(htmlFrom, htmlFromReplace)
.replace(htmlUpdated, htmlUpdatedReplace)
.replace(htmlUpdated2, htmlUpdated2Replace)
.replace(htmlSugg, htmlSuggReplace)
.replace(htmlIntro, htmlIntroReplace)
.replace(htmlContact, htmlContactReplace)
.replace(htmlContact2, htmlContact2Replace)
.replace(rgxTestEmail, htmlTestEmailReplace)
.replace(rgxTestEmail2, htmlTestEmail2Replace)
.trim();
var eleToken = document.querySelector("a[href^='Us_And_Them.php?']");
if (eleToken)
{
if (eleToken.textContent !== "Token")
{
eleToken.classList.add("stsh_token_name");
eleToken.classList.add("stsh_truncate");
}
}
if (!isComplete)
{
var stsh_introReplace_start = getTimeMs();
var stsh_introReplace_itv = setIntervalCustom(function(params)
{
var divIntro = params[0];
var htmlContact = params[1];
var htmlContactReplace = params[2];
var stsh_introReplace_isEnd = false;
var stsh_introReplace_cur = getTimeMs();
if (divIntro.innerHTML.indexOf(htmlContact) > -1)
{
divIntro.innerHTML = divIntro.innerHTML
.replace(htmlContact, htmlContactReplace);
stsh_introReplace_isEnd = true;
}
if (stsh_introReplace_isEnd || stsh_introReplace_cur - stsh_introReplace_start > 10000)
{
clearInterval(stsh_introReplace_itv);
}
}, 100, [divIntro, htmlContact, htmlContactReplace]);
}
}
}
// Restyle token discussion
{
var eleDiscuss = document.querySelector("a[name='tokendiscussion']");
if (eleDiscuss)
{
var htmlHeader = "TOKEN DISCUSSION (keep global comments English please!):";
var htmlHeaderReplace = "TOKEN DISCUSSION:";
var eleHeader = eleDiscuss.nextElementSibling;
if (eleHeader)
{
eleHeader.setAttribute("title", "Keep global comments English please!");
eleHeader.classList.add("stsh_cursor_help");
eleHeader.textContent = eleHeader.textContent.replace(htmlHeader, htmlHeaderReplace);
}
var eleParent = eleDiscuss.parentElement;
eleParent.classList.add("stsh_discussion_header");
if (eleParent.nextElementSibling)
{
eleParent.nextElementSibling.classList.add("stsh_discussion_section");
}
var elesInput = document.querySelectorAll("input[value='[stsadmin]']");
if (elesInput.length === 2)
{
elesInput[1].parentElement.removeChild(elesInput[1]);
}
var eleSpan = document.createElement("span");
eleSpan.innerHTML =
'\
<input style="border:none; color:#888888; background-color:#111111; cursor:pointer;"\
onclick="tosts(\'truncated\')" value="[sts_admin][truncated]" type="button">\
<input style="border:none; color:#888888; background-color:#111111; cursor:pointer;"\
onclick="tosts(\'typo\');" value="[sts_admin][typo]" type="button">\
<input style="border:none; color:#888888; background-color:#111111; cursor:pointer;"\
onclick="tosts(\'unlockpls\')" value="[sts_admin][unlockpls]" type="button">\
';
eleParent.appendChild(eleSpan);
var eleCopy = document.querySelector("#autocopy");
if (eleCopy)
{
eleCopy.previousElementSibling.classList.add("stsh_autoCopy_header");
}
var eleFriendDiscuss = document.querySelector(".friend_block_discussions");
if (eleFriendDiscuss)
{
if (eleCopy)
{
insertBeforeElement(document.createElement("br"), eleCopy.previousElementSibling);
}
var eleTableDiscuss = eleFriendDiscuss.parentElement.parentElement.parentElement.parentElement;
if (eleTableDiscuss.tagName === "TABLE")
{
eleTableDiscuss.classList.add("stsh_discussion_table");
}
}
}
}
// Move up glossary
{
function moveUpGlossary()
{
var eleDiscuss = document.querySelector(".stsh_discussion_header");
if (eleDiscuss)
{
var eleGlosGroup = document.createElement("div");
eleGlosGroup.classList.add("stsh_glossary_group");
insertBeforeElement(eleGlosGroup, eleDiscuss);
var eleHead = document.querySelector(".stsh_glossary_header");
if (eleHead)
{
if (!(eleHead.childNodes.length === 5
&& eleHead.childNodes[4].nodeType === document.TEXT_NODE
&& eleHead.childNodes[4].nodeValue === "No results"))
{
eleGlosGroup.appendChild(document.createElement("br"));
if (eleHead.tagName === "TABLE")
{
eleGlosGroup.appendChild(eleHead.previousElementSibling);
}
eleGlosGroup.appendChild(eleHead);
}
}
}
}
var eleCopy = document.querySelector(".stsh_autoCopy_header");
if (eleCopy)
{
var eleHead = document.querySelector(".stsh_glossary_header");
if (eleHead)
{
insertAfterElement(eleCopy.nextElementSibling, eleHead);
insertAfterElement(eleCopy, eleHead);
insertAfterElement(document.createElement("br"), eleHead);
insertAfterElement(document.createElement("br"), eleCopy.nextElementSibling);
}
}
var eleFriendDiscuss = document.querySelector(".friend_block_discussions");
if (!eleFriendDiscuss)
{
moveUpGlossary();
}
else
{
var eleHelp = document.querySelector(".stsh_glossary_help");
if (eleHelp)
{
var eleBtn = document.createElement("input");
eleBtn.classList.add("stsh_glossary_move");
eleBtn.setAttribute("type", "button");
eleBtn.setAttribute("onclick", "return false;");
eleBtn.value = "Move up";
eleBtn.title = "Glossary is displayed below when discussion is active. "
+ "\nClick here to move glossary up.";
insertAfterElement(eleBtn, eleHelp);
eleBtn.addEventListener("click", function(ev)
{
var eleTarget = ev.target;
eleTarget.classList.add("stsh_hidden");
moveUpGlossary();
});
}
}
}
// Add shortcut keys
{
var elesForm = document.querySelectorAll(".lbAction");
for (var i = 0; i < elesForm.length; i++)
{
var eleForm = elesForm[i];
var eleSubmit = eleForm.querySelector("input[type=submit]");
if (eleSubmit)
{
addKeyCtrlEnter(eleForm, eleSubmit);
}
}
var elesInputApprove = document.querySelectorAll(".stsh_action_approve");
if (elesInputApprove.length > 0)
{
var eleBind = elesInputApprove[0];
addKeyAlt(document, eleBind, 219); // [
addKeyAlt(document, eleBind, "BracketLeft"); // [
addKeyAlt(document, eleBind, 79); // O
addKeyAlt(document, eleBind, 65); // A
disableAfterClick(eleBind);
}
var eleInputApproveNext = document.querySelector(".stsh_action_approve_next");
if (eleInputApproveNext)
{
var eleBind = null;
if (!eleInputApproveNext.disabled)
{
// Can go next
if (elesInputApprove.length === 1)
{
// Go next if only 1 suggestion
eleBind = eleInputApproveNext;
}
else if (elesInputApprove.length > 1)
{
// Only approve if more than 1 suggestion
eleBind = elesInputApprove[0];
}
}
else
{
// Can't go next
if (elesInputApprove.length > 0)
{
var eleBind = elesInputApprove[0];
}
}
if (eleBind)
{
addKeyAlt(document, eleBind, 221); // ]
addKeyAlt(document, eleBind, "BracketRight"); // ]
addKeyAlt(document, eleBind, 80); // P
addKeyAlt(document, eleBind, 83); // S
addKeyCtrl(document, eleBind, 220); // Backslash
addKeyCtrl(document, eleBind, "Backslash"); // Backslash
addKeyCtrl(document, eleBind, 45, "Ins", 1|2); // INS
disableAfterClick(eleBind);
}
}
var eleInputDecline = document.querySelector(".stsh_action_decline");
if (eleInputDecline)
{
var eleBind = eleInputDecline;
addKeyCtrl(document, eleBind, 46, "Del", 1|2); // DEL
disableAfterClick(eleBind);
var eleInpueDeclineNext = eleInputDecline.nextElementSibling;
if (eleInpueDeclineNext && eleInpueDeclineNext.value.indexOf("Next") > -1
&& !eleInpueDeclineNext.disabled)
{
var eleBind = eleInpueDeclineNext;
addKeyCtrlShift(document, eleBind, 46, "Del", 2); // DEL
disableAfterClick(eleBind);
}
}
else
{
var eleReconsider = document.querySelector(".suggestion_status_approved > a, .suggestion_status_declined > a");
if (eleReconsider)
{
if (eleReconsider.parentElement.classList.contains("suggestion_status_approved"))
{
var eleBind = eleReconsider;
addKeyCtrl(document, eleBind, 46, "Del", 2|16); // DEL
}
else
{
if (!eleReconsider.parentElement.parentElement
.querySelector(".suggestion_signature .lbAction[name^='mymodcomment']"))
{
var eleBind = eleReconsider;
addKeyAlt(document, eleBind, 221); // ]
addKeyAlt(document, eleBind, "BracketRight"); // ]
addKeyAlt(document, eleBind, 80); // P
addKeyAlt(document, eleBind, 83); // S
addKeyCtrl(document, eleBind, 220); // Backslash
addKeyCtrl(document, eleBind, "Backslash"); // Backslash
addKeyCtrl(document, eleBind, 45, "Ins", 2|16); // INS
}
}
}
}
var elesTextRemoveComment = document.querySelectorAll(".stsh_text_removeComment");
if (elesTextRemoveComment.length > 0)
{
// Remove last comment
var i = elesTextRemoveComment.length - 1;
var eleBind = elesTextRemoveComment[i];
addKeyCtrl(document, eleBind, 8, "Bksp", 2|16); // Backspace
}
var eleInputPrev = document.querySelector(".stsh_nav_prev");
if (eleInputPrev)
{
var eleBind = eleInputPrev;
addKeyCtrl(document, eleBind, 219, "[", 1|2); // [
addKeyCtrl(document, eleBind, "BracketLeft"); // [
disableAfterClick(eleBind);
eleBind.parentElement.removeChild(eleBind.nextSibling); // Remove space
}
var eleInputNext = document.querySelector(".stsh_nav_next");
if (eleInputNext)
{
var eleBind = eleInputNext;
addKeyCtrl(document, eleBind, 221, "]", 1|2); // ]
addKeyCtrl(document, eleBind, "BracketRight"); // ]
disableAfterClick(eleBind);
}
}
// Trim string in same token
{
var p = document.querySelector("#suggestionmain > div:nth-child(5) > p:nth-child(4)");
if (p)
{
for (var i = 0; i < p.childNodes.length; i++)
{
var child = p.childNodes[i];
if (child.nodeName === "#text")
{
child.nodeValue = child.nodeValue.trim();
}
}
}
}
// Check special chars
// Check combining diacritical marks
{
var h1s = document.querySelectorAll(".progress h1");
if (h1s.length === 2)
{
var h1Org = h1s[0];
var h1Trn = h1s[1];
var tdOrg = eleTextOrg;
var tdTrn = eleTextTrn;
if (tdOrg && tdTrn)
{
var strOrg = trimSpace(tdOrg.textContent);
var strTrn = trimSpace(tdTrn.textContent);
// Check special chars
{
var statusTrnArr = checkSpecialCharMatched(strOrg, strTrn);
var statusTrnMatched = statusTrnArr[0];
var spOrg = statusTrnArr[1];
var spTrn = statusTrnArr[2];
if (spOrg > 0)
{
var spTitle = "Please check special chars by pressing Display special chars button.";
var spanSpOrg = document.createElement("span");
spanSpOrg.id = "stsh_spanSpOrg";
spanSpOrg.classList.add("stsh_blue");
spanSpOrg.classList.add("stsh_cursor_help");
spanSpOrg.title = spTitle;
spanSpOrg.innerHTML = " SpecialChar: " + spOrg;
h1Org.parentElement.appendChild(spanSpOrg);
// Translated
if (strTrn !== "")
{
var spanSpTrn = document.createElement("span");
spanSpTrn.id = "stsh_spanSpTrn";
spanSpTrn.classList.add("stsh_cursor_help");
spanSpTrn.title = spTitle;
if (statusTrnMatched === 0)
{
spanSpTrn.classList.add("stsh_green");
}
else
{
spanSpTrn.classList.add("stsh_red");
}
var outputTrn = " SpecialChar: " + spTrn;
if (statusTrnMatched === 0)
{
outputTrn += " (Matched)";
}
else if (statusTrnMatched === 1)
{
outputTrn += " (Order not matched)";
}
else
{
outputTrn += " (Not matched)";
}
spanSpTrn.innerHTML = outputTrn;
h1Trn.parentElement.appendChild(spanSpTrn);
}
// Suggested
var elesSug = document.querySelectorAll(".suggestion_text");
for (var i = 0; i < elesSug.length; i++)
{
var eleSug = elesSug[i];
var strSug = trimSpace(eleSug.textContent);
var statusSugArr = checkSpecialCharMatched(strOrg, strSug);
var statusSugMatched = statusSugArr[0];
var spSug = statusSugArr[2];
var spanSpSug = document.createElement("span");
spanSpSug.classList.add("stsh_spanSpSug");
spanSpSug.classList.add("stsh_cursor_help");
spanSpSug.title = spTitle;
if (statusSugMatched === 0)
{
spanSpSug.classList.add("stsh_green");
}
else
{
spanSpSug.classList.add("stsh_red");
}
var outputSug = " SpecialChar: " + spSug;
if (statusSugMatched === 0)
{
outputSug += " (Matched)";
}
else if (statusSugMatched === 1)
{
outputSug += " (Order not matched)";
}
else
{
outputSug += " (Not matched)";
}
spanSpSug.innerHTML = outputSug;
eleSug.insertBefore(spanSpSug, eleSug.firstChild);
}
}
}
// Check diacritical marks
{
var hasDct = false;
// Translated
var dctTrn = countDiacriticalMark(strTrn);
if (dctTrn > 0)
{
hasDct = true;
}
var countsSug = [];
// Suggested
var elesSug = document.querySelectorAll(".suggestion_text");
for (var i = 0; i < elesSug.length; i++)
{
var eleSug = elesSug[i];
var strSug = trimSpace(eleSug.textContent);
var dctSug = countDiacriticalMark(strSug);
if (dctSug > 0)
{
hasDct = true;
}
countsSug.push(dctSug);
}
if (hasDct)
{
var dctTitleGood = "Combining Diacritical Marks not found. \nThis is good typing method.";
var dctTitleBad = "Combining Diacritical Marks found. \nPlease change typing method.";
var spanDctTrn = document.createElement("span");
spanDctTrn.id = "stsh_spanDctTrn";
spanDctTrn.classList.add("stsh_cursor_help");
if (dctTrn > 0)
{
spanDctTrn.classList.add("stsh_red");
spanDctTrn.title = dctTitleBad;
}
else
{
spanDctTrn.classList.add("stsh_green");
spanDctTrn.title = dctTitleGood;
}
var outputDctTrn = " DiacriticalMark: " + dctTrn;
spanDctTrn.innerHTML = outputDctTrn;
h1Trn.parentElement.appendChild(spanDctTrn);
for (var i = 0; i < elesSug.length; i++)
{
var eleSug = elesSug[i];
var dctSug = countsSug[i];
var spanDctSug = document.createElement("span");
spanDctSug.classList.add("stsh_spanDctSug");
spanDctSug.classList.add("stsh_cursor_help");
if (dctSug > 0)
{
spanDctSug.classList.add("stsh_red");
spanDctSug.title = dctTitleBad;
}
else
{
spanDctSug.classList.add("stsh_green");
spanDctSug.title = dctTitleGood;
}
var outputDctSug = " DiacriticalMark: " + dctSug;
spanDctSug.innerHTML = outputDctSug;
eleSug.insertBefore(spanDctSug, eleSug.firstChild);
}
}
}
}
}
}
// Display newlines
// Display spaces
// Display specialChars
// Display HTML tags
// Display hidden contents
// Minimize images
{
var h2SugHeader = document.querySelector("#suggestionmain > div > h2");
if (h2SugHeader && eleTextOrg && eleTextTrn)
{
var htmlOrg = trimTab(eleTextOrg.innerHTML);
var htmlTrn = eleTextTrn.classList.contains("stsh_text_trn_empty") ? "" : trimTab(eleTextTrn.innerHTML);
var elesSug = document.querySelectorAll(".suggestion_text");
var enableNewline = false;
var enableSpace = false;
var enableSpecialChar = false;
var enableHtmlTag = false;
var enableHidden = false;
var enableMinImg = false;
var rgxSpaceTagOpen = /(<[^\/][^>]+>)( +)([^< \r\n])/g;
var rgxSpaceTagClose = /([^> \r\n])( +)(<\/[^>]+>)/g;
function hasNewline(html)
{
return html.indexOf("\n") > -1 || html.indexOf("\\n") > -1;
}
function hasSpace(html)
{
return html.indexOf(" ") === 0 || isLastIndex(html, " ")
|| rgxSpaceTagOpen.test(html) || rgxSpaceTagClose.test(html);
}
function hasHtmlTag(html)
{
return html.indexOf("<") > -1 || html.indexOf("[/") > -1;
}
function hasHidden(eleTextOrg, eleTextTrn, elesSug)
{
var returnValue = false;
returnValue = !!(eleTextOrg.querySelector("*[style='display: none;']")
|| eleTextTrn.querySelector("*[style='display: none;']"));
if (!returnValue)
{
if (elesSug.length > 0)
{
returnValue = !!(elesSug[0].querySelector("*[style='display: none;']"));
}
}
if (returnValue)
{
var countHidden = 0;
var elesHidden = eleTextOrg.querySelectorAll("*[style='display: none;']");
for (var i = 0; i < elesHidden.length; i++)
{
if (elesHidden[i].childElementCount > 1
|| (elesHidden[i].firstElementChild
&& elesHidden[i].firstElementChild.tagName !== "STYLE"))
{
countHidden++;
break;
}
}
returnValue = countHidden > 0;
}
if (!returnValue)
{
returnValue = !!(eleTextOrg.querySelector(".collapse, .dropdown-before")
|| eleTextTrn.querySelector(".collapse, .dropdown-before"));
}
return returnValue;
}
function hasImage(eleTextOrg, eleTextTrn)
{
return !!(eleTextOrg.querySelector("img") || eleTextTrn.querySelector("img"));
}
enableNewline = hasNewline(htmlOrg) || hasNewline(htmlTrn);
enableSpace = hasSpace(htmlOrg) || hasSpace(htmlTrn);
enableSpecialChar = hasSpecialChar(htmlOrg) || hasSpecialChar(htmlTrn);
enableHtmlTag = hasHtmlTag(htmlOrg) || hasHtmlTag(htmlTrn);
enableHidden = hasHidden(eleTextOrg, eleTextTrn, elesSug);
enableMinImg = hasImage(eleTextOrg, eleTextTrn);
for (var i = 0; i < elesSug.length; i++)
{
var htmlSug = trimTab(elesSug[i].innerHTML);
enableNewline = enableNewline || hasNewline(htmlSug);
enableSpace = enableSpace || hasSpace(htmlSug);
enableSpecialChar = enableSpecialChar || hasSpecialChar(htmlSug);
}
// Display newlines
if (enableNewline)
{
var btn = document.createElement("input");
btn.id = "stsh_btn_displayNewlines";
btn.setAttribute("class", "stsh_btn_right");
btn.setAttribute("type", "button");
btn.setAttribute("value", "Display newlines");
h2SugHeader.appendChild(btn);
function displayNewlines(ele)
{
if (ele)
{
ele.innerHTML = trimTab(ele.innerHTML)
.replace(/\<span[^\>]+class=\"stsh_[\s\S]+?\/span\>/ig, "")
.replace(/\n/g, "\n<br>")
.replace(/(\\r)? *\\n/g, ' <span class="stsh_marker">$&</span><br>')
.replace(/\<br\>[\s]+/g, "<br> ");
}
}
btn.addEventListener("click", function(ev)
{
ev.target.disabled = true;
var eleBtnHtmlTags = document.querySelector("#stsh_btn_displayHtmlTags");
if (eleBtnHtmlTags)
{
eleBtnHtmlTags.disabled = true;
}
var tdOrg = document.querySelector(".stsh_text_org");
var tdTrn = document.querySelector(".stsh_text_trn:not(.stsh_text_trn_empty)");
displayNewlines(tdOrg);
displayNewlines(tdTrn);
var elesSug = document.querySelectorAll(".suggestion_text");
for (var i = 0; i < elesSug.length; i++)
{
var eleSug = elesSug[i];
displayNewlines(eleSug);
}
var textarea = document.querySelector("#suggestion_value_new");
if (textarea)
{
textarea.focus();
}
});
}
// Display spaces
// Sample: Use regexp ^[ ]+[^/W]|[^/W][ ]+$ to search
if (enableSpace)
{
var btn = document.createElement("input");
btn.id = "stsh_btn_displaySpaces";
btn.setAttribute("class", "stsh_btn_right");
btn.setAttribute("type", "button");
btn.setAttribute("value", "Display spaces");
btn.setAttribute("title", "String may have leading or trailing spaces.");
h2SugHeader.appendChild(btn);
function displaySpaces(ele)
{
if (ele)
{
ele.innerHTML = trimTab(ele.innerHTML)
.replace(/(^ +| +$)/g, function(match, p1)
{
return '<span class="stsh_marker">' + p1.replace(/ /g,"_") + '</span>';
})
.replace(rgxSpaceTagOpen, function(match, p1, p2, p3)
{
return p1 + '<span class="stsh_marker">' + p2.replace(/ /g,"_") + '</span>' + p3;
})
.replace(rgxSpaceTagClose, function(match, p1, p2, p3)
{
return p1 + '<span class="stsh_marker">' + p2.replace(/ /g,"_") + '</span>' + p3;
});
}
}
btn.addEventListener("click", function(ev)
{
ev.target.disabled = true;
var eleBtnHtmlTags = document.querySelector("#stsh_btn_displayHtmlTags");
if (eleBtnHtmlTags)
{
eleBtnHtmlTags.disabled = true;
}
var tdOrg = document.querySelector(".stsh_text_org");
var tdTrn = document.querySelector(".stsh_text_trn:not(.stsh_text_trn_empty)");
displaySpaces(tdOrg);
displaySpaces(tdTrn);
var elesSug = document.querySelectorAll(".suggestion_text");
for (var i = 0; i < elesSug.length; i++)
{
var eleSug = elesSug[i];
displaySpaces(eleSug);
}
var textarea = document.querySelector("#suggestion_value_new");
if (textarea)
{
textarea.focus();
}
});
}
// Display specialChars
// Sample: https://translation.steampowered.com/translate.php?search_input=Item_Traded
if (enableSpecialChar)
{
var btn = document.createElement("input");
btn.id = "stsh_btn_displaySpecialChars";
btn.setAttribute("class", "stsh_btn_right");
btn.setAttribute("type", "button");
btn.setAttribute("value", "Display special chars");
h2SugHeader.appendChild(btn);
function replaceSpecialChars(str, unicodeNumber)
{
var rgx = new RegExp("\\u" + padZeroHex(unicodeNumber, 4), "g");
return str.replace(rgx, '<span class="stsh_marker">[' + padZeroHex(unicodeNumber, 2) + ']</span>');
}
function displaySpecialChars(ele)
{
if (ele)
{
var strInner = trimTab(ele.innerHTML);
for (var i = 0; i < 32; i++)
{
if (hasSpecialChar(strInner))
{
if (isSpecialChar(i))
{
strInner = replaceSpecialChars(strInner, i);
}
}
else
{
break;
}
}
ele.innerHTML = strInner;
}
}
btn.addEventListener("click", function(ev)
{
ev.target.disabled = true;
var tdOrg = document.querySelector(".stsh_text_org");
var tdTrn = document.querySelector(".stsh_text_trn:not(.stsh_text_trn_empty)");
displaySpecialChars(tdOrg);
displaySpecialChars(tdTrn);
var elesSug = document.querySelectorAll(".suggestion_text, .stsh_sametoken_header .insertword");
for (var i = 0; i < elesSug.length; i++)
{
var eleSug = elesSug[i];
displaySpecialChars(eleSug);
}
var textarea = document.querySelector("#suggestion_value_new");
if (textarea)
{
textarea.focus();
}
});
}
// Display HTML tags
if (enableHtmlTag)
{
var btn = document.createElement("input");
btn.id = "stsh_btn_displayHtmlTags";
btn.setAttribute("class", "stsh_btn_right");
btn.setAttribute("type", "button");
btn.setAttribute("value", "Display HTML tags");
btn.setAttribute("title"
, "Some closing tags and attributes are autogenerated by web browser. \nPlease use with care!");
h2SugHeader.appendChild(btn);
function displayHtmlTags(ele)
{
if (ele)
{
ele.innerHTML = trimTab(ele.innerHTML)
.replace(/\<span[^\>]+class=\"stsh_[\s\S]+?\/span\>/ig, "");
var isSkip = false;
var isBb = (ele.textContent.indexOf("[/") > -1);
if (ele.classList.contains("stsh_text_org"))
{
if (ele.querySelector("span[style='color:#ff0000;']"))
{
ele.innerHTML = ele.innerHTML.replace(/<[\/]?span[^>]*>/ig, "");
}
if (ele.querySelector("font[style='BACKGROUND-COLOR: blue']"))
{
ele.innerHTML = ele.innerHTML.replace(/<[\/]?font[^>]*>/ig, "");
}
}
else if (ele.classList.contains("stsh_text_trn"))
{
if (ele.classList.contains("stsh_text_trn_empty"))
{
isSkip = true;
}
else if (ele.querySelector("span[style='color:#ff0000;']"))
{
ele.innerHTML = ele.innerHTML.replace(/<[\/]?span[^>]*>/ig, "");
}
}
else if (ele.classList.contains("suggestion_text"))
{
if (ele.querySelector("span[style='color:red;']"))
{
ele.innerHTML = ele.innerHTML.replace(/<[\/]?span[^>]*>/ig, "");
}
if (ele.querySelector("font[face='Times New Roman']"))
{
ele.innerHTML = ele.innerHTML.replace(/<[\/]?font[^>]*>/ig, "");
}
}
if (!isSkip)
{
ele.textContent = trimTab(ele.innerHTML);
var newHtml = ele.innerHTML;
if (!isBb)
{
newHtml = newHtml
.replace(/<script[\s\S]+?\/script>/ig,
"<br><script>...</script><br>")
.replace(/<style[\s\S]+?\/style>/ig,
"<br><style>...</style><br>")
.replace(/&/ig, "&")
.replace(/\n/ig, "\n<br>")
.replace(/</ig, '<span class="stsh_marker"><')
.replace(/="">/ig, ">")
.replace(/>/ig, "></span>")
.replace(/br>/ig, "br><br>")
.replace(/<li/ig, "<br><li");
}
else
{
newHtml = newHtml
.replace(/\n/ig, "\n<br>")
.replace(/\[/ig, '<span class="stsh_marker">[')
.replace(/\]/ig, "]</span>")
.replace(/<font face="Times New Roman">-<\/font>/ig, "-")
.replace(/&nbsp;/ig, " ");
}
ele.innerHTML = newHtml;
}
}
}
btn.addEventListener("click", function(ev)
{
ev.target.disabled = true;
var eleBtnNewlines = document.querySelector("#stsh_btn_displayNewlines");
if (eleBtnNewlines)
{
eleBtnNewlines.disabled = true;
}
var tdOrg = document.querySelector(".stsh_text_org");
var tdTrn = document.querySelector(".stsh_text_trn:not(.stsh_text_trn_empty)");
displayHtmlTags(tdOrg);
displayHtmlTags(tdTrn);
var elesSug = document.querySelectorAll(".suggestion_text");
for (var i = 0; i < elesSug.length; i++)
{
var eleSug = elesSug[i];
displayHtmlTags(eleSug);
}
var textarea = document.querySelector("#suggestion_value_new");
if (textarea)
{
textarea.focus();
}
});
}
// Display hidden contents
// Sample: https://translation.steampowered.com/translate.php?search_input=faq_45_answer
if (enableHidden)
{
var btn = document.createElement("input");
btn.id = "stsh_btn_displayHidden";
btn.setAttribute("class", "stsh_btn_right");
btn.setAttribute("type", "button");
btn.setAttribute("value", "Display hidden contents");
btn.setAttribute("title", "Toggle show/hide contents that hidden by CSS."
+ " \nHidden contents shown in gray boxes.");
btn.dataset.modeNext = "show";
h2SugHeader.appendChild(btn);
function showHidden(ele, mode)
{
if (ele)
{
if (mode === "show")
{
var elesHidden = ele.querySelectorAll(
"*[style='display: none;'], .collapse, .dropdown-before");
for (var i = 0; i < elesHidden.length; i++)
{
elesHidden[i].classList.add("stsh_showHidden");
}
}
else
{
var elesHidden = ele.querySelectorAll(".stsh_showHidden");
for (var i = 0; i < elesHidden.length; i++)
{
elesHidden[i].classList.remove("stsh_showHidden");
}
}
}
}
btn.addEventListener("click", function(ev)
{
var eleTarget = ev.target;
var mode = "show";
if (eleTarget.dataset.modeNext === "show")
{
mode = "show";
eleTarget.dataset.modeNext = "hide";
}
else
{
mode = "hide";
eleTarget.dataset.modeNext = "show";
}
var tdOrg = document.querySelector(".stsh_text_org");
var tdTrn = document.querySelector(".stsh_text_trn:not(.stsh_text_trn_empty)");
showHidden(tdOrg, mode);
showHidden(tdTrn, mode);
var elesSug = document.querySelectorAll(".suggestion_text");
for (var i = 0; i < elesSug.length; i++)
{
var eleSug = elesSug[i];
showHidden(eleSug, mode);
}
var textarea = document.querySelector("#suggestion_value_new");
if (textarea)
{
textarea.focus();
}
});
}
// Minimize images
// Sample: https://translation.steampowered.com/translate.php?search_input=faq_4192_answer
if (enableMinImg)
{
var btn = document.createElement("input");
btn.id = "stsh_btn_minimizeImages";
btn.setAttribute("class", "stsh_btn_right");
btn.setAttribute("type", "button");
btn.setAttribute("value", "Minimize images");
btn.setAttribute("title", "Toggle reduced/normal image sizes");
btn.dataset.modeNext = "min";
h2SugHeader.appendChild(btn);
function minimizeImages(ele, mode)
{
if (ele)
{
if (mode === "min")
{
var elesImg = ele.querySelectorAll("img:not(.stsh_img_min)");
for (var i = 0; i < elesImg.length; i++)
{
elesImg[i].classList.add("stsh_img_min");
}
}
else
{
var elesImg = ele.querySelectorAll("img.stsh_img_min");
for (var i = 0; i < elesImg.length; i++)
{
elesImg[i].classList.remove("stsh_img_min");
}
}
}
}
btn.addEventListener("click", function(ev)
{
var eleTarget = ev.target;
var mode = "min";
if (eleTarget.dataset.modeNext === "min")
{
mode = "min";
eleTarget.dataset.modeNext = "unmin";
}
else
{
mode = "unmin";
eleTarget.dataset.modeNext = "min";
}
var tdOrg = document.querySelector(".stsh_text_org");
var tdTrn = document.querySelector(".stsh_text_trn:not(.stsh_text_trn_empty)");
minimizeImages(tdOrg, mode);
minimizeImages(tdTrn, mode);
var elesSug = document.querySelectorAll(".suggestion_text");
for (var i = 0; i < elesSug.length; i++)
{
var eleSug = elesSug[i];
minimizeImages(eleSug, mode);
}
var textarea = document.querySelector("#suggestion_value_new");
if (textarea)
{
textarea.focus();
}
});
}
}
}
// Open comment when decline
// Paste last comment
{
var countComment = 0;
var elesComment = [];
var countSug = document.querySelectorAll(".suggestions_list .suggestion").length;
if (countSug > 0)
{
var textOrg = "";
if (eleTextOrg)
{
textOrg = trimSpace(eleTextOrg.innerHTML).substr(0, 1000).toLowerCase();
}
var isSameTextOrg = textOrg === GM_getValue("textLastOrg_Comment", "");
var textLastCur = GM_getValue("textLastCur_Comment", "");
var isSetComment = false;
var countSugDeclined = document.querySelectorAll(
".suggestions_list span[class='suggestion_status_declined']").length;
if (countSug !== countSugDeclined)
{
var elesSugCheck = document.querySelectorAll(".suggestions_list span[class^='suggestion_status_']");
if (countSug === elesSugCheck.length)
{
var eleSugDeclined = document.querySelector(".suggestions_list span[class='suggestion_status_declined']");
if (eleSugDeclined && eleSugDeclined === elesSugCheck[0] && eleSugDeclined.querySelector("a"))
{
countSugDeclined = countSug;
}
}
}
if (countSug === countSugDeclined)
{
var elesSugA = document.querySelectorAll(".suggestions_list span[class^='suggestion_status_'] a");
for (var i = 0; i < elesSugA.length; i++)
{
var eleComment = elesSugA[i].parentElement.parentElement.nextSibling;
if (eleComment.nodeName === "DIV" && eleComment.classList.contains("copy"))
{
if (elesSugA[i].parentElement.classList.contains("suggestion_status_declined"))
{
countComment++;
elesComment.push(eleComment);
}
}
}
if (countComment === elesSugA.length)
{
var isFocus = false;
for (var i = 0; i < elesComment.length; i++)
{
elesComment[i].style.display = "block";
if (!isFocus)
{
var eleTxt = elesComment[i].querySelector(".stsh_text_addComment");
if (eleTxt)
{
eleTxt.focus();
// Auto paste last comment
{
if (isSameTextOrg)
{
if (textLastCur !== "")
{
eleTxt.value = textLastCur;
isSetComment = true;
}
setTimeoutCustom(function(ele)
{
// paste again after script ran
if (ele)
{
var textLastCur = GM_getValue("textLastCur_Comment", "");
if (textLastCur !== "")
{
ele.value = textLastCur;
//ele.selectionStart = 0;
//ele.selectionEnd = ele.value.length;
}
}
}, 250, eleTxt);
}
}
/*
// Typonion
var eleSugOuter = elesComment[i].parentElement.parentElement.parentElement.parentElement;
if (eleSugOuter.classList.contains("suggestion"))
{
var eleOnion = eleSugOuter.querySelector(".suggestion_text font[style='color:#01ec00;']");
if (eleOnion)
{
eleTxt.value = "onion";
}
}
*/
var eleSugComment = elesComment[i].parentElement
.parentElement.parentElement.querySelector(".stsh_text_comment font");
if (eleSugComment && eleSugComment.textContent.trim() ==
"ATTENTION - English string was updated. This suggestion might be outdated.")
{
eleTxt.value = "outdated";
isSetComment = true;
}
isFocus = true;
}
}
}
}
}
if (isSameTextOrg && !isSetComment && textLastCur !== "")
{
// paste last comment to all hidden comment inputs
var elesTxt = document.querySelectorAll(".stsh_text_addComment");
for (var i = 0; i < elesTxt.length; i++)
{
elesTxt[i].value = textLastCur;
isSetComment = true;
}
}
}
}
// Convert time
{
var rgxTime = /\d{2}-\d{2}-\d{4}, \d{2}:\d{2} [AP]M/;
var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
var eleFriends = document.querySelectorAll(".friend_block_avatar, .friend_block_discussions, .suggestions_list");
for (var i = 0; i < eleFriends.length; i++)
{
var nodes = [];
if (eleFriends[i].classList.contains("friend_block_avatar"))
{
nodes = eleFriends[i].childNodes;
if (nodes.length === 1)
{
// Correct HTML tags that auto generated
nodes = eleFriends[i].childNodes[0].childNodes;
}
}
else if (eleFriends[i].classList.contains("friend_block_discussions"))
{
nodes = eleFriends[i].parentElement.nextElementSibling.childNodes[2].childNodes;
}
else if (eleFriends[i].classList.contains("suggestions_list"))
{
if (!eleFriends[i].querySelector(".suggestion"))
{
nodes = eleFriends[i].childNodes;
}
}
for (var j = 0; j < nodes.length; j++)
{
var nodeVal = nodes[j].nodeValue;
if (nodeVal)
{
var dateTimes = rgxTime.exec(nodeVal);
if (dateTimes)
{
var dateTime = dateTimes[0];
var month = dateTime.substr(0, 2);
var day = dateTime.substr(3, 2);
var year = dateTime.substr(6, 4);
var hour = dateTime.substr(12, 2);
var minute = dateTime.substr(15, 2);
var period = dateTime.substr(18, 2);
if (period === "AM")
{
if (hour === "12")
{
hour = "00"
}
}
else if (period === "PM")
{
hour = parseInt(hour) + 12;
if (hour === 24)
{
hour = 12;
}
}
var dateTimeStd = year + "-" + month + "-" + day;
if (isDstUs(year, month, day, hour))
{
dateTimeStd += "T" + hour + ":" + minute + ":00-0700";
}
else
{
dateTimeStd += "T" + hour + ":" + minute + ":00-0800";
}
var dateStd = new Date(dateTimeStd);
if (dateStd.toLocaleString() !== "Invalid Date")
{
var gmt = dateStd.getTimezoneOffset() / 60 * -1;
var gmtStr = " GMT";
if (gmt > 0)
{
gmtStr += "+" + gmt;
}
else if (gmt < 0)
{
gmtStr += "-" + gmt;
}
var dateNew = dateStd.getDate()
+ " " + months[dateStd.getMonth()]
+ " " + dateStd.getFullYear()
+ ", " + padZero(dateStd.getHours(), 2)
+ ":" + padZero(dateStd.getMinutes(), 2)
+ gmtStr;
//console.log("Time: " + dateTimeStd);
//console.log("Time: " + dateTime + " -> " + dateNew);
//var dateNew2 = dateStd.toLocaleString() + gmtStr;
//console.log("Time: " + dateTime + " -> " + dateNew2);
var nodeValBegin = nodeVal.substr(0, nodeVal.indexOf(dateTime));
var nodeValEnd = nodeVal.substr(nodeVal.indexOf(dateTime) + dateTime.length);
nodes[j].nodeValue = nodeValBegin;
var ele = document.createElement("span");
ele.classList.add("stsh_time_convert");
ele.classList.add("stsh_cursor_help");
ele.setAttribute("title", dateTime);
ele.textContent = dateNew;
insertAfterElement(ele, nodes[j]);
if (nodeValEnd !== "")
{
insertAfterElement(document.createTextNode(nodeValEnd), ele);
}
}
else
{
console.log("Invalid Date: " + dateTimeStd);
}
}
}
}
}
}
// Add Steam profile links
{
var eleSpans = document.querySelectorAll("span[title='Send this user a private message']");
for (var i = 0; i < eleSpans.length; i++)
{
var href = eleSpans[i].parentElement.firstElementChild.getAttribute("href");
if (href && href.indexOf("user_activity.php?user=") === 0)
{
var profile = href.replace("user_activity.php?user=", "");
var ele = document.createElement("a");
ele.classList.add("stsh_steamProfile");
ele.setAttribute("target", "_blank");
ele.setAttribute("title", "View Steam profile");
ele.setAttribute("href", "http://steamcommunity.com/profiles/" + profile);
ele.textContent = " Steam ";
insertBeforeElement(ele, eleSpans[i]);
}
}
}
// Add auto approve
{
if (elesInputApprove.length > 0)
{
var eleInput = document.createElement("input");
eleInput.id = "stsh_autoApprove";
eleInput.setAttribute("type", "checkbox");
eleInput.setAttribute("value", "auto");
eleInput.textContent = "";
var eleLabel = document.createElement("label");
eleLabel.classList.add("stsh_autoApprove_label");
eleLabel.classList.add("stsh_unselectable");
eleLabel.setAttribute("for", "stsh_autoApprove");
eleLabel.setAttribute("title", "Please use with care!");
eleLabel.textContent = " Auto Approve Next ";
elesInputApprove[0].parentElement.appendChild(eleInput);
elesInputApprove[0].parentElement.appendChild(eleLabel);
function autoApprove()
{
var tm = 2000;
console.log("AutoApprove: Next in " + tm + "ms");
setTimeoutCustom(function ()
{
var eleCheck = document.querySelector("#stsh_autoApprove");
if (eleCheck && eleCheck.checked)
{
var isClicked = false;
var ele = document.querySelector(".stsh_action_approve_next");
if (ele && !ele.disabled && isVisible())
{
var isOutdated = false;
var eleSugComment = ele.parentElement
.parentElement.parentElement.querySelector(".stsh_text_comment font");
if (eleSugComment && eleSugComment.textContent.trim() ==
"ATTENTION - English string was updated. This suggestion might be outdated.")
{
isOutdated = true;
}
if (!isOutdated)
{
isClicked = true;
GM_setValue("timeAutoApproveLast", getUnixTimestamp());
ele.click();
}
}
if (!isClicked)
{
eleCheck.checked = false;
GM_setValue("isAutoApprove", "false");
}
}
}, tm);
}
var tmDiff = getUnixTimestamp() - GM_getValue("timeAutoApproveLast", 0);
if (tmDiff > 10)
{
// > 10s
eleInput.checked = false;
GM_setValue("isAutoApprove", "false");
}
if (window !== window.parent)
{
var eleOuter = window.parent.document.querySelector("#suggestions_box_outer");
if (eleOuter)
{
if (eleOuter.style.display === "none")
{
// Closed iFrame
eleInput.checked = false;
GM_setValue("isAutoApprove", "false");
}
}
}
if (GM_getValue("isAutoApprove", 0) === "true")
{
eleInput.checked = true;
autoApprove();
}
eleInput.addEventListener("click", function (e)
{
var ele = e.target;
if (ele.checked)
{
GM_setValue("isAutoApprove", "true");
autoApprove();
}
else
{
GM_setValue("isAutoApprove", "false");
}
});
}
}
// Warn when remove
// Suggest to remove
// Add remove & next
{
var canNext = !!(document.querySelector(".stsh_nav_next:not(:disabled)"));
var elesRemove = document.querySelectorAll(".stsh_action_remove");
for (var i = 0; i < elesRemove.length; i++)
{
var isDisabled = false;
var oldClick = elesRemove[i].getAttribute("onclick");
if (oldClick && oldClick.indexOf("location.href") === 0)
{
var eleSug = elesRemove[i].parentElement.parentElement.parentElement.parentElement;
if (eleSug.classList.contains("suggestion"))
{
/*
// Typonion
var eleOnion = eleSug.querySelector(".suggestion_text font[style='color:#01ec00;']");
if (eleOnion)
{
var newClick = "if (!confirm(\"Warning: You will delete your onion. Press Cancel to go back.\")) return false; "
+ oldClick;
elesRemove[i].setAttribute("onclick", newClick);
elesRemove[i].setAttribute("title", "Do not remove your onion!");
elesRemove[i].classList.add("stsh_grey");
elesRemove[i].classList.add("stsh_cursor_notallowed");
}
else
*/
{
var eleModComment = elesRemove[i].parentElement.querySelector(".stsh_text_comment_header");
if (eleModComment)
{
// Mod commented, suggest to do not remove
var newClick = "if (!confirm(\"Warning: You should not remove this suggestion."
+ " Press OK if you really want.\")) return false; "
+ oldClick;
elesRemove[i].setAttribute("onclick", newClick);
elesRemove[i].setAttribute("title",
"Your suggestion has a mod's comment! \nShould not remove this suggestion.");
elesRemove[i].classList.add("stsh_grey");
elesRemove[i].classList.add("stsh_cursor_notallowed");
isDisabled = true;
}
else
{
var eleUserComment = elesRemove[i].parentElement.parentElement.parentElement
.querySelector(".stsh_text_comment_header");
if (eleUserComment)
{
// User commented
var comment = eleUserComment.textContent.trim();
if (comment.indexOf("ATTENTION - English string was updated.") > -1)
{
// Outdated, suggest to edit and remove
elesRemove[i].setAttribute("title",
"Please edit and remove this outdated suggestion.");
elesRemove[i].classList.add("stsh_green");
elesRemove[i].classList.add("stsh_border_green");
isDisabled = true;
}
}
}
if (!isDisabled)
{
var eleDeclined = elesRemove[i].parentElement.querySelector(".suggestion_status_declined");
if (eleDeclined)
{
// Declined without comment, suggest to remove
elesRemove[i].setAttribute("title",
"Please remove this suggestion to save admin time.");
elesRemove[i].classList.add("stsh_green");
elesRemove[i].classList.add("stsh_border_green");
}
}
}
}
}
// Add remove & next
{
elesRemove[i].classList.add("stsh_border_left");
var eleNext = document.createElement("input");
eleNext.value = "Next";
eleNext.classList.add("stsh_action_remove_next");
eleNext.classList.add("stsh_border_right");
eleNext.setAttribute("type", "button");
if (canNext && !isDisabled)
{
eleNext.title = "Remove & Next";
var onclick = elesRemove[i].getAttribute("onclick")
.replace("';", "&ynext=true';");
eleNext.setAttribute("onclick", onclick);
eleNext.classList.add("stsh_yellow_light");
}
else
{
eleNext.disabled = true;
}
insertAfterElement(eleNext, elesRemove[i]);
}
}
}
// Suggest to decline outdated
{
if (document.querySelector(".stsh_action_approve"))
{
var elesAttention = document.querySelectorAll(".stsh_text_comment > font > i > b");
for (var i = 0; i < elesAttention.length; i++)
{
if (elesAttention[i].textContent.trim()
=== "ATTENTION - English string was updated. This suggestion might be outdated.")
{
var eleAction = elesAttention[i]
.parentElement.parentElement
.parentElement.parentElement
.nextElementSibling;
var eleApprove = eleAction.querySelector(".stsh_action_approve");
var eleApproveNext = null;
var eleDecline = null;
if (eleApprove)
{
eleApproveNext = eleApprove.nextElementSibling;
var oldClick = eleApprove.getAttribute("onclick");
if (oldClick && oldClick.indexOf("location.href") === 0)
{
var newClick = "if (!confirm(\"Warning: Please decline outdated suggestion."
+ " Press OK if you really want to approve.\")) return false; "
+ oldClick;
eleApprove.setAttribute("onclick", newClick);
eleApprove.setAttribute("title", "Please decline outdated suggestion.");
eleApprove.classList.add("stsh_grey");
eleApprove.classList.add("stsh_cursor_notallowed");
}
}
if (eleApproveNext)
{
eleDecline = eleApproveNext.nextElementSibling;
if (!eleApproveNext.disabled)
{
var oldClick = eleApproveNext.getAttribute("onclick");
if (oldClick && oldClick.indexOf("location.href") === 0)
{
var newClick = "if (!confirm(\"Warning: Please decline outdated suggestion."
+ " Press OK if you really want to approve.\")) return false; "
+ oldClick;
eleApproveNext.setAttribute("onclick", newClick);
eleApproveNext.setAttribute("title", "Please decline outdated suggestion.");
eleApproveNext.classList.add("stsh_grey");
eleApproveNext.classList.add("stsh_cursor_notallowed");
}
}
}
if (eleDecline)
{
eleDecline.setAttribute("title", "Please decline outdated suggestion.");
eleDecline.classList.add("stsh_green");
eleDecline.classList.add("stsh_border_green_left");
}
}
}
}
}
// Clean language markers that link to Steam
{
var rgxLang = /\?l=[a-z]+$/i;
var elesFriend = document.querySelectorAll(".friend_block_discussions");
for (var i = 0; i < elesFriend.length; i++)
{
var eleDiscuss = elesFriend[i].parentElement.nextElementSibling;
if (!eleDiscuss.querySelector("font[style='color:#EDB687;']"))
{
var elesA = eleDiscuss.querySelectorAll("a[href*='steam']");
for (var j = 0; j < elesA.length; j++)
{
var href = elesA[j].getAttribute("href");
if (rgxLang.test(href))
{
elesA[j].setAttribute("href", href.replace(rgxLang, ""));
}
}
}
}
}
// Auto paste last suggestion
{
if (!/edit/i.test(getQueryByName("action")))
{
//var eleTextOrg = document.querySelector(".stsh_text_org");
if (eleTextOrg)
{
var textOrg = trimSpace(eleTextOrg.innerHTML).toLowerCase();
if (textOrg === GM_getValue("textLastOrg", ""))
{
var eleTextCur = document.querySelector("#suggestion_value_new");
if (eleTextCur)
{
var textLastCur = GM_getValue("textLastCur", "");
if (textLastCur !== "")
{
eleTextCur.value = textLastCur;
}
}
setTimeoutCustom(function()
{
var eleTextCur = document.querySelector("#suggestion_value_new");
if (eleTextCur)
{
var textLastCur = GM_getValue("textLastCur", "");
if (textLastCur !== "")
{
eleTextCur.value = textLastCur;
}
}
}, 250);
}
}
}
var elesTextSubmit = document.querySelectorAll(".stsh_text_submit, #stsh_submit_suggestion_next");
for (var i = 0; i < elesTextSubmit.length; i++)
{
elesTextSubmit[i].addEventListener("click", function()
{
var eleTextOrg = document.querySelector(".stsh_text_org");
if (eleTextOrg)
{
var textOrg = trimSpace(eleTextOrg.innerHTML);
if (textOrg.length < 1000)
{
var eleTextCur = document.querySelector("#suggestion_value_new");
if (eleTextCur)
{
var textCur = eleTextCur.value;
GM_setValue("textLastOrg", textOrg.toLowerCase());
GM_setValue("textLastCur", textCur);
}
}
}
});
}
}
// Auto store last comment
{
//console.log("textLastOrg_Comment: " + GM_getValue("textLastOrg_Comment", ""));
//console.log("textLastCur_Comment: " + GM_getValue("textLastCur_Comment", ""));
function storeLastComment(eleTextComment, isRemoved)
{
if (eleTextComment)
{
var eleTextOrg = document.querySelector(".stsh_text_org");
if (eleTextOrg)
{
var textOrg = trimSpace(eleTextOrg.innerHTML).substr(0, 1000).toLowerCase();
if (isRemoved)
{
if (textOrg === GM_getValue("textLastOrg_Comment", ""))
{
// When remove comment, don't store if original text is the same
return;
}
}
var textCur = trimSpace(eleTextComment.value || eleTextComment.textContent);
if (textCur !== "outdated")
{
GM_setValue("textLastOrg_Comment", textOrg);
GM_setValue("textLastCur_Comment", textCur);
}
}
}
}
var elesTextRemoveComment = document.querySelectorAll(".stsh_text_removeComment");
for (var i = 0; i < elesTextRemoveComment.length; i++)
{
elesTextRemoveComment[i].addEventListener("click", function(ev)
{
var target = null;
if (ev.target.tagName === "FONT")
{
target = ev.target.parentElement;
}
else
{
target = ev.target;
}
var eleTextComment = target
.parentElement.parentElement.parentElement.parentElement
.querySelector(".stsh_text_comment");
storeLastComment(eleTextComment, true);
});
}
var elesSubmitComment = document.querySelectorAll(".stsh_submit_comment");
for (var i = 0; i < elesSubmitComment.length; i++)
{
elesSubmitComment[i].addEventListener("click", function(ev)
{
var eleTextComment = ev.target.previousElementSibling;
if (eleTextComment.tagName !== "TEXTAREA")
{
eleTextComment = eleTextComment.previousElementSibling;
}
storeLastComment(eleTextComment, false);
});
}
}
// Mark showing
{
var eleStatus = window.parent.document.querySelector("#stsh_showing_random");
if (eleStatus)
{
eleStatus.dataset.random = getTimeMs();
}
}
// Delta
{
var eleFile = document.querySelector(".stsh_info_file");
if (eleFile)
{
if (eleFile.textContent.trim() === "STEAM/DELTA")
{
document.body.classList.add("stsh_delta");
}
}
}
// Clean link remove my comment
{
var elesRemoveMyComment = document.querySelectorAll(
".suggestion_signature .lbAction[name^='myFrm'] a[onclick*='.submit()']");
for (var i = 0; i < elesRemoveMyComment.length; i++)
{
elesRemoveMyComment[i].removeAttribute("href");
elesRemoveMyComment[i].classList.add("stsh_text_removeMyComment");
}
}
// Hide cursor when typing
// Expand textarea when typing
{
var tmTextChange = 0;
function autoHideCursor(ele)
{
if (ele)
{
ele.addEventListener("input", function(ev)
{
var ele = ev.target;
ele.style.setProperty("cursor", "none", "important");
clearTimeout(tmTextChange);
tmTextChange = setTimeoutCustom(function(ele)
{
ele.style.setProperty("cursor", "auto", "important");
}, 3000, ele);
});
ele.addEventListener("mousemove", function(ev)
{
var ele = ev.target;
clearTimeout(tmTextChange);
ele.style.setProperty("cursor", "auto", "important");
});
}
}
function autoExpandEvent(ev)
{
var ele = ev.target;
var maxHeight = ele.param_MaxHeight;
var styleHeight = parseInt(ele.style.height)
|| parseInt(window.getComputedStyle(ele).height)
|| maxHeight;
var heightDiff = ele.scrollHeight - styleHeight;
//console.log("ele.scrollHeight:"+ele.scrollHeight+", styleHeight:"+styleHeight+", heightDiff:"+heightDiff);
// When press a button
// Chrome: heightDiff === 4
// Firefox: heightDiff === 0
if ((heightDiff > 0 && heightDiff !== 4) && ele.scrollHeight < maxHeight)
{
ele.style.height = (ele.scrollHeight + 2) + "px";
}
else if (ele.scrollHeight > maxHeight && ele.scrollHeight - maxHeight < 100)
{
ele.style.height = maxHeight + "px";
}
}
function autoExpandEventTextarea(ele, maxHeight)
{
if (ele)
{
ele.param_MaxHeight = maxHeight;
ele.addEventListener("input", autoExpandEvent);
ele.addEventListener("keyup", autoExpandEvent);
}
}
var elesTextarea = document.querySelectorAll("textarea");
for (var i = 0; i < elesTextarea.length; i++)
{
autoExpandEventTextarea(elesTextarea[i], 500);
autoHideCursor(elesTextarea[i]);
}
}
// Focus on mod action
{
var elesFormRemoveComment = document.querySelectorAll(".suggestion_signature .lbAction[name^='mymodcomment']");
for (var i = 0; i < elesFormRemoveComment.length; i++)
{
var action = elesFormRemoveComment[i].getAttribute("action");
if (action.indexOf("#stsh_modcomment") < 0)
{
elesFormRemoveComment[i].setAttribute("action", action + "#stsh_modcomment");
}
}
var elesSubmitComment = document.querySelectorAll(
".suggestion_signature > div > div > .copy > form > div > .stsh_submit_comment");
for (var i = 0; i < elesSubmitComment.length; i++)
{
var eleForm = elesSubmitComment[i].parentElement.parentElement;
if (eleForm.tagName === "FORM")
{
var action = eleForm.getAttribute("action");
if (action.indexOf("#stsh_modcomment") < 0)
{
eleForm.setAttribute("action", action + "#stsh_modcomment");
}
}
}
if (/reconsider|approve|decline/i.test(getQueryByName("action")) || url.indexOf("#stsh_modcomment") > -1)
{
setTimeoutCustom(function()
{
if (eleTextNew.scrollHeight > 480 || eleTextOrg.scrollHeight > 480)
{
scrollToElement(".suggestions_list", -40);
}
else if (eleTextNew.scrollHeight > 110 || eleTextOrg.scrollHeight > 200)
{
var elesEdit = document.querySelectorAll(".stsh_action_edit");
if (elesEdit.length > 1)
{
scrollToElement(".suggestions_list", -40);
}
}
}, 200);
}
}
// Add char and word count
{
function countCharWord(ele)
{
var countChar = 0;
var countWord = 0;
if (ele)
{
var text = ele.value || (ele.value === "" ? "" : ele.textContent);
countChar = text.length;
var arrWord = trimSpace(text).split(/\s+/);
if (arrWord.length === 1)
{
if (trimSpace(arrWord[0]).length > 0)
{
countWord = 1;
}
}
else
{
countWord = arrWord.length;
}
}
return "Char: " + countChar + " :: Word: " + countWord;
}
var elesText = document.querySelectorAll("#suggestion_value_new, .stsh_text_addComment, #add_to_discussion");
for (var i = 0; i < elesText.length; i++)
{
var eleCounter = document.createElement("div");
eleCounter.classList.add("stsh_counter");
eleCounter.classList.add("stsh_blue_light");
eleCounter.dataset.counter = countCharWord(elesText[i]);
eleCounter.title = "Chars and words are approximate values";
insertAfterElement(eleCounter, elesText[i]);
elesText[i].addEventListener("input", function(ev)
{
var eleTarget = ev.target;
var eleCounter = eleTarget.nextElementSibling;
if (eleCounter && eleCounter.classList.contains("stsh_counter"))
{
eleCounter.dataset.counter = countCharWord(eleTarget);
}
});
}
elesText = document.querySelectorAll(".stsh_text_org, .stsh_text_trn:not(.stsh_text_trn_empty), .suggestion_text");
for (var i = 0; i < elesText.length; i++)
{
////
}
}
// Add events mark edited
{
if (window !== window.parent)
{
var eleOuter = window.parent.document.querySelector("#suggestions_box_outer");
if (eleOuter)
{
eleOuter.dataset.stshTextEdited = "false";
eleOuter.title = "";
var markEdited = function(ev)
{
if (!ev.ctrlKey && !ev.altKey)
{
if (eleOuter && eleOuter.dataset)
{
eleOuter.dataset.stshTextEdited = "true";
eleOuter.title = "When some texts were edited. \nYou must double click to close suggestion box.";
removeEventsMarkEdited();
}
}
};
var removeEventsMarkEdited = function()
{
var elesText = document.querySelectorAll("#suggestion_value_new, .stsh_text_addComment, #add_to_discussion");
for (var i = 0; i < elesText.length; i++)
{
elesText[i].removeEventListener("keydown", markEdited);
}
};
var elesText = document.querySelectorAll("#suggestion_value_new, .stsh_text_addComment, #add_to_discussion");
for (var i = 0; i < elesText.length; i++)
{
elesText[i].addEventListener("keydown", markEdited);
}
}
}
}
} // End suggestions.php
if (url.indexOf("translate.php") > -1)
{
var searchText = getQueryByName("search_input");
if (searchText !== "")
{
document.title = searchText + " - " + document.title;
}
else
{
var fileID = getQueryByName("file_ID");
if (fileID !== "")
{
var eleFile = document.querySelector("#leftAreaContainer label[for='chosenfile']");
if (eleFile)
{
var file = eleFile.textContent.trim();
if (file.indexOf("Limit search results to CURRENT FILE: ") === 0)
{
file = file.replace("Limit search results to CURRENT FILE: ", "");
var fileNew = file.split("#").reverse().join(" # ").trim();
document.title = fileNew + " - " + document.title;
}
}
}
else
{
var eleInput = document.querySelector("#search_input");
if (eleInput)
{
var valInput = eleInput.value.trim();
if (valInput.indexOf("SUGGESTIONS FROM: ") === 0)
{
document.title = valInput.replace("SUGGESTIONS FROM: ", "") + " - " + document.title;
}
}
}
}
var outer = document.querySelector("#suggestions_box_outer");
if (outer)
{
outer.setAttribute("onclick", "doubleClickHideSuggestion(this);");
outer.dataset.stshHideSuggestion = 0;
outer.dataset.stshTextEdited = "false";
}
var divBtn = document.createElement("div");
document.body.appendChild(divBtn);
divBtn.innerHTML =
' \
<div class="stsh_showing_group"> \
<span class="stsh_showing_header">Hide</span>\
<br/> <input id="stsh_showing_keyApp" value="App" data-hidekey="0" class="stsh_btn_short stsh_showing_key" type="button" /> \
<input id="stsh_showing_keyGame" value="Game" data-hidekey="1" class="stsh_btn_short stsh_showing_key" type="button" /> \
<br/> <input id="stsh_showing_keyFaq" value="FAQ" data-hidekey="2" class="stsh_btn_short stsh_showing_key" type="button" /> \
<input id="stsh_showing_keySupport" value="Support" data-hidekey="3" class="stsh_btn_short stsh_showing_key" type="button" /> \
<br/> <input id="stsh_showing_keyPromo" value="Promo" data-hidekey="4" class="stsh_btn_short stsh_showing_key" type="button" /> \
<input id="stsh_showing_keyEmail" value="Email" data-hidekey="5" class="stsh_btn_short stsh_showing_key" type="button" /> \
<br/> \
<br/> <input id="stsh_showing_strNotMatch" value="Hide not similar" data-hidestr="0" class="stsh_btn_long stsh_showing_str" type="button" /> \
<br/> <input id="stsh_showing_strLong" value="Hide very long" data-hidestr="1" class="stsh_btn_long stsh_showing_str" type="button" /> \
\
<br/> <span class="stsh_showing_header">Hide Suggestions</span>\
<br/> <input id="stsh_showing_notTranslated" value="Not Translated (0)" data-hidestatus="0" class="stsh_btn_long stsh_showing_status" type="button" /> \
<br/> <input id="stsh_showing_suggested" value="Suggested (0)" data-hidestatus="1" class="stsh_btn_long stsh_showing_status" type="button" /> \
<br/> <input id="stsh_showing_resuggested" value="Resuggested (0)" data-hidestatus="2" class="stsh_btn_long stsh_showing_status" type="button" /> \
<br/> <input id="stsh_showing_approved" value="Approved (0)" data-hidestatus="3" class="stsh_btn_long stsh_showing_status" type="button" /> \
<br/> <input id="stsh_showing_declined" value="Declined (0)" data-hidestatus="4" class="stsh_btn_long stsh_showing_status" type="button" /> \
<br/> <input id="stsh_showing_translated" value="Translated (0)" data-hidestatus="5" class="stsh_btn_long stsh_showing_status" type="button" /> \
\
<br/> <span class="stsh_showing_header">Sort by</span>\
<br/> <input id="stsh_sort_key" value="Key" data-sort="0" class="stsh_btn_short stsh_sort" type="button" /> \
<input id="stsh_sort_string" value="String" data-sort="1" class="stsh_btn_short stsh_sort" type="button" /> \
<br/> <input id="stsh_sort_word" value="Word" data-sort="2" class="stsh_btn_short stsh_sort" type="button" /> \
<input id="stsh_sort_length" value="Length" data-sort="3" class="stsh_btn_short stsh_sort" type="button" /> \
<br/> \
<br/> <input id="stsh_showing_refresh" value="Refresh" class="stsh_btn" type="button" onclick="hideSuggestionsBox(); return false;" /> \
<br/> <input id="stsh_showing_all" value="Show All" class="stsh_btn" type="button" /> \
<br/> \
</div> \
<div id="stsh_showing_current"></div> \
<div id="stsh_showing"></div> \
';
// Count showing
function countShowing()
{
var trKeys = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr");
var countAll = document.querySelectorAll("#keylist .copysmall").length;
var countShow = 0;
var countSuggest = 0;
var countResuggest = 0;
var countApprove = 0;
var countDecline = 0;
var countNotTranslated = 0;
var countTranslated = 0;
var txtApprove = "ready for Admin";
var txtDecline = "ready for removal";
var txtSuggest = "suggestion";
for (var i = 0; i < trKeys.length; i++)
{
if (!trKeys[i].classList.contains("stsh_hidden"))
{
var eleCounter = trKeys[i].querySelector("tr.copysmall > td:nth-child(3)");
if (eleCounter)
{
countShow++;
var txtCounter = eleCounter.textContent.trim();
if (txtCounter.indexOf(txtApprove) > -1)
{
countApprove++;
}
else if (txtCounter.indexOf(txtDecline) > -1)
{
countDecline++;
}
else if (txtCounter.indexOf(txtSuggest) > -1)
{
var eleNotTranslated = trKeys[i].querySelector("span.token_nottranslated");
if (eleNotTranslated)
{
countSuggest++;
}
else
{
countResuggest++;
}
}
else
{
var eleNotTranslated = trKeys[i].querySelector("span.token_nottranslated");
if (eleNotTranslated)
{
countNotTranslated++;
}
else
{
countTranslated++;
}
}
}
else
{
var eleTd = trKeys[i].querySelector("td");
if (eleTd)
{
if (eleTd.textContent.trim() === "")
{
trKeys[i].parentElement.removeChild(trKeys[i]);
}
}
}
}
}
var eleShowing = document.querySelector("#stsh_showing");
if (eleShowing)
{
var newHtml = "Showing: <span class=\"stsh_showing_counter\">" + countShow + " of " + countAll + "</span>"
+ "<!-- " + countNotTranslated + ", " + countSuggest + ", " + countResuggest
+ ", " + countApprove + ", " + countDecline + ", " + countTranslated + " -->";
if (eleShowing.innerHTML !== newHtml)
{
eleShowing.innerHTML = newHtml;
var elesBtnShowingStatus = document.querySelectorAll(".stsh_showing_status");
if (elesBtnShowingStatus.length === 6)
{
var counterArr = [countNotTranslated, countSuggest, countResuggest
, countApprove, countDecline, countTranslated ];
var counterTextArr = ["Not Translated", "Suggested", "Resuggested"
, "Approved", "Declined", "Translated" ];
for (var i = 0; i < elesBtnShowingStatus.length; i++)
{
elesBtnShowingStatus[i].value = counterTextArr[i] + " ("+ counterArr[i] +")" ;
};
}
}
}
var eleShowingCur = document.querySelector("#stsh_showing_current");
if (eleShowingCur)
{
var eleOuter = document.querySelector("#suggestions_box_outer");
if (eleOuter)
{
if (eleOuter.style.display !== "none")
{
if (eleShowingCur.style.display !== "initial")
eleShowingCur.style.display = "initial";
var eleIframe = document.querySelector("#suggestions_iframe");
if (eleIframe)
{
var iUrl = eleIframe.contentWindow.location.href;
var listId = parseInt(getQueryByName("list_id", iUrl)) || 0;
listId += 1;
var newHtml = "Current: <span class=\"stsh_showing_counter\">" + listId + " of " + countShow + "</span>";
if (eleShowingCur.innerHTML !== newHtml)
{
eleShowingCur.innerHTML = newHtml;
}
}
}
else
{
if (eleShowingCur.style.display !== "none")
{
eleShowingCur.style.display = "none";
eleShowingCur.innerHTML = "";
}
}
}
}
}
countShowing();
var obTarget_count = document.querySelector("#keylist_container");
if (obTarget_count)
{
var tmOb_count = -1;
var obMu_count = new MutationObserver(function(mutations)
{
mutations.forEach(function(mutation)
{
if (mutation.type !== "attributes"
|| mutation.target.tagName === "TR")
{
clearTimeout(tmOb_count);
tmOb_count = setTimeoutCustom(function(mutation)
{
countShowing();
//console.log("countShowing: " + tmOb_count);
}, 50, mutation);
}
});
});
var obConfig_count = { childList: true, subtree: true, attributes: true, attributeFilter: ["class"] };
obMu_count.observe(obTarget_count, obConfig_count);
}
// Waiting for iframe
{
var obTarget_countRand = document.createElement("div");
obTarget_countRand.id = "stsh_showing_random";
obTarget_countRand.dataset.random = "0";
document.body.appendChild(obTarget_countRand);
var obMu_countRand = new MutationObserver(function(mutations)
{
mutations.forEach(function(mutation)
{
countShowing();
});
});
var obConfig_countRand = { attributes: true, attributeFilter: ["data-random"] };
obMu_countRand.observe(obTarget_countRand, obConfig_countRand);
}
// End Count showing
// Line Counter
function addLineCounter()
{
var elesCounter = document.querySelectorAll(".stsh_lineCounter");
if (elesCounter.length > 0)
{
var j = 1;
for (var i = 0; i < elesCounter.length; i++)
{
if (!elesCounter[i].parentElement.parentElement.parentElement
.parentElement.classList.contains("stsh_hidden"))
{
if (elesCounter[i].textContent.trim() != j)
{
// Compare string with int using loose equality
elesCounter[i].textContent = j;
}
j++;
}
}
}
else
{
var elesDiv = document.querySelectorAll("#keylist td:nth-child(1) > div");
for (var i = 0; i < elesDiv.length; i++)
{
var eleNew = document.createElement("span");
eleNew.classList.add("stsh_lineCounter_outer");
eleNew.innerHTML =
' <span class="stsh_lineCounter"> ' + (i + 1) + ' </span> ';
elesDiv[i].appendChild(eleNew);
}
}
}
addLineCounter();
var obTarget_line = document.querySelector("#keylist_container");
if (obTarget_line)
{
var tmOb_line = -1;
var obMu_line = new MutationObserver(function(mutations)
{
mutations.forEach(function(mutation)
{
if (mutation.type !== "attributes"
|| mutation.target.tagName === "TR")
{
clearTimeout(tmOb_line);
tmOb_line = setTimeoutCustom(function(mutation)
{
addLineCounter();
//console.log("addLineCounter: " + tmOb_line);
}, 50, mutation);
}
});
});
var obConfig_line = { childList: true, subtree: true, attributes: true, attributeFilter: ["class"] };
obMu_line.observe(obTarget_line, obConfig_line);
}
// End Line Counter
// Hide & sort suggestions
{
function hideStatus(mode)
{
/*
mode:
0: notTranslated
1: suggested
2: resuggested
3: approved
4: declined
5: translated
*/
//console.log("hideStatus: " + mode);
if (mode < 0 || mode > 5) return;
var display = "none";
var txtApprove = "ready for Admin";
var txtDecline = "ready for removal";
var txtSuggest = "suggestion";
var trKeys = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr");
for (var i = 0; i < trKeys.length; i++)
{
if (!trKeys[i].classList.contains("stsh_hidden"))
{
var curMode = -1;
var eleCounter = trKeys[i].querySelector("tr.copysmall > td:nth-child(3)");
if (eleCounter)
{
var txtCounter = eleCounter.textContent.trim();
if (txtCounter.indexOf(txtApprove) > -1)
{
curMode = 3; // Approved
}
else if (txtCounter.indexOf(txtDecline) > -1)
{
curMode = 4; // Declined
}
else if (txtCounter.indexOf(txtSuggest) > -1)
{
var eleNotTranslated = trKeys[i].querySelector("span.token_nottranslated");
if (eleNotTranslated)
{
curMode = 1; // Suggested
}
else
{
curMode = 2; // Resuggested
}
}
else
{
var eleNotTranslated = trKeys[i].querySelector("span.token_nottranslated");
if (eleNotTranslated)
{
curMode = 0; // Not Translated
}
else
{
curMode = 5; // Translated
}
}
}
if (curMode === mode)
{
trKeys[i].classList.add("stsh_hidden");
}
}
}
}
function sortKey(mode)
{
/*
mode:
0: key
1: string
2: word
3: length
*/
if (mode < 0) return;
var keyArr = new Array();
var valArr = new Array();
var dot = "...";
var dotLengthMinus = 0 - dot.length;
var strNotTranslated = "NOT TRANSLATED";
var strTr = "";
var eleKeys = document.querySelectorAll
(" \
#keylist > table:nth-child(1) \
> tbody:nth-child(1) > tr > td:nth-child(1) > div:nth-child(1) \
> table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(1) \
");
for (var i = 0; i < eleKeys.length; i++)
{
try
{
/*
key:
tr: is translated
sg: is suggested
dt: has dot
sb: spacebar count
sc: special char count
sp: has special char
ln: length
lt: length translated
st: spacebar count translated
*/
var dot = "...";
var dotLengthMinus = 0 - dot.length;
var isDot = false;
var isSuggested = false;
var isTranslated = false;
var key = eleKeys[i].textContent.trim() + " ";
var str = "";
if (mode !== 0)
{
str = eleKeys[i].parentElement.nextSibling.nextSibling.firstElementChild.textContent.trim();
isDot = (str.substr(dotLengthMinus) === dot);
isSuggested = (eleKeys[i].nextElementSibling.nextElementSibling.textContent.trim() !== "");
strTr = eleKeys[i].parentElement.nextElementSibling.lastElementChild.textContent.trim();
isTranslated = (strTr !== strNotTranslated);
}
if (mode === 0)
{
// mode: key
if (key.indexOf("GLOSSARY") === 0)
{
key = "0" + key;
}
}
if (mode === 1)
{
// mode: string
key = (isTranslated ? "tr00_ " : "tr99_ ") + strTr
+ (isSuggested ? " _sg00" : " _sg99") + " ___ " + key;
key = str + " ___ " + key;
}
else if (mode === 2)
{
// mode: word
key = (isTranslated ? "tr00_" : "tr99_")
+ "st" + padZero(strTr.split(" ").length, 2) + "_"
+ "lt" + padZero(strTr.length, 3) + " "
+ strTr + (isSuggested ? " _sg00" : " _sg99") + " ___ " + key;
key = (isDot ? "dt99_" : "dt00_")
+ "sb" + padZero(str.split(" ").length, 2)
+ "_sc" + padZero(str.split(/[^a-z0-9 ]/i).length, 2)
+ " ___ " + str + " ___ " + key;
}
else if (mode === 3)
{
// length
var length = 0;
if (str[0] === "<" || str[0] === "[")
{
length = str.length + 800;
}
else if (str.indexOf("<") > 0 || str.indexOf("[") > 0)
{
length = str.length + 600;
}
else
{
length = str.length;
}
key = (isTranslated ? "tr00_" : "tr99_") + "lt" + padZero(strTr.length, 3) + " "
+ strTr + (isSuggested ? " _sg00" : " _sg99") + " ___ " + key;
key = (isDot ? "dt99_" : "dt00_")
+ "sp" + (str.split(/[^a-z0-9]/i).length > 1 ? "99_" : "00_")
+ "ln" + padZero(length, 3)
+ " ___ " + str + " ___ " + key;
}
key = key.toLowerCase();
keyArr.push(key);
var eleParent = eleKeys[i].parentElement.parentElement.parentElement
.parentElement.parentElement.parentElement;
//eleParent.dataset.stshKey = key;
//console.log("Key: " + key);
valArr[key] = eleParent.outerHTML.trim();
}
catch (ex)
{
console.error("sortKey", ex.message);
}
}
var keyArrTmp = keyArr.slice();
keyArr.sort();
var isSame = true;
for (var i = 0; i < keyArr.length; i++)
{
if (keyArr[i] !== keyArrTmp[i])
{
isSame = false;
}
}
if (!isSame)
{
var eleTable = document.querySelector("#keylist > table:nth-child(1) > tbody:nth-child(1)");
if (eleTable)
{
var newInner = "";
for (var i = 0; i < keyArr.length; i++)
{
newInner += valArr[keyArr[i]];
}
eleTable.innerHTML = newInner;
}
}
}
var activeHideStatus = [0, 0, 0, 0, 0, 0];
// notTranslated, suggested, resuggested, approved, declined, translated
var activeHideKey = [0, 0, 0, 0, 0, 0];
// app, game, faq, support, promo, email
var activeHideStr = [0, 0];
// notMatch, long
var activeSort = -1;
var eleBtnShowAll = document.querySelector("#stsh_showing_all");
if (eleBtnShowAll)
{
eleBtnShowAll.addEventListener("click", function()
{
var elesBtnShowing = document.querySelectorAll(
".stsh_showing_status, .stsh_showing_key, .stsh_showing_str");
for (var i = 0; i < elesBtnShowing.length; i++)
{
elesBtnShowing[i].disabled = false;
}
for (var i = 0; i < activeHideStatus.length; i++)
{
activeHideStatus[i] = 0;
}
for (var i = 0; i < activeHideKey.length; i++)
{
activeHideKey[i] = 0;
}
for (var i = 0; i < activeHideStr.length; i++)
{
activeHideStr[i] = 0;
}
activeSort = -1;
hideKey(-1); // Show all
countShowing();
});
}
var elesBtnShowingStatus = document.querySelectorAll(".stsh_showing_status");
for (var i = 0; i < elesBtnShowingStatus.length; i++)
{
elesBtnShowingStatus[i].addEventListener("click", function(ev)
{
var mode = parseInt(ev.target.dataset.hidestatus) || 0;
activeHideStatus[mode] = 1;
hideStatus(mode);
ev.target.disabled = true;
});
}
var obTarget_hider = document.querySelector("#keylist_container");
if (obTarget_hider)
{
var obMu_hider = new MutationObserver(function(mutations)
{
mutations.forEach(function(mutation)
{
//console.log("obMu_hider");
for (var i = 0; i < activeHideStatus.length; i++)
{
if (activeHideStatus[i] === 1)
{
hideStatus(i);
}
}
for (var i = 0; i < activeHideKey.length; i++)
{
if (activeHideKey[i] === 1)
{
hideKey(i);
}
}
for (var i = 0; i < activeHideStr.length; i++)
{
if (activeHideStr[i] === 1)
{
hideStr(i);
}
}
sortKey(activeSort);
});
});
var obConfig_hider = { childList: true };
obMu_hider.observe(obTarget_hider, obConfig_hider);
}
var elesBtnSort = document.querySelectorAll(".stsh_sort");
for (var i = 0; i < elesBtnSort.length; i++)
{
elesBtnSort[i].addEventListener("click", function(ev)
{
var mode = parseInt(ev.target.dataset.sort) || 0;
activeSort = mode;
sortKey(activeSort);
});
}
function setVisibleKey(startKey, visible)
{
// Use ("", true) to show all
startKey = startKey.toLowerCase();
var display = visible !== true ? "none" : "";
var eleKeys = document.querySelectorAll
(" \
#keylist > table:nth-child(1) \
> tbody:nth-child(1) > tr > td:nth-child(1) > div:nth-child(1) \
> table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(1) \
");
for (var i = 0; i < eleKeys.length; i++)
{
try
{
if (eleKeys[i].textContent.trim().toLowerCase().indexOf(startKey) > -1)
{
var eleTarget = eleKeys[i].parentElement.parentElement.parentElement
.parentElement.parentElement.parentElement;
if (visible && eleTarget.classList.contains("stsh_hidden"))
{
eleTarget.classList.remove("stsh_hidden");
}
else if (!visible && !eleTarget.classList.contains("stsh_hidden"))
{
eleTarget.classList.add("stsh_hidden");
}
}
}
catch (ex)
{
console.error("setVisibleKey", ex.message);
}
}
}
function hideKey(mode)
{
/*
mode:
-1: showAll
0: app
1: game
2: faq
3: support
4: promo
5: email
*/
if (mode === -1) // showAll
{
setVisibleKey("", true);
}
else if (mode === 0) // app
{
setVisibleKey("# storefront_english_apps.txt #", false);
setVisibleKey("# storefront_english_main.txt # #app_", false);
setVisibleKey("# community_english.txt # SharedFiles_App_", false);
setVisibleKey("# appmgmt_english.txt #", false);
setVisibleKey("STEAM/VR", false);
}
else if (mode === 1) // game
{
setVisibleKey("GAMES/", false);
setVisibleKey("TF_", false);
}
else if (mode === 2) // faq
{
setVisibleKey("# support_faq_english.txt #", false);
}
else if (mode === 3) // support
{
setVisibleKey("# supportui_english.txt #", false);
setVisibleKey("# help_english.txt #", false);
}
else if (mode === 4) // promo
{
setVisibleKey("#promo", false);
setVisibleKey("#hardware", false);
setVisibleKey("ControllerBinding", false);
setVisibleKey("Library_Controller", false);
setVisibleKey("STEAM/HARDWARE", false);
setVisibleKey("STEAM/DELTA", false);
setVisibleKey("GAMES/KILLINGFLOOR2", false);
}
else if (mode === 5) // email
{
setVisibleKey("#email", false);
}
}
var elesBtnShowingKey = document.querySelectorAll(".stsh_showing_key");
for (var i = 0; i < elesBtnShowingKey.length; i++)
{
elesBtnShowingKey[i].addEventListener("click", function(ev)
{
var mode = parseInt(ev.target.dataset.hidekey) || 0;
activeHideKey[mode] = 1;
hideKey(mode);
ev.target.disabled = true;
});
}
function hideStr(mode)
{
/*
mode:
0: notMatch
1: long
*/
if (mode === 0) // notMatch
{
var searchStr = decodeURIComponent(getQueryByName("search_input")).replace(/\\+/g," ").trim();
searchStr = searchStr.toLowerCase();
var eleStrs = document.querySelectorAll
(" \
#keylist \
> table:nth-child(1) > tbody:nth-child(1) > tr > td:nth-child(1) > div:nth-child(1) \
> table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(2) \
");
for (var i = 0; i < eleStrs.length; i++)
{
try
{
var valStr = eleStrs[i].children[0].textContent.trim().toLowerCase();
var valTrn = eleStrs[i].children[2].textContent.trim().toLowerCase();
if (valStr !== searchStr && valTrn !== searchStr)
{
var eleTarget = eleStrs[i].parentElement.parentElement
.parentElement.parentElement.parentElement;
if (!eleTarget.classList.contains("stsh_hidden"))
{
eleTarget.classList.add("stsh_hidden");
}
}
}
catch (ex)
{
console.error("hideStrNotMatch", ex.message);
}
}
}
else if (mode === 1) // long
{
var dot = "...";
var dotLengthMinus = 0 - dot.length;
var eleStrs = document.querySelectorAll
(" \
#keylist \
> table:nth-child(1) > tbody:nth-child(1) > tr > td:nth-child(1) > div:nth-child(1) \
> table:nth-child(1) > tbody:nth-child(2) > tr:nth-child(2) > td:nth-child(1) \
");
for (var i = 0; i < eleStrs.length; i++)
{
try
{
var valStr = eleStrs[i].textContent.trim();
if (valStr.substr(dotLengthMinus) === dot)
{
var eleTarget = eleStrs[i].parentElement.parentElement
.parentElement.parentElement.parentElement.parentElement;
if (!eleTarget.classList.contains("stsh_hidden"))
{
eleTarget.classList.add("stsh_hidden");
}
}
}
catch (ex)
{
console.error("hideStrLong", ex.message);
}
}
}
}
var elesBtnShowingStr = document.querySelectorAll(".stsh_showing_str");
for (var i = 0; i < elesBtnShowingStr.length; i++)
{
elesBtnShowingStr[i].addEventListener("click", function(ev)
{
var mode = parseInt(ev.target.dataset.hidestr) || 0;
activeHideStr[mode] = 1;
hideStr(mode);
ev.target.disabled = true;
});
}
} // End Hide & sort suggestions
resizeSuggestionBox();
// Add Frame button when iframe load failed
{
var obTarget_ifrm = document.querySelector("#suggestions_iframe");
if (obTarget_ifrm)
{
var obMu_ifrm = new MutationObserver(function(mutations)
{
mutations.forEach(function(mutation)
{
var divFrame = document.querySelector("#stsh_frame");
if (!divFrame)
{
var divOuter = document.querySelector("#suggestions_box_outer");
if (divOuter)
{
divFrame = document.createElement("div");
divFrame.id = "stsh_frame";
divOuter.appendChild(divFrame);
}
}
if (divFrame)
{
var ifrm = document.querySelector("#suggestions_iframe");
if (ifrm)
{
var src = ifrm.getAttribute("src");
var token = getQueryByName("token_key", src);
divFrame.innerHTML =
' \
<br/><br/> \
<div id="stsh_frame_sub"> \
Token: <span class="stsh_blue">' + token + '</span> \
<br/><br/> \
<a class="stsh_a_button" target="_blank" href="' + src + '">Frame</a> \
<br/><br/> \
This frame may be blocked by ad blocker software. \
<br/> \
Please whitelist https://translation.steampowered.com to prevent this missing frame. \
</div> \
';
}
}
});
});
var obConfig_ifrm = { attributes: true, attributeFilter: ["src"] };
obMu_ifrm.observe(obTarget_ifrm, obConfig_ifrm);
}
}
// Open frame if only one string
{
setTimeoutCustom(function()
{
var elesCopy = document.querySelectorAll("#keylist .copysmall");
if (elesCopy.length === 1)
{
var eleDiv = elesCopy[0].parentElement.parentElement.parentElement;
if (eleDiv.tagName === "DIV")
{
if (!isVisible())
{
eleDiv.click();
}
}
}
}, 1000);
}
// Clean timestamp
{
var eleInputTime = document.querySelector("input[name='t']");
if (eleInputTime)
{
eleInputTime.parentElement.removeChild(eleInputTime);
}
}
// fix STS search options
{
for (var i = 0; i < 6; i++)
{
var elesSort = document.querySelectorAll("#search #sort" + i);
if (elesSort.length === 2)
{
elesSort[1].id = "status" + i;
}
}
var elesLabel = document.querySelectorAll("#search label[for='sort0']");
if (elesLabel.length === 2)
{
elesLabel[1].setAttribute("for", "status0");
}
var eleLabelEntire = document.querySelector("label[for='keys']");
if (eleLabelEntire && eleLabelEntire.textContent.trim() === "ENTIRE DB")
{
eleLabelEntire.setAttribute("for", "all");
}
}
} // End translate.php
if (url.indexOf("user_activity.php") > -1)
{
var user = "";
var eleAvatar = document.querySelector(".friend_block_avatar > a[href^='https://steamcommunity.com']");
if (eleAvatar)
{
eleAvatar.href = eleAvatar.href.replace("https://steamcommunity.com", "http://steamcommunity.com");
if (eleAvatar.href.indexOf("http://steamcommunity.com/profiles/") === 0)
{
user = eleAvatar.href.replace("http://steamcommunity.com/profiles/", "");
}
var name = eleAvatar.firstElementChild.getAttribute("title");
if (name === "")
{
name = user;
}
document.title = name + " - " + document.title;
}
var stsh_activityAddLink_start = getTimeMs();
var stsh_activityAddLink_itv = setIntervalCustom(function(user)
{
// Add more links in user activity
var stsh_activityAddLink_isEnd = false;
var stsh_activityAddLink_cur = getTimeMs();
var h3s = document.querySelectorAll("#leftAreaContainer h3");
if (h3s.length === 2)
{
var td = h3s[1].parentElement;
var matchArr = td.innerHTML.match(/<\/h3>.+<br>/i);
if (matchArr)
{
var name = matchArr[0]
.replace("</h3>-", "")
.replace("-<br>", "")
.replace("<br>", "")
.trim();
if (name === "")
{
name = user;
}
if (name === "")
{
name = "Steam";
}
var tagNew = "";
if (user === "")
{
tagNew =
"\
</h3>\
<a id='stsh_sectionId' class='stsh_blue' target='_blank' href='http://steamcommunity.com/my'>\
" + name + "</a>, \
<a class='stsh_green' target='_blank' href='/WhereIsEsty.php'>Esty</a><br><br>\
";
}
else
{
tagNew =
"\
</h3>\
<a id='stsh_sectionId' class='stsh_blue' target='_blank' href='http://steamcommunity.com/profiles/" + user + "'>\
" + name + "</a>, \
<a class='stsh_green' target='_blank' href='/WhereIsEsty.php?collectionof=" + user + "'>Esty</a>\
"
/*
// Typonion
+ ", <a class='stsh_green' target='_blank' href='/translate.php?user="
+ user + "&onionhunter=1&liststatus=1'>Onion</a>
*/
+ " <br><br> ";
}
td.innerHTML = td.innerHTML.replace(/<\/h3>.+<br>/i, tagNew);
stsh_activityAddLink_isEnd = true;
}
if (stsh_activityAddLink_isEnd || stsh_activityAddLink_cur - stsh_activityAddLink_start > 10000)
{
clearInterval(stsh_activityAddLink_itv);
}
}
}, 300, user);
var countWord = "";
var countSugg = "";
var inputDials = document.querySelectorAll("#leftAreaContainer input.dial");
if (inputDials.length === 2)
{
countWord = inputDials[0].getAttribute("title").replace("words", "").trim();
countSugg = inputDials[1].getAttribute("title").replace("suggestions", "").trim();
}
var tdCount = document.querySelector("#leftAreaContainer td[align='left']");
if (tdCount)
{
tdCount.innerHTML =
'\
<div style="width: 100px; display: inline-block; text-align: center;">Word: ' + countWord + '</div> \
<div style="width: 100px; display: inline-block; text-align: center; margin-left: 13px;">Suggestion: ' + countSugg + '</div>\
';
}
var sug = document.body.textContent;
var regComment = /VIEW COMMENT/g;
var regSuggest = /VIEW SUGGESTION/g;
var strComment = "...RECEIVED A MODERATOR COMMENT";
var strPending = "...ARE PENDING";
var strApproved = "...WERE APPROVED";
var strDeclined = "...WERE DECLINED";
var strApplied = "...HAVE BEEN APPLIED WITHIN THE LAST 14 DAYS";
var strRemoved = "...HAVE BEEN REMOVED WITHIN THE LAST 14 DAYS";
var startComment = sug.indexOf(strComment);
var startPending = sug.indexOf(strPending);
var startApproved = sug.indexOf(strApproved);
var startDeclined = sug.indexOf(strDeclined);
var startApplied = sug.indexOf(strApplied);
var startRemoved = sug.indexOf(strRemoved);
var sugComment = sug.substring(startComment,startPending);
var sugPending = sug.substring(startPending,startApproved);
var sugApproved = sug.substring(startApproved,startDeclined);
var sugDeclined = sug.substring(startDeclined,startApplied);
var sugApplied = sug.substring(startApplied,startRemoved);
var sugRemoved = sug.substring(startRemoved);
var countComment = (sugComment.match(regComment) || []).length;
var countPending = (sugPending.match(regSuggest) || []).length;
var countApproved = (sugApproved.match(regSuggest) || []).length;
var countDeclined = (sugDeclined.match(regSuggest) || []).length;
var countApplied = (sugApplied.match(regSuggest) || []).length;
var countRemoved = (sugRemoved.match(regSuggest) || []).length;
var divBtn = document.createElement("div");
document.body.appendChild(divBtn);
divBtn.innerHTML =
' \
<div style="position: fixed; z-index: 3; right: 12px; top: 84px; line-height: 24px; text-align: right;"> \
<input id="stsh_btnToProgress" value="To Progress" class="stsh_btn_long" type="button" \
onclick="scrollToId(\'stsh_sectionId\', -50); return false;" /><br/> \
\
<span class="stsh_scroll_header">Scroll To</span>\
<li class="stsh_suggestion_btn stsh_suggestion stsh_suggestion_comment"><input value="Comment (' + countComment + ')" \
class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionComment\'); return false;" ></li> \
<li class="stsh_suggestion_btn stsh_suggestion stsh_suggestion_pending"><input value="Pending (' + countPending + ')" \
class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionPending\'); return false;" ></li> \
<li class="stsh_suggestion_btn stsh_suggestion stsh_suggestion_approved"><input value="Approved (' + countApproved + ')" \
class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionApproved\'); return false;" ></li> \
<li class="stsh_suggestion_btn stsh_suggestion stsh_suggestion_declined"><input value="Declined (' + countDeclined + ')" \
class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionDeclined\'); return false;" ></li> \
<li class="stsh_suggestion_btn stsh_suggestion stsh_suggestion_applied"><input value="Applied (' + countApplied + ')" \
class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionApplied\'); return false;" ></li> \
<li class="stsh_suggestion_btn stsh_suggestion stsh_suggestion_removed"><input value="Removed (' + countRemoved + ')" \
class="stsh_btn_long" type="button" onclick="scrollToId(\'stsh_sectionRemoved\'); return false;" ></li> \
<br/> \
<input id="stsh_btnHideSuggestion" value="Suggestions" class="stsh_btn_long" type="button" \
onclick="return false;" title="Toggle hidden/shown suggestion list" /><br/> \
<br/> \
<input value="Refresh" class="stsh_btn_long" type="button" onclick="window.location = window.location.href; return false;" /><br/> \
</div> \
';
var divContainer = document.querySelector("#leftAreaContainer");
if (divContainer)
{
var inner = divContainer.innerHTML;
var htmlPending = /\.\.\.ARE \<a [^\<]+\>PENDING\<\/a\>/i.exec(inner);
var htmlApproved = /\.\.\.WERE \<a [^\<]+\>APPROVED\<\/a\>/i.exec(inner);
var htmlDeclined = /\.\.\.WERE \<a [^\<]+\>DECLINED\<\/a\>/i.exec(inner);
if (htmlPending && htmlApproved && htmlDeclined)
{
divContainer.innerHTML = inner
.replace("...RECEIVED A MODERATOR COMMENT",
"<span id='stsh_sectionComment' class='stsh_suggestion_header'>"
+ "...RECEIVED A MODERATOR COMMENT ("
+ countComment + ")</span>")
.replace(htmlPending,
"<span id='stsh_sectionPending' class='stsh_suggestion_header'>" + htmlPending + " ("
+ countPending + ")</span>")
.replace(htmlApproved,
"<span id='stsh_sectionApproved' class='stsh_suggestion_header'>" + htmlApproved + " ("
+ countApproved + ")</span>")
.replace(htmlDeclined,
"<span id='stsh_sectionDeclined' class='stsh_suggestion_header'>" + htmlDeclined + " ("
+ countDeclined + ")</span>")
.replace("...HAVE BEEN APPLIED WITHIN THE LAST 14 DAYS",
"<span id='stsh_sectionApplied' class='stsh_suggestion_header'>"
+ "...HAVE BEEN APPLIED WITHIN THE LAST 14 DAYS ("
+ countApplied + ")</span>")
.replace("...HAVE BEEN REMOVED WITHIN THE LAST 14 DAYS",
"<span id='stsh_sectionRemoved' class='stsh_suggestion_header'>"
+ "...HAVE BEEN REMOVED WITHIN THE LAST 14 DAYS ("
+ countRemoved + ")</span>");
}
}
if (document.querySelector("#hours"))
{
var eleBtn = document.querySelector("#stsh_btnToProgress");
if (eleBtn)
{
var ele = document.createElement("input");
ele.classList.add("stsh_btn_long");
ele.setAttribute("value", "To Hours");
ele.setAttribute("type", "button");
ele.setAttribute("onclick", "scrollToElement(\"input[name*='[remarks]']\", -48); return false;");
insertAfterElement(ele, eleBtn);
ele = document.createTextNode(" \u00A0 ");
insertAfterElement(ele, eleBtn);
ele = document.createElement("br");
insertAfterElement(ele, eleBtn);
}
}
var cans = document.querySelectorAll("canvas");
for (var i = 0; i < cans.length; i++)
{
cans[i].parentElement.removeChild(cans[i]);
}
var aKeys = document.querySelectorAll("#leftAreaContainer li > a:nth-child(1)");
for (var i = 0; i < aKeys.length; i++)
{
var key = aKeys[i].textContent;
var keyArr = key.substr(21).trim().split(" >> ");
keyArr[0] = "<span style='color: #FFF !important;'>" + keyArr[0] + "</span>";
var keyNew = key.substr(0,21) + keyArr.join(" >> ") + "";
aKeys[i].innerHTML = keyNew;
}
var sugModeComment = 0;
var sugModePending = 1;
var sugModeApproved = 2;
var sugModeDeclined = 3;
var sugModeApplied = 4;
var sugModeRemoved = 5;
var sugMode = sugModeComment;
var eleSugFirst = document.querySelector
(" \
#leftAreaContainer > a[href^='translate.php?search_input='] \
, #leftAreaContainer > form > a[href^='translate.php?search_input='] \
");
if (eleSugFirst)
{
var eleSugHeadPrev = eleSugFirst.previousElementSibling.previousElementSibling;
if (eleSugHeadPrev.id === "stsh_sectionRemoved")
{
sugMode = sugModeRemoved;
}
else if (eleSugHeadPrev.id === "stsh_sectionApplied")
{
sugMode = sugModeApplied;
}
else if (eleSugHeadPrev.id === "stsh_sectionDeclined")
{
sugMode = sugModeDeclined;
}
else if (eleSugHeadPrev.id === "stsh_sectionApproved")
{
sugMode = sugModeApproved;
}
else if (eleSugHeadPrev.id === "stsh_sectionPending")
{
sugMode = sugModePending;
}
var eleSugNext = eleSugFirst;
while (eleSugNext)
{
if (eleSugNext.tagName === "A")
{
var attrHref = eleSugNext.getAttribute("href");
if (attrHref && attrHref.indexOf("translate.php?search_input=") === 0)
{
eleSugNext.classList.add("stsh_suggestion");
if (sugMode === sugModeComment)
{
eleSugNext.classList.add("stsh_suggestion_comment");
}
else if (sugMode === sugModePending)
{
eleSugNext.classList.add("stsh_suggestion_pending");
}
else if (sugMode === sugModeApproved)
{
eleSugNext.classList.add("stsh_suggestion_approved");
}
else if (sugMode === sugModeDeclined)
{
eleSugNext.classList.add("stsh_suggestion_declined");
}
else if (sugMode === sugModeApplied)
{
eleSugNext.classList.add("stsh_suggestion_applied");
}
else if (sugMode === sugModeRemoved)
{
eleSugNext.classList.add("stsh_suggestion_removed");
}
}
}
else if (eleSugNext.tagName === "SPAN" && eleSugNext.classList.contains("stsh_suggestion_header"))
{
if (eleSugNext.id === "stsh_sectionRemoved")
{
sugMode = sugModeRemoved;
}
else if (eleSugNext.id === "stsh_sectionApplied")
{
sugMode = sugModeApplied;
}
else if (eleSugNext.id === "stsh_sectionDeclined")
{
sugMode = sugModeDeclined;
}
else if (eleSugNext.id === "stsh_sectionApproved")
{
sugMode = sugModeApproved;
}
else if (eleSugNext.id === "stsh_sectionPending")
{
sugMode = sugModePending;
}
}
eleSugNext = eleSugNext.nextElementSibling;
}
}
// Change language & correct url
{
var aProgresses = document.querySelectorAll("div > .friend_block_avatar a[onmouseout]");
for (var i = 0; i < aProgresses.length; i++)
{
var langCur = getQueryByName("lang", aProgresses[i].href);
if (langCur === "")
{
aProgresses[i].href = aProgresses[i].href + lang;
}
else
{
if (langCur !== lang)
{
//var langQuery = (url.indexOf("?") > -1) ? "&lang=" : "?lang=";
//window.location = url + langQuery + langCur;
console.log("Lang: " + langCur);
}
}
var aContent = aProgresses[i].textContent.trim();
if (aContent.indexOf("SUGGESTIONS") > -1)
{
aProgresses[i].href = aProgresses[i].href + "&listsort=5&liststatus=1&paginationrows=1000";
}
else if (aContent.indexOf("REVIEWS") > -1)
{
aProgresses[i].href = aProgresses[i].href + "&listsort=5&liststatus=3&paginationrows=1000";
}
}
}
// Hours
if (document.querySelector("#hours"))
{
function calculateHours()
{
var rgxDate = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/;
var rgxTime = /^(\d{1,2}:\d{2}(:\d{2})?|\d{1,2}\.\d{2})$/;
var eleFrom = document.querySelector("#stsh_hoursCalc_from");
var eleTo = document.querySelector("#stsh_hoursCalc_to");
var eleRes = document.querySelector("#stsh_hoursCalc_result");
if (eleFrom && eleTo && eleRes)
{
var rawFrom = eleFrom.value.trim();
var rawTo = eleTo.value.trim();
var valFrom = 0;
var valTo = 0;
if (rgxDate.test(rawFrom))
{
rawFrom = rawFrom.substr(11);
}
if (rgxTime.test(rawFrom))
{
var arrTime = rawFrom.split(":");
if (arrTime.length === 1)
{
arrTime = rawFrom.split(".");
}
valFrom = parseInt(arrTime[1]) + (parseInt(arrTime[0]) * 60);
}
if (rgxDate.test(rawTo))
{
rawTo = rawTo.substr(11);
}
if (rgxTime.test(rawTo))
{
var arrTime = rawTo.split(":");
if (arrTime.length === 1)
{
arrTime = rawTo.split(".");
}
valTo = parseInt(arrTime[1]) + (parseInt(arrTime[0]) * 60);
}
var valDiff = Math.abs(valTo - valFrom);
var valHr = parseInt(valDiff / 60);
var valMn = valDiff % 60;
eleRes.textContent = padZero(valHr, 2) + ":" + padZero(valMn, 2);
}
}
var curDateStr = getDateUs();
// Add hours calculator
{
var eleFinalize = document.querySelector("#hours input[name='Finalize']");
if (eleFinalize)
{
var eleFinalizeParent = eleFinalize.parentElement;
eleFinalizeParent.setAttribute("colspan", "2");
eleFinalizeParent.style.verticalAlign = "top";
var elePad = document.createElement("td");
insertBeforeElement(elePad, eleFinalizeParent);
var eleCalc = document.createElement("td");
eleCalc.classList.add("stsh_hoursCalc");
insertBeforeElement(eleCalc, eleFinalizeParent);
if (eleCalc.parentElement.previousElementSibling.querySelector("input[type='radio']"))
{
eleCalc.appendChild(document.createElement("br"));
}
var ele = document.createElement("b");
ele.textContent = " Hours Calculator (Estimated) ";
eleCalc.appendChild(ele);
eleCalc.appendChild(document.createElement("br"));
ele = document.createElement("span");
ele.innerHTML =
' \
Enter date or time to calculate range (calculate only hours and minutes). \
<br/>You can enter date "2016-01-01 08:05:00" or time "8:05" or time "8.05".\
';
ele.setAttribute("style", "display: inline-block; padding-bottom: 4px;");
eleCalc.appendChild(ele);
eleCalc.appendChild(document.createElement("br"));
ele = document.createElement("span");
ele.textContent = " From: ";
eleCalc.appendChild(ele);
ele = document.createElement("input");
ele.id = "stsh_hoursCalc_from";
ele.setAttribute("type", "text");
ele.setAttribute("onkeypress", "return event.keyCode !== 13;");
ele.setAttribute("autocomplete", "off");
ele.addEventListener("keyup", function()
{
calculateHours();
});
eleCalc.appendChild(ele);
ele = document.createElement("span");
ele.innerHTML = " To: ";
eleCalc.appendChild(ele);
ele = document.createElement("input");
ele.id = "stsh_hoursCalc_to";
ele.setAttribute("type", "text");
ele.setAttribute("onkeypress", "return event.keyCode !== 13;");
ele.setAttribute("autocomplete", "off");
ele.addEventListener("keyup", function()
{
calculateHours();
});
eleCalc.appendChild(ele);
ele = document.createElement("input");
ele.id = "stsh_hoursCalc_toNow";
ele.setAttribute("type", "button");
ele.setAttribute("value", "Now");
ele.setAttribute("onclick", "return false;");
ele.addEventListener("click", function()
{
var eleTo = document.querySelector("#stsh_hoursCalc_to");
eleTo.value = getTimeUs();
calculateHours();
});
eleCalc.appendChild(ele);
ele = document.createElement("span");
ele.innerHTML = " Result: ";
eleCalc.appendChild(ele);
ele = document.createElement("b");
ele.id = "stsh_hoursCalc_result"
ele.textContent = " 00:00 ";
eleCalc.appendChild(ele);
}
}
// Hilight current date
{
var elesTd = document.querySelectorAll("#hours > table > tbody > tr > td:nth-child(1)");
for (var i = 0; i < elesTd.length; i++)
{
if (elesTd[i].textContent.indexOf(curDateStr) > -1)
{
elesTd[i].parentElement.id = "stsh_hours_curDate";
elesTd[i].parentElement.classList.add("stsh_hours_curDate");
break;
}
}
}
// Auto calculate hours in current date
{
var timePendingFirst = "";
var timePendingLast = "";
var elesPending = document.querySelectorAll("#mainbody .stsh_suggestion_pending");
for (var i = 0; i < elesPending.length; i++)
{
var content = elesPending[i].textContent.trim().substr(0, 19);
if (content.substr(0, 10) === curDateStr)
{
timePendingFirst = content.substr(11, 5);
if (timePendingLast === "")
{
timePendingLast = timePendingFirst;
}
}
else
{
break;
}
}
var timeApprovedFirst = "";
var timeApprovedLast = "";
var elesApproved = document.querySelectorAll("#mainbody .stsh_suggestion_approved");
for (var i = 0; i < elesApproved.length; i++)
{
var content = elesApproved[i].textContent.trim().substr(0, 19);
if (content.substr(0, 10) === curDateStr)
{
timeApprovedFirst = content.substr(11, 5);
if (timeApprovedLast === "")
{
timeApprovedLast = timeApprovedFirst;
}
}
else
{
break;
}
}
if (timePendingFirst === "")
{
timePendingFirst = timeApprovedFirst;
}
if (timeApprovedFirst === "")
{
timeApprovedFirst = timePendingFirst;
}
if (timePendingLast === "")
{
timePendingLast = timeApprovedLast;
}
if (timeApprovedLast === "")
{
timeApprovedLast = timePendingLast;
}
var timeFirst = timeApprovedFirst < timePendingFirst ? timeApprovedFirst : timePendingFirst;
var timeLast = timeApprovedLast > timePendingLast ? timeApprovedLast : timePendingLast;
if (timeFirst !== "")
{
var eleFrom = document.querySelector("#stsh_hoursCalc_from");
if (eleFrom)
{
eleFrom.value = timeFirst;
}
var eleTo = document.querySelector("#stsh_hoursCalc_to");
if (eleTo)
{
eleTo.value = timeLast;
}
calculateHours();
}
}
// Make minutes add to hours
setTimeoutCustom(function()
{
var elesMn = document.querySelectorAll("#hours input[name*='[minutes]']");
for (var i = 0; i < elesMn.length; i++)
{
elesMn[i].setAttribute("min", "-15");
elesMn[i].setAttribute("max", "60");
elesMn[i].addEventListener("change", function(ev)
{
var eleMn = ev.target;
var eleHr = eleMn.parentElement.previousElementSibling.firstElementChild;
var valMn = parseInt(eleMn.value) || 0;
var valHr = parseInt(eleHr.value) || 0;
if (valMn < 0)
{
if (valHr > 0)
{
eleHr.value = valHr - 1;
eleMn.value = 45;
}
else
{
eleMn.value = 0;
}
}
else if (valMn > 59)
{
if (valHr < 23)
{
eleHr.value = valHr + 1;
eleMn.value = 0;
}
else
{
eleMn.value = 45;
}
}
});
}
}, 500);
// Make deferred can be clicked
{
var eleDeferred = document.querySelector("#hours td > i > span[title^='DATE']");
if (eleDeferred)
{
eleDeferred.dataset.title = eleDeferred.title;
eleDeferred.title = "Click to reveal";
eleDeferred.addEventListener("click", function(ev)
{
var ele = ev.target;
var eleDetail = document.querySelector(".stsh_deferred");
if (!eleDetail)
{
eleDetail = document.createElement("div");
eleDetail.classList.add("stsh_deferred");
ele.parentElement.parentElement
.parentElement.parentElement
.lastElementChild.firstElementChild
.appendChild(eleDetail);
}
var space = String.fromCharCode(160);
var space3 = space + space + space;
eleDetail.innerHTML = "<br/>TOTAL DEFERRED HOURS" + space3 + " <br/>"
+ ele.dataset.title.substr(61).trim()
.replace(/\n/g, space3 + " <br/>")
+ space3;
});
}
}
// Hide past date
{
var hidePast = function ()
{
var isHidden = false;
var elesMn = document.querySelectorAll("#hours input[name*='[minutes]']");
if (elesMn.length > 0)
{
if (elesMn[0].name === "date[1969-12-31][minutes]")
{
isHidden = true;
}
}
if (isHidden)
{
for (var i = 1, l = elesMn.length - 1; i < l; i++)
{
elesMn[i].parentElement.parentElement.classList.add("stsh_hidden");
}
}
};
setTimeoutCustom(hidePast, 500);
}
}
// In other user pages
// Hide wallet
// Hide email noti
{
var isHidden = true;
var user = GM_getValue("user", 0);
if (user)
{
var userPage = getQueryByName("user", url);
if (user === userPage)
{
isHidden = false;
}
}
if (isHidden)
{
var eleASug = document.querySelector(".friend_block_avatar > a[href*='://translation.steampowered.com/translate.php'");
if (eleASug && eleASug.textContent.trim() === "YOUR SUGGESTIONS")
{
isHidden = false;
}
}
if (isHidden && document.querySelector("#moderator_announcement"))
{
isHidden = false;
}
if (isHidden)
{
var elesAWallet = document.querySelectorAll("a[id^='walletkeys']");
for (var i = 0; i < elesAWallet.length; i++)
{
var eleCur = elesAWallet[i];
for (var j = 0; j < 5; j++)
{
eleCur.classList.add("stsh_hidden");
eleCur = eleCur.nextElementSibling;
}
}
var eleSub = document.querySelector("#subscribe");
if (eleSub)
{
eleSub.classList.add("stsh_hidden");
eleSub.previousElementSibling.classList.add("stsh_hidden");
eleSub.previousElementSibling.previousElementSibling.classList.add("stsh_hidden");
eleSub.nextElementSibling.classList.add("stsh_hidden");
eleSub.nextElementSibling.nextElementSibling.classList.add("stsh_hidden");
}
}
}
// Set visible suggestion list
{
function setVisibleSuggestion(visible)
{
var display = visible !== true ? "none" : "";
var eles = document.querySelectorAll(".copy");
for (var i = 0; i < eles.length; i++)
{
if (eles[i].id && eles[i].id.indexOf("showwalletkeys") < 0
&& eles[i].id !== "abuse_report"
&& eles[i].id !== "moderator_announcement")
{
if (eles[i].style.display !== display)
{
eles[i].style.display = display;
}
}
}
}
var eleHide = document.querySelector("#stsh_btnHideSuggestion");
if (eleHide)
{
var isHide = GM_getValue("profileHideSuggestion", 0);
if (isHide)
{
eleHide.dataset.modeNext = "show";
eleHide.value = "Suggestions: Hide";
setVisibleSuggestion(false);
}
else
{
eleHide.dataset.modeNext = "hide";
eleHide.value = "Suggestions: Show";
setVisibleSuggestion(true);
}
eleHide.addEventListener("click", function(ev)
{
var eleHide = ev.target;
if (eleHide.dataset.modeNext == "show")
{
eleHide.dataset.modeNext = "hide";
eleHide.value = "Suggestions: Show";
setVisibleSuggestion(true);
GM_setValue("profileHideSuggestion", 0);
}
else
{
eleHide.dataset.modeNext = "show";
eleHide.value = "Suggestions: Hide";
setVisibleSuggestion(false);
GM_setValue("profileHideSuggestion", 1);
}
});
}
}
} // End user_activity.php
if (/\/rally[0-9]{0,4}/.test(url))
{
resizeSuggestionBox();
var outer = document.querySelector("#suggestions_box_outer");
if (outer)
{
outer.setAttribute("onclick", "hideSuggestionsBox();");
}
// Set cur lang to first
{
var first = document.querySelector(".gradienttable tr:nth-child(6)");
if (first)
{
var cur = null;
var tdLangs = document.querySelectorAll(".gradienttable tr > td:nth-child(1)");
for (var i = 0; i < tdLangs.length; i++)
{
if (lang === tdLangs[i].textContent.trim().toLowerCase())
{
cur = tdLangs[i].parentElement;
break;
}
}
if (cur)
{
cur.classList.add("stsh_curLang");
first.parentElement.insertBefore(cur, first);
}
}
}
// Change row per page
{
var eleAs = document.querySelectorAll(".gradienttable tr:nth-child(6) a[href^='translate.php?']");
for (var i = 0; i < eleAs.length; i++)
{
eleAs[i].href = eleAs[i].href + "&paginationrows=1000";
}
}
var inputClose = document.querySelector("td:nth-child(3) > input:nth-child(1)");
if (inputClose)
{
inputClose.value = "Close (Esc)";
}
} // End rally.php
if (/\/rally_results_?[0-9]{0,4}/.test(url))
{
var h3 = document.querySelector("table.curved h3");
if (h3)
{
document.title = h3.textContent.trim();
}
var eleTable = document.querySelector("body > div:nth-child(1) > table:nth-child(1)");
if (eleTable)
{
eleTable.style.width = "";
}
var inputClose = document.querySelector("td:nth-child(3) > input:nth-child(1)");
if (inputClose)
{
inputClose.value = "Close (Esc)";
inputClose.focus();
}
// Add frame and background button
{
var eleTdFirst = document.querySelector("td:nth-child(1)");
if (eleTdFirst)
{
var eleTdFrame = document.createElement("td");
eleTdFrame.setAttribute("align", "right");
eleTdFrame.innerHTML =
' <a class="stsh_a_button" target="_blank" href="' + url + '">Frame</a> ';
insertBeforeElement(eleTdFrame, eleTdFirst);
var img = document.body.style.backgroundImage;
if (img.indexOf("url(\"") === 0)
{
img = img.replace("url(\"", "").replace("\")", "");
var eleTdImage = document.createElement("td");
eleTdImage.setAttribute("align", "right");
eleTdImage.innerHTML =
' <a class="stsh_a_button" target="_blank" href="' + img + '">View Background</a> ';
insertAfterElement(eleTdImage, eleTdFrame);
}
}
}
var inputPrev = document.querySelector("input[value^='Prev']");
if (inputPrev)
{
addKeyCtrl(document, inputPrev, 219, "[", 1|2); // [
addKeyCtrl(document, inputPrev, "BracketLeft"); // [
disableAfterClick(inputPrev);
}
var inputNext = document.querySelector("input[value^='Next']");
if (inputNext)
{
addKeyCtrl(document, inputNext, 221, "]", 1|2); // ]
addKeyCtrl(document, inputNext, "BracketRight"); // ]
disableAfterClick(inputNext);
}
// Hilight cur lang
{
var elesLang = document.querySelectorAll("table.curved > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(3) > h2:nth-child(1)");
for (var i = 0; i < elesLang.length; i++)
{
if (lang === elesLang[i].textContent.trim().toLowerCase())
{
var eleParent = elesLang[i].parentElement.parentElement.parentElement.parentElement;
//eleParent.style.backgroundColor = "#474D1A";
eleParent.classList.add("stsh_curLang");
eleParent.setAttribute("bgcolor", "#474D1A");
eleParent.setAttribute("onmouseout", "this.bgColor='#474D1A'");
eleParent.setAttribute("onmouseover", "this.bgColor='#76802B'");
break;
}
}
}
// Reset points position
{
var eleSpan = document.querySelector("h5 > span");
if (eleSpan)
{
eleSpan.parentElement.parentElement.removeAttribute("style");
}
}
} // End rally_results.php
if (/\/rallyreplay_?[0-9]{0,4}/.test(url))
{
// Set cur lang to first
{
var elesFrame = document.querySelectorAll("#leftAreaContainer div[id^='frame']");
for (var i = 0; i < elesFrame.length; i++)
{
var first = elesFrame[i].querySelector(".gradienttable tr:nth-child(6)");
if (first)
{
var cur = null;
var tdLangs = elesFrame[i].querySelectorAll(".gradienttable tr > td:nth-child(1)");
for (var j = 0; j < tdLangs.length; j++)
{
if (lang === tdLangs[j].textContent.trim().toLowerCase())
{
cur = tdLangs[j].parentElement;
break;
}
}
if (cur)
{
cur.classList.add("stsh_curLang");
first.parentElement.insertBefore(cur, first);
}
}
}
}
var eleBtn = document.querySelector("input[value='FASTEST']");
if (eleBtn)
{
var ele = document.createElement("input");
ele.setAttribute("type", "button");
ele.setAttribute("value", "RESTART");
ele.setAttribute("style", "padding: 0; border: none; background: none;");
ele.setAttribute("onclick",
" \
indexReplay = 0; \
elsFrame.eq(indexReplay).fadeOut(0, function() \
{ \
indexReplay = (indexReplay + 1) % lenFrame; \
elsFrame.eq(indexReplay).fadeIn(0); \
}); \
");
insertAfterElement(ele, eleBtn);
insertAfterElement(document.createTextNode(" | "), eleBtn);
}
} // End rallyreplay.php
if (url.indexOf("/WhereIsEsty.php") > -1)
{
resizeSuggestionBox();
var outer = document.querySelector("#suggestions_box_outer");
if (outer)
{
outer.setAttribute("onclick", "hideSuggestionsBox();");
}
var divContainer = document.querySelector("#pageContainer");
if (divContainer)
{
var ele = document.createElement("div");
ele.id = "logout";
ele.innerHTML =
' <a class="stsh_a_button" target="_blank" href="/home.php">Home</a> ';
divContainer.appendChild(ele);
}
var divContent = document.querySelector("#leftAreaContainer > div");
if (divContent)
{
var countSnap = document.querySelectorAll("div.box").length;
var user = "";
var name = "";
var eleImg = document.querySelector("#leftAreaContainer > div > div > a > img ");
if (eleImg)
{
name = eleImg.getAttribute("title");
user = eleImg.parentElement.getAttribute("href").replace("https://steamcommunity.com/profiles/", "");
}
var ele = document.createElement("div");
ele.setAttribute("class", "stsh_snapshot");
ele.innerHTML = "<a class='stsh_blue' target='_blank' href='/user_activity.php?user="
+ user + "'>" + name + "</a>"
+ "<br>Snapshot: " + countSnap;
divContent.appendChild(ele);
}
} // End WhereIsEsty.php
if (url.indexOf("/stickerbox.php") > -1)
{
document.querySelector("textarea[name='add_comment']").focus();
var inputPrev = document.querySelector("img[src*='z0lEQVRIx5WWaWxVRRTH'");
if (inputPrev)
{
addKeyCtrl(document, inputPrev, 219); // [
addKeyCtrl(document, inputPrev, "BracketLeft"); // [
disableAfterClick(inputPrev);
}
var inputNext = document.querySelector("img[src*='40lEQVRIx5WWe0xXZRjH'");
if (inputNext)
{
addKeyCtrl(document, inputNext, 221); // ]
addKeyCtrl(document, inputNext, "BracketRight"); // ]
disableAfterClick(inputNext);
}
} // End stickerbox.php
if (/\/(home\.php|index\.php)/i.test(url))
{
// Set cur lang to first
{
var first = null;
var cur = null;
var curLang = lang.substring(0, 4);
if (curLang === "schi")
curLang = "sim.";
else if (curLang === "tchi")
curLang = "tra.";
var eleLangs = document.querySelectorAll("#overall .progress");
if (eleLangs.length > 0)
{
first = eleLangs[0];
for (var i = 0; i < eleLangs.length; i++)
{
if (curLang === eleLangs[i].textContent.trim().substring(0, 4).toLowerCase())
{
cur = eleLangs[i];
break;
}
}
if (cur)
{
cur.classList.add("stsh_blue");
var curSib1 = cur.nextSibling;
var curSib2 = curSib1.nextSibling;
var curSib3 = curSib2.nextSibling;
var curSib4 = curSib3.nextSibling;
var curSib5 = curSib4.nextSibling;
var curSib6 = curSib5.nextSibling;
insertBeforeElement(cur, first);
insertAfterElement(curSib6, cur);
insertAfterElement(curSib5, cur);
insertAfterElement(curSib4, cur);
insertAfterElement(curSib3, cur);
insertAfterElement(curSib2, cur);
insertAfterElement(curSib1, cur);
}
}
}
if (document.querySelector("#logout"))
{
var tmplHome =
' \
<div class="stsh_home_group"> \
<span class="stsh_home_header">Shortcuts</span>\
<br/> <a class="stsh_a_button stsh_btn_med" target="_blank" \
href="/translate.php?search_input=DATE%3A+%DATE%&paginationrows=1000">New Today</a> \
<br/> <a class="stsh_a_button stsh_btn_med" target="_blank" href="/glossary.php">Glossary</a> \
\
<br/> <span class="stsh_home_header">Rally</span>\
<br/> <a class="stsh_a_button stsh_btn_med" target="_blank" href="/rally.php">Rally</a> \
%RALLY% \
\
<br/> <span class="stsh_home_header">Events</span>\
<br/> <a class="stsh_a_button stsh_btn_med" target="_blank" href="/rallyreplay.php">Rally Replay</a> \
<br/> <a class="stsh_a_button stsh_btn_med" target="_blank" href="/onionolooorm.php">Typonion</a> \
<br/> <a class="stsh_a_button stsh_btn_med" target="_blank" href="/dstbattle.php">DST Battle</a> \
<br/> <a class="stsh_a_button stsh_btn_med" target="_blank" href="/dota2.php">DOTA 2</a> \
<br/> \
</div> \
';
tmplHome = tmplHome.replace("%DATE%", getDateUs());
// Rally
{
var date = new Date();
var yearLast = date.getUTCFullYear();
var yearFirst = 2013;
var strRally = "";
for (var i = yearLast; i >= yearFirst; i--)
{
if (i < yearLast || isRally())
{
strRally +=
' \
<br/> \
<a class="stsh_a_button stsh_btn_med" target="_blank" href="/rally' + i + '.php">\
Rally ' + i + '</a> \
';
}
}
tmplHome = tmplHome.replace("%RALLY%", strRally);
}
var eleNew = document.createElement("div");
eleNew.innerHTML = tmplHome;
document.body.appendChild(eleNew);
}
// Fix STS JS error
{
var eleTimer = document.querySelector("#timer");
if (!eleTimer)
{
var ele = document.createElement("div");
ele.id = "timer";
ele.classList.add("stsh_hidden");
document.body.appendChild(ele);
}
}
// Set current user
{
var eleUser = document.querySelector("#leftAreaContainer > b > a[href^='user_activity.php?user=']");
if (eleUser)
{
var user = getQueryByName("user", eleUser.href);
if (user && GM_getValue("user", 0) !== user)
{
GM_setValue("user", user);
}
}
}
} // End home.php
if (url.indexOf("/glossary.php") > -1)
{
// Add shortcuts
{
var contentGlos =
' \
<div class="stsh_home_group"> \
<span class="stsh_home_header">Shortcuts</span> \
<br/> \
<a class="stsh_a_button stsh_btn_med" target="_blank" \
href="/translate.php?chosenfile=1&listfilter=1&listsort=3&paginationrows=1000&branch_ID=49&file_ID=226"> \
Glossary</a> \
<br/> \
<a class="stsh_a_button stsh_btn_med" target="_blank" \
href="/translate.php?chosenfile=1&listfilter=1&listsort=3&paginationrows=1000&branch_ID=49&file_ID=232"> \
Phrases</a> \
<br/> \
</div> \
';
var eleNew = document.createElement("div");
eleNew.innerHTML = contentGlos;
document.body.appendChild(eleNew);
}
// Improve glossary links
{
var elesLink = document.querySelectorAll("#votes_container > .lbAction a[href^='./translate.php?search_input=']");
for (var i = 0; i < elesLink.length; i++)
{
elesLink[i].href = elesLink[i].href.replace("keyonly=0", "keyonly=2")
.replace("listsort=0", "listsort=4")
.replace("paginationrows=50", "paginationrows=1000");
}
}
} // End glossary.php
if (url.indexOf("/dstbattle.php") > -1)
{
// Hilight cur lang
{
var cur = null;
var elesLang = document.querySelectorAll(".gradienttable > tbody:nth-child(1) > tr > th:nth-child(1)");
for (var i = 1; i < elesLang.length; i++)
{
if (lang === elesLang[i].textContent.trim().replace(/[0-9]+\. /, "").toLowerCase())
{
cur = elesLang[i].parentElement;
break;
}
}
if (cur)
{
cur.classList.add("stsh_dst_curLang");
}
}
} // End dstbattle.php
if (url.indexOf("/statistics.php") > -1)
{
setTimeoutCustom(function()
{
var qBranch = getQueryByName("branch_ID");
var qFile = getQueryByName("file_ID");
if (qBranch === "" && qFile === "")
{
function getProgress(content)
{
content = content.trim();
var rgxNum = /[0-9]+/g;
var data = "";
if (content.indexOf("<15") > -1)
{
data = "014"
}
else if (content.indexOf("100") < 0)
{
data = "0" + (content.match(rgxNum) || ["00"])[0];
}
else
{
data = "100";
}
return data;
}
var branch = "";
var elesTr = document.querySelectorAll(".tableprogress tr");
for (var i = 0; i < elesTr.length; i++)
{
var eleH = elesTr[i].querySelector("h2");
if (eleH)
{
branch = eleH.textContent.trim();
}
else
{
var eleA = elesTr[i].querySelector("td:nth-child(2) > a:nth-child(1)[href^='translate.php']");
if (eleA)
{
elesTr[i].classList.add("stsh_stat_progress");
elesTr[i].dataset.translated = getProgress(eleA.textContent);
elesTr[i].dataset.approved = getProgress(
eleA.parentElement.nextElementSibling.firstElementChild.textContent);
elesTr[i].dataset.branch = branch;
elesTr[i].dataset.file = elesTr[i].firstElementChild.textContent.trim();
}
}
}
var eleDiv = document.createElement("div");
document.body.appendChild(eleDiv);
eleDiv.innerHTML =
' \
<div class="stsh_showing_group"> \
<span class="stsh_showing_header">Hide</span>\
<br/> <input id="stsh_stat_hideGame" value="Game" class="stsh_btn_short" type="button" /> \
<input id="stsh_stat_hideSteam" value="Steam" class="stsh_btn_short" type="button" /> \
<br/> <input id="stsh_stat_hideApproved" value="Approved" class="stsh_btn_long" type="button" /> \
<br/> <input id="stsh_stat_hideCompleted" value="Completed" class="stsh_btn_long" type="button" /> \
<br/> \
<br/> <input id="stsh_stat_showAll" value="Show All" class="stsh_btn_long" type="button" /> \
</div> \
';
var eleHideGame = document.querySelector("#stsh_stat_hideGame");
eleHideGame.addEventListener("click", function()
{
var elesProgress = document.querySelectorAll(".stsh_stat_progress:not(.stsh_hidden)");
for (var i = 0; i < elesProgress.length; i++)
{
if (elesProgress[i].dataset.branch.indexOf("games/") === 0)
{
elesProgress[i].classList.add("stsh_hidden");
}
}
});
var eleHideSteam = document.querySelector("#stsh_stat_hideSteam");
eleHideSteam.addEventListener("click", function()
{
var elesProgress = document.querySelectorAll(".stsh_stat_progress:not(.stsh_hidden)");
for (var i = 0; i < elesProgress.length; i++)
{
if (elesProgress[i].dataset.branch.indexOf("steam") === 0)
{
elesProgress[i].classList.add("stsh_hidden");
}
}
});
var eleHideApproved = document.querySelector("#stsh_stat_hideApproved");
eleHideApproved.addEventListener("click", function()
{
var elesProgress = document.querySelectorAll(".stsh_stat_progress:not(.stsh_hidden)");
for (var i = 0; i < elesProgress.length; i++)
{
if (elesProgress[i].dataset.translated === elesProgress[i].dataset.approved)
{
elesProgress[i].classList.add("stsh_hidden");
}
}
});
var eleHideCompleted = document.querySelector("#stsh_stat_hideCompleted");
eleHideCompleted.addEventListener("click", function()
{
var elesProgress = document.querySelectorAll(".stsh_stat_progress:not(.stsh_hidden)");
for (var i = 0; i < elesProgress.length; i++)
{
if (elesProgress[i].dataset.translated === "100" && elesProgress[i].dataset.approved === "100")
{
elesProgress[i].classList.add("stsh_hidden");
}
}
});
var eleShowAll = document.querySelector("#stsh_stat_showAll");
eleShowAll.addEventListener("click", function()
{
var elesProgress = document.querySelectorAll(".stsh_stat_progress.stsh_hidden");
for (var i = 0; i < elesProgress.length; i++)
{
elesProgress[i].classList.remove("stsh_hidden");
}
});
}
}, 100);
} // End statistics.php
if (url.indexOf("index.php") > -1
|| url === "http://translation.steampowered.com/"
|| url === "https://translation.steampowered.com/")
{
var eleDes = document.querySelector("#verify-form > form");
if (eleDes)
{
var eleSpan = document.createElement("span");
eleSpan.classList.add("stsh_autoLoginOption");
var eleInput = document.createElement("input");
eleInput.id = "stsh_autoLogin";
eleInput.setAttribute("type", "checkbox");
eleInput.setAttribute("value", "auto");
function autoLogin()
{
var eleImage = document.querySelector("#verify-form > form > input[class='image']");
if (eleImage)
{
setTimeoutCustom(function()
{
var eleInput = document.querySelector("#stsh_autoLogin");
if (eleInput && eleInput.checked)
{
eleImage.click();
}
}, 3000);
}
}
if (GM_getValue("autoLogin", 0) === "true")
{
eleInput.checked = true;
autoLogin();
}
eleInput.addEventListener("click", function (e)
{
var ele = e.target;
if (ele.checked)
{
GM_setValue("autoLogin", "true");
autoLogin();
}
else
{
GM_setValue("autoLogin", "false");
}
});
var eleLabel = document.createElement("label");
eleLabel.setAttribute("for", "stsh_autoLogin");
eleLabel.textContent = " Auto Login";
eleSpan.appendChild(eleInput);
eleSpan.appendChild(eleLabel);
eleDes.appendChild(eleSpan);
}
} // End index.php
if (url.indexOf("try_auth.php") > -1)
{
setTimeoutCustom(function()
{
document.forms[0].submit();
}, 3000);
} // End try_auth.php
window.addEventListener("beforeunload", function (e)
{
clearTimeoutAll();
clearIntervalAll();
});
} // End Main
function client()
{
var clientScript =
' \
var timeoutList = new Array(); \
var intervalList = new Array(); \
\
function setTimeoutCustom(func, tm, params) \
{ \
var id = setTimeout(func, tm, params); \
timeoutList.push(id); \
return id; \
} \
\
function clearTimeoutAll() \
{ \
for (var i = 0; i < timeoutList.length; i++) \
{ \
clearTimeout(timeoutList[i]); \
} \
} \
\
function setIntervalCustom(func, tm, params) \
{ \
var id = setInterval(func, tm, params); \
intervalList.push(id); \
return id; \
} \
\
function clearIntervalAll() \
{ \
for (var i = 0; i < intervalList.length; i++) \
{ \
clearInterval(intervalList[i]); \
} \
} \
\
function scrollToId(id, offset) \
{ \
scrollToElement("#" + id, offset); \
} \
\
function scrollToElement(selector, offset) \
{ \
if (typeof offset === "undefined") \
{ \
offset = -20; \
} \
\
var ele = document.querySelector(selector); \
if (ele) \
{ \
ele.scrollIntoView(true); \
window.scrollBy(0, offset); \
} \
} \
\
function getTimeMs() \
{ \
return (new Date()).getTime(); \
} \
\
function registerHideSuggestion() \
{ \
if (typeof hideSuggestionsBox !== "undefined" || (parent && parent.hideSuggestionsBox)) \
{ \
document.addEventListener("keydown", function(e) \
{ \
if (e.keyCode === 27) \
{ \
if (parent) \
{ \
parent.hideSuggestionsBox(); \
} \
else \
{ \
hideSuggestionsBox(); \
} \
} \
return false; \
}); \
} \
} \
registerHideSuggestion(); \
\
function doubleClickHideSuggestion(ele) \
{ \
var maxDiff = 3000; \
var msDiff = maxDiff; \
var isEdited = false; \
\
if (ele && ele.dataset) \
{ \
msDiff = getTimeMs() - (ele.dataset.stshHideSuggestion || 0); \
isEdit = ele.dataset.stshTextEdited === "true"; \
} \
\
if (!isEdit || msDiff < maxDiff) \
{ \
hideSuggestionsBox(); \
ele.dataset.stshHideSuggestion = 0; \
} \
else \
{ \
ele.dataset.stshHideSuggestion = getTimeMs(); \
} \
} \
\
function clickToSelect(ele) \
{ \
var range = document.createRange(); \
range.setStartBefore(ele.firstChild); \
range.setEndAfter(ele.lastChild); \
var sel = window.getSelection(); \
sel.removeAllRanges(); \
sel.addRange(range); \
} \
\
function syncUrlArray() \
{ \
var strStart = "showSuggestionsBox( \'"; \
var strEnd = "\' ); return false;"; \
var strCur = "&list_id="; \
var strAll = "&endnext="; \
var regPos = /&list_id=\\d+&endnext=\\d+/g; \
var isEdit = false; \
var eleDivs = []; \
var urls = []; \
\
var pattUrlTimestamp2 = /\\&t=[0-9]{6,}/g; \
var pattUrlTimestamp4 = /\\&[0-9]{6,}\\&/g; \
\
var trKeys = document.querySelectorAll("#keylist > table:nth-child(1) > tbody:nth-child(1) > tr"); \
for (var i = 0; i < trKeys.length; i++) \
{ \
if (!trKeys[i].classList.contains("stsh_hidden")) \
{ \
var eleDiv = trKeys[i].childNodes[0].childNodes[0]; \
if (typeof eleDiv.getAttribute !== "undefined" \
&& eleDiv.getAttribute("onclick")) \
{ \
eleDivs.push(eleDiv); \
} \
} \
} \
\
for (var i = 0, l = eleDivs.length; i < l; i++) \
{ \
var evOld = eleDivs[i].getAttribute("onclick"); \
if (evOld) \
{ \
var url = evOld.replace(strStart,"").replace(strEnd,"").replace(regPos,""); \
url = url + strCur + i + strAll + l; \
\
if (pattUrlTimestamp2.test(url)) \
{ \
url = url.replace(pattUrlTimestamp2,""); \
} \
if (pattUrlTimestamp4.test(url)) \
{ \
url = url.replace(pattUrlTimestamp4,"&"); \
} \
\
urls.push(url); \
\
var evNew = strStart + url + strEnd; \
if (evOld !== evNew) \
{ \
eleDivs[i].setAttribute("onclick", evNew); \
isEdit = true; \
} \
} \
} \
\
if (isEdit || typeof URLarray === "undefined" || URLarray.length !== urls.length) \
{ \
URLarray = urls; \
} \
} \
\
function setFrameColor(color) \
{ \
var frame = document.querySelector("div#suggestions_box iframe"); \
if (frame) \
{ \
if (frame.style.backgroundColor !== color) \
{ \
frame.style.setProperty("background-color", color, "important"); \
} \
} \
} \
\
function padZero(num, size) \
{ \
return (1e15+num+"").slice(-size); \
} \
\
function doInstant() \
{ \
var url = document.documentURI; \
\
/* Fix STS JS error */ \
setTimeoutCustom(function() \
{ \
if (typeof hide_list === "undefined") \
{ \
hide_list = function() { /*console.log("sts: hide_list");*/ }; \
} \
}, 1000); \
\
if (url.indexOf("user_activity.php") > -1) \
{ \
if (typeof $ !== "undefined") \
{ \
$(".dial").css("display", "none"); \
} \
setTimeoutCustom(function() \
{ \
if (typeof $ !== "undefined") \
{ \
/* Restore drawing progress */ \
$(".dial").css("display", ""); \
$(".dial").knob( \
{ \
"draw": function() \
{ \
$(this.i).val(this.cv + "%"); \
} \
}); \
} \
}, 500); \
} \
else if (url.indexOf("translate.php") > -1) \
{ \
getsuggestionURL = function(urlno) \
{ \
/* Overwrite STS to remove timestamp */ \
return URLarray[urlno]; \
}; \
\
var obTarget_sync = document.querySelector("#keylist_container"); \
if (obTarget_sync) \
{ \
var tmOb_sync = -1; \
var obMu_sync = new MutationObserver(function(mutations) \
{ \
mutations.forEach(function(mutation) \
{ \
if (mutation.type !== "attributes" \
|| mutation.target.tagName === "TR") \
{ \
clearTimeout(tmOb_sync); \
tmOb_sync = setTimeoutCustom(function() \
{ \
syncUrlArray(); \
/*console.log("syncUrlArray: " + tmOb_sync);*/ \
}, 50); \
} \
}); \
}); \
\
var obConfig_sync = { childList: true, subtree: true, attributes: true, attributeFilter: ["class"] }; \
obMu_sync.observe(obTarget_sync, obConfig_sync); \
} \
\
/* Fix STS JS error */ \
setTimeoutCustom(function() \
{ \
if (typeof getendnext === "undefined") \
{ \
getendnext = function() { /*console.log("getendnext");*/ return ""; }; \
} \
}, 1000); \
} \
else if (url.indexOf("suggestions.php") > -1) \
{ \
if (parent !== window) \
{ \
var main = document.querySelector("#suggestionmain"); \
if (main) \
{ \
var styleCp = window.getComputedStyle(main); \
if (styleCp) \
{ \
var color = styleCp.backgroundColor; \
parent.setFrameColor(color); \
} \
} \
} \
} \
\
window.addEventListener("beforeunload", function (e) \
{ \
clearTimeoutAll(); \
clearIntervalAll(); \
}); \
\
} \
doInstant(); \
\
';
var eleClientScript = document.createElement("script");
eleClientScript.innerHTML = clientScript;
document.head.appendChild(eleClientScript);
} // End client
attachOnReady(initStyle);
attachOnReady(client);
attachOnReady(main);
})();
// End
