The start of a crummy looking options. It is bugged right now.

Brought back the reset map.
This commit is contained in:
Brian Davenport 2013-05-30 17:45:10 +00:00
parent 5c3f6dac50
commit 21229d58ea
3 changed files with 20 additions and 1 deletions

View file

@ -1,11 +1,12 @@
<html> <html>
<head> <head>
<link rel="stylesheet" type="text/css" href="style.css" /> <link rel="stylesheet" type="text/css" href="style.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.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="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="config.js"></script>
<script type="text/javascript" src="untrackedDeveloperSettings.js"></script> <!-- Developers --> <script type="text/javascript" src="untrackedDeveloperSettings.js"></script> <!-- Developers -->
<script type="text/javascript" src="planeObject.js"></script> <script type="text/javascript" src="planeObject.js"></script>
<script type="text/javascript" src="options.js"></script>
<script type="text/javascript" src="extension.js"></script> <script type="text/javascript" src="extension.js"></script>
<script type="text/javascript" src="script.js"></script> <script type="text/javascript" src="script.js"></script>
<script type="text/javascript" src="coolclock/excanvas.js"></script> <script type="text/javascript" src="coolclock/excanvas.js"></script>
@ -31,6 +32,17 @@
</td> </td>
</tr></table> </tr></table>
</div> </div>
<div id="sudo_buttons">
<table width="100%"><tr>
<td width="150" style="text-align: center;">[ <span onclick="resetMap();">Reset Map</span> ]</td><td></td><td width="150" style="text-align: center;" id="setings_button">[ <span onclick="settingToggle();">Settings</span> ]</td>
</tr></table>
</div>
<div id="options" class="notvisable">
<table id="optionsTabs"><tr>
<td onclick="optionsGeneral();">General</td><td onclick="optionsKML();">KML</td>
</tr></table>
<div id="optionsBox"></div>
</div>
<div id="plane_detail"></div> <div id="plane_detail"></div>
<div id="options"></div> <div id="options"></div>
<div id="planes_table"></div> <div id="planes_table"></div>

View file

@ -167,6 +167,9 @@ function initialize() {
} }
} }
// Load up our options page
optionsInitalize();
// Did our crafty user need some setup? // Did our crafty user need some setup?
extendedInitalize(); extendedInitalize();
@ -311,6 +314,7 @@ function refreshSelected() {
} }
html += '</table>'; html += '</table>';
document.getElementById('plane_detail').innerHTML = html; document.getElementById('plane_detail').innerHTML = html;
} }

View file

@ -7,7 +7,10 @@ div#map_canvas { height: 100%; margin-right: 420px; }
div#sidebar_container { float: left; width: 410px; margin-left: -410px; height: 100%; overflow: auto; } div#sidebar_container { float: left; width: 410px; margin-left: -410px; height: 100%; overflow: auto; }
table#optionsTabs { width: 100%; font-size: small; font-family: monospace; background-color: #ddd; border: 1px; border-color: #000000;}
#tableinfo { font-size: x-small; font-family: monospace; } #tableinfo { font-size: x-small; font-family: monospace; }
#sudo_buttons { font-size: x-small; font-family: monospace; }
.vPosition { font-weight: bold; background-color: #f5fff5; } .vPosition { font-weight: bold; background-color: #f5fff5; }
.squawk7500 { font-weight: bold; background-color: #ff5555; } .squawk7500 { font-weight: bold; background-color: #ff5555; }