From e991697941861508219219b99e279f4af55e9df3 Mon Sep 17 00:00:00 2001
From: "Pawel Spychalski (DzikuVx)" <pspychalski@gmail.com>
Date: Tue, 12 May 2020 11:03:19 +0200
Subject: [PATCH] Compass calibration improvements

---
 tabs/calibration.html |  2 +-
 tabs/calibration.js   | 27 ++++++++++++++++++---------
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/tabs/calibration.html b/tabs/calibration.html
index 8fc495da0..50dc13d00 100755
--- a/tabs/calibration.html
+++ b/tabs/calibration.html
@@ -168,7 +168,7 @@ <h1 class="modal__title modal__title--center" data-i18n="accCalibrationProcessin
 <div id="modal-compass-processing" class="is-hidden">
     <div class="modal__content">
         <h1 class="modal__title modal__title--center" data-i18n="accCalibrationProcessing"></h1>
-        <div id="modal-compass-countdown" class="modal__text"></div>
+        <div class="modal-compass-countdown modal__text"></div>
     </div>
 </div>
 
diff --git a/tabs/calibration.js b/tabs/calibration.js
index 353767159..d162b1c9a 100755
--- a/tabs/calibration.js
+++ b/tabs/calibration.js
@@ -199,27 +199,36 @@ TABS.calibration.initialize = function (callback) {
 
             $(button).addClass('disabled');
 
-            modalProcessing = new jBox('Modal', {
+            let modalProcessing = new jBox('Modal', {
                 width: 400,
                 height: 100,
                 animation: false,
                 closeOnClick: false,
                 closeOnEsc: false,
-                content: $('#modal-compass-processing')
+                content: $('#modal-compass-processing').clone()
             }).open();
 
             var countdown = 30;
             helper.interval.add('compass_calibration_interval', function () {
                 countdown--;
-                $('#modal-compass-countdown').text(countdown);
                 if (countdown === 0) {
-                    $(button).removeClass('disabled');
-
-                    modalProcessing.close();
-                    GUI.log(chrome.i18n.getMessage('initialSetupMagCalibEnded'));
-                    MSP.send_message(MSPCodes.MSP_CALIBRATION_DATA, false, false, updateSensorData);
-                    helper.interval.remove('compass_calibration_interval');
+                    setTimeout(function () {
+                        $(button).removeClass('disabled');
+
+                        modalProcessing.close();
+                        GUI.log(chrome.i18n.getMessage('initialSetupMagCalibEnded'));
+                        
+                        MSP.send_message(MSPCodes.MSP_CALIBRATION_DATA, false, false, updateSensorData);
+                        helper.interval.remove('compass_calibration_interval');
+
+                        //Cleanup
+                        delete modalProcessing;
+                        $('.jBox-wrapper').remove();
+                    }, 1000);
+                } else {
+                    modalProcessing.content.find('.modal-compass-countdown').text(countdown);
                 }
+
             }, 1000);
         });