mirror of
https://github.com/GrammaticalFramework/gf-core.git
synced 2026-04-30 23:02:50 -06:00
Wide Coverage Demo Web App: add segmentation
Click on sentences to choose among alternative translations.
This commit is contained in:
@@ -8,8 +8,11 @@
|
||||
<style>
|
||||
div.center { text-align: center; }
|
||||
table { border-collapse: collapse; table-layout: fixed; width: 100%; }
|
||||
td { padding: 0 5px; }
|
||||
textarea { margin: 0; }
|
||||
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; }
|
||||
@@ -17,12 +20,14 @@ small { color: #666; }
|
||||
.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</h1>
|
||||
<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%">
|
||||
@@ -39,7 +44,7 @@ small { color: #666; }
|
||||
<option value=Swe>Swedish</option>
|
||||
</select>
|
||||
<td style="text-align: right">
|
||||
<input type=button name=swap onclick="wc.swap()" value="⇆">
|
||||
<!--<input type=button name=swap onclick="wc.swap()" value="⇆">-->
|
||||
<td>
|
||||
<select name=to onchange="wc.translate()">
|
||||
<option value=Bul>Bulgarian</option>
|
||||
@@ -52,14 +57,16 @@ small { color: #666; }
|
||||
<option value=Swe selected>Swedish</option>
|
||||
</select>
|
||||
<td><button name=translate type=submit><strong><big>Translate</big></strong></button>
|
||||
<tr><td colspan=2>
|
||||
<tr><td class=input colspan=2>
|
||||
<textarea name=input rows=5 style="width: 100%" onkeyup="wc.delayed_translate()"></textarea>
|
||||
<td colspan=2>
|
||||
<textarea name=output rows=5 style="width: 100%" readonly></textarea>
|
||||
<tr><td colspan=2>
|
||||
<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>
|
||||
<!--<small id=speak><input name=speak type=checkbox> Enable speech synthesis</small>-->
|
||||
|
||||
</table>
|
||||
</form>
|
||||
|
||||
@@ -70,7 +77,7 @@ small { color: #666; }
|
||||
</div>
|
||||
<p>
|
||||
<div class=modtime><small>
|
||||
<!-- hhmts start -->Last modified: Fri Apr 4 13:47:19 CEST 2014 <!-- hhmts end -->
|
||||
<!-- hhmts start -->Last modified: Mon Apr 7 14:48:57 CEST 2014 <!-- hhmts end -->
|
||||
</small></div>
|
||||
<script src="js/support.js"></script>
|
||||
<script src="js/gftranslate.js"></script>
|
||||
|
||||
Reference in New Issue
Block a user