2010-05-26 20:34:08 +00:00
|
|
|
<?php
|
2010-05-31 07:14:04 +00:00
|
|
|
// get the time for pre-populating the form
|
2010-05-28 23:04:59 +00:00
|
|
|
$time = time() + 3600;
|
2010-05-26 20:34:08 +00:00
|
|
|
?>
|
|
|
|
|
|
2010-05-27 20:36:13 +00:00
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>CUSF Landing Prediction 2 - GUI test</title>
|
|
|
|
|
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
|
2010-05-30 20:42:17 +00:00
|
|
|
<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAzpAeP4iTRyyvc3_y95bQZBSnyWegg1iFIOtWV3Ha3Qw-fH3UlBTg9lMAipYdJi6ac4b5hWAzBkkXgg"></script>
|
2010-05-27 20:36:13 +00:00
|
|
|
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
|
|
|
|
|
<link href="css/pred.css" type="text/css" rel="stylesheet">
|
2010-05-30 20:42:17 +00:00
|
|
|
<link href="css/cupertino/jquery-ui-1.8.1.custom.css" type="text/css" rel="stylesheet">
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
google.load("jquery", "1.4.2");
|
|
|
|
|
google.load("jqueryui", "1.8.1");
|
|
|
|
|
</script>
|
2010-05-30 09:41:16 +00:00
|
|
|
<script src="js/jquery.form.js" type="text/javascript"></script>
|
2010-05-28 22:27:26 +00:00
|
|
|
<script src="js/pred.js" type="text/javascript"></script>
|
2010-05-26 20:34:08 +00:00
|
|
|
<script type="text/javascript">
|
2010-05-27 20:36:13 +00:00
|
|
|
|
2010-05-28 22:17:49 +00:00
|
|
|
var ajaxEventHandle;
|
2010-05-30 20:42:17 +00:00
|
|
|
var running_uuid = '<?php
|
|
|
|
|
if ( isset($_GET['uuid']) ) {
|
|
|
|
|
echo $_GET['uuid'];
|
|
|
|
|
} else {
|
|
|
|
|
echo "0";
|
|
|
|
|
}
|
|
|
|
|
?>';
|
2010-05-26 20:34:08 +00:00
|
|
|
|
2010-05-27 20:36:13 +00:00
|
|
|
var map;
|
2010-05-30 20:42:17 +00:00
|
|
|
var map_items = [];
|
2010-05-27 20:36:13 +00:00
|
|
|
var launch_img = "images/marker-sm-red.png";
|
|
|
|
|
var land_img = "images/marker-sm-red.png";
|
|
|
|
|
var burst_img = "images/pop-marker.png";
|
|
|
|
|
|
|
|
|
|
function initialize() {
|
|
|
|
|
// make the map and set center
|
|
|
|
|
var latlng = new google.maps.LatLng(52, 0);
|
|
|
|
|
var myOptions = {
|
|
|
|
|
zoom: 8,
|
|
|
|
|
center: latlng,
|
|
|
|
|
mapTypeId: google.maps.MapTypeId.ROADMAP
|
|
|
|
|
};
|
|
|
|
|
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
|
2010-05-30 09:41:16 +00:00
|
|
|
// submit the form here
|
|
|
|
|
$("#modelForm").ajaxForm({
|
|
|
|
|
url: 'ajax.php?action=submitForm',
|
|
|
|
|
type: 'POST',
|
|
|
|
|
success: function(data) {
|
2010-05-30 20:42:17 +00:00
|
|
|
predSub();
|
2010-05-30 10:06:23 +00:00
|
|
|
var data_split = data.split("|");
|
|
|
|
|
if ( data_split[0] == 0 ) {
|
2010-05-30 22:45:08 +00:00
|
|
|
appendDebug("The server rejected the submitted form data");
|
2010-05-30 10:06:23 +00:00
|
|
|
} else {
|
2010-05-30 22:45:08 +00:00
|
|
|
appendDebug("The server accepted the form data");
|
2010-05-30 10:06:23 +00:00
|
|
|
running_uuid = data_split[1];
|
2010-05-30 22:45:08 +00:00
|
|
|
appendDebug("The server gave us uuid:<br>" + running_uuid);
|
|
|
|
|
appendDebug("Starting to poll for progress JSON");
|
2010-05-30 10:06:23 +00:00
|
|
|
handlePred(running_uuid);
|
|
|
|
|
}
|
2010-05-30 09:41:16 +00:00
|
|
|
}
|
|
|
|
|
});
|
2010-05-30 21:49:34 +00:00
|
|
|
//$("#input_form").draggable({containment: '#map_canvas'});
|
2010-05-30 20:42:17 +00:00
|
|
|
// if ( running_uuid != 0 ) handlePred(running_uuid);
|
2010-05-30 22:20:26 +00:00
|
|
|
$("#debuginfo").hide();
|
|
|
|
|
$("#showHideDebug").click(function() {
|
|
|
|
|
// $("#debuginfo").show("slide", { direction: "down" }, 500);
|
|
|
|
|
toggleDebugWindow();
|
|
|
|
|
});
|
2010-05-27 20:36:13 +00:00
|
|
|
}
|
2010-05-26 20:34:08 +00:00
|
|
|
|
2010-05-30 09:41:16 +00:00
|
|
|
|
2010-05-30 20:42:17 +00:00
|
|
|
|
2010-05-26 20:34:08 +00:00
|
|
|
</script>
|
2010-05-27 20:36:13 +00:00
|
|
|
</head>
|
2010-05-30 21:49:34 +00:00
|
|
|
<body onload="initialize()" bgcolor="#000000">
|
2010-05-30 20:42:17 +00:00
|
|
|
|
|
|
|
|
<div id="map_canvas" style="width:100%; height:100%"></div>
|
|
|
|
|
|
2010-05-27 20:36:13 +00:00
|
|
|
<div id="scenario_template" class="box">
|
2010-05-30 22:20:26 +00:00
|
|
|
<h1>Debug Window -
|
|
|
|
|
<a href='#'><span id="showHideDebug">Show</span></a></span>
|
|
|
|
|
</h1>
|
2010-05-27 20:36:13 +00:00
|
|
|
<span id="debuginfo">No Messages</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
2010-05-30 20:42:17 +00:00
|
|
|
<div id="status_message" class="box">
|
|
|
|
|
<div id="prediction_progress"></div>
|
|
|
|
|
<div id="prediction_percent"></div>
|
|
|
|
|
<br>
|
|
|
|
|
<div id="prediction_status"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2010-05-27 20:36:13 +00:00
|
|
|
<div id="input_form" class="box">
|
2010-05-30 09:41:16 +00:00
|
|
|
<form action="" id="modelForm" name="modelForm">
|
2010-05-27 20:36:13 +00:00
|
|
|
<table>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>Launch Site:</td>
|
|
|
|
|
<td>
|
|
|
|
|
<select id="site" name="launchsite" onchange="UpdateLaunchSite(this.selectedIndex)">
|
|
|
|
|
<option value="Churchill">Churchill</option>
|
|
|
|
|
<option value="EARS">EARS</option>
|
|
|
|
|
<option value="Glenrothes">Glenrothes</option>
|
|
|
|
|
<option value="Bujaraloz, Monegros">Bujaraloz, Monegros</option>
|
|
|
|
|
<option value="Adelaide Airport">Adelaide Airport</option>
|
|
|
|
|
<option id="other" value="other">Other</option>
|
|
|
|
|
</select>
|
|
|
|
|
</td>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>Latitude:</td>
|
|
|
|
|
<td><input id="lat" type="text" name="lat" value="52.2135" onKeyDown="SetSiteOther()"></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>Longitude:</td>
|
|
|
|
|
<td><input id="lon" type="text" name="lon" value="0.0964" onKeyDown="SetSiteOther()"></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>Launch altitude (m):</td>
|
2010-05-30 09:41:16 +00:00
|
|
|
<td><input id="initial_alt" type="text" name="initial_alt" value="0"></td>
|
2010-05-27 20:36:13 +00:00
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>Launch Time:</td>
|
|
|
|
|
<td>
|
2010-05-30 09:41:16 +00:00
|
|
|
<input id="hour" type="text" name="hour" value="<?php echo date("H", $time); ?>" maxlength="2" size="2"> :
|
|
|
|
|
<input id="min" type="text" name="min" value="<?php echo date("i", $time); ?>" maxlength="2" size="2">
|
|
|
|
|
<input id="sec" type="hidden" name="sec" value="0"></td></tr>
|
2010-05-27 20:36:13 +00:00
|
|
|
<tr><td>Launch Date:</td><td>
|
2010-05-30 09:41:16 +00:00
|
|
|
<input id="day" type="text" name="day" value="<?php echo date("d", $time); ?>" maxlength="2" size="2">
|
|
|
|
|
<select id="month" name="month">
|
2010-05-29 20:11:20 +00:00
|
|
|
<option value="1"<?php if (date("n", $time) == 1) echo " selected"; ?>>Jan</option>
|
|
|
|
|
<option value="2"<?php if (date("n", $time) == 2) echo " selected"; ?>>Feb</option>
|
|
|
|
|
<option value="3"<?php if (date("n", $time) == 3) echo " selected"; ?>>Mar</option>
|
|
|
|
|
<option value="4"<?php if (date("n", $time) == 4) echo " selected"; ?>>Apr</option>
|
|
|
|
|
<option value="5"<?php if (date("n", $time) == 5) echo " selected"; ?>>May</option>
|
|
|
|
|
<option value="6"<?php if (date("n", $time) == 6) echo " selected"; ?>>Jun</option>
|
|
|
|
|
<option value="7"<?php if (date("n", $time) == 7) echo " selected"; ?>>Jul</option>
|
|
|
|
|
<option value="8"<?php if (date("n", $time) == 8) echo " selected"; ?>>Aug</option>
|
|
|
|
|
<option value="9"<?php if (date("n", $time) == 9) echo " selected"; ?>>Sep</option>
|
|
|
|
|
<option value="10"<?php if (date("n", $time) == 10) echo " selected"; ?>>Oct</option>
|
|
|
|
|
<option value="11"<?php if (date("n", $time) == 11) echo " selected"; ?>>Nov</option>
|
|
|
|
|
<option value="12"<?php if (date("n", $time) == 12) echo " selected"; ?>>Dec</option>
|
2010-05-27 20:36:13 +00:00
|
|
|
</select>
|
2010-05-30 09:41:16 +00:00
|
|
|
<input id="year" type="text" name="year" value="<?php echo date("Y", $time); ?>" maxlength="4" size="4">
|
2010-05-27 20:36:13 +00:00
|
|
|
</td>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>Ascent Rate (m/s):</td>
|
2010-05-30 11:29:29 +00:00
|
|
|
<td><input id="ascent" type="text" name="ascent" value="5"></td>
|
2010-05-27 20:36:13 +00:00
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>Descent Rate (sea level m/s):</td>
|
2010-05-30 09:41:16 +00:00
|
|
|
<td><input id="drag" type="text" name="drag" value="5"></td>
|
2010-05-27 20:36:13 +00:00
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>Burst Altitude (m):</td>
|
2010-05-30 09:41:16 +00:00
|
|
|
<td><input id="burst" type="text" name="burst" value="30000"></td>
|
2010-05-27 20:36:13 +00:00
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>Float time at apogee (s):</td>
|
2010-05-30 09:41:16 +00:00
|
|
|
<td><input id="float" type="text" name="float_time" value="0"></td>
|
2010-05-27 20:36:13 +00:00
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>Landing prediction software: <td>
|
2010-05-30 09:41:16 +00:00
|
|
|
<select id="software" name="software">
|
2010-05-28 21:04:33 +00:00
|
|
|
<option value="gfs" selected="selected">GFS (faster, less accurate)</option>
|
|
|
|
|
<option value="gfs_hd">GFS HD (slower, more accurate)</option>
|
2010-05-27 20:36:13 +00:00
|
|
|
</select>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>
|
|
|
|
|
</td>
|
2010-05-30 09:41:16 +00:00
|
|
|
<td><input type="submit" name="submit" id="run_pred_btn" value="Run Prediction!"></td>
|
2010-05-27 20:36:13 +00:00
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
|
2010-05-26 20:34:08 +00:00
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
