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" onkeyup=filterFunction(this.id) id="tomeasureSearchInput">
+              <input type="search" oninput="handleKey(event, 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>            
@@ -2259,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);
+                    // }
                   }
 
 
@@ -2334,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);
+                      // }
                     }
 
 
@@ -4173,30 +4173,68 @@ 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) {
-  var input, filter, ul, li, a, i;
-  input = document.getElementById(id);
-  filter = input.value.toUpperCase();
-  if (id.toString().startsWith('tomeasure'))
-      a = document.querySelectorAll("#measureContainer .measure-item");
+  const nameCount = {}; // Track name frequency
+  let flagnameset = false;
+
+  const input = document.getElementById(id);
+  const filter = input.value.toUpperCase();
 
-    // a = document.getElementById("measureselectid").children;
+  let items;
+  if (id.toString().startsWith('tomeasure'))
+    items = document.querySelectorAll("#measureContainer .measure-item");
   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 = "";
+    items = document.querySelectorAll("#relvselectid .relv-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 = "";
     } else {
-      a[i].style.display = "none";
+      item.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");