Changeset 568 in tmcsimulator for trunk/webapps

Timestamp:

01/24/2020 12:55:29 PM (6 years ago)

Author:

jdalbey

Message:

GTEC vdsLayer.js Add colors to buttons. Improve button selection so a second click is rquired on a white dot.

File:

• trunk/webapps/GTEC/js/vdsLayer.js (modified) (4 diffs)

trunk/webapps/GTEC/js/vdsLayer.js

@@ -1 +1 @@
 var postmileList = [];  // the list of postmiles saved from the json file.
-var chosenColor = null; // stores color that user picks
+var chosenColor = "yellow"; // stores color that user picks, initial default yellow
 
 // function to find differences between two arrays
@@ -135 +135 @@
                 first[1] + "            " + first[2] + "        " + range.toFixed(3) + "         " 
                 + getColorAbbr(chosenColor);
+                console.log(lineOut);
 
                 // Using Ajax POST to send the data 
@@ -188 +189 @@
             {
                 console.log('wrong choice');
+                clicked = !clicked;
             }
             clicked = !clicked;
@@ -306 +308 @@
     map.controls[google.maps.ControlPosition.BOTTOM_CENTER].push(yellowColor);
     // store the user picked color in "chosenColor"
+    
     redColor.addEventListener('click', function() {
         chosenColor = "red";
+        redColor.style.background = "red";
+        greenColor.style.background = "gray";
+        yellowColor.style.background = "gray";
+        
     });
     greenColor.addEventListener('click', function() {
         chosenColor = "lime";
+        greenColor.style.background = "green";
+        redColor.style.background = "gray";
+        yellowColor.style.background = "gray";        
     });
     yellowColor.addEventListener('click', function(){
         chosenColor = "yellow";
+        yellowColor.style.background = "yellow";
+        redColor.style.background = "gray";
+        greenColor.style.background = "gray";     
     });
 }