Changeset 331 in tmcsimulator for trunk/webapps


Ignore:
Timestamp:
03/18/2019 07:49:32 PM (7 years ago)
Author:
jdalbey
Message:

cms monitor v0.2 adds css columns for CMS, HAR, LCS and dark color scheme

File:
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/webapps/cms_monitor.html

    r328 r331  
    44<!-- Launch with  python -m CGIHTTPServer 80  --> 
    55  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 
    6     <title>CMS Monitor v0.1</title>  
     6    <title>CMS Monitor v0.2</title>  
    77<style> 
    8       html, body { 
    9         height: 100%; 
    10         margin: 0; 
    11         padding: 0; 
    12         background-color: darkgray; 
    13       } 
     8* { 
     9  box-sizing: border-box; 
     10} 
     11body { 
     12   background-color: #000033; 
     13} 
     14/* Create three unequal columns that float next to each other */ 
     15.column { 
     16  float: left; 
     17  padding: 10px; 
     18  background-color:black;  
     19  color:goldenrod 
     20} 
     21 
     22.left { 
     23  width: 50%; 
     24} 
     25 
     26.middle, .right { 
     27  width: 25%; 
     28} 
     29 
     30/* Clear floats after the columns */ 
     31.row:after { 
     32  content: ""; 
     33  display: table; 
     34  clear: both; 
     35} 
    1436</style> 
    15   </head> 
     37</head> 
    1638<body> 
    17 Active CMS Messages 
    18 <div id="msgs"></div> 
     39<div class="row"> 
     40  <div class="column left" > 
     41    <h2>Active CMS Messages</h2> 
     42    <p id="msgs"></p> 
     43  </div> 
     44  <div class="column middle" > 
     45    <h2>Active HAR Messages</h2> 
     46    <p>Not implemented yet.</p> 
     47  </div> 
     48  <div class="column right" > 
     49    <h2>Active Lane Closures</h2> 
     50    <p>Not implemented yet.</p> 
     51  </div> 
     52</div> 
     53 
     54 
    1955    <script  src="js/common.js"></script> 
    2056   <script> 
    … …  
    5187                var cmsLoc = cmsLocations[item.cms.index]; 
    5288                // Build the message display 
    53                 var current = (item.cms.message.phase1.Line1 + ":" + 
    54                     item.cms.message.phase1.Line2 + ":" + 
    55                     item.cms.message.phase1.Line3 + ":" + 
    56                     item.cms.message.phase2.Line1 +  ":" + 
    57                     item.cms.message.phase2.Line2 + ":" + 
    58                     item.cms.message.phase2.Line3) 
    59                 // If the message isn't blank, append it to the div 
     89                var current = (item.cms.message.phase1.Line1.toUpperCase() + ":" + 
     90                    item.cms.message.phase1.Line2.toUpperCase() + ":" + 
     91                    item.cms.message.phase1.Line3.toUpperCase() + ":" + 
     92                    item.cms.message.phase2.Line1.toUpperCase() +  ":" + 
     93                    item.cms.message.phase2.Line2.toUpperCase() + ":" + 
     94                    item.cms.message.phase2.Line3.toUpperCase()) 
     95                // If the message isn't blank, append it to the list 
    6096                if (current != ":::::") 
    6197                { 
    6298                    display.innerHTML += "<br>" + item.cms.index + ": " +  
    6399                        cmsLoc.properties.location + " " + cmsLoc.properties.street; 
    64                     display.innerHTML += "<br>" + current; 
     100                    display.innerHTML += "<br>" + current + "<br>"; 
    65101                } 
    66102            } 
Note: See TracChangeset for help on using the changeset viewer.