Index: /trunk/src/cptms/messagefile.txt
===================================================================
--- /trunk/src/cptms/messagefile.txt (revision 299)
+++ /trunk/src/cptms/messagefile.txt (revision 301)
@@ -1,1 +1,1 @@
-["zero||","||","||","||","||","||","||","||","||","||","slow for|work zone |","||","||","||","||","||","||","||","||","||","||","||","||","||","||","||","||","||","||","||","||","Road Work|10PM - 6AM|","||","||","slow traffic|ahead|","SLOW TRAFFIC||","||","free tomatoes!|U-Pick from |roadway","||","||","||","||","||","||","||","||","||","||","||","||","watch out for|falling rocks|","||","||","||","||","||","||","||","||","||","ABC||","||","||","caution|debris on road|","||","||","||","||","||","||","||","||","||","||","||","||"]
+["zero||","||","||","||","||","||","||","||","||","||","slow for|work zone |","||","||","||","||","||","||","||","||","||","||","||","||","||","||","||","||","||","||","||","||"," slow| traffic| ahead","||"," slow down| turtles on | roadway"," caution| slow traffic| ahead"," slow down| turtles on| roadway","||","free tomatoes!|U-Pick from |roadway","||","||","||","||","||","||","||","||","||","bottom of 5th|Dodgers up by 2|","||","||","watch out for|falling rocks|","||","||","||","||","||","||","||","||","||","||","||","||","caution|debris on road|","||","||","||","||","||","||","||","||","||","||","||","||"]
Index: /trunk/src/cptms/cms_demo.html
===================================================================
--- /trunk/src/cptms/cms_demo.html (revision 300)
+++ /trunk/src/cptms/cms_demo.html (revision 301)
@@ -17,9 +17,10 @@
}
textarea {
+ height: 33px;
width: 272px;
resize: none;
font-family: Scoreboard;
font-size: xx-large;
- background-color: black;
+ background-color: #2F4F4F;
color: yellow;
}
@@ -40,5 +41,5 @@
width: 540px;
overflow: hidden;
- background-color: #ECECFB;
+ background-color: #A8C5FF; /*#ECECFB; */
border: thin solid #BDBDBD;
padding: 5px;
@@ -55,5 +56,5 @@
height: 122px;
width: 135px;
- background-color: #ECECFB;
+ background-color: #729FFF;
float: left;
@@ -62,5 +63,5 @@
height: 122px;
width: 100px;
- background-color: #ECECFB;
+ background-color: #729FFF;
border-left: none;
float: left;
@@ -74,5 +75,5 @@
top: 10%;
right: 20%;
- background-color: #ECECFB;
+ background-color: #729FFF; /* #ECECFB; */
margin: auto;
padding: 20px;
@@ -81,11 +82,11 @@
display: none;
}
- #hideButton {
- font-size: 40px;
- margin-right: 9px;
- background-color: #fff;
- color: #47476b;
+ .unstyled-button {
+ border: 0 none;
+ padding: 0;
+ background: none;
cursor: pointer;
}
+
/* The Close Button */
@@ -106,21 +107,9 @@
-
- 👁
+
+
+
@@ -156,10 +145,11 @@
var map;
var kMapStartupFile = "cmsStatusD12.json";
-var blueFlag = "icon_cmsBlue.png";
-var yellowFlag = "icon_cmsYellow.png";
+var blueFlag = "images/icon_cmsBlue.png";
+var yellowFlag = "images/icon_cmsYellow.png";
var messageList;
var cms_info;
var markerList = [];
-var showing = true;
+var cms_showing = true;
+var vds_showing = true;
function initMap()
@@ -176,18 +166,49 @@
setMarkers();
}
-// Initialize the view/hide button
+// Initialize the view/hide buttons
function initButton()
{
- var hideBtnDiv = document.getElementById('hideButton');
- map.controls[google.maps.ControlPosition.RIGHT_CENTER].push(hideBtnDiv)
- hideBtnDiv.title = 'Click to toggle cms view';
+ var cmsBtnDiv = document.getElementById('cmsButton');
+ map.controls[google.maps.ControlPosition.LEFT_BOTTOM].push(cmsBtnDiv)
+ cmsBtnDiv.title = 'Click to toggle cms view';
// Setup the click event listeners to toggle icon display
- hideBtnDiv.addEventListener('click', function() {
- showing = !showing;
+ cmsBtnDiv.addEventListener('click', function() {
+ cms_showing = !cms_showing;
+ // reveal or hide all the icons
for (var i = 0; i < markerList.length; i++)
{
- markerList[i].setVisible(showing);
- }
+ markerList[i].setVisible(cms_showing);
+ }
+ // Determine which button image to show
+ if (cms_showing)
+ {
+ pic = "images/btnDepressed_CMS.png"
+ }
+ else
+ {
+ pic = "images/btnReady_CMS.png"
+ }
+ document.getElementById('cmsBtnImg').src=pic;
+ });
+ var vdsBtnDiv = document.getElementById('vdsButton');
+ map.controls[google.maps.ControlPosition.LEFT_BOTTOM].push(vdsBtnDiv)
+ vdsBtnDiv.title = 'Click to toggle vds view';
+
+ // Setup the click event listeners to toggle icon display
+ vdsBtnDiv.addEventListener('click', function() {
+ vds_showing = !vds_showing;
+ // reveal or hide all the icons
+ alert("Not implemented yet")
+ // Determine which button image to show
+ if (vds_showing)
+ {
+ pic = "btnDepressed_VDS.png"
+ }
+ else
+ {
+ pic = "btnReady_VDS.png"
+ }
+ document.getElementById('vdsBtnImg').src=pic;
});
}
@@ -212,5 +233,5 @@
simpleImage = blueFlag;
var directionCode = cms.location.direction.charAt(0);
- var rolloverText = " " + directionCode + " " + cms.location
+ var locationInfo = directionCode + " " + cms.location
.route + " " + cms.location.postmile + " " + cms
.location.locationName
@@ -224,6 +245,7 @@
map: map,
icon: simpleImage,
- title: rolloverText,
- label: "" + i
+ title: "#"+i+" " +locationInfo,
+ cmsid: "" + i,
+ location: locationInfo
});
google.maps.event.addListener(markerList[i], 'click',
@@ -233,10 +255,10 @@
dialog.style.display = 'block';
// fetch the sequential msg #
- cmsID = Number(this.getLabel());
+ cmsID = Number(this.cmsid);
// Assign to the hidden field
document.getElementById('cmsID').value = cmsID;
getMessage(cmsID); // note: this is async
- document.getElementById('cms-info-label').innerHTML = "CMS id: " +
- cmsID + " LOCATION: " + this.title;
+ document.getElementById('cms-info-label').innerHTML = "CMS ID: " +
+ cmsID + " LOCATION: " + this.location;
// clear input fields
document.getElementById('msgcontent1').value = "";