Update templates/proposed-GUI.html

templates/proposed-GUI.html

@@ -125,8 +125,11 @@
       <div id ="tomeasurediv">
           <div>
             <label id="measureLabel">Document To Measure</label>  
+            <div class="input-containerSearchPaste">
               <input type="search" oninput="handleKey(event, this.id)" id="tomeasureSearchInput">
-              <!-- <button id="refreshDropboxButtonID"></button>  -->
+              <i class="fa fa-clipboard clipboard-icon" aria-hidden="true"></i>
+              <i class="fa fa-times searchfocusx" aria-hidden="true"></i>
+            </div>
               <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>            
   
@@ -4536,7 +4539,35 @@ function getpopuptext() {
   console.log("Grouped input values:", groupedValues);
   return groupedValues;
 }
+// Clipboard paste with focus preservation
+document.querySelector('.clipboard-icon').addEventListener('mousedown', (e) => {
+  e.preventDefault(); // Prevent input blur
+});
+
+document.querySelector('.clipboard-icon').addEventListener('click', async () => {
+  try {
+    const text = await navigator.clipboard.readText();
+    const input = document.getElementById('tomeasureSearchInput');
+    input.value = text;
+    input.focus(); // Re-focus after clipboard read
+    handleKey({ target: input }, 'tomeasureSearchInput');
+  } catch (err) {
+    console.error('Clipboard access error:', err);
+    alert('Clipboard access is blocked. Try using Ctrl+V.');
+  }
+});
+
+// Clear input on 'x' click, with focus preserved
+document.querySelector('.searchfocusx').addEventListener('mousedown', (e) => {
+  e.preventDefault(); // Prevent input blur
+});
 
+document.querySelector('.searchfocusx').addEventListener('click', () => {
+  const input = document.getElementById('tomeasureSearchInput');
+  input.value = '';
+  input.focus(); // Keep input focused
+  handleKey({ target: input }, 'tomeasureSearchInput');
+});
 
 </script>