From c1194ade20219b6bc6e250877c6948a42b3574ec Mon Sep 17 00:00:00 2001
From: mono <monish1247@gmail.com>
Date: Wed, 2 Aug 2017 10:16:20 +0530
Subject: [PATCH 1/4] Markunknown sent with translateDoc interface

---
 assets/js/translator.js | 18 ++++++++++--------
 index.html.in           |  4 ++--
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/assets/js/translator.js b/assets/js/translator.js
index 5a4dffb16..feabc7179 100644
--- a/assets/js/translator.js
+++ b/assets/js/translator.js
@@ -218,12 +218,13 @@ if(modeEnabled('translation')) {
         });
 
         $('button#translateDoc').click(function () {
-            $('div#translateText').fadeOut('fast', function () {
-                $('#fileInput').show();
-                $('div#fileName').hide();
-                $('div#docTranslation').fadeIn('fast');
-                $('#detect, #srcLangSelect option[value=detect]').prop('disabled', true);
-            });
+            $('#translateText > *:not(#translateOptionsContainer), #translateOptions > *:not(#markUnknownContainer')
+                .fadeOut('fast', function () {
+                    $('#fileInput').show();
+                    $('div#fileName').hide();
+                    $('div#docTranslation').fadeIn('fast');
+                    $('#detect, #srcLangSelect option[value=detect]').prop('disabled', true);
+                });
             pairs = originalPairs;
             populateTranslationList();
         });
@@ -233,7 +234,8 @@ if(modeEnabled('translation')) {
             $('div#docTranslation').fadeOut('fast', function () {
                 $('a#fileDownload').hide();
                 $('span#uploadError').hide();
-                $('div#translateText').fadeIn('fast', synchronizeTextareaHeights);
+                $('#translateText > *:not(#translateOptionsContainer), #translateOptions > *:not(#markUnknownContainer')
+                    .fadeIn('fast', synchronizeTextareaHeights);
                 $('input#fileInput').wrap('<form>').closest('form')[0].reset();
                 $('input#fileInput').unwrap();
                 $('#detect, #srcLangSelect option[value=detect]').prop('disabled', false);
@@ -568,7 +570,7 @@ function populateTranslationList() {
 }
 
 function translate() {
-    if($('div#translateText').is(':visible')) {
+    if($('#translateText > *:not(#translateOptionsContainer), #translateOptions > *:not(#markUnknownContainer').is(':visible')) {
         translateText();
     }
     else if($('div#docTranslation').is(':visible')) {
diff --git a/index.html.in b/index.html.in
index 3efbfbb7d..411beea9c 100644
--- a/index.html.in
+++ b/index.html.in
@@ -191,9 +191,9 @@
                                           <i class="fa fa-file-text"></i> <span data-text="Translate_Document">Translate a document</span>
                                       </button>
                                   </div>
-                                  <div class="col-lg-3 col-md-6  pull-right">
+                                  <div class="col-lg-3 col-md-6  pull-right" id="translateOptionsContainer">
                                       <div class="checkbox" id="translateOptions">
-                                          <label class="pull-right">
+                                          <label class="pull-right" id="markUnknownContainer">
                                               <input type="checkbox" id="markUnknown" checked>
                                               <span data-text="Mark_Unknown_Words">Mark unknown words</span>
                                           </label>

From 7237403fb65cad9f82e9425b237d40c5505d42c8 Mon Sep 17 00:00:00 2001
From: mono <monish1247@gmail.com>
Date: Wed, 2 Aug 2017 10:40:29 +0530
Subject: [PATCH 2/4] Closing parenthesis for selectors added

---
 assets/js/translator.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/assets/js/translator.js b/assets/js/translator.js
index feabc7179..fc798127f 100644
--- a/assets/js/translator.js
+++ b/assets/js/translator.js
@@ -218,7 +218,7 @@ if(modeEnabled('translation')) {
         });
 
         $('button#translateDoc').click(function () {
-            $('#translateText > *:not(#translateOptionsContainer), #translateOptions > *:not(#markUnknownContainer')
+            $('#translateText > *:not(#translateOptionsContainer), #translateOptions > *:not(#markUnknownContainer)')
                 .fadeOut('fast', function () {
                     $('#fileInput').show();
                     $('div#fileName').hide();
@@ -234,7 +234,7 @@ if(modeEnabled('translation')) {
             $('div#docTranslation').fadeOut('fast', function () {
                 $('a#fileDownload').hide();
                 $('span#uploadError').hide();
-                $('#translateText > *:not(#translateOptionsContainer), #translateOptions > *:not(#markUnknownContainer')
+                $('#translateText > *:not(#translateOptionsContainer), #translateOptions > *:not(#markUnknownContainer)')
                     .fadeIn('fast', synchronizeTextareaHeights);
                 $('input#fileInput').wrap('<form>').closest('form')[0].reset();
                 $('input#fileInput').unwrap();
@@ -570,7 +570,7 @@ function populateTranslationList() {
 }
 
 function translate() {
-    if($('#translateText > *:not(#translateOptionsContainer), #translateOptions > *:not(#markUnknownContainer').is(':visible')) {
+    if($('#translateText > *:not(#translateOptionsContainer), #translateOptions > *:not(#markUnknownContainer)').is(':visible')) {
         translateText();
     }
     else if($('div#docTranslation').is(':visible')) {

From 26c652eeb24f35911fc471ba4d3241f9c03484ab Mon Sep 17 00:00:00 2001
From: mono <monish1247@gmail.com>
Date: Thu, 10 Aug 2017 20:38:32 +0530
Subject: [PATCH 3/4] Position of markunknown checkbox set as required

---
 assets/js/translator.js |  6 ++--
 index.html.in           | 61 ++++++++++++++++++++---------------------
 2 files changed, 33 insertions(+), 34 deletions(-)

diff --git a/assets/js/translator.js b/assets/js/translator.js
index fc798127f..c46f3dd69 100644
--- a/assets/js/translator.js
+++ b/assets/js/translator.js
@@ -144,9 +144,7 @@ if(modeEnabled('translation')) {
         });
 
         $('#markUnknown').change(function () {
-            if($('div#translateText').is(':visible')) {
-                translateText();
-            }
+            translate();
             persistChoices('translator');
         });
 
@@ -223,6 +221,7 @@ if(modeEnabled('translation')) {
                     $('#fileInput').show();
                     $('div#fileName').hide();
                     $('div#docTranslation').fadeIn('fast');
+                    $('#markUnknownContainer').css('margin-top', $('#translatedText').height());
                     $('#detect, #srcLangSelect option[value=detect]').prop('disabled', true);
                 });
             pairs = originalPairs;
@@ -238,6 +237,7 @@ if(modeEnabled('translation')) {
                     .fadeIn('fast', synchronizeTextareaHeights);
                 $('input#fileInput').wrap('<form>').closest('form')[0].reset();
                 $('input#fileInput').unwrap();
+                $('#markUnknownContainer').css('margin-top', '0px');
                 $('#detect, #srcLangSelect option[value=detect]').prop('disabled', false);
             });
             updatePairList();
diff --git a/index.html.in b/index.html.in
index 411beea9c..b39b7ac61 100644
--- a/index.html.in
+++ b/index.html.in
@@ -178,6 +178,36 @@
                               </div>
                           </div>
                           <div class="form-group">
+                              <div id="docTranslation" style="display: none;">
+                                  <div class="col-sm-6">
+                                      <div class="well well-lg">
+                                          <input type="file" id="fileInput" accept="text/plain,text/html,text/rtf,application/rtf,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.oasis.opendocument.text,application/x-latex,application/x-tex">
+                                          <div class="lead" id="fileName" style="display: none;"></div>
+                                          <div style="min-height: 50px; margin-top: 1em;">
+                                              <span id="uploadError" class="text-danger lead" style="display: none"></span>
+                                              <div class="progress progress-striped active" style="display: none; margin-bottom: 0px;">
+                                                  <div id="fileUploadProgress" class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%"></div>
+                                              </div>
+                                          </div>
+                                          <p><span data-text="Supported_Formats"></span></p>
+                                          <button class="btn btn-sm btn-default pull-right" id="cancelDocTranslate">
+                                              <i class="fa fa-arrow-left"></i> <span data-text="Cancel">Cancel</span>
+                                          </button>
+                                      </div>
+                                  </div>
+                                  <div class="col-sm-6">
+                                      <div id="fileLoading" class="text-center" style="display: none; position: absolute; top: 50%; left: 50%;">
+                                          <i class="fa fa-spinner fa-spin fa-4x"></i>
+                                      </div>
+                                      <h1>
+                                          <a id="fileDownload" href="#" class="text-center lead" style="display: none;">
+                                              <i class="fa fa-download"></i>
+                                              <span id="fileDownloadText"></span>
+                                          </a>
+                                      </h1>
+                                      <p style="display:none" id="fileDownloadBrowserWarning" data-text="Download_Browser_Warning">Your browser might not handle downloads correctly. Either right-click and "Save As" that file-name or open this page in Firefox.</p>
+                                  </div>
+                              </div>
                               <div id="translateText">
                                   <div class="col-sm-6">
                                       <textarea class="form-control" id="originalText" rows="15" spellcheck="false"></textarea>
@@ -217,37 +247,6 @@
                                 </div>
                                 <div class="modal-backdrop" id="fileDropMask" style="opacity: 0; z-index: 10000;"></div>
                               </div>
-
-                              <div id="docTranslation" style="display: none;">
-                                  <div class="col-sm-6">
-                                      <div class="well well-lg">
-                                          <input type="file" id="fileInput" accept="text/plain,text/html,text/rtf,application/rtf,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.oasis.opendocument.text,application/x-latex,application/x-tex">
-                                          <div class="lead" id="fileName" style="display: none;"></div>
-                                          <div style="min-height: 50px; margin-top: 1em;">
-                                              <span id="uploadError" class="text-danger lead" style="display: none"></span>
-                                              <div class="progress progress-striped active" style="display: none; margin-bottom: 0px;">
-                                                  <div id="fileUploadProgress" class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%"></div>
-                                              </div>
-                                          </div>
-                                          <p><span data-text="Supported_Formats"></span></p>
-                                          <button class="btn btn-sm btn-default pull-right" id="cancelDocTranslate">
-                                              <i class="fa fa-arrow-left"></i> <span data-text="Cancel">Cancel</span>
-                                          </button>
-                                      </div>
-                                  </div>
-                                  <div class="col-sm-6">
-                                      <div id="fileLoading" class="text-center" style="display: none; position: absolute; top: 50%; left: 50%;">
-                                          <i class="fa fa-spinner fa-spin fa-4x"></i>
-                                      </div>
-                                      <h1>
-                                          <a id="fileDownload" href="#" class="text-center lead" style="display: none;">
-                                              <i class="fa fa-download"></i>
-                                              <span id="fileDownloadText"></span>
-                                          </a>
-                                      </h1>
-                                      <p style="display:none" id="fileDownloadBrowserWarning" data-text="Download_Browser_Warning">Your browser might not handle downloads correctly. Either right-click and "Save As" that file-name or open this page in Firefox.</p>
-                                  </div>
-                              </div>
                           </div>
                       </fieldset>
                   </form>

From 5a85216d7993ef306b85e18d961f358681d9d749 Mon Sep 17 00:00:00 2001
From: mono <monish1247@gmail.com>
Date: Thu, 10 Aug 2017 23:08:21 +0530
Subject: [PATCH 4/4] Markunknown checkbox at height where doc translation ends

---
 assets/js/translator.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/js/translator.js b/assets/js/translator.js
index c46f3dd69..d5fe5a22b 100644
--- a/assets/js/translator.js
+++ b/assets/js/translator.js
@@ -221,7 +221,7 @@ if(modeEnabled('translation')) {
                     $('#fileInput').show();
                     $('div#fileName').hide();
                     $('div#docTranslation').fadeIn('fast');
-                    $('#markUnknownContainer').css('margin-top', $('#translatedText').height());
+                    $('#markUnknownContainer').css('margin-top', '200px');
                     $('#detect, #srcLangSelect option[value=detect]').prop('disabled', true);
                 });
             pairs = originalPairs;