Update templates/proposed-GUI.html

templates/proposed-GUI.html

@@ -68,21 +68,22 @@
         {% endfor %} -->
     </div>
     </div>
+    <br>
     <div id="radiosColors">
       <input type="radio" id="radio" name="fullimage" value="0" oninput="colors()">
-      <label for="fullimage" > Measure full image </label>
+      <label id=radiolbl for="fullimage" > Measure full image </label>
 
       <input type="radio" id="radio" name="fullimage" value="220" oninput="colors()">
-      <label for="levelimage" > Measure specific regions (Levels) </label>
-      <br>
-      <label style="visibility:hidden" name="levelsnamelabel" >Number of levels found in this plan</label><br>
-      <input style="visibility:hidden" type="number" id="colornumber" name="levelsnameinput" oninput="generatecolorPickers()"><br>
+      <label id=radiolbl for="levelimage" > Measure specific regions (Levels) </label>
+      <br><br>
+      <label id=nLevels style="visibility:hidden" name="levelsnamelabel" >Number of levels found in this plan</label><br>
+      <input id=lvlinput style="visibility:hidden" type="number" id="colornumber" name="levelsnameinput" oninput="generatecolorPickers()"><br>
       <div id="colorpickers">
         <!--  -->
       </div>
    
     </div>
-    <br> <br>   <br> <br> <br> <br>
+    <br> <br>   <br> 
     <div id ="saveOPdiv">
       <input type="checkbox" id="saveOP" value="saveopv"  name="name3"> 
       <label id="saveOPlabel" for="saveOP"> Save Output</label> <button id="measureADRbutton">Measure using ADR</button> 
@@ -251,10 +252,10 @@
     var p=document.getElementById("selectionsProjpid") //project part
     
   //remove old dropdown options 
-   // var i, L = inputs.options.length - 1;
-   // for(i = L; i >= 0; i--) {
-   //    inputs.remove(i);
-   // } 
+  //  var i, L = inputs.options.length - 1;
+  //  for(i = L; i >= 0; i--) {
+  //     inputs.remove(i);
+  //  } 
   
   //send project name to python flask
     $.get( '/getmethod/'+projectVal);
@@ -349,7 +350,7 @@
   });
 }
   
-  
+var spreadsheetId='';
 function getData(form) {
   var formData = new FormData(form);
   colorsarr=[];
@@ -380,11 +381,15 @@ answers.push(tomeasureproj, val,colorsarr);
         
         console.log(data[0]);
         console.log(data[1]);   
-        console.log(data[2]);    
+        console.log(data[2]);  
+        console.log(data[3]);  
+        spreadsheetId=  data[3];
   
      var imgcanvas= document.createElement("img");
      imgcanvas.src= 'data:image/gif;base64,' +data[0];
-     imgcanvas.width=700;
+    //  imgcanvas.width=700;
+     imgcanvas.height=600;
+     imgcanvas.backgroundColor=(255,255,255);
 
      imgcanvas.alt="Larry";
      imgcanvas.style.zIndex=999;
@@ -419,6 +424,7 @@ document.getElementById("myForm").addEventListener("submit", function (e) {
 var measitemVal=''
 function get3rddropdown(){
 
+
   var divduplicater=  document.getElementsByClassName('duplicaterclass')[0].children;
 
   var inputs =divduplicater[0];// document.getElementsByClassName("measurementselections")[0];  //groundbeams
@@ -690,7 +696,7 @@ console.log(arrFinalMCNames);
 arrall.push(arrFinalMCNames);
 console.log(arrall);
 }
-
+arrFinalMCNames.push([spreadsheetId]);
 }
 if (flag==1){
 
@@ -756,6 +762,8 @@ function generatecolorPickers(){
     color.id= 'color';
     color.name='color'+i;
     drp.append(color);
+    if (i==0)
+    color.style.marginLeft='1%';
 
   }
 console.log(drp)