Changeset 569 in tmcsimulator


Ignore:
Timestamp:
01/24/2020 01:12:52 PM (6 years ago)
Author:
jdalbey
Message:

GTEC remove search box.

Location:
trunk/webapps/GTEC
Files:
2 deleted
2 edited

Legend:

Unmodified
Added
Removed

  • trunk/webapps/GTEC/css/styles.css

    r556 r569  
    1414        padding: 0; 
    1515      } 
     16      button { 
     17          display: inline-block; 
     18          border: 2px solid black; 
     19          border-radius: 8px; 
     20          padding: 1rem 2rem; 
     21          margin: 0; 
     22          text-decoration: none; 
     23          background: gray;  
     24          color: #ffffff; 
     25          font-family: sans-serif; 
     26          font-size: 1rem; 
     27          cursor: pointer; 
     28          text-align: center; 
     29          transition: background 250ms ease-in-out,  
     30                      transform 150ms ease; 
     31          -webkit-appearance: none; 
     32          -moz-appearance: none; 
     33      } 
     34 
     35      button:hover, 
     36      button:focus { 
     37          background: #0053ba; 
     38      } 
     39 
     40      button:focus { 
     41          outline: 1px solid #fff; 
     42          outline-offset: -4px; 
     43      } 
     44 
     45      button:active { 
     46          transform: scale(0.99); 
     47      } 
     48 
    1649        .test { 
    1750          width:200px; 
    … …  
    2154          margin:0px auto; 
    2255          border:1px red solid; 
    23         } 
    24         /* A line of the CMS message display */ 
    25         .cms_sign { 
    26            height: 37px; 
    27            width: 272px; 
    28            resize: none; 
    29            font-family: Scoreboard; 
    30            font-size: xx-large; 
    31            background-color: #2F4F4F; 
    32            color: yellow; 
    33         } 
    34         /* Field for entering CMS Message line */ 
    35        .cms-input { 
    36            border: thin solid #333; 
    37            padding: 2px; 
    38            font-family: "Lucida Console", Monaco, monospace; 
    39            font-size: medium; 
    40            width: 163px; 
    41         } 
    42         /* Field for entering HAR Message line */ 
    43        .har-input { 
    44            border: thin solid #333; 
    45            padding: 2px; 
    46            font-size: medium; 
    47         } 
    48         #har-msg-display { 
    49           margin-right: 50%; /*  100px; */ 
    50           margin-left: 25%;  /*  100px; */ 
    51         } 
    52         #har-msgcontent1 { 
    53           margin-bottom: 10px; 
    54         } 
    55         #har-msg { 
    56           margin-top: 300px; 
    57           margin-bottom: 300px; 
    5856        } 
    5957      #time { 
    … …  
    6664      } 
    6765     
    68       #search-input { 
    69         background-color: #17263c;  /* #CD853F;  /*#E6E6FA; /* lavender */ 
    70         color: #E6E6FA;  /* #FFEFD5; */ 
    71         font-family: Roboto; 
    72         font-size: 18px; 
    73         font-weight: 400; 
    74         margin-left: 12px; 
    75         padding: 0 11px 0 13px; 
    76         text-overflow: ellipsis; 
    77         border-color: #746855;   /* #4d90fe; */ 
    78         width: 400px; 
    79       } 
    80       #search-input:focus { 
    81         border-color: #E6E6FA;  
    82       } 
    8366      #ctrButton { 
    8467        cursor: pointer; 
    … …  
    8770        border: thick solid white; 
    8871      } 
    89       #cms-info-label { 
    90            height: 20px; 
    91            width: 590px; 
    92            overflow: hidden; 
    93            background-color: #A8C5FF;  /*#ECECFB; */ 
    94            border: thin solid #BDBDBD; 
    95            padding: 5px; 
    96        } 
    97       #cms-message-display { 
    98            height: 390px; 
    99            width: 300px; 
    100            overflow: hidden; 
    101            float: left; 
    102        } 
    103       #har-message-display { 
    104         margin-top: 50px; 
    105         margin-bottom: 50px; 
    106       } 
    107       #har-msgdisplay1 { 
    108             background-color: darkgray; 
    109       } 
    110       #message-input { 
    111            height: 122px; 
    112            width: 170px; 
    113            background-color: #729FFF; 
    114            float: left; 
    115        } 
    116         /* CMS Dialog button panel */ 
    117        #buttonPanel { 
    118            height: 122px; 
    119            width: 125px; 
    120            background-color: #729FFF; 
    121            float: left; 
    122            padding: 20px; 
    123         } 
    124        .wrapper { 
    125            position: relative;\ 
    126         } 
    127         /* CMS Edit Message Dialog */ 
    128        .dialog { 
    129           position: absolute; 
    130           top: 10%; 
    131           left: 25%; 
    132           background-color: #729FFF; /* #ECECFB; */ 
    133           margin: auto; 
    134           padding: 20px; 
    135           border: 1px solid #888; 
    136           width: 680px; 
    137           height: 390px; 
    138           display: none;            
    139         } 
    14072      .unstyled-button { 
    14173        border: 0 none; 
    … …  
    14375        background: none; 
    14476        cursor: pointer; 
    145       }     
    146         /* The Close Button in the CMS Dialog */ 
    147         .close { 
    148           color: #2E2E2E; 
    149           float: right; 
    150           font-size: 30px; 
    151           font-weight: bold; 
    152         } 
    153         .close:hover, 
    154         .close:focus { 
    155           color: black; 
    156           text-decoration: none; 
    157           cursor: pointer; 
    158         } 
    159  
     77      } 

  • trunk/webapps/GTEC/index.html

    r556 r569  
    55<!-- map center button icon from http://icons8.com/.  (Obligatory backlink, don't remove ) --> 
    66  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 
    7     <title>Visualizer </title>  
     7    <title>Graphic Traffic Events Creator</title>  
    88<link rel="icon"  
    99      type="image/png"  
    … …  
    1414  <body> 
    1515    <!--  
    16          Visualizer created from CPTMS 
    17          @author tkumar and jdalbey 2019.11.23 
     16         Version 6.5 Adjust cms dialog dimensions for Chrome. 
     17             Version 6.4 Remove fullscreen control. (Use Browser F11 instead). 
     18         Version 6.3 decomposed into modules for each layer 
     19         Version 6.2 puts cctv and cms and vds in separate data layers.    
     20         Version 6.1 Puts cms messages in json formatted file.  Polls for updates. 
     21         Version 6.0 Adds speed-dependent images to infowindow for cctv icons 
     22         Version 5.8 Adds an infowindow with a static image for all cctv icons 
     23         Version 5.7 integrates CCTV icons and button (but empty click handler) 
     24         Version 5.6 integrates CMS features 
     25         Version 5.5 renames title to CPTMS, loads static data on startup and dynamic data 
     26         every ten seconds.   
     27         Version 5.4 adds Search box and Center button 
     28         Version 5.3 fixed dot color update defect, increased refresh rate to 10 sec. 
     29         Version 5.2 places red dots overlapping yellow dots. 
     30         Version 5.1 removes the map and street view buttons and the H3 tag. 
     31         Version 5 uses precomputed perpendicular vector in dot adjustment function 
     32         Version 4 Adjust the spacing between dots when the map is zoomed. 
     33         Version 3 does loadGeoJson only once, and subsequently does an ajax load 
     34         of the highways file, and selectively updates only those placePins whose 
     35         color has changed.  
     36         @author jdalbey  2019.2.17 
    1837    --> 
     38 
    1939    <!--The div element where the map appears. --> 
    2040    <div id="mapdiv"></div> 
    2141    <!-- The div element for the popup dialog. Best results when placed here. --> 
    22     </div> 
    2342   <!--The div elements where the buttons appear--> 
    2443    <div id="ctrButton"><img width="30" src="images/btn_mapcenter.png"></div> 
     44    <button id="redButton">Red</button> 
     45    <button id="greenButton">Green</button> 
     46    <button id="yellowButton">Yellow</button> 
     47    <!-- <button id="harButton" class="unstyled-button"><img id="harBtnImg" src="images/btnReady_HAR.png"></button> 
     48    <button id="cctvButton" class="unstyled-button"><img id="cctvBtnImg" src="images/btnReady_CCTV.png"></button> 
     49    <button id="cmsButton" class="unstyled-button"><img id="cmsBtnImg" src="images/btnReady_CMS.png"></button>--> 
     50    <!--<button id="vdsButton" class="unstyled-button"><img id="vdsBtnImg" src="images/btnDepressed_VDS.png"></button> 
    2551    <p id="time">00:00:00</p> 
    26     <button id="beginning" >Beginning</button> 
     52    <button id="start" >Beginning</button> 
    2753    <button id="forward" >Next</button> 
    28         <button id="backward" >Back</button> 
     54        <button id="backward" >Back</button> --> 
    2955    <script  src="../common/js/fileutils.js"></script> 
    3056    <script  src="../common/js/revision_number.dat"></script> 
    … …  
    7298    var eventTimes = []; //array to hold times of each traffic event 
    7399    eventTimes[0] = "00:00:00"; 
    74     var diff_arr = []; // 2d array containing difference in map state between each event 
     100    var diff_arr = []; // 2d array containing  
    75101    var eventIndex = -1; //to index into above array 
    76102 
    … …  
    100126    } 
    101127 
     128    // Initialize the view/hide buttons  
     129    function initLayerButtons() 
     130    { 
     131       // initVDSbutton(); 
     132        //initControlButtons(); 
     133        initColorButtons(); 
     134        initVDSicons(); 
     135    } 
     136 
    102137    // Initialize the map and load the points 
    103138    function initMap() 
    … …  
    114149        }); 
    115150 
    116         // setup the search box and center button 
    117         //initSearch(); 
     151        // setup the center button 
    118152        initCenter(); 
    119153         
    120         initializeVDSlayer(); // go load the map data 
     154        loadVDSlayer(); // go load the map data 
     155       // processVDS(); 
    121156 
    122         initControlButtons(); 
    123         initVDSicons() 
     157        initLayerButtons(); // setup the show/hide layer buttons 
     158 
     159        updateVDSlayer(); 
     160        setTimeout(function() { 
     161         //   buildDiff(); 
     162            updateVDSlayer(); 
     163        }, 3000); 
    124164 
    125165        // Listen for zoom changes and move the vds dots so as to keep a nice 
Note: See TracChangeset for help on using the changeset viewer.