Update templates/proposed-GUI.html

templates/proposed-GUI.html

@@ -151,8 +151,9 @@
         <label id="relvDocLabel">Other Relevant Documents</label> 
         <input type="search" onkeyup=filterFunction(this.id) id="relevantSearchInput"> 
         <br>
-        <div id ="relvdiv">
-          <div id="relvselectid" hidden></div>
+        <div id="relvdiv" style="position: relative; max-height: 300px;">
+          <div id="relvselectid" class="scrollable-container" hidden></div>
+          <div id="relvoverlay" class="disable-overlay"></div>
           <!-- <select style="margin-left: -1%;" hidden name="relvselectname"  id="relvselectid"  multiple size="5">   </select> -->
           <iframe id="pdfFrame" hidden></iframe>
         </div>
@@ -1768,14 +1769,9 @@ var doorSchedulePDF;
 
                   console.log(projsec.value)
                   if (!(projsec.value.startsWith('2.6') || projsec.value.startsWith('2.8'))) {
-                    console.log(projsec.value)
-
-
-                        document.getElementById("all").style.display = "block";
+                      document.getElementById("all").style.display = "block";
                         
-                        pixelArr=[projname.value, projpart.value,projsec.value, pdfname]
-                      // Open popup immediately before initiating the PDF download
-                      
+                      pixelArr=[projname.value, projpart.value,projsec.value, pdfname]
                       var eventSource = new EventSource('/pixelimg/' + JSON.stringify(pixelArr));
                       document.getElementById('progressBar').removeAttribute('hidden')
                       document.getElementById('progressBar').style.display='block';
@@ -1786,23 +1782,16 @@ var doorSchedulePDF;
                               document.getElementById('progress').style.width = progress + '%';
                               document.getElementById('progress').textContent = progress + '%';
                           } else {
-                              // Final data handling when progress reaches 100%
-                              console.log('Process completed!');
-                              
-                              // Parse and handle the final response data (documentsToMeasure, RelevantDocuments, extracted_path)
                               var data = JSON.parse(event.data);  // Assuming the result is a JSON array
-                              console.log('Final result:', data);
-                              // You can use this data to update your page or handle it accordingly
-
                               eventSource.close();  // Close the connection when finished
 
-                          document.getElementById('progressBar').setAttribute('hidden',true)
-                          document.getElementById('progressBar').style.display='none';
-                          document.getElementById('progress').style.width = '0%'; // Reset progress for the next process
-                          document.getElementById('progress').textContent = '0%';
-                          document.getElementById("all").style.display = "none";
-                              // Display link or any additional data if needed
-                           window.open(data[2]);
+                              document.getElementById('progressBar').setAttribute('hidden',true)
+                              document.getElementById('progressBar').style.display='none';
+                              document.getElementById('progress').style.width = '0%'; // Reset progress for the next process
+                              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)
                               document.getElementById("all").style.display = "none";
                             
@@ -1947,6 +1936,9 @@ var doorSchedulePDF;
                               //   pdfnames=getSelectValues(elem)
                               // }
               } 
+              else{
+                document.getElementById('radiosColors').removeAttribute('hidden')
+              }
             }
               // Action for when the label is clicked (no checkbox change)
               function handleLabelClick(event) {
@@ -2037,7 +2029,7 @@ var doorSchedulePDF;
                   }
 
 
-              for (let i = 0; i < relvDocs.length; i++) {
+              for (let i = 0; i < relvDocs.length; i++) { 
                       let name = relvDocs[i][0];
 
                       // Create div for the measure item
@@ -2112,13 +2104,13 @@ var doorSchedulePDF;
                   relvids.push(relvSelect);
                   measids.push(measSelect);
 
-              document.addEventListener("click", function(event) {
-                const iframe = document.getElementById("pdfFrame");
-                if (!iframe.contains(event.target)) {
-                  const iframe = document.getElementById("pdfFrame");
-                  iframe.style.display = "none";
-                }
-              });
+                  document.addEventListener("click", function(event) {
+                    const iframe = document.getElementById("pdfFrame");
+                    if (!iframe.contains(event.target)) {
+                      const iframe = document.getElementById("pdfFrame");
+                      iframe.style.display = "none";
+                    }
+                  });
                   document.getElementById('measureADRbutton').onclick= function()
                   {
                     if (!measSelect.value) {
@@ -2149,6 +2141,16 @@ var doorSchedulePDF;
                   document.getElementById('selectunitA').removeAttribute('disabled')
                 }
               }
+  
+              
+
+              if (!(thirddropdown.value.startsWith('2.8')||thirddropdown.value.startsWith('2.6')) ) {
+                document.getElementById("relvselectid").classList.add("disabled");
+                document.getElementById("relvoverlay").style.display = "block";
+              } else {
+                document.getElementById("relvselectid").classList.remove("disabled");
+                 document.getElementById("relvoverlay").style.display = "none";
+              }
 
           };
 
@@ -2481,7 +2483,7 @@ function getData(form) {
     }
     else if (formvalues['selectprojs'].startsWith('2.8') || formvalues['selectprojs'].startsWith('2.6') )
     {
-      answers.push(tomeasureproj, 0,[] , 0,0,pdfpath , doorSchedulePDF);
+      answers.push(tomeasureproj, 0,[] , 0,0,pdfpath , doorSchedulePDF,groupedValues);
       formData.append('answers',JSON.stringify(answers)) 
     }
   }
@@ -4195,30 +4197,31 @@ function callrefreshAPI(){
 }
 
 var groupedValues = [];
-
-function getpopuptext(){
-  // Select all text input fields inside the modal
+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 values = [];
-  
-  // Loop through the inputs and add their values to the array
+
+  // Collect all input values
   inputs.forEach(input => {
-    values.push(input.value);
+    values.push(input.value.trim());
   });
-  
+
   console.log("Collected input values:", values);
 
-  // Group the values into subarrays of 4
-  // const groupedValues = [];
+  // Group the values into subarrays of 4, only if any field has value
   for (let i = 0; i < values.length; i += 4) {
-    groupedValues.push(values.slice(i, i + 4));
+    const group = values.slice(i, i + 4);
+    if (group.some(val => val !== '')) {
+      groupedValues.push(group);
+    }
   }
-  
+
   console.log("Grouped input values:", groupedValues);
-  
   return groupedValues;
-
 }
 
+
 </script>