| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> |
| <title>Neural Machine Translation Demo App</title> |
| <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> |
| <link rel="stylesheet" href="/resources/demos/style.css"> |
| <style> |
| .ui-resizable-se { |
| bottom: 17px; |
| } |
| </style> |
| <link rel="stylesheet" href="style.css"> |
| <script src="https://code.jquery.com/jquery-1.12.4.js"></script> |
| <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> |
| <script> |
| $( function() { |
| $( "#tgt_text" ).resizable({ |
| handles: "se" |
| }); |
| } ); |
| $( function() { |
| $( "#src_text" ).resizable({ |
| handles: "se" |
| }); |
| } ); |
| $( function() { |
| $( "#translate_button" ).button(); |
| $( "#translate_button" ).click( function( event ) { |
| $.ajax({ |
| url: "http://10.110.40.187:5000/translate", |
| type: "GET", |
| data: { |
| text: $( "#src_text" ).val(), |
| langpair: $('input[type=radio][name=langpair]:checked').attr('id'), |
| do_moses: true |
| }, |
| success: function (result) { |
| $( "#tgt_text" ).val(result.translation); |
| }, |
| error: function (err) { |
| alert('Sorry, can not reach translation service'); |
| }, |
| }) |
| } ); |
| } ); |
| </script> |
| </head> |
| <body> |
| <div class="contact-us"> |
| <h1>Neural Machine Translation Demo</h1> |
| <p> |
| <br/> |
| <h4>Running NeMo commit id: v1.0.2 </h4> |
| <br/> |
| </p> |
| <p> |
| <fieldset> |
| <legend>Select translation direction: </legend> |
| <table> |
| <tr> |
| <td> |
| <label for="en-de">English to German</label> |
| <input type="radio" name="langpair" id="en-de"> |
| </td> |
| <td> </td> |
| <td> |
| <label for="de-en">German to English</label> |
| <input type="radio" name="langpair" id="de-en"> |
| </td> |
| <td> </td> |
| <td> |
| <label for="es-en">Spanish to English</label> |
| <input type="radio" name="langpair" id="es-en"> |
| </td> |
| <td> </td> |
| <td> |
| <label for="en-es" selected="selected">English to Spanish</label> |
| <input type="radio" name="langpair" id="en-es" checked> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <label for="en-ru">English to Russian</label> |
| <input type="radio" name="langpair" id="en-ru"> |
| </td> |
| <td> </td> |
| <td> |
| <label for="ru-en">Russian to English</label> |
| <input type="radio" name="langpair" id="ru-en"> |
| </td> |
| <td> </td> |
| <td> |
| <label for="en-fr">English to French</label> |
| <input type="radio" name="langpair" id="en-fr"> |
| </td> |
| <td> </td> |
| <td> |
| <label for="fr-en">French to English</label> |
| <input type="radio" name="langpair" id="fr-en"> |
| </td> |
| <td> </td> |
| <td> |
| <label for="en-zh">English to Chinese</label> |
| <input type="radio" name="langpair" id="en-zh"> |
| </td> |
| <td> </td> |
| <td> |
| <label for="zh-en">Chinese to English</label> |
| <input type="radio" name="langpair" id="zh-en"> |
| </td> |
| </tr> |
| </table> |
| </fieldset> |
| <div> |
| <table> |
| <tr> |
| <td> |
| <textarea id="src_text" rows="12" cols="60">Type something here, chose language pair and click "Translate" button.</textarea> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <button id="translate_button">Translate !</button> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <textarea id="tgt_text" rows="12" cols="60" readonly></textarea> |
| </td> |
| </tr> |
| </table> |
| </div> |
| </p> |
| </div> |
| |
| |
| </body> |
| </html> |
|
|
