Update templates/proposed-GUI.html

templates/proposed-GUI.html

@@ -84,7 +84,7 @@
         <ul>
         </ul>
     </div> -->
-      
+    <input type="button" id="refreshAPIbutton" title="Refresh data retrieved from MC" value="Refresh data retrieved from MC ">
       <div id ="">
           <select name="selectproj" class="selectionsProj" id="selectionsProjid" required  >     </select>
       </div>
@@ -176,6 +176,7 @@
 
     </div>    
     <button  hidden id="doneebackground"   onclick="getSecondData()" > Export Summary </button>
+    <button  hidden id="summarytoXML"   onclick=summary_to_XML() > Summary to XML</button>
     <div  hidden id ="duplicaterhidden" class="duplicaterclasshidden">
         <label id="labelArrayId" hidden="until-found"> </label>
         <select name="measurementscripts" class="measurementselections" id="measurementselectionsid" > 
@@ -347,7 +348,7 @@
           <h2 id="TopTextModal">Warning!</h2>
       </div>
       <div class="modal-body">
-        <p id="modal-bodyText">Are you sure you want to retrieve information from dropbox. Please note that this process may exceed 30 minutes, depending on the amount of data found in the dropbox and the internet connection. 
+        <p id="modal-bodyTextp">Are you sure you want to retrieve information from dropbox. Please note that this process may exceed 30 minutes, depending on the amount of data found in the dropbox and the internet connection. 
         </p>
         <br>
         <div class="text-right">
@@ -367,7 +368,6 @@
 ///////////////////////////////////////////////BEGIN JS CODE//////////////////////////////////////////////////
 PopupElement=document.getElementById('modal-bodyText');
 
-
 // add project names to first dropdown from google sheet
 firstdropdown=document.getElementsByClassName('selectionsProj')[0];
 seconddropdown=document.getElementsByClassName('selectionsProjp')[0];
@@ -541,92 +541,112 @@ $toggle.addEventListener('click', function() {
     console.log(MCTNames)
    }
 // }
-
-
+var val=''
 var worker = new Worker('../static/API_Refresh_workerJS.js');
+postAPIrefreshData()
+function postAPIrefreshData()
+{
 
-worker.onmessage= function(event){
 
-//   if (event.data=='sectionData')
-//  {
-//    if (thirddropdown.value){
-//     worker.postMessage(thirddropdown.value);
-//   }
-//   else{
-//     worker.postMessage('noSectionYet');
-//   }
+worker.onmessage= function(event){
+  if (firstdropdown.value)
+  {        
+    val='firstonly'
+    console.log(val)
+  }  
+  if ((firstdropdown.value) && (seconddropdown.value))
+  {        
+    val='firstSecond'
+    console.log(val)
+  } 
+
+  if (val=='firstonly')
+       worker.postMessage(firstdropdown.value)
+  else if (val=='firstSecond')
+  {
+    worker.postMessage([firstdropdown.value,seconddropdown.value])
+  }
   var data=JSON.parse(event.data);
-//   }
-    if (data)
-    {
-      // console.log(event.data)
-      // // if (event.data!='noSectionYet'){
-      //   // returnString=event.data[0]
-      //   // MCTNames=event.data[1]
-      // }
-      // else{
-      //   returnString=event.data
-      //   console.log(returnString)
-      // }
-        if (confirm(data[0]+"\n")){
-          document.getElementById('all').style.display='block';
-          
-          $.get('/refreshAPIAppendNewTables')
-          .success(function(successData){
-          if (data[1]===('projectsection'))
-          {
-            if (firstdropdown.value & seconddropdown.value)
-            {
-              displayprjnames();
-              displayprojsections(firstdropdown.value,seconddropdown.value);
-            }
-          }
-
-          else if (data[1]==='project')
-          {
-            console.log('projjjj')
-            displayprjnames();
-          }
-          else if (data[1]==='part')
-          {  if (firstdropdown.value)
-              displayprojparts(firstDpwnValue);
-          }
-          else if (data[1]==='section')
+  console.log(data)
+   if (data)
+   {
+      if (confirm(data[0]+"\n")){
+        document.getElementById('all').style.display='block';
+        
+        $.get('/refreshAPIAppendNewTables')
+        .success(function(successData){
+        if (data[1]==='project')
+        {
+          // console.log('projjjj')
+          // displayprjnames();
+          console.log(data[2])
+          for (let d=0;d<data[2].length;d++)
           {
-            if (firstdropdown.value & seconddropdown.value)
-              displayprojsections(firstdropdown.value,seconddropdown.value);
+            console.log(data[2][d])
+            opt=document.createElement("option");
+            opt.textContent=data[2][d];
+            opt.text=data[2][d];
+            firstdropdown.append(opt);
+            PrjNamesArray.push(data[2][d]);
           }
-          else if (data[1]==='projectpart')
+        }
+        else if (data[1]==='part')
+        {  if (firstdropdown.value)
           {
-              displayprjnames();
-              if (firstdropdown.value)
-                displayprojparts(firstDpwnValue);
-          }
-          else if (data[1]==='partsection')
-            if (firstdropdown.value & seconddropdown.value)
+            console.log(data[2])
+            for (let d=0;d<data[2].length;d++)
             {
-              displayprojparts(firstdropdown.value);
-              displayprojsections(firstdropdown.value,seconddropdown.value);
+              console.log(data[2][d])
+              opt=document.createElement("option");
+              opt.textContent=data[2][d];
+              opt.text=data[2][d];
+              seconddropdown.append(opt);
+              // PrjPartsArray.push(data[2][d]);
             }
-          // else{
-          //   displayprjnames();
-          // }
-            document.getElementById('all').style.display='none';
-          })
-          .error(function(jqXHR, textStatus, errorThrown) { 
-          PopupElement.textContent='Error occured while retrieving projects. Refresh and try again. If the error continues, please contact the ADR team to fix it. ';
-          ShowPopUp();
-          });
+          }
         }
-          else{
-          worker.terminate()
+        else if (data[1]==='section')
+        {
+          if ((firstdropdown.value) && (seconddropdown.value))
+            {
+              console.log(data[2])
+              for (let d=0;d<data[2].length;d++)
+              {
+                console.log(data[2][d])
+                opt=document.createElement("option");
+                opt.textContent=data[2][d];
+                opt.text=data[2][d];
+                thirddropdown.append(opt);
+                // PrjPartsArray.push(data[2][d]);
+              }
+            }
         }
+      
+          document.getElementById('all').style.display='none';
+        })
+        .error(function(jqXHR, textStatus, errorThrown) { 
+        PopupElement.textContent='Error occured while retrieving projects. Refresh and try again. If the error continues, please contact the ADR team to fix it. ';
+        ShowPopUp();
+        });
+
+      }
+        
+      else{
+        worker.terminate()
+      }
+
+
+  }
+
+  // }
+ }
+
 
 
-    }
 }
 
 
+
 /*worker.onmessage= function(event){
 }
 */
@@ -671,18 +691,22 @@ workerDropbox.onmessage= function(event)
 //___________________________________________________________________________________________________________
 // /*Retrieve MCTNAMES Dictionary from API - Flask*/
 
-// function getALLMCTNAMES(){
-
-// $.get( '/RetrieveMCTNames/'+thirddropdown.value)
-//   .success (function(data){
-//     MCTNames=data;
-//     console.log(MCTNames)
-//   })
-//   .error(function(jqXHR, textStatus, errorThrown) { 
-//         PopupElement.textContent='Error occured while retrieving the MC-T Names. Refresh and try again. If the error continues, please contact the ADR team to fix it. ';
-//         ShowPopUp();
-//       });
-//     }
+function getALLMCTNAMES(){
+  MCTNames={}
+$.get( '/RetrieveMCTNames/')
+  .success (function(data){
+    console.log(data)
+    MCTNames=data;
+    sectionNumber=thirddropdown.value
+    MCTNames=MCTNames[sectionNumber.toString().toLowerCase()]
+    console.log(MCTNames)
+  })
+  .error(function(jqXHR, textStatus, errorThrown) { 
+        PopupElement.textContent='Error occured while retrieving the MC-T Names. Refresh and try again. If the error continues, please contact the ADR team to fix it. ';
+        ShowPopUp();
+      });
+  // return  MCTNames
+    }
 //___________________________________________________________________________________________________________
 //___________________________________________________________________________________________________________
 
@@ -931,7 +955,7 @@ var ratioPunit=1;
 //___________________________________________________________________________________________________________
   //Retrieves list of projects  
   function getproj(){
-
+    getALLMCTNAMES();
     document.getElementById("all").style.display = "block";
     var proj = document.getElementsByClassName("selectionsProj")[0];
     var projectVal=proj.value.toString() //selected project
@@ -941,6 +965,7 @@ var ratioPunit=1;
     
     var sections = document.getElementsByClassName("selectionsProjs")[0];
     chooseFirstdrpdwn();
+     
     $.get( '/getmethod/'+JSON.stringify(projectVal))
     .success (function(data){
     document.getElementById("all").style.display = "none";
@@ -1272,6 +1297,8 @@ function getData(form) {
             document.getElementById('duplicater').removeAttribute('hidden');
             document.getElementById('addicon').style.display='inline-block';
             document.getElementById('doneebackground').removeAttribute('hidden');
+            document.getElementById('summarytoXML').removeAttribute('hidden');
+            
             
 
             // clearInterval()
@@ -1495,6 +1522,7 @@ interval= setInterval( function() {
             document.getElementById("loading").hidden = true;
             document.getElementById('duplicater').removeAttribute('hidden');
             document.getElementById('doneebackground').removeAttribute('hidden');
+            document.getElementById('summarytoXML').removeAttribute('hidden');
             document.getElementById('measureADRbutton').removeAttribute('disabled');
             document.getElementById('measureADRbutton').style.cursor='pointer';
             document.getElementById('measureADRbutton').style.color = 'white';
@@ -2294,7 +2322,21 @@ $(selections).on("change", function (e) {
   get3rddropdown();
 })
 $(inputs).css('width', '50px');
+//___________________________________________________________________________________________________________
+//___________________________________________________________________________________________________________
 
+function summary_to_XML(){
+  console.log(pdfpath)
+  $.get('/summarytoXML/'+JSON.stringify([pdfpath,tomeasureproj]))
+  .success(function(xmllink){
+    console.log(xmllink)
+    window.open(xmllink)
+        })
+        .error(function(jqXHR, textStatus, errorThrown) { 
+        PopupElement.textContent='Error occured while exporting summary to XML. Refresh and try again. If the error continues, please contact the ADR team to fix it. ';
+        ShowPopUp();
+        });
+}
 //___________________________________________________________________________________________________________
 //___________________________________________________________________________________________________________
 //___________________________________________________________________________________________________________
@@ -2680,7 +2722,6 @@ function confirmDialog() {
 // If cancel btn is clicked , the function cancel() is executed
 document.getElementById("cancel").onclick = function(){cancelDialog()};
 function cancelDialog() {
- /* code executed if cancel is clicked */  
     overlayme.style.display = "none";
 }
 
@@ -2710,5 +2751,151 @@ function callrefreshDropbox(){
       });
 
 }
+
+
+// Call function when show dialog btn is clicked
+var overlaymeText = document.getElementById("modal-bodyTextp");
+document.getElementById("refreshAPIbutton").disabled=false;
+document.getElementById("refreshAPIbutton").onclick = function()
+  {
+    if (document.getElementById("refreshAPIbutton").disabled==false)
+    {
+      console.log(overlaymeText.textContent)
+    overlaymeText.textContent='This is not a mandatory button. The system already runs at half-hour intervals to update the dropdowns and MC-Templates from the MC. Using this would manually refresh the data retrieved, disregarding the 30-minute interval.';
+    overlayme.style.display = "block";
+  }
+  };
+// }
+
+
+  document.getElementById("confirm").onclick = function(){confirmDialog()};
+function confirmDialog() {
+ /* code executed if confirm is clicked */   
+    overlayme.style.display = "none";
+    callrefreshAPI();
+}
+
+// // If cancel btn is clicked , the function cancel() is executed
+// document.getElementById("cancel").onclick = function(){cancelDialog()};
+// function cancelDialog() {
+//     overlayme.style.display = "none";
+// }
+function refreshAPIbuutton(dataa){   
+  $.get('/refreshAPIAppendNewTables')
+                .success(function(successData){
+
+                  if (dataa[1]==='project')
+                      {
+                        // console.log('projjjj')
+                        // displayprjnames();
+                        console.log(dataa[2])
+                        for (let d=0;d<dataa[2].length;d++)
+                        {
+                          console.log(dataa[2][d])
+                          opt=document.createElement("option");
+                          opt.textContent=dataa[2][d];
+                          opt.text=dataa[2][d];
+                          firstdropdown.append(opt);
+                          PrjNamesArray.push(dataa[2][d]);
+                        }
+                      }
+                      else if (dataa[1]==='part')
+                      {  if (firstdropdown.value)
+                        {
+                          console.log(dataa[2])
+                          for (let d=0;d<dataa[2].length;d++)
+                          {
+                            console.log(dataa[2][d])
+                            opt=document.createElement("option");
+                            opt.textContent=dataa[2][d];
+                            opt.text=dataa[2][d];
+                            seconddropdown.append(opt);
+                            // PrjPartsArray.push(data[2][d]);
+                          }
+                        }
+                      }
+                      else if (dataa[1]==='section')
+                      {
+                        if ((firstdropdown.value) && (seconddropdown.value))
+                          {
+                            console.log(dataa[2])
+                            for (let d=0;d<dataa[2].length;d++)
+                            {
+                              console.log(dataa[2][d])
+                              opt=document.createElement("option");
+                              opt.textContent=dataa[2][d];
+                              opt.text=dataa[2][d];
+                              thirddropdown.append(opt);
+                              // PrjPartsArray.push(data[2][d]);
+                            }
+                          }
+                      }
+      
+                  console.log('DONEEEE')
+                  TopTextModal=document.getElementById("TopTextModal");
+                  TopTextModal.textContent= "Success!";
+                  TopTextModal.style.color='green';
+                  PopupElement.textContent='Console is up to date!';
+                  ShowPopUp();
+                  document.getElementById("refreshAPIbutton").style.cursor='pointer';
+                  document.getElementById("refreshAPIbutton").style.backgroundColor = "#1680c7";
+                  document.getElementById("refreshAPIbutton").disabled = false; 
+                  document.getElementById('all').style.display='none';
+                })
+                .error(function(jqXHR, textStatus, errorThrown) { 
+                PopupElement.textContent='Error occured while retrieving projects. Refresh and try again. If the error continues, please contact the ADR team to fix it. ';
+                ShowPopUp();
+                });
+}
+
+function callrefreshAPI(){
+  console.log('l')
+  document.getElementById("refreshAPIbutton").style.backgroundColor = "gray";
+  document.getElementById("refreshAPIbutton").style.cursor='not-allowed';
+  document.getElementById("refreshAPIbutton").disabled="disabled";
+  if (thirddropdown.value){
+    console.log('yes')
+          $.get( '/RetrieveMCTNames/')
+          .success (function(data){
+            console.log(data)
+            MCTNames=data;
+            // console.log('jjw')
+            sectionNumber=thirddropdown.value;
+            MCTNames=MCTNames[sectionNumber.toString().toLowerCase()]
+
+            // console.log('pn')
+            console.log(MCTNames)
+          })
+          .error(function(jqXHR, textStatus, errorThrown) { 
+                PopupElement.textContent='Error occured while retrieving the MC-T Names. Refresh and try again. If the error continues, please contact the ADR team to fix it. ';
+                ShowPopUp();
+              });
+          // return  MCTNames
+        }
+        if ((firstdropdown.value) && (seconddropdown.value))
+        {        
+          $.getJSON('/refreshAPI', {prjname: firstdropdown.value, prjpart: seconddropdown.value,},function(data11){
+            refreshAPIbuutton(data11)
+          
+        })
+        } 
+
+        else  if (firstdropdown.value)
+        {        
+          $.getJSON('/refreshAPI', {prjname: firstdropdown.value, }
+          ,function(data11){
+            refreshAPIbuutton(data11)
+          })
+
+        }  
+        else if (!firstdropdown.value){
+          $.getJSON('/refreshAPI',function(data11){
+  
+            refreshAPIbuutton(data11)
+          
+        })
+        }
+
+}
 </script>