forked from GitHub/gf-core
02b57c3f79
+ Add Clear button. + Use localstorage to remember entered text between visits. + Add a link to it on the GF cloud service start page.
94 lines
3.1 KiB
HTML
94 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html> <head>
|
|
<title>Demo: GF Wide Coverage Translation</title>
|
|
<link rel="stylesheet" type="text/css" href="gfse/editor.css" title="Cloud">
|
|
<meta name = "viewport" content = "width = device-width">
|
|
<meta charset="UTF-8">
|
|
<link rel=top href="../" title="GF">
|
|
<style>
|
|
div.center { text-align: center; }
|
|
table { border-collapse: collapse; table-layout: fixed; width: 100%; }
|
|
td { padding: 0 5px; vertical-align: top; }
|
|
td.output { background: #fcfcfc; }
|
|
td.input, td.output { font-family: sans-serif; font-size: 90%; }
|
|
div#output { white-space: pre-line; }
|
|
textarea { margin: 0; font: inherit; }
|
|
body:target h1, body:target div.modtime { display: none; }
|
|
small { color: #666; }
|
|
#pick>* { padding: 0 0.5ex; }
|
|
#speak { display: none; }
|
|
.default_quality { background-color: #ffc; }
|
|
.high_quality { background-color: #cfc; }
|
|
.low_quality { background-color: #fcc; }
|
|
.placeholder { color: #999; }
|
|
.error { color: #c00; }
|
|
</style>
|
|
</head>
|
|
|
|
<body id=embed>
|
|
<div>
|
|
<h1><a href="http://www.grammaticalframework.org/"><img class=nofloat src="P/gf-cloud.png" alt="GF"></a> Wide Coverage Translation Demo</h1>
|
|
</div>
|
|
|
|
<form onsubmit="return wc.translate()" style="width: 100%">
|
|
<table>
|
|
<tr><td>
|
|
<select name=from>
|
|
<option value=Bul>Bulgarian</option>
|
|
<option value=Chi>Chinese</option>
|
|
<option value=Eng selected>English</option>
|
|
<option value=Fin>Finnish</option>
|
|
<option value=Fre>French</option>
|
|
<option value=Ger>German</option>
|
|
<option value=Hin>Hindi</option>
|
|
<option value=Swe>Swedish</option>
|
|
</select>
|
|
<input type=button value="Clear" onclick="wc.clear()">
|
|
<td style="text-align: right">
|
|
<input type=button name=swap onclick="wc.swap()" value="⇆">
|
|
<td>
|
|
<select name=to onchange="wc.translate()">
|
|
<option value=Bul>Bulgarian</option>
|
|
<option value=Chi>Chinese</option>
|
|
<option value=Eng>English</option>
|
|
<option value=Fin>Finnish</option>
|
|
<option value=Fre>French</option>
|
|
<option value=Ger>German</option>
|
|
<option value=Hin>Hindi</option>
|
|
<option value=Swe selected>Swedish</option>
|
|
</select>
|
|
<td><button name=translate type=submit><strong><big>Translate</big></strong></button>
|
|
<tr><td class=input colspan=2>
|
|
<textarea name=input rows=5 style="width: 100%" onkeyup="wc.delayed_translate()"></textarea>
|
|
<small>Enter text to translate above.</small>
|
|
<td class=output colspan=2>
|
|
|
|
<div id=output></div>
|
|
<tr><td colspan=2>
|
|
<td colspan=2>
|
|
<!--<small id=speak><input name=speak type=checkbox> Enable speech synthesis</small>-->
|
|
|
|
</table>
|
|
</form>
|
|
|
|
<div class=center>
|
|
<!--input type=button onclick="wc.try_google()" value="Google Translate"-->
|
|
<div id=pick></div>
|
|
<small id=extra></small>
|
|
</div>
|
|
<p>
|
|
<div class=modtime><small>
|
|
<!-- hhmts start -->Last modified: Wed Apr 9 15:43:04 CEST 2014 <!-- hhmts end -->
|
|
</small></div>
|
|
<script src="js/support.js"></script>
|
|
<script src="js/gftranslate.js"></script>
|
|
<script src="js/localstorage.js"></script>
|
|
<script src="gfse/localstorage.js"></script>
|
|
<script src="gfse/cloud2.js"></script>
|
|
<script src="js/langcode.js"></script>
|
|
<script src="js/pgf_online.js"></script>
|
|
<script src="js/wc.js"></script>
|
|
</script>
|
|
</body>
|
|
</html>
|