source: tmcsimulator/trunk/webapps/cptms/CameraDisplay.html @ 604

Revision 604, 1.2 KB checked in by jdalbey, 6 years ago (diff)

CameraDisplay?.html Add UI Prototype for CPTMS camera display controller
Line 
1<html>
2<head>
3<title>UI Prototype - CPTMS Camera Display Controller</title>
4<style>
5.toprow {
6  text-align: center
7}
8td {
9  border: 1px solid black;
10}
11img {  /* confine the image to the cell dimensions */
12    max-width: 100%;
13    max-height: 100%;
14}
15.caption {
16    font-family: sans-serif;
17    text-align: center
18}
19</style>
20</head>
21<body>
22<div class="toprow">
23  Choose Display
24  <select>
25    <option value="1">1</option>
26    <option value="2">2</option>
27    <option value="3">3</option>
28    <option value="4">4</option>
29  </select>
30  Choose Camera
31  <select>
32    <option value="1">SB 17th St</option>
33    <option value="2">NB 5 Ortega Hwy</option>
34    <option value="3">NB 5 Crown Valley Pkwy</option>
35    <option value="4">NB 5 Alicia Pkwy</option>
36  </select>
37<hr>
38<table>
39  <tr>
40    <td class="caption"><img src="images/CCTV/12-005-CCTV-0029-day-slow.jpg"/>Display 1</td>
41    <td class="caption"><img src="images/CCTV/12-005-CCTV-0084-day-slow.jpg"/>Display 2</td>
42  </tr>
43  <tr>
44    <td class="caption"><img src="images/CCTV/12-005-CCTV-0088-day-slow.jpg"/>Display 3</td>
45    <td class="caption"><img src="images/CCTV/12-005-CCTV-0094-day-slow.jpg"/>Display 4</td>
46  </tr>
47</table> 
48</body>
49</html>
Note: See TracBrowser for help on using the repository browser.