Update templates/proposed-GUI.html

templates/proposed-GUI.html

@@ -700,6 +700,13 @@
         <div class="modal-body">
           <p id="modal-bodyTextp">The console updates projects retrieved from Dropbox automatically at 9:00 am and 9:00 p.m. If you need to access any projects in between, just click on this button. Please note that it will refresh the files related to the project you chose only. 
           </p>
+
+          <div id="Thickness2.7" hidden="until-found">
+            <label id="modalColumn">Maximum Thickness of Walls</label>
+            <br>
+            <input type="number" id="text002extra" name="text003name" placeholder="Eg: 3" min="0">
+          </div>
+
           <div id="duplicaterExtra" hidden="until-found">
                 <div id="repeatforloopExtra" class="repeatforloopclassExtra0" name="repeatforloopExtraname " > 
                   <label id="modalColumn">Type</label> <label id="modalGray">(from drawing)</label>
@@ -1437,6 +1444,7 @@ function removeTab(event, tabId) {
 }
 function downloadPdf(pdfname,downloadPDFName) {
   console.log('pdfname===',pdfname)
+
     fetch('/get-pdf/'+JSON.stringify(pdfname))
         .then(response => response.blob())
         .then(blob => {
@@ -1451,6 +1459,11 @@ function downloadPdf(pdfname,downloadPDFName) {
 
 function downloadPDFfromLink(pdfLinksent, downloadPDFName) {
     const encodedURL = encodeURIComponent(pdfLinksent);
+    if (document.getElementById('downloadPdfbutton')){
+      document.getElementById('downloadPdfbutton').setAttribute('disabled',true)
+      document.getElementById('downloadPdfbutton').style.cursor='not-allowed';
+      document.getElementById('downloadPdfbutton').style.backgroundColor='rgba(101, 101, 101, 0.27)'
+     }
     fetch(`/downloadPDFfromLink?url=${encodedURL}`)
         .then(response => response.blob())
         .then(blob => {
@@ -1459,6 +1472,22 @@ function downloadPDFfromLink(pdfLinksent, downloadPDFName) {
             link.href = url;
             link.download = downloadPDFName;
             link.dispatchEvent(new MouseEvent('click'));
+
+            if (document.getElementById('downloadPdfbutton')){
+                  document.getElementById('downloadPdfbutton').removeAttribute('disabled');
+                  document.getElementById('downloadPdfbutton').style.cursor='pointer';
+                  document.getElementById('downloadPdfbutton').style.color = 'white';
+                  document.getElementById('downloadPdfbutton').style.backgroundColor="rgb(47, 131, 198)";
+                  
+                  document.getElementById('downloadPdfbutton').addEventListener('mouseover',function(){
+                    document.getElementById('downloadPdfbutton').style.color='black';
+                    document.getElementById('downloadPdfbutton').style.boxShadow=' 0 0 8px 2px rgb(47, 131, 198)';
+                  })
+                  document.getElementById('downloadPdfbutton').addEventListener('mouseout',function(){
+                    document.getElementById('downloadPdfbutton').style.color='white';
+                    document.getElementById('downloadPdfbutton').style.boxShadow='none';
+                  });
+              }
         })
         .catch(error => console.error('Error fetching PDF:', error));
 }
@@ -1987,8 +2016,8 @@ var doorSchedulePDF;
                               document.getElementById('progress').textContent = '0%';
                               document.getElementById("all").style.display = "none";
                                   // Display link or any additional data if needed
-                              window.open(data[2]);
-                              downloadPdf(pdfname,'Pixel_Conversion_File_:'+pdfname)
+                              //window.open(data[2]);
+                              downloadPDFfromLink(data[2],'Pixel_Conversion_File_:'+pdfname)
                               document.getElementById("all").style.display = "none";
                             
                                   document.getElementById('measureADRbutton').onclick= function()
@@ -2513,11 +2542,16 @@ function ImgSide(imgdata, spreadsheetLink, pdfLink,pdfname) {
       downloadPDFfromLink(pdfLink,downloadname)
     }
     downloadPdfbutton.addEventListener('mouseover', function () {
+      document.getElementById('downloadPdfbutton').style.color='black';
       downloadPdfbutton.style.boxShadow = '0 0 8px 2px rgb(47, 131, 198)';
     });
+
+
     downloadPdfbutton.addEventListener('mouseout', function () {
+      document.getElementById('downloadPdfbutton').style.color='white';
       downloadPdfbutton.style.boxShadow = 'none';
     });
+
 ////////////////////////////////////////////////////////////
     buttonContainer.appendChild(legendbutton);
     buttonContainer.appendChild(imgbutton);
@@ -2658,9 +2692,9 @@ function getData(form) {
 
     else if ( formvalues['selectprojs'].startsWith('2.7'))
       {
-        console.log('elseif')
-        console.log(groupedValues)
-        answers.push(tomeasureproj, 0,[], ratio1, ratio2 ,pdfpath,groupedValues); 
+        var Thickness= document.getElementById("text002extra").value
+        console.log(Thickness)
+        answers.push(tomeasureproj, 0,[], ratio1, ratio2 ,pdfpath,groupedValues,Thickness); 
         formData.append('file',dxffile) 
         formData.append('answers',JSON.stringify(answers)) 
       } 
@@ -2698,8 +2732,8 @@ function getData(form) {
                 console.log(response);
             },
             error: function(err) {
-              var TopTextModal = document.getElementById("TopTextModalWarning");
-              TopTextModal.textContent='Error'
+              let 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();
  
@@ -2891,7 +2925,7 @@ if (formvalues['selectprojs'].startsWith('1.0') || formvalues['selectprojs'].sta
         },
         error: function (err) {
             console.error('Error occurred during first AJAX call:', err);
-            var TopTextModal = document.getElementById("TopTextModalWarning");
+            let TopTextModal = document.getElementById("TopTextModal");
             TopTextModal.textContent='Error'
             PopupElement.textContent = 'Error occurred. Refresh and try again. If the error continues, please contact the ADR team to fix it.';
             ShowPopUp();
@@ -2954,7 +2988,7 @@ if (formvalues['selectprojs'].startsWith('1.0') || formvalues['selectprojs'].sta
             }
 
         } catch (err) {
-            var TopTextModal = document.getElementById("TopTextModalWarning");
+          let TopTextModal = document.getElementById("TopTextModal");
             TopTextModal.textContent='Error'
             console.error('Error occurred during fetchAndCompareData:', err);
             PopupElement.textContent = 'Error occurred. Refresh and try again. If the error continues, please contact the ADR team to fix it.';
@@ -3029,7 +3063,7 @@ document.getElementById("myForm").addEventListener("submit", function (e) {
 var measitemVal='';
 
 function get3rddropdown(){
-  console.log('ayhagaaaaaaaaaaaaaaaaa')
+
   // selections=measitem.value.toString() //3rd dpdwn value
   var unit;
   if (addciconval>0){
@@ -4180,6 +4214,10 @@ document.getElementById("refreshAPIbutton").onclick = function()
 document.getElementById("popupforextratext").disabled=false;
 document.getElementById("popupforextratext").onclick = function(){
 
+if(sectionNumber.startsWith('2.7') ){
+  document.getElementById("Thickness2.7").removeAttribute("hidden")
+}
+
 if (sectionNumber.startsWith('2.8') || sectionNumber.startsWith('2.6'))
 {
   text1extra= document.getElementById("text1extra")
@@ -4390,7 +4428,7 @@ var groupedValues = [];
 function getpopuptext() {
   groupedValues = [];
   // Select all text/number input fields inside the modal
-  const inputs = document.querySelectorAll('.modal-body input[type="text"], .modal-body input[type="number"]');
+  const inputs = document.querySelectorAll('#duplicaterExtra input[type="text"], #duplicaterExtra input[type="number"]');
   const values = [];
 
   // Collect all input values