Update templates/proposed-GUI.html

templates/proposed-GUI.html

@@ -100,7 +100,7 @@
   
       <div id ="tomeasurediv">
         <label id="measureLabel">Document To Measure</label>  
-        <input type="search" onkeyup=filterFunction(this.id) id="tomeasureSearchInput">
+          <input type="search" onkeyup=filterFunction(this.id) id="tomeasureSearchInput">
         <br>
         <div id="measureCheckbox">
           <select style="margin-left: -1%;" hidden name="measureselectname"  id="measureselectid"  multiple size="5" required>   </select>
@@ -229,7 +229,6 @@
         
     </div>
     
-   
     <div class="dropdown-content">
             <div id="userguidetext">
               <div id="textfirstpage">
@@ -336,6 +335,7 @@
 </html>
 
 <script > 
+
 ///////////////////////////////////////////////BEGIN JS CODE//////////////////////////////////////////////////
 PopupElement=document.getElementById('modal-bodyText');
 
@@ -361,6 +361,7 @@ $(thirddropdown).select2({
   width:'51ch'
   });
 var measSelect = document.getElementById("measureselectid");
+
 var relvSelect = document.getElementById("relvselectid");
 document.getElementById("all").style.display = "block";
 
@@ -369,7 +370,8 @@ PrjPartsArray=[];
 PrjSectionsArray=[];
 var partsArrwithID=[];
 var firstDpwnValue;
-
+displayprjnames()
+function displayprjnames(){
 $.get('/getprojectnames/')
      .success(function(data) {
       document.getElementById("all").style.display = "none";
@@ -393,7 +395,7 @@ $.get('/getprojectnames/')
           ShowPopUp();
         
 });
-
+}
 /*Get chosen value and send to flask to  get project parts*/
 // firstdropdownInput=document.getElementById('selectionsProjid');
 // console.log('kk',firstdropdownInput)
@@ -461,7 +463,7 @@ function displayprojsections(projectName,PartName){
       opt.text=data[i];
       thirddropdown.append(opt);
 
-      if(!(data[i].startsWith('1.0') ))//|| data[i].startsWith('3.2') ||data[i].startsWith('2.2')))
+      if(!(data[i].startsWith('1.0')  ))//|| data[i].startsWith('3.2') ||data[i].startsWith('2.2')))
         {
           opt.style.color='#bdbcbc';
           opt.style.cursor='not-allowed';
@@ -494,7 +496,7 @@ $toggle.addEventListener('click', function() {
 }
 
 });
-//API refresh worker -- work parallel to this code 
+
 var worker = new Worker('../static/API_Refresh_workerJS.js');
 worker.onmessage= function(event){
     var data=JSON.parse(event.data);
@@ -557,6 +559,38 @@ worker.onmessage= function(event){
 
     }
 }
+
+// var workerDropbox = new Worker('../static/DropboxWorker.js');
+// workerDropbox.onmessage= function(event){
+//     var dataDropbox=JSON.parse(event.data);
+//     console.log(dataDropbox)
+//     if (dataDropbox)
+//     {  console.log('dataDropbox')
+//        console.log(dataDropbox)
+//        console.log(dataDropbox[1])
+      
+//         if (confirm(dataDropbox[0]+"\n")){
+//           document.getElementById('all').style.display='block';
+          
+//           $.getJSON('/postdropboxprojects', {
+//             dict: JSON.stringify(dataDropbox[1]),     
+          
+//                   }, function(data2){
+//                       console.log(data2)
+//                       if (data2.startsWith('post'))
+//                       {
+//                         getproj();
+//                       }
+
+//                   })
+//         }
+//           else{
+//             workerDropbox.terminate()
+//         }
+
+//     }
+// }
+
 //___________________________________________________________________________________________________________
 //___________________________________________________________________________________________________________
 /*Retrieve MCTNAMES Dictionary from API - Flask*/
@@ -624,7 +658,6 @@ document.getElementById('measureADRbutton').addEventListener('click',function(){
 
 /*Clear output everytime the user clicks on measureADR button*/
   var rightside=document.getElementById('rightside');
-    var rightside=document.getElementById('rightside');
   document.getElementById("backgroundimg").innerHTML='';
   document.getElementById("underimgbuttons").innerHTML='';
   var rightchidren= rightside.children;
@@ -633,11 +666,13 @@ document.getElementById('measureADRbutton').addEventListener('click',function(){
     if (rightchidren[ch].id == 'imgcanvas')
     {
       rightside.removeChild(rightchidren[ch])
+      // document.getElementById('imgcanvas').innerHTML=''
       clearInterval()
       clearTimeout()
     }
   }
 });
+
 //___________________________________________________________________________________________________________
 //___________________________________________________________________________________________________________
 /*Toggle Tab View of Home and Legend along with the Menu bar icon*/
@@ -902,6 +937,7 @@ var ratioPunit=1;
 
     relvids.forEach(function(elem){
       elem.addEventListener("change", function() {
+        // console.log(elem.value)
         document.getElementById("all").style.display = "block";
       // var pdfpatharr=[]
       // pdfpatharr.push(projname.value, projpart.value,projsec.value, elem.value)
@@ -918,7 +954,8 @@ var ratioPunit=1;
     });
 
     measids.forEach(function(elem) {
-          elem.addEventListener("change", function() {
+            elem.addEventListener("change", function() {
+
             canvasimg='';
             ry=[[]];
             levelcheckbox.checked=false;
@@ -2197,6 +2234,7 @@ $.get('/getAPITables/')
   table1=data[0]; //prj names table
   table2=data[1]; //prj parts table
   table3=data[2]; //prj sections table
+
 })
 .error(function(jqXHR, textStatus, errorThrown) { 
           PopupElement.textContent='Error occured. Refresh and try again. If the error continues, please contact the ADR team to fix it. ';
@@ -2499,6 +2537,7 @@ function ShowPopUp(){
     }
 };
 
+
 function filterFunction(id) {
   var input, filter, ul, li, a, i;
   input = document.getElementById(id);