Changeset 401 in tmcsimulator for trunk/webapps/cmsmonitor


Ignore:
Timestamp:
05/15/2019 06:07:22 AM (7 years ago)
Author:
jdalbey
Message:

Fix #149, #112. Add emphasis to timebox. Partial fix to highlighting problem. Use Scoreboard font in CMS monitor.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/webapps/cmsmonitor/index.html

    r386 r401  
    44<!-- Launch with  python -m CGIHTTPServer 80  --> 
    55  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 
    6     <title>CMS Monitor v</title>  
     6    <title>CMS Monitor v0.2</title>  
    77<style> 
     8@font-face { 
     9  font-family: Scoreboard; 
     10  src: url('../cptms/js/scoreboard.ttf'); 
     11} 
    812* { 
    913  box-sizing: border-box; 
    … …  
    2731  width: 25%; 
    2832} 
    29  
     33/* styling for cms monitor */ 
     34#msgs{ 
     35  padding: 15px 10% 15px 10%; 
     36} 
     37#cms_info{ 
     38  font-size: 20px; 
     39  font-family: Arial; 
     40  font-weight:lighter; 
     41  color: white; 
     42  padding-left: 5%; 
     43  padding-right: 5%; 
     44} 
     45.cms_content{ 
     46  font-size: 34px; 
     47  font-family: Scoreboard; 
     48  font-weight: 550; 
     49  padding: 0px 20% 20px 20%; 
     50} 
     51.divider { 
     52  font-family: Scoreboard; 
     53  font-weight: 550; 
     54  padding-left: 5%; 
     55  padding-right: 5%; 
     56} 
    3057/* Clear floats after the columns */ 
    3158.row:after { 
    … …  
    3663</style> 
    3764</head> 
    38 <body onLoad="showRevision();">  
     65<body> 
    3966<div class="row"> 
    4067  <div class="column left" > 
    … …  
    5279</div> 
    5380 
    54     <script  src="../common/js/displayutils.js"></script> 
    55     <script  src="../common/js/revision.js"></script> 
     81 
    5682    <script  src="../common/js/fileutils.js"></script> 
     83    <script  src="../common/js/revision_number.dat"></script> 
     84    <script  src="../common/js/displayutils.js"></script>  
    5785   <script> 
     86    showRevision(); 
    5887    var cmsLocations = {}; 
    5988    // Load the CMS locations from the geojson file 
    … …  
    88117                var cmsLoc = cmsLocations[item.cms.index]; 
    89118                // Build the message display 
    90                 var current = (item.cms.message.phase1.Line1.toUpperCase() + ":" + 
    91                     item.cms.message.phase1.Line2.toUpperCase() + ":" + 
    92                     item.cms.message.phase1.Line3.toUpperCase() + ":" + 
    93                     item.cms.message.phase2.Line1.toUpperCase() +  ":" + 
    94                     item.cms.message.phase2.Line2.toUpperCase() + ":" + 
    95                     item.cms.message.phase2.Line3.toUpperCase()) 
     119                // divide the display message into 2 phases  
     120                var phase1 = item.cms.message.phase1.Line1.toUpperCase() + "<br>" + 
     121                    item.cms.message.phase1.Line2.toUpperCase() + "<br>" + 
     122                    item.cms.message.phase1.Line3.toUpperCase() + "<br>"; 
     123                var phase2 = item.cms.message.phase2.Line1.toUpperCase() +  "<br>" + 
     124                    item.cms.message.phase2.Line2.toUpperCase() + "<br>" + 
     125                    item.cms.message.phase2.Line3.toUpperCase(); 
     126       
    96127                // If the message isn't blank, append it to the list 
    97                 if (current != ":::::") 
     128                // adding a seperate dotted line between phase1 and phase2 
     129                if (phase1 != "<br><br><br>" || phase2 != "<br><br>") 
    98130                { 
    99                     display.innerHTML += "<br>" + item.cms.index + ": " +  
    100                         cmsLoc.properties.location + " " + cmsLoc.properties.street; 
    101                     display.innerHTML += "<br>" + current + "<br>"; 
     131                    display.innerHTML += "<div id=\"cms_info\">" + item.cms.index + ": " +  
     132                        cmsLoc.properties.location + " " + cmsLoc.properties.street + "</div>"; 
     133                    display.innerHTML += "<div class=\"cms_content\">" + phase1 + "</div>" + 
     134                      "<div class=\"divider\"> -----------------------------------------------</div>" + 
     135                      "<div class=\"cms_content\">" + phase2 + "</div>"; 
    102136                } 
    103137            } 
Note: See TracChangeset for help on using the changeset viewer.