Changeset 401 in tmcsimulator for trunk/webapps


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.

Location:
trunk/webapps
Files:
6 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            } 

  • trunk/webapps/cptms/css/styles.css

    r400 r401  
    3939        } 
    4040        #har-msg-display { 
    41           margin-right: 100px; 
    42           margin-left: 100px; 
     41          margin-right: 50%; /*  100px; */ 
     42          margin-left: 25%;  /*  100px; */ 
    4343        } 
    4444        #har-msgcontent1 { 

  • trunk/webapps/einotebook/index.html

    r393 r401  
    6262      </tr> 
    6363--> 
    64       <tr style="height: 120px"> 
     64      <tr style="height: 80px"> 
    6565        <td colspan='3' class="tabMenu"> 
    6666         

  • trunk/webapps/einotebook/maps/index.html

    r386 r401  
    3131         
    3232            <!-- The Map --> 
    33             <div id="googleMapContent" style="display:none;"> 
    34 <iframe src="https://www.google.com/maps/d/embed?mid=11RLV4iMbnXW7HlZCATvTa9z1Y01gngzR&zoom=9" width="640" height="480"></iframe> 
     33            <div id="googleMapContent"> 
     34<iframe src="https://www.google.com/maps/d/embed?mid=11RLV4iMbnXW7HlZCATvTa9z1Y01gngzR&z=10" width="640" height="480"></iframe> 
    3535        <div> 
    3636<!-- 
    … …  
    3838                scrolling=no src="https://drive.google.com/open?id=11RLV4iMbnXW7HlZCATvTa9z1Y01gngzR&usp=sharing" marginheight=0 marginwidth=0></iframe>  --> 
    3939 
    40         <div id="atmsMapContent" style="display:inline;"><iframe frameborder=0 width=740 height=600  
     40        <div id="atmsMapContent"><iframe frameborder=0 width="740" height="600"  
    4141                scrolling=no src="../../cptms/index.html" marginheight=0 marginwidth=0></iframe></div> 
    42 <!--        <div id="atmsMapContent" style="display:inline;"><iframe frameborder=0 width=740 height=600  
    43                 scrolling=no src="../../cptms.html" marginheight=0 marginwidth=0></iframe></div> 
    44 --> 
     42 
    4543    </center> 
    4644  </body> 

  • trunk/webapps/einotebook/notebook.css

    r399 r401  
    77body 
    88{ 
    9     margin:0px; 
     9   margin:0px; 
    1010   font-family: Verdana, sans-serif; 
    1111   background-color:#FFFFFF; 
    … …  
    8686   margin-bottom: 2px; 
    8787   padding-right: 16px; 
     88   /* Fix #152 attempt  
     89   resize: both; 
     90   overflow: auto; */ 
    8891   /*width: 30%;*/ 
    8992    /* width: 30%;   */ 
    … …  
    170173   border: 1px solid #66CC66;  
    171174   border-top: 0px;  
    172    height:90%; 
     175   height:100%; 
    173176   padding:0px; 
    174177   margin:0px; 

  • trunk/webapps/einotebook/script/script.js

    r359 r401  
    5151                         
    5252                        // IF there was previously a current event THEN 
    53                         if (highlightLatestEvent.oldEvent.id != Event.invalidID) 
     53                        if (highlightLatestEvent.oldEvent.id != Event.invalidID && currentEvent.id != 0) 
    5454                        { 
    5555                                highlightLatestEvent.oldEvent.unhighlight(); 
    … …  
    6464} 
    6565 
     66 
     67/** Change color of text of expired events so they appear disabled. 
     68  * @param events The list of events 
     69  * @param currEvent The current event 
     70  */ 
     71function greyOldEvents(events, currEvent) 
     72{ 
     73          // Examine all events 
     74   for (var evtNum = 0; evtNum < events.length; evtNum++) 
     75   { 
     76                // Change color of those before current time and Event 
     77      if (events[evtNum].time.compareTo(currEvent.time) < 0 && currEvent.id != events[evtNum].id)  
     78      { 
     79                        events[evtNum].unhighlight(); 
     80      } 
     81        } 
     82} 
     83 
    6684/** 
    6785 * Loads the the script tab for the given document. 
    … …  
    83101                // add the Event's html 
    84102                html += Script.events[i].html(); 
    85         //console.log(Script.events[i].html()); 
    86         } 
     103        } 
     104        
    87105         
    88106        // display events in iframe 
    … …  
    97115        Script.events.win.scrollTo(0, readCookie('scriptScrollY')); 
    98116         
     117        greyOldEvents(Script.events, Script.events.getLastExecutedEvent(readCookie("time"))); 
    99118        highlightLatestEvent(); 
    100119 
Note: See TracChangeset for help on using the changeset viewer.