fly/fgdata
1
0
Fork 0
Code Activity

Phi: implement reposition for airport chart

Browse source 
- add a button to each runway to reposition to that runways threshold
This commit is contained in:
Torsten Dreyer 2015-03-28 21:47:32 +01:00
parent 778f056fd8
commit 164aefa2c8
2 changed files with 81 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
webgui/topics/Environment/Position.html
View file

@ -6,6 +6,11 @@ overflow-y: auto;
overflow-x: hidden;
}
.metric {
font-style: italic;
font-size: 90%;
}
</style>
<fieldset data-bind="visible: hasAirports">
<legend>Search (enter at least two characters of airport name or id)</legend>
@ -59,16 +64,31 @@ overflow-x: hidden;
<fieldset data-bind="with: selectedAirport, visible: selectedAirport">
<legend>Runway Information</legend>
<table style="width: 100%" data-bind="foreach: runway">
<table style="width: 100%">
<thead>
<tr>
<th style="text-align: left">RWY</th>
<th style="text-align: right">True</th>
<th style="text-align: left">Surface</th>
<th style="text-align: left">Length</th>
<th style="text-align: left">Width</th>
<th style="text-align: left">Displ. Threshold</th>
<th style="text-align: left">Stopway</th>
<th style="text-align: left"></th>
</tr>
</thead>
<tbody data-bind="foreach: runway">
<tr>
<td><span data-bind="text: id"></span></td>
<td><span data-bind="text: heading"></span>&deg;</td>
<td style="text-align: right;"><span data-bind="text: heading"></span>&deg;</td>
<td><span data-bind="text: surface"></span></td>
<td><span data-bind="text: lengthFt"></span>ft <span data-bind="text: lengthM"></span>m</td>
<td><span data-bind="text: widthFt"></span>ft <span data-bind="text: widthM"></span>m</td>
<td><span data-bind="text: displacedThresholdFt"></span>ft <span data-bind="text: displacedThresholdM"></span>m</td>
<td><span data-bind="text: stopwayFt"></span>ft <span data-bind="text: stopwayM"></span>m</td>
<td><span data-bind="text: lengthFt"></span>ft <span data-bind="text: lengthM" class="metric"></span><span class="metric">m</span></td>
<td><span data-bind="text: widthFt"></span>ft <span data-bind="text: widthM" class="metric"></span><span class="metric">m</span></td>
<td><span data-bind="text: displacedThresholdFt"></span>ft <span data-bind="text: displacedThresholdM" class="metric"></span><span class="metric">m</span></td>
<td><span data-bind="text: stopwayFt"></span>ft <span data-bind="text: stopwayM" class="metric"></span><span class="metric">m</span></td>
<td><button data-bind="button: { text: false, icons: { primary: 'ui-icon-arrowreturnthick-1-e' } }, click: $parent.gotoRwy">Restart here</button></td>
</tr>
</tbody>
</table>
</fieldset>

57
webgui/topics/Environment/Position.js
View file

@ -1,6 +1,6 @@
define([
'jquery', 'knockout', 'text!./Position.html', 'sprintf', 'leaflet', 'kojqui/autocomplete'
], function( jquery, ko, htmlString, sprintf, leaflet ) {
'jquery', 'knockout', 'text!./Position.html', 'sprintf', 'leaflet', 'fgcommand', 'kojqui/autocomplete'
], function( jquery, ko, htmlString, sprintf, leaflet, fgcommand ) {
function getAirportList(obs) {
if(typeof(Storage) !== "undefined") {
@ -54,6 +54,7 @@ define([
});
self.surface = ko.observable(rwy.surface);
}
function AirportViewModel(geoJson, id) {
@ -131,6 +132,58 @@ define([
self.comm = ko.observableArray([]);
self.runway = ko.observableArray([]);
self.gotoRwy = function(ui,evt) {
var presets = {
children: [
{
'name': 'airport-id',
'value': self.id(),
},
{
'name': 'longitude-deg',
'value': -9999,
},
{
'name': 'latitude-deg',
'value': -9999,
},
{
'name': 'altitude-ft',
'value': -9999,
},
{
'name': 'airspeed-kt',
'value': 0,
},
{
'name': 'offset-distance-nm',
'value': 0,
},
{
'name': 'offset-azimuth-deg',
'value': 0,
},
{
'name': 'glideslope-deg',
'value': 0,
},
{
'name': 'heading-deg',
'value': 0,
},
{
'name': 'runway',
'value': ui.id(),
},
],
};
fgcommand.setPropertyValue( '/sim/presets', presets, function() {
fgcommand.reposition();
}, self );
}
}
function ViewModel(params) {