2019-12-04 19:52:16 -05:00
<!DOCTYPE html>
< html dir = "ltr" xmlns = "http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" / >
< meta content = "text/html;charset=utf-8" http-equiv = "Content-Type" / >
< meta name = "viewport" content = "user-scalable=1.0,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" / >
< meta name = "apple-mobile-web-app-capable" content = "yes" / >
< meta name = "format-detection" content = "telephone=no" / >
< link type = "text/css" href = "styles/style.css" media = "screen" rel = "stylesheet" title = "CSS" / >
< script type = "text/javascript" src = "scripts/common-0.0.1.js" > < / script >
2019-12-05 18:33:22 -05:00
< script type = "text/javascript" src = "scripts/filesaver.js" > < / script >
2019-12-04 19:52:16 -05:00
< style >
.listItem {
width: calc(100vh - 8);
background-color: lightgray;
border-radius: 5px;
box-sizing: border-box;
margin: 4px;
padding: 6px;
text-align: left;
2019-12-06 19:49:40 -05:00
cursor: pointer;
2019-12-04 19:52:16 -05:00
}
.listItem:hover {
background-color: darkgray;
}
2019-12-05 18:33:22 -05:00
.listItemSel {
width: calc(100vh - 8);
background-color: #CFC;
border-radius: 5px;
box-sizing: border-box;
margin: 4px;
padding: 6px;
text-align: left;
}
2019-12-04 19:52:16 -05:00
< / style >
< / head >
2019-12-06 19:49:40 -05:00
< body style = "overflow:hidden" onbeforeunload = "return onBeforeUnload(event)" >
< div id = p11 class = "noselect" style = "overflow:hidden;position:relative" >
< div id = "startTips" style = "top:15px;right:15px;width:calc(50vh);position:absolute;background-color:gold;z-index:1000;padding:10px;border-radius:8px;box-shadow:3px 3px 10px gray" >
Welcome to the MeshCentral translator. You can use this to help translate MeshCentral into other languages. Start by selecting a language, translate a few strings and save the strings to your server. Then, hit "Translate Server" to apply your changes to your server's web pages.< br / > < br / >
When ready, please mail the "meshcentral-data/translate.json" file to < a href = "mailto:ylianst@gmail.com" > ylianst@gmail.com< / a > for inclusion in the MeshCentral official builds.< br / > < br / >
< a onclick = "closeStartTips()" > < b > Close< / b > < / a >
< / div >
2019-12-04 19:52:16 -05:00
< div id = deskarea0 >
< div id = "bigok" style = "display:none;left:calc((100vh / 2))" > < b > ✓ < / b > < / div >
< div id = "bigfail" style = "display:none;left:calc((100vh / 2))" > < b > ✗ < / b > < / div >
2019-12-05 18:33:22 -05:00
< div id = deskarea0 style = "position:absolute;left:0;right:0;top:0;height:28px;background-color:#036;color:#c8c8c8" >
2019-12-06 19:49:40 -05:00
< input style = "float:right;margin:3px" id = "TransServerButton" type = button value = "Translate Server" onclick = "translateServer()" >
2019-12-05 18:33:22 -05:00
< div style = "float:right;padding:2px" id = "mainStatus" > < / div >
< div style = "font-size:20px;font-family:Arial;padding:3px" > < b > MeshCentral Translator< / b > < / div >
< / div >
< div id = deskarea1 class = "areaHead" style = "margin-top:28px" >
2019-12-04 19:52:16 -05:00
< div class = "toright2" style = "margin-top:3px;margin-right:5px" >
< span id = "status" > < / span >
< / div >
< div >
2019-12-05 18:33:22 -05:00
< input id = "OpenFileButton" type = button value = "Open File..." onclick = "openfile()" style = "display:none" >
2021-06-01 14:18:20 -04:00
< input id = "SaveServerButton" title = "Ctrl-S" type = button value = "Save to Server (F3)" onclick = "saveServerTranslations()" >
< input id = "SaveFileButton" title = "Ctrl-Shift-S" type = button value = "Save to File (F4)" onclick = "saveToFile()" >
2019-12-06 19:49:40 -05:00
< select id = "langSelector" onchange = "langSelectorChange()" >
2024-04-21 19:19:22 -04:00
< option value = "af" > Afrikaans (af)< / option >
< option value = "sq" > Albanian (sq)< / option >
< option value = "ar" > Arabic (Standard) (ar)< / option >
< option value = "ar-dz" > Arabic (Algeria) (ar-dz)< / option >
< option value = "ar-bh" > Arabic (Bahrain) (ar-bh)< / option >
< option value = "ar-eg" > Arabic (Egypt) (ar-eg)< / option >
< option value = "ar-iq" > Arabic (Iraq) (ar-iq)< / option >
< option value = "ar-jo" > Arabic (Jordan) (ar-jo)< / option >
< option value = "ar-kw" > Arabic (Kuwait) (ar-kw)< / option >
< option value = "ar-lb" > Arabic (Lebanon) (ar-lb)< / option >
< option value = "ar-ly" > Arabic (Libya) (ar-ly)< / option >
< option value = "ar-ma" > Arabic (Morocco) (ar-ma)< / option >
< option value = "ar-om" > Arabic (Oman) (ar-om)< / option >
< option value = "ar-qa" > Arabic (Qatar) (ar-qa)< / option >
< option value = "ar-sa" > Arabic (Saudi Arabia) (ar-sa)< / option >
< option value = "ar-sy" > Arabic (Syria) (ar-sy)< / option >
< option value = "ar-tn" > Arabic (Tunisia) (ar-tn)< / option >
< option value = "ar-ae" > Arabic (U.A.E.) (ar-ae)< / option >
< option value = "ar-ye" > Arabic (Yemen) (ar-ye)< / option >
< option value = "an" > Aragonese (an)< / option >
< option value = "hy" > Armenian (hy)< / option >
< option value = "as" > Assamese (as)< / option >
< option value = "ast" > Asturian (ast)< / option >
< option value = "az" > Azerbaijani (az)< / option >
< option value = "eu" > Basque (eu)< / option >
< option value = "bg" > Bulgarian (bg)< / option >
< option value = "be" > Belarusian (be)< / option >
< option value = "bn" > Bengali (bn)< / option >
2022-10-20 17:52:20 -04:00
< option value = "bs" > Bosnian (bs)< / option >
2024-04-21 19:19:22 -04:00
< option value = "br" > Breton (br)< / option >
< option value = "my" > Burmese (my)< / option >
< option value = "ca" > Catalan (ca)< / option >
< option value = "ch" > Chamorro (ch)< / option >
< option value = "ce" > Chechen (ce)< / option >
< option value = "zh" > Chinese (zh)< / option >
< option value = "zh-hk" > Chinese (Hong Kong) (zh-hk)< / option >
< option value = "zh-cn" > Chinese (PRC) (zh-cn)< / option >
< option value = "zh-sg" > Chinese (Singapore) (zh-sg)< / option >
< option value = "zh-tw" > Chinese (Taiwan) (zh-tw)< / option >
< option value = "zh-CHS" > Simplified Chinese (zh-CHS)< / option >
< option value = "zh-CHT" > Traditional Chinese (zh-CHT)< / option >
< option value = "cv" > Chuvash (cv)< / option >
< option value = "co" > Corsican (co)< / option >
< option value = "cr" > Cree (cr)< / option >
2022-10-20 17:52:20 -04:00
< option value = "hr" > Croatian (hr)< / option >
2024-04-21 19:19:22 -04:00
< option value = "cs" > Czech (cs)< / option >
2022-01-03 15:10:31 -05:00
< option value = "da" > Danish (da)< / option >
2024-04-21 19:19:22 -04:00
< option value = "nl" > Dutch (Standard) (nl)< / option >
< option value = "nl-be" > Dutch (Belgian) (nl-be)< / option >
< option value = "en" > English (en)< / option >
< option value = "en-au" > English (Australia) (en-au)< / option >
< option value = "en-bz" > English (Belize) (en-bz)< / option >
< option value = "en-ca" > English (Canada) (en-ca)< / option >
< option value = "en-ie" > English (Ireland) (en-ie)< / option >
< option value = "en-jm" > English (Jamaica) (en-jm)< / option >
< option value = "en-nz" > English (New Zealand) (en-nz)< / option >
< option value = "en-ph" > English (Philippines) (en-ph)< / option >
< option value = "en-za" > English (South Africa) (en-za)< / option >
< option value = "en-tt" > English (Trinidad & Tobago) (en-tt)< / option >
< option value = "en-gb" > English (United Kingdom) (en-gb)< / option >
< option value = "en-us" > English (United States) (en-us)< / option >
< option value = "en-zw" > English (Zimbabwe) (en-zw)< / option >
< option value = "eo" > Esperanto (eo)< / option >
< option value = "et" > Estonian (et)< / option >
< option value = "fo" > Faeroese (fo)< / option >
< option value = "fa" > Farsi (Persian) (fa)< / option >
< option value = "fj" > Fijian (fj)< / option >
2020-08-07 12:37:28 -04:00
< option value = "fi" > Finnish (fi)< / option >
2024-04-21 19:19:22 -04:00
< option value = "fr" > French (Standard) (fr)< / option >
< option value = "fr-be" > French (Belgium) (fr-be)< / option >
< option value = "fr-ca" > French (Canada) (fr-ca)< / option >
< option value = "fr-fr" > French (France) (fr-fr)< / option >
< option value = "fr-lu" > French (Luxembourg) (fr-lu)< / option >
< option value = "fr-mc" > French (Monaco) (fr-mc)< / option >
< option value = "fr-ch" > French (Switzerland) (fr-ch)< / option >
< option value = "fy" > Frisian (fy)< / option >
< option value = "fur" > Friulian (fur)< / option >
< option value = "gd" > Gaelic (Scots) (gd)< / option >
< option value = "gd-ie" > Gaelic (Irish) (gd-ie)< / option >
< option value = "gl" > Galacian (gl)< / option >
< option value = "ka" > Georgian (ka)< / option >
< option value = "de" > German (Standard) (de)< / option >
< option value = "de-at" > German (Austria) (de-at)< / option >
< option value = "de-de" > German (Germany) (de-de)< / option >
< option value = "de-li" > German (Liechtenstein) (de-li)< / option >
< option value = "de-lu" > German (Luxembourg) (de-lu)< / option >
< option value = "de-ch" > German (Switzerland) (de-ch)< / option >
2019-12-04 19:52:16 -05:00
< option value = "el" > Greek (el)< / option >
2024-04-21 19:19:22 -04:00
< option value = "gu" > Gujurati (gu)< / option >
< option value = "ht" > Haitian (ht)< / option >
2019-12-04 19:52:16 -05:00
< option value = "he" > Hebrew (he)< / option >
< option value = "hi" > Hindi (hi)< / option >
2024-04-21 19:19:22 -04:00
< option value = "hu" > Hungarian (hu)< / option >
< option value = "is" > Icelandic (is)< / option >
< option value = "id" > Indonesian (id)< / option >
< option value = "iu" > Inuktitut (iu)< / option >
< option value = "ga" > Irish (ga)< / option >
< option value = "it" > Italian (Standard) (it)< / option >
< option value = "it-ch" > Italian (Switzerland) (it-ch)< / option >
2019-12-04 19:52:16 -05:00
< option value = "ja" > Japanese (ja)< / option >
2024-04-21 19:19:22 -04:00
< option value = "kn" > Kannada (kn)< / option >
< option value = "ks" > Kashmiri (ks)< / option >
< option value = "kk" > Kazakh (kk)< / option >
< option value = "km" > Khmer (km)< / option >
< option value = "ky" > Kirghiz (ky)< / option >
< option value = "tlh" > Klingon (tlh)< / option >
2019-12-04 19:52:16 -05:00
< option value = "ko" > Korean (ko)< / option >
2024-04-21 19:19:22 -04:00
< option value = "ko-kp" > Korean (North Korea) (ko-kp)< / option >
< option value = "ko-kr" > Korean (South Korea) (ko-kr)< / option >
< option value = "la" > Latin (la)< / option >
< option value = "lv" > Latvian (lv)< / option >
< option value = "lt" > Lithuanian (lt)< / option >
< option value = "lb" > Luxembourgish (lb)< / option >
< option value = "mk" > FYRO Macedonian (mk)< / option >
< option value = "ms" > Malay (ms)< / option >
< option value = "ml" > Malayalam (ml)< / option >
< option value = "mt" > Maltese (mt)< / option >
< option value = "mi" > Maori (mi)< / option >
< option value = "mr" > Marathi (mr)< / option >
< option value = "mo" > Moldavian (mo)< / option >
< option value = "nv" > Navajo (nv)< / option >
< option value = "ng" > Ndonga (ng)< / option >
< option value = "ne" > Nepali (ne)< / option >
< option value = "no" > Norwegian (no)< / option >
< option value = "nb" > Norwegian (Bokmal) (nb)< / option >
< option value = "nn" > Norwegian (Nynorsk) (nn)< / option >
< option value = "oc" > Occitan (oc)< / option >
< option value = "or" > Oriya (or)< / option >
< option value = "om" > Oromo (om)< / option >
< option value = "fa-ir" > Persian/Iran (fa-ir)< / option >
2019-12-04 19:52:16 -05:00
< option value = "pl" > Polish (pl)< / option >
< option value = "pt" > Portuguese (pt)< / option >
2024-04-21 19:19:22 -04:00
< option value = "pt-br" > Portuguese (Brazil) (pt-br)< / option >
< option value = "pa" > Punjabi (pa)< / option >
< option value = "pa-in" > Punjabi (India) (pa-in)< / option >
< option value = "pa-pk" > Punjabi (Pakistan) (pa-pk)< / option >
< option value = "qu" > Quechua (qu)< / option >
< option value = "rm" > Rhaeto-Romanic (rm)< / option >
2019-12-04 19:52:16 -05:00
< option value = "ro" > Romanian (ro)< / option >
2024-04-21 19:19:22 -04:00
< option value = "ro-mo" > Romanian (Moldavia) (ro-mo)< / option >
< option value = "ru" > Russian (ru)< / option >
< option value = "ru-mo" > Russian (Moldavia) (ru-mo)< / option >
< option value = "sz" > Sami (Lappish) (sz)< / option >
< option value = "sg" > Sango (sg)< / option >
< option value = "sa" > Sanskrit (sa)< / option >
< option value = "sc" > Sardinian (sc)< / option >
< option value = "sd" > Sindhi (sd)< / option >
< option value = "si" > Singhalese (si)< / option >
2022-10-20 17:52:20 -04:00
< option value = "sr" > Serbian (sr)< / option >
2024-04-21 19:19:22 -04:00
< option value = "sk" > Slovak (sk)< / option >
< option value = "sl" > Slovenian (sl)< / option >
< option value = "so" > Somani (so)< / option >
< option value = "sb" > Sorbian (sb)< / option >
2019-12-04 19:52:16 -05:00
< option value = "es" > Spanish (es)< / option >
2024-04-21 19:19:22 -04:00
< option value = "es-ar" > Spanish (Argentina) (es-ar)< / option >
< option value = "es-bo" > Spanish (Bolivia) (es-bo)< / option >
< option value = "es-cl" > Spanish (Chile) (es-cl)< / option >
< option value = "es-co" > Spanish (Colombia) (es-co)< / option >
< option value = "es-cr" > Spanish (Costa Rica) (es-cr)< / option >
< option value = "es-do" > Spanish (Dominican Republic) (es-do)< / option >
< option value = "es-ec" > Spanish (Ecuador) (es-ec)< / option >
< option value = "es-sv" > Spanish (El Salvador) (es-sv)< / option >
< option value = "es-gt" > Spanish (Guatemala) (es-gt)< / option >
< option value = "es-hn" > Spanish (Honduras) (es-hn)< / option >
< option value = "es-mx" > Spanish (Mexico) (es-mx)< / option >
< option value = "es-ni" > Spanish (Nicaragua) (es-ni)< / option >
< option value = "es-pa" > Spanish (Panama) (es-pa)< / option >
< option value = "es-py" > Spanish (Paraguay) (es-py)< / option >
< option value = "es-pe" > Spanish (Peru) (es-pe)< / option >
< option value = "es-pr" > Spanish (Puerto Rico) (es-pr)< / option >
< option value = "es-es" > Spanish (Spain) (es-es)< / option >
< option value = "es-uy" > Spanish (Uruguay) (es-uy)< / option >
< option value = "es-ve" > Spanish (Venezuela) (es-ve)< / option >
< option value = "sx" > Sutu (sx)< / option >
< option value = "sw" > Swahili (sw)< / option >
2021-06-28 13:52:27 -04:00
< option value = "sv" > Swedish (sv)< / option >
2024-04-21 19:19:22 -04:00
< option value = "sv-fi" > Swedish (Finland) (sv-fi)< / option >
< option value = "sv-sv" > Swedish (Sweden) (sv-sv)< / option >
< option value = "ta" > Tamil (ta)< / option >
< option value = "tt" > Tatar (tt)< / option >
< option value = "te" > Teluga (te)< / option >
< option value = "th" > Thai (th)< / option >
< option value = "tig" > Tigre (tig)< / option >
< option value = "ts" > Tsonga (ts)< / option >
< option value = "tn" > Tswana (tn)< / option >
2020-08-24 02:35:29 -04:00
< option value = "tr" > Turkish (tr)< / option >
2024-04-21 19:19:22 -04:00
< option value = "tk" > Turkmen (tk)< / option >
< option value = "uk" > Ukrainian (uk)< / option >
< option value = "hsb" > Upper Sorbian (hsb)< / option >
< option value = "ur" > Urdu (ur)< / option >
< option value = "ve" > Venda (ve)< / option >
< option value = "vi" > Vietnamese (vi)< / option >
< option value = "vo" > Volapuk (vo)< / option >
< option value = "wa" > Walloon (wa)< / option >
< option value = "cy" > Welsh (cy)< / option >
< option value = "xh" > Xhosa (xh)< / option >
< option value = "ji" > Yiddish (ji)< / option >
< option value = "zu" > Zulu (zu)< / option >
2019-12-04 19:52:16 -05:00
< / select >
2019-12-05 18:33:22 -05:00
< input id = "searchInput" type = "text" placeholder = "Search" onchange = "onSearchChanged()" onkeyup = "onSearchChanged()" >
2020-02-04 19:22:00 -05:00
< label > < input id = "showLocCheck" type = "checkbox" onchange = "onLocChanged()" > Show Location< / label >
< label > < input id = "showNoTransOnlyCheck" type = "checkbox" onchange = "onSearchChanged(true)" > Show No Translations Only< / label >
< / div >
2019-12-04 19:52:16 -05:00
< / div >
< div id = deskarea2 style = "" >
2019-12-05 18:33:22 -05:00
< div class = "areaProgress" > < div id = "progressbar" style = "background-color:blue" > < / div > < / div >
2019-12-04 19:52:16 -05:00
< / div >
2019-12-05 18:33:22 -05:00
< div id = deskarea3x style = "max-height:calc(100vh - 82px);height:calc(100vh - 54px);background-color:gray" >
2020-06-15 19:37:02 -04:00
< div id = "mainListArea" style = "height:calc(33.33vh);overflow-y:scroll" >
2019-12-04 19:52:16 -05:00
< div class = "listItem" > < div style = "display:inline-block;width:calc(40% - 10px)" > < / div > < div style = "display:inline-block;width:calc(40% - 10px)" > < / div > < div style = "display:inline-block;width:calc(20% - 10px)" > < / div > < / div >
< / div >
2019-12-06 19:49:40 -05:00
< textarea id = "defaultTextArea" autocomplete = off readonly style = "height:calc(28.33vh);overflow-y:scroll;width:calc(100% - 5px);resize:none;background-color:#EFE" > < / textarea >
< textarea id = "translatedTextArea" autocomplete = off style = "height:calc(38.33vh - 96px);overflow-y:scroll;width:calc(100% - 5px);resize:none;background-color:#EFE" onkeyup = "onSourceChange()" > < / textarea >
2019-12-04 19:52:16 -05:00
< / div >
< div id = deskarea4 class = "areaFoot" >
< div class = "toright2" >
2021-06-01 14:18:20 -04:00
< input id = "CopySource" type = button value = "Copy English (F5)" onclick = "copySource()" >
< input id = "PrevButton" type = button value = "Prev (PgUp)" onclick = "prev()" >
< input id = "NextButton" type = button value = "Next (PgDn)" onclick = "next()" >
2019-12-04 19:52:16 -05:00
< / div >
< div style = "height:22px" >
2021-06-01 14:18:20 -04:00
< input id = "SetButton" type = button value = "Set (F1)" onclick = "setTranslation()" >
< input id = "CancelButton" type = button value = "Cancel (F2)" onclick = "cancelTranslation()" >
2019-12-04 19:52:16 -05:00
< / div >
< / div >
< / div >
< div id = dialog class = "noselect" style = "display:none" >
< div id = dialogHeader >
< div tabindex = 0 id = id_dialogclose onclick = setDialogMode() onkeypress = "if (event.key == 'Enter') setDialogMode()" > ✖ < / div >
< div id = id_dialogtitle > < / div >
< / div >
< div id = dialogBody >
< div id = dialog1 >
< div id = id_dialogMessage style = "" > < / div >
< / div >
< div id = dialog2 style = "" >
< div id = id_dialogOptions > < / div >
< / div >
< / div >
< div id = "idx_dlgButtonBar" >
< input id = "idx_dlgCancelButton" type = "button" value = "Cancel" style = "" onclick = "dialogclose(0)" >
< input id = "idx_dlgOkButton" type = "button" value = "OK" style = "" onclick = "dialogclose(1)" >
< div > < input id = "idx_dlgDeleteButton" type = "button" value = "Delete" style = "display:none" onclick = "dialogclose(2)" > < / div >
< / div >
< / div >
< / div >
< script >
var translations = null;
var selectedLanguage = Q('langSelector').value;
var selectedItem = 0;
2019-12-06 19:49:40 -05:00
var changes = false;
2019-12-04 19:52:16 -05:00
function start() {
window.onresize = deskAdjust;
document.ondrop = ondrop;
document.ondragover = ondragover;
document.ondragleave = ondragleave;
document.onkeypress = onkeypress;
2021-06-01 14:18:20 -04:00
document.onkeydown = onkeydown;
document.onkeyup = onkeyup;
2020-06-15 19:37:02 -04:00
updateMainList();
2019-12-05 18:33:22 -05:00
loadServerTranslations();
2019-12-06 19:49:40 -05:00
QE('SaveServerButton', false);
}
function onBeforeUnload(e) {
if (changes) { e.preventDefault(); e.resturnValue = ''; }
2019-12-04 19:52:16 -05:00
}
2019-12-06 19:49:40 -05:00
function closeStartTips() { QV('startTips', false); }
2019-12-05 18:33:22 -05:00
function langSelectorChange() {
selectedLanguage = Q('langSelector').value;
2020-06-15 19:37:02 -04:00
updateMainList();
2019-12-05 18:33:22 -05:00
onSearchChanged(true);
2019-12-06 19:49:40 -05:00
select(0, true, false);
2019-12-05 18:33:22 -05:00
}
2019-12-04 19:52:16 -05:00
function cleanup() {
translationFile = null;
2020-06-15 19:37:02 -04:00
updateMainList();
2019-12-05 18:33:22 -05:00
Q('searchInput').value = '';
currentSearchFilter = '';
2019-12-04 19:52:16 -05:00
}
function ondrop(e) {
haltEvent(e);
QV('bigfail', false);
QV('bigok', false);
// Check if these are files we can upload, remove all folders.
if (e.dataTransfer == null) return;
var files = [];
for (var i in e.dataTransfer.files) {
if ((e.dataTransfer.files[i].type != null) & & (e.dataTransfer.files[i].size != null) & & (e.dataTransfer.files[i].size != 0) & & (e.dataTransfer.files[i].name.endsWith('.json'))) {
files.push(e.dataTransfer.files[i]);
}
}
if (files.length == 0) return;
cleanup();
readFile(files[0]);
}
var dragtimer = null;
function ondragover(e) {
haltEvent(e);
if (dragtimer != null) { clearTimeout(dragtimer); dragtimer = null; }
var ac = true;
QV('bigok', ac);
QV('bigfail', !ac);
}
function ondragleave(e) {
haltEvent(e);
dragtimer = setTimeout(function () { QV('bigfail', false); QV('bigok', false); dragtimer = null; }, 10);
}
function onkeypress(e) {
if (xxdialogMode) return;
//if (e.key == ' ') { togglePause(); haltEvent(e); }
}
2021-06-01 14:18:20 -04:00
function onkeydown(e) {
if (xxdialogMode) return;
if (e.key == 'F1') { setTranslation(); haltEvent(e); return false; } // Set translation
if (e.key == 'F2') { cancelTranslation(); haltEvent(e); return false; } // Cancel translation
if (e.key == 'F3') { saveServerTranslations(); haltEvent(e); return false; } // Save to server
if (e.key == 'F4') { saveToFile(); haltEvent(e); return false; } // Save to file
if (e.key == 'F5') { copySource(); haltEvent(e); return false; } // Copy source
}
function onkeyup(e) {
if (xxdialogMode) return;
if (e.key == 'PageUp') { setTranslation(); prev(); haltEvent(e); return false; } // Save and move to previous
if (e.key == 'PageDown') { setTranslation(); next(); haltEvent(e); return false; } // Save and move to next
}
2019-12-04 19:52:16 -05:00
function deskAdjust() {
}
function openfile() {
var x = '< input type = file name = files id = p2fileinput style = width:100% accept = ".json" onchange = "openfileChanged()" / > ';
setDialogMode(2, "Open File...", 3, openfileEx, x);
QE('idx_dlgOkButton', false);
}
function openfileEx() {
var xfiles = Q('p2fileinput').files;
if (xfiles != null) { var files = []; for (var i in xfiles) { if ((xfiles[i].type != null) & & (xfiles[i].size != null) & & (xfiles[i].size != 0) & & (xfiles[i].name.endsWith('.json'))) { files.push(xfiles[i]); } } }
if (files.length == 0) return;
cleanup();
readFile(files[0]);
Q('OpenFileButton').blur();
}
function openfileChanged() {
var xfiles = Q('p2fileinput').files;
if (xfiles != null) { var files = []; for (var i in xfiles) { if ((xfiles[i].type != null) & & (xfiles[i].size != null) & & (xfiles[i].size != 0) & & (xfiles[i].name.endsWith('.json'))) { files.push(xfiles[i]); } } }
QE('idx_dlgOkButton', files.length == 1);
}
function readFile(translationFile) {
var fr = new FileReader();
fr.onload = function () {
var file = null;
try { file = JSON.parse(this.result); } catch (ex) { }
if ((file != null) & & (typeof file.strings == 'object') & & (file.strings.length > 0)) {
translations = file.strings;
translations.sort(enSort);
2019-12-05 18:33:22 -05:00
Q('searchInput').value = '';
currentSearchFilter = '';
2020-06-15 19:37:02 -04:00
updateMainList();
2019-12-05 18:33:22 -05:00
select(0, true);
2019-12-04 19:52:16 -05:00
}
};
fr.readAsText(translationFile);
}
2020-06-15 19:37:02 -04:00
function updateMainList() {
2019-12-04 19:52:16 -05:00
var x = [];
if (translations != null) {
//console.log(translations);
for (var i in translations) {
var source = EscapeHtml(translations[i].en);
var target = '';
if (translations[i][selectedLanguage] != null) { target = EscapeHtml(translations[i][selectedLanguage]); }
var comment = '';
2019-12-05 18:33:22 -05:00
// < span id = ns' + i + ' style = display:none > ▶ < / span >
2019-12-06 19:49:40 -05:00
x.push('< div class = "listItem" id = nx' + i + ' onclick = select(' + i + ' ) > < div id = ns' + i + ' style = "display:inline-block;width:calc(40% - 10px)" > ' + source + '< / div > < div id = nt' + i + ' style = "display:inline-block;width:calc(40% - 10px)" > ' + target + '< / div > < div id = nc' + i + ' style = "display:inline-block;width:calc(20% - 10px)" > ' + comment + '< / div > < / div > ');
2019-12-04 19:52:16 -05:00
}
}
2020-06-15 19:37:02 -04:00
QH('mainListArea', x.join(''));
2019-12-04 19:52:16 -05:00
updateButtons();
2020-02-04 19:22:00 -05:00
onSearchChanged(true);
2019-12-04 19:52:16 -05:00
}
2019-12-06 19:49:40 -05:00
function select(i, scroll, nofocus) {
// Hold selection is a change was made but not commited.
if ((scroll == null) & & (isTargetChanged() == true)) { return; }
2019-12-05 18:33:22 -05:00
Q('nx' + selectedItem).classList.remove('listItemSel');
Q('nx' + selectedItem).classList.add('listItem');
2019-12-04 19:52:16 -05:00
selectedItem = i;
2019-12-05 18:33:22 -05:00
Q('nx' + selectedItem).classList.remove('listItem');
Q('nx' + selectedItem).classList.add('listItemSel');
if (scroll === true) {
2020-06-15 19:37:02 -04:00
var x = (Q('mainListArea').clientHeight / 2) - (Q('nx' + selectedItem).clientHeight / 2);
2019-12-05 18:33:22 -05:00
if (x < 0 ) { x = 0; }
2020-06-15 19:37:02 -04:00
Q('mainListArea').scrollTop = Q('nx' + selectedItem).offsetTop - x;
2019-12-05 18:33:22 -05:00
}
onLocChanged();
if (translations[i][selectedLanguage] != null) {
2019-12-06 19:49:40 -05:00
Q('translatedTextArea').value = translations[selectedItem][selectedLanguage];
2019-12-05 18:33:22 -05:00
} else {
2019-12-06 19:49:40 -05:00
Q('translatedTextArea').value = '';
2019-12-05 18:33:22 -05:00
}
2019-12-06 19:49:40 -05:00
if (nofocus == true) { Q('translatedTextArea').focus(); }
2019-12-04 19:52:16 -05:00
updateButtons();
}
2021-06-01 14:18:20 -04:00
function next() { if (selectedItem < (translations.length - 1)) { select(selectedItem + 1, true); } }
function prev() { if (selectedItem > 0) { select(selectedItem - 1, true); } }
2019-12-06 19:49:40 -05:00
function copySource() { Q('translatedTextArea').value = translations[selectedItem].en; Q('translatedTextArea').focus(); }
2019-12-04 19:52:16 -05:00
function updateButtons() {
QE('SaveFileButton', translations != null);
2019-12-06 19:49:40 -05:00
QE('NextButton', (isTargetChanged() == false) & & (translations != null) & & (selectedItem < (translations.length - 1)));
QE('PrevButton', (isTargetChanged() == false) & & (translations != null) & & (selectedItem > 0));
2019-12-04 19:52:16 -05:00
QE('CopySource', translations != null);
if (translations == null) {
QH('status', '');
QS('progressbar').width = '0%';
} else {
QH('status', (selectedItem + 1) + ' / ' + translations.length);
QS('progressbar').width = Math.floor(100 * ((selectedItem + 1) / translations.length)) + '%';
}
2019-12-06 19:49:40 -05:00
onSourceChange();
2019-12-04 19:52:16 -05:00
}
function enSort(a, b) { if (a.en.toLowerCase() > b.en.toLowerCase()) return 1; if (a.en.toLowerCase() < b.en.toLowerCase ( ) ) return -1 ; return 0 ; }
2019-12-05 18:33:22 -05:00
var currentSearchFilter = '';
function onSearchChanged(force) {
2020-02-04 19:22:00 -05:00
var showNoTranslationOnly = Q('showNoTransOnlyCheck').checked;
2019-12-05 18:33:22 -05:00
if ((force != true) & & (currentSearchFilter == Q('searchInput').value)) return;
currentSearchFilter = Q('searchInput').value;
2019-12-06 19:49:40 -05:00
var currentSearchFilterLower = currentSearchFilter.toLowerCase();
2019-12-05 18:33:22 -05:00
if (translations != null) {
for (var i in translations) {
2020-02-04 19:22:00 -05:00
var show = (!showNoTranslationOnly) || (translations[i][selectedLanguage] == null) || (translations[i][selectedLanguage] == '');
2019-12-05 18:33:22 -05:00
if (currentSearchFilter == '') {
2020-02-04 19:22:00 -05:00
QV('nx' + i, show);
2019-12-05 18:33:22 -05:00
} else {
2020-02-04 19:22:00 -05:00
QV('nx' + i, show & & (((translations[i][selectedLanguage] != null) & & (translations[i][selectedLanguage].toLowerCase().indexOf(currentSearchFilterLower) >= 0)) || (translations[i]['en'].toLowerCase().indexOf(currentSearchFilterLower) >= 0)));
2019-12-05 18:33:22 -05:00
}
}
}
}
function onLocChanged() {
if (Q('showLocCheck').checked) {
if ((translations[selectedItem].xloc != null) & & (translations[selectedItem].xloc.length > 0)) {
if (translations[selectedItem].xloc.length == 1) {
QH('defaultTextArea', translations[selectedItem]['en'] + '\r\n\r\nLocation:\r\n' + translations[selectedItem].xloc.join('\r\n'));
} else {
QH('defaultTextArea', translations[selectedItem]['en'] + '\r\n\r\nLocations:\r\n' + translations[selectedItem].xloc.join('\r\n'));
}
} else {
QH('defaultTextArea', translations[selectedItem]['en'] + '\r\n\r\nNo locations.');
}
} else {
QH('defaultTextArea', translations[selectedItem]['en']);
}
}
// Poll the server, if it responds, refresh the page.
function loadServerTranslations() {
var xdr = null;
try { xdr = new XDomainRequest(); } catch (e) { }
if (!xdr) xdr = new XMLHttpRequest();
xdr.open('POST', window.location.origin + '/translations');
xdr.timeout = 30000;
xdr.onload = function () {
var x = null;
try { x = JSON.parse(this.responseText); } catch (ex) { }
if ((x == null) || (typeof x.strings != 'object')) { messagebox('Translations', 'ERROR: Unable to parse translations from the server.'); return; }
translations = x.strings;
translations.sort(enSort);
Q('searchInput').value = '';
currentSearchFilter = '';
2020-06-15 19:37:02 -04:00
updateMainList();
2019-12-05 18:33:22 -05:00
select(0, true);
};
xdr.onerror = function () {
messagebox('Translations', 'ERROR: Unable to load translations from the server.');
};
xdr.send('{ "action":"getTranslations" }');
}
// Save to server
function saveServerTranslations() {
var xdr = null;
try { xdr = new XDomainRequest(); } catch (e) { }
if (!xdr) xdr = new XMLHttpRequest();
xdr.open('POST', window.location.origin + '/translations');
xdr.timeout = 30000;
xdr.onload = function () {
var x = null;
try { x = JSON.parse(this.responseText); } catch (ex) { }
2019-12-06 19:49:40 -05:00
if ((x == null) || (x.response == null)) { messagebox('Translations', 'ERROR: Unable to parse server response.'); return; }
if (x.response == 'ok') {
changes = false;
QE('SaveServerButton', false);
QS('SaveServerButton')['background-color'] = null;
} else {
messagebox('Translations', 'ERROR: ' + x.response);
}
2019-12-05 18:33:22 -05:00
};
xdr.onerror = function () { messagebox('Translations', 'ERROR: Unable to save translations to server.'); };
xdr.send(JSON.stringify({ 'action': 'setTranslations', strings: translations }));
}
2020-01-07 18:10:12 -05:00
// Convert the translations to a standardized JSON we can use in GitHub
// Strings are sorder by english source and object keys are sorted
function translationsToJson(t) {
var arr2 = [], arr = t.strings;
for (var i in arr) {
var names = []; el = arr[i], el2 = {};
for (var j in el) { names.push(j); }
names.sort();
for (var j in names) { el2[names[j]] = el[names[j]]; }
2020-01-07 20:12:09 -05:00
if (el2.xloc != null) { el2.xloc.sort(); }
2020-01-07 18:10:12 -05:00
arr2.push(el2);
}
arr2.sort(function (a, b) { if (a.en > b.en) return 1; if (a.en < b.en ) return -1 ; return 0 ; } ) ;
return JSON.stringify({ strings: arr2 }, null, ' ');
}
2019-12-05 18:33:22 -05:00
function saveToFile() {
2020-01-07 18:10:12 -05:00
saveAs(utf2blob(translationsToJson({ strings: translations })), 'translate.json');
2019-12-05 18:33:22 -05:00
}
2019-12-06 19:49:40 -05:00
function setTranslation() {
if (Q('translatedTextArea').value == '') {
delete translations[selectedItem][selectedLanguage];
QH('nt' + selectedItem, '');
} else {
translations[selectedItem][selectedLanguage] = Q('translatedTextArea').value;
QH('nt' + selectedItem, translations[selectedItem][selectedLanguage]);
}
onSourceChange();
changes = true;
QE('SaveServerButton', true);
QS('SaveServerButton')['background-color'] = '#F93';
}
function cancelTranslation() {
Q('translatedTextArea').value = translations[selectedItem][selectedLanguage];
}
function isTargetChanged() {
if (translations == null) { return false; }
var source = '';
if (translations[selectedItem][selectedLanguage] != null) { source = translations[selectedItem][selectedLanguage]; }
return (source != Q('translatedTextArea').value);
}
function onSourceChange() {
var x = isTargetChanged();
QE('SetButton', x);
QE('CancelButton', x);
QE('NextButton', (isTargetChanged() == false) & & (translations != null) & & (selectedItem < (translations.length - 1)));
QE('PrevButton', (isTargetChanged() == false) & & (translations != null) & & (selectedItem > 0));
QS('translatedTextArea')['background-color'] = ((x == true) ? 'white' : '#EFE');
QE('SaveFileButton', !x);
QE('searchInput', !x);
QE('showLocCheck', !x);
QE('langSelector', !x);
QE('TransServerButton', !x);
QE('SaveServerButton', changes & & !x);
}
function translateServer() {
2020-01-07 20:12:09 -05:00
var x = "Perform server translation? The MeshCentral server will reset for 10 to 30 seconds to perform this operation.";
2019-12-06 19:49:40 -05:00
setDialogMode(2, "Translate Server", 3, translateServerEx, x);
}
function translateServerEx() {
QE('TransServerButton', false);
setTimeout(function () { QE('TransServerButton', true); }, 5000);
var xdr = null;
try { xdr = new XDomainRequest(); } catch (e) { }
if (!xdr) xdr = new XMLHttpRequest();
xdr.open('POST', window.location.origin + '/translations');
xdr.timeout = 30000;
xdr.onload = function () {
var x = null;
try { x = JSON.parse(this.responseText); } catch (ex) { }
2020-01-07 20:12:09 -05:00
if ((x == null) || (x.response == null)) { messagebox("Server Translation", "ERROR: Unable to parse server response."); return; }
2019-12-06 19:49:40 -05:00
if (x.response == 'ok') {
2020-01-07 20:12:09 -05:00
messagebox("Server Translation", "Server translation initiated, this will take a minute or two. Once done, you can refresh the MeshCentral web pages to see the changes.< br / > < br / > When ready, please mail the file \"meshcentral-data/translate.json\" to < a href = \"mailto:ylianst@gmail.com\" > ylianst@gmail.com< / a > for inclusion on the official build.");
2019-12-06 19:49:40 -05:00
} else {
2020-01-07 20:12:09 -05:00
messagebox("Server Translation", "ERROR: " + x.response);
2019-12-06 19:49:40 -05:00
}
};
2020-01-07 20:12:09 -05:00
xdr.onerror = function () { messagebox("Translations", "ERROR: Unable to save translations to server."); };
2019-12-06 19:49:40 -05:00
xdr.send(JSON.stringify({ 'action': 'translateServer', strings: translations }));
}
2019-12-05 18:33:22 -05:00
2019-12-04 19:52:16 -05:00
//
// POPUP DIALOG
//
// null = Hidden, 1 = Generic Message
var xxdialogMode;
var xxdialogFunc;
var xxdialogButtons;
var xxdialogTag;
var xxcurrentView = -1;
// Display a dialog box
// Parameters: Dialog Mode (0 = none), Dialog Title, Buttons (1 = OK, 2 = Cancel, 3 = OK & Cancel), Call back function(0 = Cancel, 1 = OK), Dialog Content (Mode 2 only)
function setDialogMode(x, y, b, f, c, tag) {
xxdialogMode = x;
xxdialogFunc = f;
xxdialogButtons = b;
xxdialogTag = tag;
QE('idx_dlgOkButton', true);
QV('idx_dlgOkButton', b & 1);
QV('idx_dlgCancelButton', b & 2);
QV('id_dialogclose', (b & 2) || (b & 8));
QV('idx_dlgDeleteButton', b & 4);
QV('idx_dlgButtonBar', b & 7);
if (y) QH('id_dialogtitle', y);
for (var i = 1; i < 3 ; i + + ) { QV ( ' dialog ' + i , i = = x ) ; } / / Edit this line when more dialogs are added
QV('dialog', x);
if (c) { if (x == 2) { QH('id_dialogOptions', c); } else { QH('id_dialogMessage', c); } }
}
function dialogclose(x) {
var f = xxdialogFunc, b = xxdialogButtons, t = xxdialogTag;
setDialogMode();
if (((b & 8) || x) & & f) f(x, t);
}
2019-12-05 18:33:22 -05:00
function messagebox(t, m) { QH('id_dialogMessage', m); setDialogMode(1, t, 1); }
function statusbox(t, m) { QH('id_dialogMessage', m); setDialogMode(1, t); }
2019-12-04 19:52:16 -05:00
function haltEvent(e) { if (e.preventDefault) e.preventDefault(); if (e.stopPropagation) e.stopPropagation(); return false; }
function pad2(num) { var s = '00' + num; return s.substr(s.length - 2); }
function format(format) { var args = Array.prototype.slice.call(arguments, 1); return format.replace(/{(\d+)}/g, function (match, number) { return typeof args[number] != 'undefined' ? args[number] : match; }); };
start();
< / script >
< / body >
2024-04-21 14:20:51 -04:00
< / html >
