Improve map display layout and styling
This commit is contained in:
parent
a82df07c0c
commit
14ff25b87f
3 changed files with 44 additions and 42 deletions
|
|
@ -3,7 +3,7 @@
|
|||
<link rel="stylesheet" type="text/css" href="style.css" />
|
||||
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
|
||||
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
|
||||
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=geometry"></script>
|
||||
<script type="text/javascript" src="config.js"></script>
|
||||
<script type="text/javascript" src="planeObject.js"></script>
|
||||
|
|
@ -18,40 +18,36 @@
|
|||
<div id="dialog-modal" title="Basic modal dialog" style="display:none;">
|
||||
<p>The settings feature is coming soon. Keep checking GitHub.</p>
|
||||
</div>
|
||||
<div id="map_container">
|
||||
<div id="map_canvas"></div>
|
||||
</div>
|
||||
<div id="sidebar_container">
|
||||
<div id="sidebar_canvas">
|
||||
<div id="timestamps" style="align: center">
|
||||
<table width="100%"><tr>
|
||||
<td>Local Time</td>
|
||||
<td>
|
||||
<canvas id="localclock" class="CoolClock:classic:40"></canvas>
|
||||
</td>
|
||||
<td>UTC Time</td>
|
||||
<td>
|
||||
<canvas id="gmtclock" class="CoolClock:classic:40::0"></canvas>
|
||||
</td>
|
||||
</tr></table>
|
||||
</div>
|
||||
<div id="sudo_buttons">
|
||||
<table width="100%"><tr>
|
||||
<td width="150" style="text-align: center;" class="pointer">
|
||||
[ <span onclick="resetMap();">Reset Map</span> ]
|
||||
</td>
|
||||
<td> </td>
|
||||
<td width="150" style="text-align: center;" id="setings_button" class="pointer">
|
||||
[ <span onclick="optionsModal();">Settings</span> ]
|
||||
</td>
|
||||
</tr></table>
|
||||
</div>
|
||||
|
||||
<div id="plane_detail"></div>
|
||||
<div id="options"></div>
|
||||
<div id="planes_table"></div>
|
||||
<div id="plane_extension"></div>
|
||||
<div id="map_canvas"></div>
|
||||
<div id="sidebar_canvas">
|
||||
<div id="timestamps" style="align: center">
|
||||
<table width="100%"><tr>
|
||||
<td>Local Time</td>
|
||||
<td>
|
||||
<canvas id="localclock" class="CoolClock:classic:40"></canvas>
|
||||
</td>
|
||||
<td>UTC Time</td>
|
||||
<td>
|
||||
<canvas id="gmtclock" class="CoolClock:classic:40::0"></canvas>
|
||||
</td>
|
||||
</tr></table>
|
||||
</div>
|
||||
<div id="sudo_buttons">
|
||||
<table width="100%"><tr>
|
||||
<td width="150" style="text-align: center;" class="pointer">
|
||||
[ <span onclick="resetMap();">Reset Map</span> ]
|
||||
</td>
|
||||
<td> </td>
|
||||
<td width="150" style="text-align: center;" id="setings_button" class="pointer">
|
||||
[ <span onclick="optionsModal();">Settings</span> ]
|
||||
</td>
|
||||
</tr></table>
|
||||
</div>
|
||||
|
||||
<div id="plane_detail"></div>
|
||||
<div id="options"></div>
|
||||
<div id="planes_table"></div>
|
||||
<div id="plane_extension"></div>
|
||||
</div>
|
||||
<div id="SpecialSquawkWarning">
|
||||
<b>Squak 7x00 is reported and shown.</b><br>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue