Update templates/proposed-GUI.html

templates/proposed-GUI.html

@@ -177,7 +177,7 @@
       <select name="measureitem" class="measureitems"  id="measureitemsid"> </select>
         <br>
         <div id="repeatforloop" class="repeatforloopclass00" name="repeatforloopname " >  
-              <input type="text" id="text0" name="text1name" placeholder="GB-1" class=gb>
+              <select type="text" id="text0" name="text1name" placeholder="GB-1" class=gb> </select>
               <input type="text" id="text1" name="text2name"  placeholder="A" class=a>
               <input type="text" id="text2" name="text3name" placeholder="Depth" class=depth>
               <script src="https://cdn.lordicon.com/bhenfmcm.js" ></script>
@@ -206,7 +206,7 @@
         <div id="repeatforloophidden" class="repeatforloopclasshidden" name="repeatforloopnamehidden " >    <!-- onchange="getmctName()" -->
       
 
-              <input type="text" id="text0" name="text1name" placeholder="GB-1" class=gb>
+              <select type="text" id="text0" name="text1name" placeholder="GB-1" class=gb> </select>
               <input type="text" id="text1" name="text2name"  placeholder="A" class=a>
               <input type="text" id="text2" name="text3name" placeholder="Depth" class=depth>
               <script src="https://cdn.lordicon.com/bhenfmcm.js" ></script>
@@ -407,6 +407,7 @@ $(firstdropdown).select2({
   width:'51ch'
 
   });
+  
 $(seconddropdown).select2({
   placeholder:'Project Parts',
   closeOnSelect: true,
@@ -1436,6 +1437,7 @@ function ImgSide(imgdata, spreadsheetLink, pdfLink) {
     var imgbutton = document.createElement("button");
     imgbutton.className = 'measureADRbutton2';
     imgbutton.innerText = 'Click to view as PDF';
+    imgbutton.id='clickpdfurldp'
     imgbutton.style.backgroundColor = 'rgb(255,0,255)';
 
     imgbutton.addEventListener('mouseover', function () {
@@ -1493,6 +1495,59 @@ function updatepreview(pdfname){
     })  
 } 
 
+
+
+// Function to update dropdown options
+function updateDropdown(options) {
+    const dropdowns = document.getElementsByName('text1name');
+
+    dropdowns.forEach((dropdown) => {
+        // Save the currently selected value
+        const selectedValue = dropdown.value;
+
+        // Clear the dropdown
+        dropdown.innerHTML = '';
+
+        // Repopulate with new options
+        options.forEach((value) => {
+            const option = document.createElement('option');
+            option.value = value;
+            option.textContent = value;
+            dropdown.appendChild(option);
+        });
+
+        // Restore the previously selected value if it still exists
+        if (options.includes(selectedValue)) {
+            dropdown.value = selectedValue;
+        }
+    });
+}
+
+// Function to start the worker and periodic updates
+function startDropdownUpdates() {
+    const guessedNamesWorker = new Worker('../static/guessedNamesWorker.js');
+    // Handle messages from the worker
+    guessedNamesWorker.onmessage = function (event) {
+        if (event.data.status === 'success') {
+            console.log('Updating dropdown with new data:', event.data.data);
+            updateDropdown(event.data.data); // Update the dropdown
+        } else {
+            console.error('Error from worker:', event.data.error);
+        }
+    };
+
+    // Send an initial fetch message to the worker
+    guessedNamesWorker.postMessage('fetch');
+
+    // Periodically fetch data every 3 seconds
+    setInterval(() => {
+        guessedNamesWorker.postMessage('fetch');
+    }, 3000);
+}
+
+
+
+
 function getData(form) {
 
   document.getElementById("loading").hidden = false;
@@ -1606,6 +1661,8 @@ function getData(form) {
         // (new Audio(mp3_url)).play()
         // retrieveLinks()
            
+        startDropdownUpdates(); // Start the dropdown updates
+
 
             document.getElementById("loading").hidden = true;
             document.getElementById("rightside").hidden = false;
@@ -2177,6 +2234,7 @@ console.log(selections.value)
 //___________________________________________________________________________________________________________
 var repeatforloopI=0;
 function getmctName(){
+  
   var listofnames=[];
   var flag=0;
   arrallvalues=[];
@@ -2199,21 +2257,6 @@ function getmctName(){
     var divValues=['text1'+div[0].value, div[1].value , div[2].value]; 
     mctname=[selections.value ,divValues , measitemVal ];
     
-    // if(div[0].value && div[1].value && div[2].value)
-    // { 
-    //   flag=1;
-    //   arrmctNames.push( mctname);
-    // }
-    // else if (div[0].value && !div[1].value && !div[2].value) {
-    //   mctname=[selections.value ,['text1'+div[0].value ], measitemVal ];
-    //   flag=1;
-    //   arrmctNames.push( mctname);
-    // }
-    // else if (div[0].value && div[1].value && !div[2].value) {
-    //   mctname=[selections.value ,['text1'+div[0].value, div[1].value ] , measitemVal ];
-    //   flag=1;
-    //   arrmctNames.push( mctname);
-    // }
 //////////////////////////////////////////
 
 
@@ -2395,13 +2438,6 @@ function getmctName(){
   $.get( '/mctnametoGoogleSheet/'+ JSON.stringify(arrFinalMCNames))
   .success( function(data) {
     console.log('dataaaaa',data)
-    // listofnames=data[1];
-
-    // var is_same = listofnames.length == arrallvalues.length && listofnames.every(function(element, index) {
-    //   if(arrallvalues.indexOf(element)>-1){
-    //     return element = arrallvalues[arrallvalues.indexOf(element)];
-    //   }
-    // });
 
       spreadsheetURL=spreadsheetURL+ '/edit#gid='+data[0].toString()
       console.log('spreadsheetURL',spreadsheetURL)
@@ -2418,7 +2454,7 @@ function getmctName(){
 //___________________________________________________________________________________________________________
 //___________________________________________________________________________________________________________
 function addmctnameicon(){
-
+  // guessednamesDropdown()
   repeatforloopI+=1
   var dupDiv;
   if (clonedDivId==0){
@@ -2532,6 +2568,35 @@ myCanvas.addEventListener("click", e => {
 });
 //___________________________________________________________________________________________________________
 //___________________________________________________________________________________________________________
+// function guessednamesDropdown(){
+//   // 
+//   $.get('/getguessednamepath/')
+      
+//       .success(function(arrayofvalues) {
+//         console.log('arrayofvalues',arrayofvalues)
+//         var text1name=  document.getElementsByName('text1name')
+//                 // Loop through each dropdown
+//         text1name.forEach((dropdown, index) => {
+//             // Clear existing options
+//             dropdown.innerHTML = '';
+            
+//             // Populate with arrayofvalues
+//             arrayofvalues.forEach(value => {
+//                 let option = document.createElement('option');
+//                 option.value = value;
+//                 option.text = value;
+//                 dropdown.appendChild(option);
+//             });
+//         });
+        
+//       })
+//       .error(function(jqXHR, textStatus, errorThrown) { 
+//                 PopupElement.textContent='Error occured while retrieving the Legend Guessed Names. Refresh and try again. If the error continues, please contact the ADR team to fix it. ';
+//                 ShowPopUp();
+//               });
+// }
+
+
 function drawChart() {
   ctx.lineWidth = 5;
 
@@ -2668,6 +2733,7 @@ levelsin.addEventListener('click',function(){
 //___________________________________________________________________________________________________________
 function getSecondData(){
   document.getElementById('all').style.display='block';
+
   getmctName()
 }
 //___________________________________________________________________________________________________________