1 files changed, 89 insertions, 0 deletions
diff --git a/src/server/simple-client.html b/src/server/simple-client.html
new file mode 100644
index 000000000..5d320acdb
--- /dev/null
+++ b/src/server/simple-client.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="initial-scale=2.3" />
+    <meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0;" />
+    <link rel="stylesheet" type="text/css" href="translator.css" />
+    <script type="text/javascript" src="gf-server-jsapi.js"></script>
+    <script type="text/javascript" src="translator.js"></script>
+    <script type="text/javascript">
+     function updateTranslation () {
+        var input = document.getElementById('inputText').value;
+        var fromLang = document.getElementById('fromLang').value;
+        var toLang = document.getElementById('toLang').value;
+        var output = document.getElementById('translation');
+
+        var callback = function(translation) {
+                          clearTranslation();
+                          output.appendChild(formatTranslation(translation));
+                       };
+        gf.translate(input, fromLang, toLang, '', callback);
+      }
+
+      function populateLangs (grammar) {
+        var f = document.getElementById('fromLang');
+        var t = document.getElementById('toLang');
+        var langs = grammar.languages;
+        for (var i in langs) {
+          if (langs[i].canParse) {
+            addOption(f, langs[i].name, langs[i].name);
+          }
+          addOption(t, langs[i].name, langs[i].name);
+        }
+      }
+
+      function updateCompletion() {
+        var input = document.getElementById('inputText').value;
+        var fromLang = document.getElementById('fromLang').value;
+        var completions = document.getElementById('completion');
+
+//        if (document.getElementById('enableCompletion').checked) {
+          var callback = function(output) {
+            clearCompletion();
+            completions.appendChild(formatCompletions(output));
+          };
+          gf.complete(input, fromLang, '', callback);
+//        }
+      }
+
+      function update() {
+//        updateCompletion();
+        updateTranslation();
+      }
+
+      function clearTranslation() {
+        var output = document.getElementById('translation');
+        removeChildren(output);
+      }
+
+      function clearCompletion() {
+        var completions = document.getElementById('completion');
+        removeChildren(completions);
+      }
+
+      function initialize() {
+        gf.grammar(populateLangs);
+      }
+    </script>
+    <title>AJAX GF Translator</title>
+  </head>
+  <body onload="initialize()">
+    <div id="translator">
+      <form onsubmit="update(); return false;">
+        <p>
+          <input type="text" id="inputText" value="determine the sine of 1 ." size="50" />
+        </p>
+        <p>
+          <label>From: <select id="fromLang" onchange="update()"><option value="" selected="selected">Any language</option></select></label>
+          <label>To: <select id="toLang"  onchange="update()"><option value="" selected="selected">All languages</option></select></label>
+          <input type="button" value="Completions" onclick="updateCompletion()" />
+          <input type="submit" value="Translate" />
+        </p>
+      </form>
+      <div id="completion"></div>
+      <div id="translation"></div>
+    </div>
+  </body>
+</html>