Update templates/proposed-GUI.html

templates/proposed-GUI.html

@@ -1391,6 +1391,7 @@ document.getElementById('pdftodxfFile').addEventListener('input',function(){
 });
 function ImgSide(imgdata, spreadsheetLink, pdfLink) {
     var backimg = document.getElementById('backgroundimg');
+    backimg.innerHTML=''
     
     // Create a container for the image and buttons
     var imgContainer = document.createElement('div');
@@ -1451,6 +1452,16 @@ function ImgSide(imgdata, spreadsheetLink, pdfLink) {
 
     backimg.appendChild(imgContainer);
 }
+function updatepreview(pdfname){
+ console.log('pdfpath',pdfname)
+   
+    $.get( '/updatepreviewimg/'+ JSON.stringify(pdfname))
+    .success( function(data) {
+      document.getElementById("loading").hidden = true;
+      ImgSide(data,spreadsheetURL,dropboxLink)
+    
+    })  
+} 
 
 function getData(form) {
 
@@ -1692,8 +1703,8 @@ if (formvalues['selectprojs'].startsWith('1.0')  || formvalues['selectprojs'].st
 const interval = 6000;
 const initialDelay = 0;
 console.log('Starting first AJAX request...');
-let delrows1=0; // Define delrows1 in a broader scope
-let delrows2=0; // Define delrows1 in a broader scope
+let delrows1=''; // Define delrows1 in a broader scope
+let delrows2=''; // Define delrows1 in a broader scope
 
 
         // First AJAX request
@@ -1754,6 +1765,14 @@ async function fetchAndCompareData() {
             console.log('Differences found:', delrows1, delrows2);
             if (confirm("Changes have been made in the markups. Would you like to save and view them in the legend?")) {
                 delrows1=delrows2
+                document.getElementById("loading").hidden = false;
+                document.getElementById("loading").style.marginTop='20%'
+                document.getElementById("loading").style.marginLeft='75%'
+
+                updatepreview([pdfpath,Object.fromEntries(formData)['measureselectname']])
+                
+                // document.getElementsByClassName('imgContainer')[0].src=''
+                
                 await $.ajax({
                     type: "POST",
                     url: "/deletemarkupsroute",