Update templates/TestingMeasurement.html

templates/TestingMeasurement.html

@@ -190,7 +190,10 @@
       </div>
 
      <div id ="saveOPdiv">
-      <button id="measureADRbutton">Measure using ADR</button> 
+      <button id="measureADRbutton" hidden >Measure using ADR</button> 
+      <button id="Newtablebutton" hidden >Table Detect</button> 
+    
+      <input type="button" value="Download Tables" id="downloadbutton" hidden style="display: none;" /> 
       <script src="https://cdn.lordicon.com/bhenfmcm.js"></script>
       <lord-icon
           src="https://cdn.lordicon.com/ynwbvguu.json"
@@ -794,7 +797,7 @@
 
 ///////////////////////////////////////////////BEGIN JS CODE//////////////////////////////////////////////////
 
-var ActiveSections=['2.1','2.6','2.7','2.8','3.2','3.3']
+var ActiveSections=['2.1','2.6','2.7','2.8','3.2','3.3','4.0']
 
 var menuItems = document.querySelectorAll("#UserGuidemenuOptions li");
 
@@ -1338,6 +1341,19 @@ function downloadPdf(pdfname,downloadPDFName) {
         .catch(error => console.error('Error fetching PDF:', error));
 }
 
+function downloadExcel(blob,downloadPDFName) {  
+    
+    const url = URL.createObjectURL(blob);
+    const a   = document.createElement('a');
+    a.style.display = 'none';
+    a.href        = url;
+    a.download    = downloadPDFName;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    URL.revokeObjectURL(url);
+                   
+}
 function downloadPDFfromLink(pdfLinksent, downloadPDFName) {
     const encodedURL = encodeURIComponent(pdfLinksent);
     if (document.getElementById('downloadPdfbutton')){
@@ -1751,13 +1767,22 @@ var doorSchedulePDF;
     chooseFirstdrpdwn();
 
                   
-                  document.getElementById('refreshDropboxButtonID').style.display = "block";
-                  document.getElementById("all").style.display = "none";
+      document.getElementById('refreshDropboxButtonID').style.display = "block";
+      document.getElementById("all").style.display = "none";
+
+      if (sections.value.startsWith('4.0') ){
+        document.getElementById('Newtablebutton').removeAttribute('hidden'); 
+        
+      }
+      else{
+        document.getElementById('measureADRbutton').removeAttribute('hidden'); 
                   if (sections.value.startsWith('3.2') || sections.value.startsWith('3.3') || sections.value.startsWith('2.7') ){
                     document.getElementById('dxfdiv').removeAttribute('hidden'); 
                     document.getElementById('pdftodxfFile').setAttribute('required',true)
                   }
 
+
+
                   else{
                     document.getElementById('dxfdiv').setAttribute('hidden',true)
                    if (sections.value.startsWith('2.6') ||sections.value.startsWith('2.8')){
@@ -1989,6 +2014,7 @@ var doorSchedulePDF;
                 document.getElementById("relvselectid").classList.remove("disabled");
                  document.getElementById("relvoverlay").style.display = "none";
               }
+            }
 }  
 //___________________________________________________________________________________________________________
 //___________________________________________________________________________________________________________
@@ -2239,12 +2265,6 @@ function getData(form) {
 
   document.getElementById("loading").hidden = false;
 
-  document.getElementById('measureADRbutton').setAttribute('disabled',true);
-  document.getElementById('measureADRbutton').style.cursor='not-allowed';
-  document.getElementById('measureADRbutton').style.boxShadow = 'none';
-  document.getElementById('measureADRbutton').style.color = 'white';
-  document.getElementById('measureADRbutton').style.backgroundColor="rgb(154,152,152)";
-
 
   var formData = new FormData(form);
   
@@ -2261,7 +2281,20 @@ function getData(form) {
 // iterate through entries...
   tomeasureproj=formvalues['projlinkTesting']; //proj name
 
-
+if( formvalues['selectprojs'].startsWith('4.0') ){
+    document.getElementById('Newtablebutton').setAttribute('disabled',true);
+    document.getElementById('Newtablebutton').style.cursor='not-allowed';
+    document.getElementById('Newtablebutton').style.boxShadow = 'none';
+    document.getElementById('Newtablebutton').style.color = 'white';
+    document.getElementById('Newtablebutton').style.backgroundColor="rgb(154,152,152)";
+}
+else{
+  document.getElementById('measureADRbutton').setAttribute('disabled',true);
+  document.getElementById('measureADRbutton').style.cursor='not-allowed';
+  document.getElementById('measureADRbutton').style.boxShadow = 'none';
+  document.getElementById('measureADRbutton').style.color = 'white';
+  document.getElementById('measureADRbutton').style.backgroundColor="rgb(154,152,152)";
+}
   if( formvalues['selectprojs'].startsWith('3.2') || formvalues['selectprojs'].startsWith('3.3') || formvalues['selectprojs'].startsWith('2.7') ){
     ratio1=1
     ratio2=prminpixels/(formvalues['prmRatio']/ratioPunit);
@@ -2620,7 +2653,126 @@ function getData(form) {
 //             /////////////////////////
   });
 }
+if (formvalues['selectprojs'].startsWith('4.0'))
+{ 
+  tomeasureproj=formvalues['projlinkTesting']; //proj name
+    answers.push(tomeasureproj);
+    formData.append('answers',JSON.stringify(answers)) 
 
+  $.ajaxTransport("+binary", function(options, originalOptions, jqXHR) {
+  if (window.FormData && (
+        (options.dataType && options.dataType === "binary") ||
+        (options.data && ((window.ArrayBuffer && options.data instanceof ArrayBuffer) ||
+                          (window.Blob        && options.data instanceof Blob)))
+      )) {
+    return {
+      send: function(headers, callback) {
+        const xhr = new XMLHttpRequest();
+        xhr.open(options.type, options.url, options.async ?? true,
+                 options.username, options.password);
+        // Apply custom fields like responseType
+        xhr.responseType = options.responseType || "blob";
+        if (options.xhrFields) {
+          for (const field in options.xhrFields) {
+            xhr[field] = options.xhrFields[field];
+          }
+        }
+        xhr.onload = function() {
+          // Package the response as the declared dataType
+          const data = {};
+          data[options.dataType] = xhr.response;
+          callback(xhr.status, xhr.statusText, data, xhr.getAllResponseHeaders());
+        };
+        xhr.send(options.data || null);
+      },
+      abort: function() {
+        jqXHR.abort();
+      }
+    };
+  }
+});
+
+    $.ajax({ 
+            // type: "POST",
+            // url: "/savedetectedtables/",
+            // // contentType: "application/json",  // set content type header to use Flask response.get_json()
+            // data: formData,// convert data/object to JSON to send
+            // processData: false, // Prevent jQuery from automatically processing the data
+            // contentType: false,
+            // xhr: function() {
+            //     const x = $.ajaxSettings.xhr();
+            //     x.responseType = "blob";   // set blob mode
+            //     return x;
+            // },
+            url: "/savedetectedtables/",
+            method: "POST",
+            data: formData,
+            processData: false,
+            contentType: false,
+            dataType: 'binary',         // match your transport
+            responseType: 'blob',       // tell the transport to use blob
+
+            success: function(blob) {
+                console.log(blob);
+                // downloadPdf(data,'detected_tables.xlsx')
+                console.log('typeof(blob) = ',typeof(blob))
+                
+                if (!blob || blob.size === 0) {
+                  // empty response → show your “no tables” popup
+                  PopupElement.textContent = "No tables detected in the document.";
+                  ShowPopUp();
+                  return;
+                }
+                else{
+                  console.log("gowa el else")
+                  downloadExcel(blob,'detected_tables.xlsx')
+
+              }
+
+                
+
+                
+
+            },
+            error: function(err) {
+              var TopTextModal = document.getElementById("TopTextModal");
+              TopTextModal.textContent='Error'
+              PopupElement.textContent='Error occured. Refresh and try again. If the error continues, please contact the ADR team to fix it. ';
+              ShowPopUp();
+ 
+            }
+          })
+          .done(function(data){
+            console.log(data)
+            document.getElementById("loading").hidden = true;
+            document.getElementById('Newtablebutton').removeAttribute('disabled');
+            document.getElementById('Newtablebutton').style.cursor='pointer';
+            document.getElementById('Newtablebutton').style.color = 'white';
+            document.getElementById('Newtablebutton').style.backgroundColor="#16c72e";
+            document.getElementById('Newtablebutton').style.padding='10px 102px';
+            document.getElementById('Newtablebutton').addEventListener('mouseover',function(){
+              document.getElementById('Newtablebutton').style.color='black';
+              document.getElementById('Newtablebutton').style.boxShadow=' 0 0 8px 2px #16c72e';
+            })
+            document.getElementById('Newtablebutton').addEventListener('mouseout',function(){
+              document.getElementById('Newtablebutton').style.color='white';
+              document.getElementById('Newtablebutton').style.boxShadow='none';
+            });
+
+            // downloadPdf(data,'detected_tables.xlsx')
+            // downloadPdf(blob,'detected_tables.xlsx')
+            // document.getElementById('downloadbutton').hidden = false;
+            document.getElementById('downloadbutton').style.display = 'inline-block';
+            // document.getElementById('downloadbutton').onclick=downloadPdf(data,'detected_tables.xlsx')
+            const btn = document.getElementById('downloadbutton');
+            btn.addEventListener('click', () => {
+              downloadExcel(data, 'detected_tables.xlsx');
+            });
+
+
+          }) 
+
+}
 
 }
 //___________________________________________________________________________________________________________