Empty the suggestedWordInput

assets/js/translator.js

@@ -200,6 +200,9 @@ if(modeEnabled('translation')) {
         });
 
         $('#translatedText').css('height', $('#originalText').css('height'));
+        $('#suggestCloseBtn').click(function() {
+            $('#suggestedWordInput').val('');
+        });
         $('#suggestBtn').click(function() {
             var fromWord = $('#suggestionTargetWord').html();
             var toWord = $('#suggestedWordInput').val();
@@ -578,6 +581,7 @@ function translateText() {
                             $('#translatedText').html(
                                 $('#translatedText').html().replace(/(\*|\@|\#)(\S+)/g, '<span class="wordSuggestPop text-danger" title="Improve Apertium\'s translation">$2</span>'));
                         }
+
                         $('#translatedTextClone').html(
                             $('#translatedText').attr('pristineText'));
 
@@ -596,11 +600,13 @@ function translateText() {
 
                                 $('#suggestionTargetWord').html($(this).text().replace(/(\*|\@|\#)/g, ''));
                                 $('#suggestedWordInput').val('');
+
                             });
 
                             $('#suggestSentenceContainer').html(
                                 dynamicLocalizations['Suggest_Sentence'].replace('{{targetWordCode}}', '<code><span id="suggestionTargetWord"></span></code>'))
                             $('#suggestionTargetWord').html($(this).text().replace(/(\*|\@|\#)/g, ''));
+
                             $('#wordSuggestModal').modal();
                         });
                     }

index.html.in

@@ -519,6 +519,32 @@
             </div>
         </div>
 
+        <div class="modal fade" id="wordSuggestModal" tabindex="-1">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true" id="suggestCloseBtn">&times;</button>
+                        <h4 class="modal-title" data-text="Suggest_Title"></h4>
+                    </div>
+                    <div class="modal-body">
+                      <p id="translatedTextClone"></p>
+                      <hr>
+                      <p id="suggestSentenceContainer"></p>
+
+                      <form class="form-search form-inline">
+                        <input type="text" class="form-control" 
+                               id="suggestedWordInput"
+                               placeholder="New Word">
+                        <div id="suggestRecaptcha"></div>
+                        <button type="submit" class="btn btn-primary btn-block" id="suggestBtn">
+                          <span data-text="Suggest_Button"></span>
+                        </button>
+                      </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+
         <div id="noscript">
             <div class="lead text-warning well well-sm" data-text="Enable_JS_Warning"></div>
             <noscript><p><img src="@include_piwik_url@/piwik.php?idsite=@include_piwik_siteid@" style="border: 0;" alt=""></p></noscript>