Update templates/proposed-GUI.html

templates/proposed-GUI.html

@@ -125,7 +125,7 @@
       <div id ="tomeasurediv">
           <div>
             <label id="measureLabel">Document To Measure</label>  
-              <input type="search" oninput="handleKey(event, this.id)" id="tomeasureSearchInput">
+              <input type="search" onkeyup=filterFunction(this.id) id="tomeasureSearchInput">
               <!-- <button id="refreshDropboxButtonID"></button>  -->
               <i hidden class="fa fa-dropbox fa-lg" id="refreshDropboxButtonID"> 
                 <span class="dropboxtip">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.</span> </i>            
@@ -706,17 +706,7 @@
           <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"> -->
-            <input
-              type="number"
-              id="text002extra"
-              name="text003name"
-              placeholder="Eg: 3"
-              min="0"
-              required
-              oninvalid="this.setCustomValidity('Please enter the maximum wall thickness.')"
-              oninput="this.setCustomValidity('')"
-            >
+            <input type="number" id="text002extra" name="text003name" placeholder="Eg: 3" min="0">
           </div>
 
           <div id="duplicaterExtra" hidden="until-found">
@@ -1873,7 +1863,6 @@ function getSelectValues(select) {
   //Retrieves list of projects  
 var doorSchedulePDF;
 let selectedValues = []; // global
-
   function getproj(){
     getALLMCTNAMES();
     
@@ -1963,12 +1952,13 @@ let selectedValues = []; // global
                           relvSelect.removeChild(relvSelect.firstChild);
                         }
                     }
-                  // const nameSet = new Set(); // To track unique names
+                  const nameSet = new Set(); // To track unique names
                   const nameSetRelv = new Set(); // To track unique names
 
                 // Action foconst nameSet = new Set(); // To track unique names
 
               // Action for when the checkbox is clicked
+              
               function handleCheckboxChange(event) {
                 if (!(projsec.value.startsWith('2.6') || projsec.value.startsWith('2.8'))) {
                 // Uncheck all checkboxes before checking the current one
@@ -1978,15 +1968,19 @@ let selectedValues = []; // global
                     }
                 });
                 }
+
                 // Check the current checkbox
                 const selectedCheckboxes = Array.from(document.querySelectorAll('input[name="measureCheckbox"]:checked'));
                 selectedValues = selectedCheckboxes.map(cb => cb.value);
                 measSelect.value = selectedValues.join(', ');
+
                 
                 console.log("Selected projects:", selectedValues);
                 
                 // Save the latest selected checkbox PDF name (if only one selected)
                 pdfname = selectedValues.length === 1 ? selectedValues[0] : selectedValues.join(', ');
+
+
                 // Highlight the selected item
                     document.querySelectorAll(".measure-item").forEach(item => {
                       const checkbox = item.querySelector('input[name="measureCheckbox"]');
@@ -1994,6 +1988,10 @@ let selectedValues = []; // global
                       });
                 console.log("Selected projects:", selectedValues);
 
+            
+
+
+
                   // Show alert immediately to prompt the user
                   if (projsec.value.startsWith('3.2') || projsec.value.startsWith('3.3') || projsec.value.startsWith('2.7')) {
                       // downloadPdf(selectedValue);
@@ -2006,7 +2004,7 @@ let selectedValues = []; // global
                   canvasimg='';
                   ry=[[]];
                   levelcheckbox.checked=false;
-                  pdfname=selectedValue;
+                  
                   measSelect.style.boxShadow='none';
 
                   console.log(projsec.value)
@@ -2261,14 +2259,14 @@ let selectedValues = []; // global
                     measSelect.appendChild(div);
 
                     // Handle duplicates
-                    // if (nameSet.has(name)) {
-                    //   label.style.color = "red";
-                    //   document.getElementById("TopTextModal").textContent = 'Error: Duplicates Error';
-                    //   PopupElement.textContent = 'Duplicate project names were detected while retrieving the project PDFs. Please visit Dropbox and rename the relevant files that you will be working on to ensure each project has a unique name. Once the renaming is complete, return to the console and click on the Dropbox icon to retrieve the updated project names.';
-                    //   ShowPopUp();
-                    // } else {
-                    //   nameSet.add(name);
-                    // }
+                    if (nameSet.has(name)) {
+                      label.style.color = "red";
+                      document.getElementById("TopTextModal").textContent = 'Error: Duplicates Error';
+                      PopupElement.textContent = 'Duplicate project names were detected while retrieving the project PDFs. Please visit Dropbox and rename the relevant files that you will be working on to ensure each project has a unique name. Once the renaming is complete, return to the console and click on the Dropbox icon to retrieve the updated project names.';
+                      ShowPopUp();
+                    } else {
+                      nameSet.add(name);
+                    }
                   }
 
 
@@ -2336,11 +2334,11 @@ let selectedValues = []; // global
 
                       relvSelect.appendChild(divRelv);
 
-                      // if (nameSetRelv.has(name)) {
-                      //   label.style.color = "red";
-                      // } else {
-                      //   nameSetRelv.add(name);
-                      // }
+                      if (nameSetRelv.has(name)) {
+                        label.style.color = "red";
+                      } else {
+                        nameSetRelv.add(name);
+                      }
                     }
 
 
@@ -2647,7 +2645,6 @@ function startDropdownUpdates() {
 
 
 function getData(form) {
-
   document.getElementById("loading").hidden = false;
 
   document.getElementById('measureADRbutton').setAttribute('disabled',true);
@@ -2669,8 +2666,10 @@ function getData(form) {
   formvalues=Object.fromEntries(formData);
 
  console.log(formData,formvalues)
+
 // iterate through entries...
   tomeasureproj=formvalues['measureCheckbox']; //proj name
+  //console.log('el data el fe form values:::',tomeasureproj)
 
 
   if( formvalues['selectprojs'].startsWith('3.2') || formvalues['selectprojs'].startsWith('3.3') || formvalues['selectprojs'].startsWith('2.7') ){
@@ -2731,8 +2730,14 @@ function getData(form) {
     }
     else if (formvalues['selectprojs'].startsWith('2.8') || formvalues['selectprojs'].startsWith('2.6') )
     {
+      console.log('el data el 7ayt3amalaha push:::',selectedValues)
       answers.push(selectedValues, 0,[] , 0,0,pdfpath , doorSchedulePDF,groupedValues);
-      formData.append('answers',JSON.stringify(answers)) 
+      formData.append('answers',JSON.stringify(answers))
+      console.log('el data el fe answers:::',answers)
+      for (let pair of formData.entries()) {
+        console.log(`${pair[0]}: ${pair[1]}`);
+      }
+
     }
   }
  
@@ -4169,68 +4174,29 @@ dialog_container.style.display = "block";
 };
 
 
-function handleKey(event, id) {
-    const ignoredKeys = [
-        'Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 
-        'Shift', 'Control', 'Alt', 'Meta', 'Escape', 'Tab'
-    ];
-
-    if (!ignoredKeys.includes(event.key)) {
-        filterFunction(id);
-    }
-}
-
 function filterFunction(id) {
-  const nameCount = {}; // Track name frequency
-  let flagnameset = false;
-
-  const input = document.getElementById(id);
-  const filter = input.value.toUpperCase();
-
-  let items;
+  var input, filter, ul, li, a, i;
+  input = document.getElementById(id);
+  filter = input.value.toUpperCase();
   if (id.toString().startsWith('tomeasure'))
-    items = document.querySelectorAll("#measureContainer .measure-item");
-  else
-    items = document.querySelectorAll("#relvselectid .relv-item");
+      a = document.querySelectorAll("#measureContainer .measure-item");
 
-  // First pass: count names
-  items.forEach(item => {
-    const txtValue = item.textContent || item.innerText;
-    const name = item.children[1].textContent;
-
-    if (txtValue.toUpperCase().includes(filter)) {
-      nameCount[name] = (nameCount[name] || 0) + 1;
-      item.style.display = "";
+    // a = document.getElementById("measureselectid").children;
+  else
+    // a = document.getElementById("relvselectid").children;
+    a = document.querySelectorAll("#relvselectid .relv-item");
+  // a = div.getElementsByTagName("option");
+  for (i = 0; i < a.length; i++) {
+    txtValue = a[i].textContent || a[i].innerText;
+    if (txtValue.toUpperCase().indexOf(filter) > -1) {
+      a[i].style.display = "";
     } else {
-      item.style.display = "none";
+      a[i].style.display = "none";
     }
-  });
-
-  // Second pass: apply coloring
-  items.forEach(item => {
-    const txtValue = item.textContent || item.innerText;
-    const name = item.children[1].textContent;
-
-    if (txtValue.toUpperCase().includes(filter)) {
-      if (nameCount[name] > 1) {
-        item.style.color = "red";
-        flagnameset = true;
-      } else {
-        item.style.color = ""; // Reset color for unique names
-      }
-    }
-  });
-
-  if (flagnameset) {
-    document.getElementById("TopTextModal").textContent = 'Error: Duplicates Error';
-    PopupElement.textContent = 'Duplicate project names were detected while retrieving the project PDFs. Please visit Dropbox and rename the relevant files that you will be working on to ensure each project has a unique name. Once the renaming is complete, return to the console and click on the Dropbox icon to retrieve the updated project names.';
-    ShowPopUp();
   }
 }
 
 
-
-
 // Call function when show dialog btn is clicked
 var duplicaterExtra = document.getElementById("duplicaterExtra");
 var overlaymeText = document.getElementById("modal-bodyTextp");