Update templates/proposed-GUI.html

templates/proposed-GUI.html

@@ -125,7 +125,12 @@
       <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">
+              <i class="fa fa-clipboard clipboard-icon" aria-hidden="true"></i>
+              <i class="fa fa-times searchfocusx" aria-hidden="true"></i>
+            </div>
+              <!-- <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>            
@@ -151,7 +156,12 @@
   
       <div id ="relvDocdiv">
         <label id="relvDocLabel">Other Relevant Documents</label> 
-        <input type="search" oninput="handleKey(event, this.id)" id="relevantSearchInput"> 
+        <div class="input-containerSearchPaste">
+              <input type="search" oninput="handleKey(event, this.id)" id="relevantSearchInput">
+              <i class="fa fa-clipboard clipboard-icon" aria-hidden="true"></i>
+              <i class="fa fa-times searchfocusx" aria-hidden="true"></i>
+        </div>
+        <!-- <input type="search" oninput="handleKey(event, this.id)" id="relevantSearchInput">  -->
         <br>
         <div id="relvdiv" style="position: relative; max-height: 300px;">
           <div id="relvselectid" class="scrollable-container" hidden></div>
@@ -1551,6 +1561,16 @@ function downloadPdf(pdfname,downloadPDFName) {
         .catch(error => console.error('Error fetching PDF:', error));
 }
 
+function downloadFileXML_BAX(filename, content) {
+      const blob = new Blob([content], { type: "text/plain" });
+      const link = document.createElement("a");
+      link.href = URL.createObjectURL(blob);
+      link.download = filename;
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+    }
+
 function downloadPDFfromLink(pdfLinksent, downloadPDFName) {
     const encodedURL = encodeURIComponent(pdfLinksent);
     if (document.getElementById('downloadPdfbutton')){
@@ -2950,22 +2970,28 @@ function getData(form) {
                 
                 dropboxLink=data[6];
                 console.log(data[7])
+                BaxFile=data[8];
+                customColsXML=data[9];
                 // console.log(dropboxLink)
-                
-
+                downloadFileXML_BAX('Baxfile.bax',BaxFile)
+                downloadFileXML_BAX('CustomColsfile.xml',customColsXML)
                 
             }
             if (formvalues['selectprojs'].startsWith('2.8') ||formvalues['selectprojs'].startsWith('2.6'))
             { //base64.b64encode(buffer).decode('utf-8') ,pdflink,list1.to_dict(),  repeated_labels , not_found]
              // /* data[0]--> img , data[1]-->dataframe (goes to legend lsa ) , data [2] -->pdf dropbox shareable link ,data[3]-> spreadsheetId, data[4],spreadsheeturl */   
                 // SimilarAreaDictionary=data[1];
-                // listofimages=data[0];
+                listofimages=data[0];
                 console.log('2.8Daata',data)
                 dropboxLink=data[1];
                 list1= data[2] // list of pdf markups 
                 Repeated_Labels2_8=data[3]
                 Not_Found2_8=data[4]  
-                console.log(Repeated_Labels2_8,Not_Found2_8)    
+                BaxFile= data[5]
+                customColsXML=data[6]
+                console.log(Repeated_Labels2_8,Not_Found2_8)  
+                downloadFileXML_BAX('Baxfile.bax',BaxFile)
+                downloadFileXML_BAX('CustomColsfile.xml',customColsXML)  
             }
             if (formvalues['selectprojs'].startsWith('2.2'))
               {
@@ -3000,9 +3026,14 @@ function getData(form) {
             }
             
             // if (!(formvalues['selectprojs'].startsWith('2.8')))
-            // {
-              ImgSide(data[0],spreadsheetURL,dropboxLink,tomeasureproj)
+
               if (formvalues['selectprojs'].startsWith('2.8') || formvalues['selectprojs'].startsWith('2.6')) {
+
+                for(var p=0;p<listofimages.length;p++)
+                {
+                  ImgSide(listofimages[p],spreadsheetURLs[p],dropboxLinks[p],tomeasureproj)
+                }
+
                 let messages = [];
                 if (Repeated_Labels2_8)
                 if (Repeated_Labels2_8.length > 0) {
@@ -3020,17 +3051,20 @@ function getData(form) {
                     PopupElement.textContent = messages.join('\n'); // Show both messages if both conditions are met
                     ShowPopUp();
                 }
+                // downloadFileXML_BAX('Baxfile.bax',BaxFile)
+                // downloadFileXML_BAX('CustomColsfile.xml',customColsXML)
+
             }
 
             // }
               
-            // else{
+            else{
             //   console.log(listofimages.length)
-            //   for(var p=0;p<listofimages.length;p++)
-            //   {
-            //     ImgSide(listofimages[p],spreadsheetURLs[p],dropboxLinks[p])
-            //   }
-            // }
+              for(var p=0;p<listofimages.length;p++)
+            {
+              ImgSide(data[0],spreadsheetURL,dropboxLink,tomeasureproj)
+            }
+            }
             // getlegendstoDirectory()
 //////////////////////////////////////////////////////////////////////////////////////////
             let delrows2 = {
@@ -4735,6 +4769,34 @@ function callrefreshAPI(){
   console.log("Grouped input values:", groupedValues);
   return groupedValues;
 }
+// Clipboard paste with focus preservation
+document.querySelectorAll('.clipboard-icon').forEach(icon => {
+  icon.addEventListener('mousedown', e => e.preventDefault()); // Prevent blur
+  icon.addEventListener('click', async () => {
+    try {
+      const input = icon.closest('.input-containerSearchPaste').querySelector('input');
+      const text = await navigator.clipboard.readText();
+      input.value = text;
+      input.focus(); // Keep focus on the correct input
+      handleKey({ target: input }, input.id);
+    } 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.querySelectorAll('.searchfocusx').forEach(x => {
+  x.addEventListener('mousedown', e => e.preventDefault()); // Prevent blur
+  x.addEventListener('click', () => {
+    const input = x.closest('.input-containerSearchPaste').querySelector('input');
+    input.value = '';
+    input.focus(); // Keep focus on the correct input
+    handleKey({ target: input }, input.id);
+  });
+});
+
 
 function getAddedTablesDataSimple_modified() {
   const allTablesData = [];