gf-3.6: src/www/js/wc.js
var wc={}
wc.cnl="Phrasebook" // try this controlled natural language first
wc.f=document.forms[0]
wc.o=element("output")
wc.e=element("extra")
wc.i=element("grammarinfo")
wc.p=element("pick")
wc.os=[] // output segment list
wc.cache={} // output segment cache, indexed by source text
wc.local=appLocalStorage("gf.wc.")
wc.translating=""
wc.delayed_translate=function() {
function restart(){ if(wc.f.input.value!=wc.translating) wc.translate() }
if(wc.timer) clearTimeout(wc.timer);
wc.timer=setTimeout(restart,500)
var h=wc.f.input.scrollHeight,bh=document.body.clientHeight
if(h>bh) h=bh
if(wc.f.input.clientHeight<h) wc.f.input.style.height=h+15+"px"
}
wc.clear=function() {
wc.f.input.value=""
wc.f.input.style.height=""
clear(wc.o)
wc.delayed_translate()
}
wc.save=function() {
var f=wc.f
wc.local.put("from",f.from.value)
wc.local.put("to",f.to.value)
wc.local.put("input",f.input.value)
wc.local.put("colors",f.colors.checked)
}
wc.load=function() {
var f=wc.f
f.input.value=wc.local.get("input",f.input.value)
f.from.value=wc.local.get("from",f.from.value)
f.to.value=wc.local.get("to",f.to.value)
f.colors.checked=wc.local.get("colors",f.colors.checked)
wc.colors()
wc.delayed_translate()
}
wc.translate=function() {
var f=wc.f, e=wc.e, p=wc.p
/*
function disable(yes) {
f.translate.disabled=yes
f.to.disabled=yes
if(f.swap) f.swap.disabled=yes
}
*/
function split_punct(s) {
return s.split(/([.!?]+[ \t\n]+|\n\n+|[ \t\n]*[-•*+#]+[ \t\n]+)/)
}
function find_pick(rs) {
for(var i=0;i<rs.length && !rs[i].t;i++)
;
return i
}
function translate_segment(so) { // so = segment output
so.rs=[] // list of alternative translations for this segment
so.current_pick= -1 // index of currently selected alternative
function show_error(msg) {
//if(e) e.innerHTML="<span class=low_quality>Translation problem: "+msg+"</span>"
//else
{
replaceChildren(so.target,text("["+msg+"]"))
so.target.className="error"
}
//disable(false)
}
function show_pick(i) { return function() { show_trans(i); return false; } }
function show_picks() {
clear(p)
for(var i=0;i<so.rs.length;i++) {
if(so.rs[i].t) {
var pick=text(i+1) // +"⃝"
if(i!=so.current_pick) {
var pick=node("a",{href:"#"},[pick])
pick.onclick=pick.onmouseover=show_pick(i)
}
var q=so.rs[i].t.quality
p.appendChild(text(" "))
p.appendChild(span_class("pick "+q,pick))
}
}
/*
p.appendChild(wrap_class("small","pick",
node("a",{href:wc.google_translate_url(),
target:"google_translate"},
[text("Google Translate")])))
*/
}
function show_more() {
wc.selected=so
var r=so.rs[so.current_pick]
var prob=r.prob<=0 ? "" : r.prob || ""
if(e) e.innerHTML=prob+"<br>"+(r.tree||"")
if(wc.p /*&& so.rs.length>1*/) show_picks()
//if(f.speak.checked) wc.speak(t.text,f.to.value)
}
so.target.onclick=show_more
function show_trans(i) {
var r=so.rs[i]
if(!r.t) {
i=find_pick(so.rs)
r=so.rs[i]
}
if(r && r.t) {
replaceChildren(so.target,text(r.t.text))
so.text=r.t.text
so.target.className=r.t.quality
so.current_pick=i
if(wc.selected==so) show_more()
}
}
function showit(r,grammar) {
r.grammar=grammar
r.t=trans_quality(r,grammar+f.to.value)
so.rs.push(r)
var j=so.rs.length-1
if(so.current_pick<0 || so.current_pick==j) show_trans(j)
else if(wc.selected==so) show_picks()
//disable(false)
}
function word_for_word(text,cont) {
function step3(tra) {
if(tra.length>=1) {
var r=tra[0]
r.prob = -1
if(r.linearizations) showit(r,gftranslate.grammar)
}
else if(so.rs.length==0)
show_error("Unable to translate")
}
gftranslate.wordforword(text,f.from.value,wc.languages || f.to.value,step3)
}
function trans(text,i,count) {
function step3(tra) {
if(tra.length>=1) {
var r=tra[0]
if(r.error!=undefined) {
if(i==0 && so.rs.length==0) {
//show_error(tra[0].error)
word_for_word(text)
}
}
else {
for(var ti=0;ti<tra.length;ti++) {
var r=tra[ti]
if(r.linearizations) showit(r,gftranslate.grammar)
//else show_error("no linearizations")
}
}
}
else if(i==0 && so.rs.length==0)
show_error("Unable to translate")
}
gftranslate.translate(text,f.from.value,wc.languages || f.to.value,i,count,step3)
}
function step2(text) { trans(text,0,10) }
function step2cnl(text) {
function step3cnl(results) {
var trans=results[0].translations
if(trans && trans.length>=1) {
for(var i=0;i<trans.length;i++) {
var r=trans[i]
r.prob=0
showit(r,wc.cnl)
}
}
step2(text)
}
wc.pgf_online.translate({from:wc.cnl+f.from.value,
//to:wc.cnl+f.to.value,
lexer:"text",unlexer:"text",input:text},
step3cnl,
function(){step2(text)})
}
if(wc.cnl) step2cnl(so.input)
else step2(so.input)
}
function change_segment_to(so,to) {
var rs=so.rs
if(rs) {
for(var i=0;i<rs.length;i++)
rs[i].t=trans_quality(rs[i],rs[i].grammar+to)
var i=so.current_pick
if(!rs[i].t) {
i=find_pick(rs)
//console.log("Change pick",so.current_pick,i)
so.current_pick=i
clear(p)
wc.selected=null
}
var r=rs[i]
so.text=r.t.text
replaceChildren(so.target,text(r.t.text))
so.target.className=r.t.quality
}
so.to=to
}
//disable(true)
clear(wc.o)
clear(e)
clear(p)
var old=wc.cache
var old_selected=wc.selected
wc.selected=null
for(var i=0;i<wc.os.length;i++) old[wc.os[i].input]=wc.os[i]
// could also keep all copies if the same text occurs more than once...
wc.os=[]
wc.translating=f.input.value
var is=split_punct(wc.translating+"\n")
for(var i=0;i<is.length;i++) {
var same=old[is[i]]
if(same /*&& same.to==f.to.value*/ && same.from==f.from.value) {
// reuse an unchanged segment
wc.os[i]=same
wc.o.appendChild(same.target)
if(same==old_selected) wc.selected=same
delete old[is[i]] // can't use the same node twice
if(same.to!=f.to.value) change_segment_to(same,f.to.value)
}
else {
// create a new output segment
var o=wc.os[i]={input:is[i],text:is[i],
from:f.from.value,to:f.to.value}
if(i&1) { // punctuation
o.target=span_class("punct",text(is[i]))
wc.o.appendChild(o.target)
}
else { // text segment to be translated
o.target=span_class("placeholder",text(is[i]))
wc.o.appendChild(o.target)
translate_segment(o)
}
}
}
wc.save()
return false;
}
wc.speak=function(text,lang) {
if(wc.speech) {
var u=new SpeechSynthesisUtterance(text)
u.lang=add_country(alangcode(lang))
speechSynthesis.cancel()
speechSynthesis.speak(u)
}
}
wc.colors=function() {
document.body.className=wc.f.colors.checked ? "colors" : ""
wc.local.put("colors",wc.f.colors.checked)
}
wc.swap=function() {
var f=wc.f
function txt(so) { return so.text }
f.input.value=wc.os.map(txt).join("").trimRight()
var from=f.from.value
f.from.value=f.to.value
f.to.value=from
wc.translate()
}
wc.google_translate_url=function() {
return "http://translate.google.com/"
+"#"+alangcode(wc.f.from.value)
+"/"+alangcode(wc.f.to.value)
+"/"+encodeURIComponent(wc.f.input.value)
}
wc.try_google=function() {
var w=window.open(wc.google_translate_url(),
"google_translate")
w.focus()
}
// Update language selection menus with the languages supported by the grammar
function init_languages() {
function init2(langs) {
replaceInnerHTML(wc.i,"Enter text to translate above")
wc.languages=langs
var langset=toSet(langs)
function update_menu(m) {
var l=m.value
clear(m)
for(var i=0;i<langs.length;i++)
m.appendChild(option(concname(langs[i]),langs[i]))
if(langset[l]) m.value=l
}
update_menu(wc.f.from)
update_menu(wc.f.to)
}
function initerror(errortext,status,ct) {
var msg = status==404 ? "The wide cover translation grammar was not found on the server" : "Server problem "+status
replaceChildren(wc.i,text(msg))
if(wc.i) wc.i.className="error"
}
replaceInnerHTML(wc.i,"Loading the wide coverage translation grammar, please wait...")
gftranslate.get_languages(init2,initerror)
}
function init_speech() {
var speak=element("speak")
if(speak) {
wc.speech=window.speechSynthesis && window.speechSynthesis.getVoices().length>0
if(wc.speech) speak.style.display="inline"
}
}
init_languages()
init_speech()
setTimeout(init_speech,500) // A hack for Chrome.
if(wc.cnl) {
wc.pgf_online=pgf_online({});
wc.pgf_online.switch_grammar(wc.cnl+".pgf")
}
wc.load()
wc.f.input.focus()