Beginning work on integrating the burst calculator, including styling and activation link
jonsowman
rodzic
4f6745cc65
commit
4a71dba38e
|
|
@ -78,6 +78,10 @@ a { text-decoration: underline; color: #333; cursor: pointer; }
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#burst-calc-constants {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
.box {
|
.box {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
|
|
@ -141,6 +145,12 @@ a { text-decoration: underline; color: #333; cursor: pointer; }
|
||||||
bottom: 0; right: 0;
|
bottom: 0; right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#burst-calc {
|
||||||
|
display: none;
|
||||||
|
padding: 5px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
#scenario_info {
|
#scenario_info {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 25px;
|
top: 25px;
|
||||||
|
|
|
||||||
|
|
@ -26,6 +26,7 @@ $time = time() + 3600;
|
||||||
</script>
|
</script>
|
||||||
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
|
<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" />
|
<link href="css/pred.css" type="text/css" rel="stylesheet" />
|
||||||
|
<link href="css/calc.css" type="text/css" rel="stylesheet" />
|
||||||
<link rel="stylesheet" href="css/tipsy.css" type="text/css" />
|
<link rel="stylesheet" href="css/tipsy.css" type="text/css" />
|
||||||
<link href="css/cupertino/jquery-ui-1.8.1.custom.css" type="text/css" rel="stylesheet">
|
<link href="css/cupertino/jquery-ui-1.8.1.custom.css" type="text/css" rel="stylesheet">
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
|
|
@ -39,6 +40,7 @@ google.load("jqueryui", "1.8.1");
|
||||||
<script src="js/date.jsport.js" type="text/javascript"></script>
|
<script src="js/date.jsport.js" type="text/javascript"></script>
|
||||||
<script src="js/config.js" type="text/javascript"></script>
|
<script src="js/config.js" type="text/javascript"></script>
|
||||||
<script src="js/pred.js" type="text/javascript"></script>
|
<script src="js/pred.js" type="text/javascript"></script>
|
||||||
|
<script src="js/calc.js" type="text/javascript"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|
@ -220,7 +222,10 @@ google.load("jqueryui", "1.8.1");
|
||||||
?>" maxlength="4" size="4">
|
?>" maxlength="4" size="4">
|
||||||
</td>
|
</td>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Ascent Rate (m/s):</td>
|
<td>
|
||||||
|
Ascent Rate (m/s): <a id="burst-calc-show" class="tipsyLink"
|
||||||
|
title="Use the burst calculator to find this value">?</a>
|
||||||
|
</td>
|
||||||
<td><input id="ascent" type="text" name="ascent" value="5"></td>
|
<td><input id="ascent" type="text" name="ascent" value="5"></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
|
|
@ -258,6 +263,137 @@ google.load("jqueryui", "1.8.1");
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
<!-- Burst calculator div, hidden onLoad -->
|
||||||
|
<div id="burst-calc">
|
||||||
|
<b>Burst Calculator</b>
|
||||||
|
<br>
|
||||||
|
<table id="input_table">
|
||||||
|
<tr class="input_row">
|
||||||
|
<td class="input_label" colspan="2">Payload Mass (g)</td>
|
||||||
|
<td class="input_instruction" rowspan="3">AND</td>
|
||||||
|
|
||||||
|
<td class="input_label" colspan="2">Balloon Mass (g)</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="input_row">
|
||||||
|
<td colspan="2">
|
||||||
|
<input type="text" id="mp" class="input_field" value="1500"
|
||||||
|
tabindex="1"/>
|
||||||
|
</td>
|
||||||
|
<td colspan="2">
|
||||||
|
<select class="input_field" id="mb" tabindex="2">
|
||||||
|
|
||||||
|
<option value="200">200</option>
|
||||||
|
<option value="300">300</option>
|
||||||
|
<option value="350">350</option>
|
||||||
|
<option value="450">450</option>
|
||||||
|
<option value="500">500</option>
|
||||||
|
<option value="600">600</option>
|
||||||
|
|
||||||
|
<option value="700">700</option>
|
||||||
|
<option value="800">800</option>
|
||||||
|
<option value="1000" selected="selected">1000</option>
|
||||||
|
<option value="1200">1200</option>
|
||||||
|
<option value="1500">1500</option>
|
||||||
|
<option value="2000">2000</option>
|
||||||
|
|
||||||
|
<option value="3000">3000</option>
|
||||||
|
</select>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="warning_row">
|
||||||
|
<td colspan="2" id="mp_w"> </td>
|
||||||
|
<td colspan="2" id="mb_w"> </td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="input_instruction" colspan="5">THEN</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="input_row">
|
||||||
|
<td class="input_label" colspan="2">Target Burst Altitude (m)</td>
|
||||||
|
|
||||||
|
<td class="input_instruction" rowspan="3">OR</td>
|
||||||
|
<td class="input_label" colspan="2">Target Ascent Rate (m/s)</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="input_row">
|
||||||
|
<td colspan="2">
|
||||||
|
<input type="text" id="tba" class="input_field" value="33000" tabindex="3"/>
|
||||||
|
</td>
|
||||||
|
<td colspan="2">
|
||||||
|
|
||||||
|
<input type="text" id="tar" class="input_field" tabindex="4"/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="warning_row">
|
||||||
|
<td id="tba_w" colspan="2"> </td>
|
||||||
|
<td id="tar_w" colspan="2"> </td>
|
||||||
|
</tr>
|
||||||
|
<tr class="output_row">
|
||||||
|
<td class="output_label">Burst Altitude:</td>
|
||||||
|
<td class="output_data"><span id="ba">33000</span> m</td>
|
||||||
|
<td></td>
|
||||||
|
<td class="output_label">Ascent Rate:</td>
|
||||||
|
<td class="output_data"><span id="ar">2.33</span> m/s</td>
|
||||||
|
|
||||||
|
</tr>
|
||||||
|
<tr class="output_row">
|
||||||
|
<td class="output_label">Time to Burst:</td>
|
||||||
|
<td class="output_data"><span id="ttb">238</span> min</td>
|
||||||
|
<td></td>
|
||||||
|
<td class="output_label">Neck Lift:</td>
|
||||||
|
<td class="output_data"><span id="nl">1733</span> g</td>
|
||||||
|
|
||||||
|
</tr>
|
||||||
|
<tr class="output_row">
|
||||||
|
<td class="output_label">Launch Volume:</td>
|
||||||
|
<td class="output_data"><span id="lv_m3">2.66</span>
|
||||||
|
m<sup>3</sup></td>
|
||||||
|
<td></td>
|
||||||
|
<td class="output_data"><span id="lv_l">2660</span> L</td>
|
||||||
|
<td class="output_data"><span id="lv_cf">93.9</span>
|
||||||
|
ft<sup>3</sup></td>
|
||||||
|
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<br>
|
||||||
|
<input type="button" id="burst-calc-hide" name="burst-calc-submit"
|
||||||
|
value="Done"/ >
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- these are the burst calc constants -->
|
||||||
|
<div id="burst-calc-constants">
|
||||||
|
<div class="constants_header">Constants</div><br />
|
||||||
|
<div class="constants_warning">
|
||||||
|
For advanced<br />use only!<br /><br />
|
||||||
|
|
||||||
|
You can probably<br />leave these alone.<br />
|
||||||
|
</div><br />
|
||||||
|
<label class="constant_label" for="gas">Gas</label><br />
|
||||||
|
<select id="gas" class="constant_field">
|
||||||
|
<option value="he">Helium</option>
|
||||||
|
<option value="h">Hydrogen</option>
|
||||||
|
|
||||||
|
<option value="ch4">Methane</option>
|
||||||
|
<option value="custom">Custom</option>
|
||||||
|
</select><br />
|
||||||
|
<label class="constant_label" for="rho_g">Gas Density (kg/m<sup>3</sup>)</label><br />
|
||||||
|
<input type="text" id="rho_g" value="0.1786" class="constant_field" size="9" disabled="disabled"/><br />
|
||||||
|
<label class="constant_label" for="rho_a">Air Density (kg/m<sup>3</sup>)</label><br />
|
||||||
|
|
||||||
|
<input type="text" id="rho_a" value="1.2050" class="constant_field" size="9"/><br />
|
||||||
|
<label class="constant_label" for="adm">Air Density Model</label><br />
|
||||||
|
<input type="text" id="adm" value="7238.3" class="constant_field" size="9"/><br />
|
||||||
|
<label class="constant_label" for="ga">Gravitational<br />Acceleration (m/s<sup>2</sup>)</label><br />
|
||||||
|
<input type="text" id="ga" value="9.80665" class="constant_field" size="9" /><br />
|
||||||
|
<label class="constant_label" for="bd">Burst Diameter (m)</label><br />
|
||||||
|
|
||||||
|
<input type="checkbox" id="bd_c" />
|
||||||
|
<input type="text" id="bd" class="constant_field" size="9" disabled="disabled" value="7.86"/><br />
|
||||||
|
<label class="constant_label" for="cd">Balloon Cd</label><br />
|
||||||
|
<input type="checkbox" id="cd_c" />
|
||||||
|
<input type="text" id="cd" class="constant_field" size="9" disabled="disabled" value="0.3"/><br />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -24,13 +24,15 @@ $(document).ready(function() {
|
||||||
initMap(52, 0, 8);
|
initMap(52, 0, 8);
|
||||||
populateLaunchSite();
|
populateLaunchSite();
|
||||||
setupEventHandlers();
|
setupEventHandlers();
|
||||||
// make launch card draggable
|
|
||||||
|
// Make launch card draggable
|
||||||
$("#input_form").draggable({containment: '#map_canvas', handle: 'img.handle', snap: '#map_canvas'});
|
$("#input_form").draggable({containment: '#map_canvas', handle: 'img.handle', snap: '#map_canvas'});
|
||||||
$("#scenario_info").draggable({containment: '#map_canvas', handle: 'img.handle', snap: '#map_canvas'});
|
$("#scenario_info").draggable({containment: '#map_canvas', handle: 'img.handle', snap: '#map_canvas'});
|
||||||
$("#location_save").draggable({containment: '#map_canvas', handle: 'img.handle', snap: '#map_canvas'});
|
$("#location_save").draggable({containment: '#map_canvas', handle: 'img.handle', snap: '#map_canvas'});
|
||||||
$("#location_save_local").draggable({containment: '#map_canvas', handle: 'img.handle', snap: '#map_canvas'});
|
$("#location_save_local").draggable({containment: '#map_canvas', handle: 'img.handle', snap: '#map_canvas'});
|
||||||
$("#run_pred_btn").button();
|
$("#run_pred_btn").button();
|
||||||
$("#req_sub_btn").button();
|
$("#req_sub_btn").button();
|
||||||
|
$("#burst-calc-hide").button();
|
||||||
|
|
||||||
// see if we want an old prediction displayed
|
// see if we want an old prediction displayed
|
||||||
if ( current_uuid != '0' ) {
|
if ( current_uuid != '0' ) {
|
||||||
|
|
@ -51,6 +53,9 @@ $(document).ready(function() {
|
||||||
|
|
||||||
// plot the initial launch location
|
// plot the initial launch location
|
||||||
plotClick();
|
plotClick();
|
||||||
|
|
||||||
|
// Initialise the burst calculator
|
||||||
|
calc_init();
|
||||||
});
|
});
|
||||||
|
|
||||||
function predSub() {
|
function predSub() {
|
||||||
|
|
@ -662,6 +667,18 @@ function setupEventHandlers() {
|
||||||
$("#setWithClick").click(function() {
|
$("#setWithClick").click(function() {
|
||||||
setLatLonByClick(true);
|
setLatLonByClick(true);
|
||||||
});
|
});
|
||||||
|
// activate the "use burst calc" links
|
||||||
|
$("#burst-calc-show").click(function() {
|
||||||
|
$("#modelForm").hide();
|
||||||
|
$("#burst-calc").show();
|
||||||
|
});
|
||||||
|
$("#burst-calc-hide").click(function() {
|
||||||
|
// Write the ascent rate and burst altitude to the launch card
|
||||||
|
$("#ascent").val($("#ar").html());
|
||||||
|
$("#burst").val($("#ba").html());
|
||||||
|
$("#burst-calc").hide();
|
||||||
|
$("#modelForm").show();
|
||||||
|
});
|
||||||
// attach onchange handlers to the lat/long boxes
|
// attach onchange handlers to the lat/long boxes
|
||||||
$("#lat").change(function() {
|
$("#lat").change(function() {
|
||||||
plotClick();
|
plotClick();
|
||||||
|
|
|
||||||
Ładowanie…
Reference in New Issue