2015-10-01 21:19:28 +00:00
< div class = "col-sm-12" >
< div class = "panel panel-default" >
< div class = "panel-heading" >
2016-04-17 12:17:11 +00:00
< span class = "panel_label" > ADS-B and TIS-B Traffic< / span >
2016-01-29 19:41:30 +00:00
< span ng-show = "ConnectState == 'Connected'" class = "label label-success" > {{ConnectState}}< / span >
< span ng-hide = "ConnectState == 'Connected'" class = "label label-danger" > {{ConnectState}}< / span >
2015-10-01 21:19:28 +00:00
< / div >
2016-04-23 23:10:53 +00:00
2015-10-04 17:50:51 +00:00
< div class = "panel-body traffic-page" >
2015-10-01 21:19:28 +00:00
< div class = "row" >
2016-04-23 23:10:53 +00:00
< div class = "col-sm-6" >
2016-06-20 03:30:40 +00:00
< span class = "col-xs-3" ng-hide = "showReg" > < strong > Callsign< / strong > < / span >
< span class = "col-xs-3" ng-show = "showReg" > < strong > Tail Num< / strong > < / span >
2016-04-23 23:10:53 +00:00
< span class = "col-xs-2" ng-hide = "showSquawk" > < strong > Code< / strong > < / span >
< span class = "col-xs-2" ng-show = "showSquawk" > < strong > Squawk< / strong > < / span >
< span class = "col-xs-5 text-right" ng-hide = "GPS_connected && RelDist" > < strong > Location< / strong > < / span >
< span class = "col-xs-3 text-right" ng-show = "GPS_connected && RelDist" > < strong > Dist< / strong > < / span >
2016-04-17 12:17:11 +00:00
< span class = "col-xs-2 text-right" ng-show = "GPS_connected && RelDist" > < strong > Bearing< / strong > < / span >
2016-04-23 23:10:53 +00:00
< / div >
< div class = "col-sm-6" >
< span class = "col-xs-3 text-right" > < strong > Altitude< / strong > < / span > < span class = "col-xs-1" > < / span >
< span class = "col-xs-2 text-right" > < strong > Speed< / strong > < / span >
< span class = "col-xs-2 text-right" > < strong > Course< / strong > < / span >
< span class = "col-xs-2 text-right" > < strong > Power< / strong > < / span >
< span class = "col-xs-2 text-right" > < strong > Age< / strong > < / span >
2015-10-01 21:19:28 +00:00
< / div >
< / div >
2016-04-23 23:10:53 +00:00
2016-04-17 12:17:11 +00:00
< div class = "row" ng-repeat = "aircraft in data_list | orderBy: 'dist'" >
2015-10-04 17:50:51 +00:00
< div class = "separator" > < / div >
2016-04-23 23:10:53 +00:00
< div class = "col-sm-6" >
2016-06-20 03:30:40 +00:00
< span class = "col-xs-3" ng-hide = "showReg" >
2016-04-23 23:10:53 +00:00
< span ng-show = "aircraft.tail" ng-class = "'label traffic-style'+aircraft.src+aircraft.targettype" > {{aircraft.addr_symb}}< strong > {{aircraft.tail}}< / strong > < / span >
2016-04-24 00:05:06 +00:00
< span ng-hide = "aircraft.tail" ng-class = "'label traffic-style'+aircraft.src+aircraft.targettype" > {{aircraft.addr_symb}}< strong > [--N/A--]< / strong > < / span >
2016-06-20 03:30:40 +00:00
< / span >
< span class = "col-xs-3" ng-show = "showReg" >
< span ng-show = "aircraft.reg" ng-class = "'label traffic-style'+aircraft.src+aircraft.targettype" > {{aircraft.addr_symb}}< strong > {{aircraft.reg}}< / strong > < / span >
< span ng-hide = "aircraft.reg" ng-class = "'label traffic-style'+aircraft.src+aircraft.targettype" > {{aircraft.addr_symb}}< strong > [--N/A--]< / strong > < / span >
2016-04-23 23:10:53 +00:00
< / span >
2016-06-20 03:30:40 +00:00
2016-04-23 23:10:53 +00:00
< span class = "col-xs-2" >
2016-04-24 03:49:04 +00:00
< span style = "font-size:80%" ng-hide = "showSquawk" > {{aircraft.icao}}< span style = "font-size:50%" > {{aircraft.addr_type == 3 ? " (TFID)" : ""}}< / span > < / span >
2016-04-23 23:10:53 +00:00
< span ng-show = "showSquawk" > < span ng-show = "aircraft.squawk < 1000" > 0< / span > < span ng-show = "aircraft.squawk < 100" > 0< / span > < span ng-show = "aircraft.squawk < 10" > 0< / span > {{aircraft.squawk}}< / span >
2015-10-04 17:50:51 +00:00
< / span >
2016-04-23 23:10:53 +00:00
< span class = "col-xs-5 text-right" ng-hide = "GPS_connected && RelDist" > {{aircraft.lat}} {{aircraft.lon}}< / span >
< span class = "col-xs-3 text-right" ng-show = "GPS_connected && RelDist" > {{aircraft.dist.toFixed(1)}}< span style = "font-size:50%" > NM< / span > < / span >
< span class = "col-xs-2 text-right" ng-show = "GPS_connected && RelDist" > {{aircraft.bearing}}° < / span >
2015-10-04 17:50:51 +00:00
2016-04-23 23:10:53 +00:00
< / div >
< div class = "col-sm-6" >
2015-10-01 21:19:28 +00:00
< span class = "col-xs-3 text-right" > {{aircraft.alt}}< / span >
< span class = "col-xs-1 small col-padding-shift-right text-muted" >
2015-10-04 17:50:51 +00:00
< span ng-show = "aircraft.vspeed > 0" > < span class = "fa fa-ascent" > < / span > {{aircraft.vspeed}}< / span >
< span ng-show = "aircraft.vspeed < 0" > < span class = "fa fa-descent" > < / span > {{0-aircraft.vspeed}}< / span >
2015-10-01 21:19:28 +00:00
< / span >
2016-04-23 23:10:53 +00:00
< span class = "col-xs-2 text-right" > {{aircraft.speed}}< span style = "font-size:50%" > KTS< / span > < / span >
< span class = "col-xs-2 text-right" > < span ng-show = "aircraft.heading < 10" > 0< / span > < span ng-show = "aircraft.heading < 100" > 0< / span > {{aircraft.heading}}° < / span >
< span class = "col-xs-2 text-right" > {{aircraft.signal.toFixed(2)}}< span style = "font-size:50%" > dB< / span > < / span >
< span class = "col-xs-2 text-right" > {{aircraft.age.toFixed(1)}}< span style = "font-size:50%" > s< / span > < / span >
2015-10-01 21:19:28 +00:00
< / div >
< / div >
< / div >
2016-04-17 12:17:11 +00:00
< div class = "panel-body traffic-footer" >
< div class = "separator" > < / div >
< div class = "row" >
2016-06-20 03:30:40 +00:00
< div class = "col-sm-4" >
< label class = "control-label col-xs-6" > Show Tail Number< / label >
< span class = "col-xs-3" > < ui-switch ng-model = 'showReg' settings-change > < / ui-switch > < / span >
< / div >
2016-04-17 12:17:11 +00:00
< div class = "col-sm-4" >
< label class = "control-label col-xs-6" > Show Squawk< / label >
< span class = "col-xs-3" > < ui-switch ng-model = 'showSquawk' settings-change > < / ui-switch > < / span >
< / div >
2016-04-24 03:49:04 +00:00
< div class = "col-sm-4" >
2016-06-20 03:30:40 +00:00
< label class = "control-label col-xs-6" ng-show = "GPS_connected" > Show Distance< / label >
< label class = "control-label text-muted col-xs-6" ng-hide = "GPS_connected" > Show Distance N/A< / label >
2016-04-24 03:49:04 +00:00
< span class = "col-xs-3" > < ui-switch ng-model = 'RelDist' settings-change > < / ui-switch > < / span >
< / div >
2016-06-20 03:30:40 +00:00
<!--
2016-04-17 12:17:11 +00:00
< div class = "col-sm-4" >
< label class = "control-label col-xs-6" > GPS Status< / label >
< span ng-show = "GPS_connected" class = "label label-success col-xs-3" style = "font-size:100%; display:block; height: 34px; line-height: 34px" > Valid< / span >
< span ng-hide = "GPS_connected" class = "label label-danger col-xs-3" style = "font-size:100%; display:block; height: 34px; line-height: 34px" > No Fix< / span >
< / div >
2016-06-20 03:30:40 +00:00
-->
2016-04-17 12:17:11 +00:00
< / div >
< / div >
< / div >
< div class = "panel panel-default" >
< div class = "panel-heading" >
2016-04-24 00:05:06 +00:00
< span class = "panel_label" > Basic Mode S and No-Position Messages< / span >
2016-04-17 12:17:11 +00:00
< / div >
2016-04-24 00:05:06 +00:00
2016-04-17 12:17:11 +00:00
< div class = "panel-body traffic-page" >
< div class = "row" >
2016-04-24 00:05:06 +00:00
< div class = "col-sm-6" >
2016-06-20 03:30:40 +00:00
< span class = "col-xs-4" ng-hide = "showReg" > < strong > Callsign< / strong > < / span >
< span class = "col-xs-4" ng-show = "showReg" > < strong > Tail Num< / strong > < / span >
2016-04-24 00:05:06 +00:00
< span class = "col-xs-3" > < strong > Code< / strong > < / span >
< span class = "col-xs-3" > < strong > Squawk< / strong > < / span >
2016-04-17 12:17:11 +00:00
< / div >
2016-04-24 00:05:06 +00:00
< div class = "col-sm-6" >
< span class = "col-xs-3 text-right" > < strong > Altitude< / strong > < / span > < span class = "col-xs-1" > < / span >
< span class = "col-xs-2 text-right" > < strong > Speed< / strong > < / span >
< span class = "col-xs-2 text-right" > < strong > Course< / strong > < / span >
< span class = "col-xs-2 text-right" > < strong > Power< / strong > < / span >
2016-04-17 12:17:11 +00:00
< span class = "col-xs-2 text-right" > < strong > Age< / strong > < / span >
< / div >
< / div >
2016-04-24 00:05:06 +00:00
2016-04-17 12:17:11 +00:00
< div class = "row" ng-repeat = "aircraft in data_list_invalid | orderBy: 'icao'" >
< div class = "separator" > < / div >
2016-04-24 00:05:06 +00:00
< div class = "col-sm-6" >
2016-06-20 03:30:40 +00:00
< span class = "col-xs-4" ng-hide = "showReg" >
2016-04-24 00:05:06 +00:00
< span ng-show = "aircraft.tail" ng-class = "'label traffic-style'+aircraft.src+aircraft.targettype" > {{aircraft.addr_symb}}< strong > {{aircraft.tail}}< / strong > < / span >
< span ng-hide = "aircraft.tail" ng-class = "'label traffic-style'+aircraft.src+aircraft.targettype" > {{aircraft.addr_symb}}< strong > [--N/A--]< / strong > < / span >
2016-06-20 03:30:40 +00:00
< / span >
< span class = "col-xs-4" ng-show = "showReg" >
< span ng-show = "aircraft.reg" ng-class = "'label traffic-style'+aircraft.src+aircraft.targettype" > {{aircraft.addr_symb}}< strong > {{aircraft.reg}}< / strong > < / span >
< span ng-hide = "aircraft.reg" ng-class = "'label traffic-style'+aircraft.src+aircraft.targettype" > {{aircraft.addr_symb}}< strong > [--N/A--]< / strong > < / span >
2016-04-17 12:17:11 +00:00
< / span >
2016-04-24 03:49:04 +00:00
< span class = "col-xs-3" style = "font-size:80%" > {{aircraft.icao}}< span style = "font-size:50%" > {{aircraft.addr_type == 3 ? " (TFID)" : ""}}< / span > < / span >
2016-04-24 00:05:06 +00:00
< span class = "col-xs-3" > < span ng-show = "aircraft.squawk < 1000" > 0< / span > < span ng-show = "aircraft.squawk < 100" > 0< / span > < span ng-show = "aircraft.squawk < 10" > 0< / span > {{aircraft.squawk}}< / span >
< / div >
2016-04-17 12:17:11 +00:00
2016-04-24 00:05:06 +00:00
< div class = "col-sm-6" >
2016-04-17 12:17:11 +00:00
< span class = "col-xs-3 text-right" > {{aircraft.alt}}< / span >
< span class = "col-xs-1 small col-padding-shift-right text-muted" >
< span ng-show = "aircraft.vspeed > 0" > < span class = "fa fa-ascent" > < / span > {{aircraft.vspeed}}< / span >
< span ng-show = "aircraft.vspeed < 0" > < span class = "fa fa-descent" > < / span > {{0-aircraft.vspeed}}< / span >
< / span >
2016-04-24 00:05:06 +00:00
< span class = "col-xs-2 text-right" > {{aircraft.speed}}< span style = "font-size:50%" > KTS< / span > < / span >
< span class = "col-xs-2 text-right" > < span ng-show = "aircraft.heading < 10" > 0< / span > < span ng-show = "aircraft.heading < 100" > 0< / span > {{aircraft.heading}}° < / span >
< span class = "col-xs-2 text-right" > {{aircraft.signal.toFixed(2)}}< span style = "font-size:50%" > dB< / span > < / span >
< span class = "col-xs-2 text-right" > {{aircraft.ageLastAlt.toFixed(1)}}< span style = "font-size:50%" > s< / span > < / span >
2016-04-17 12:17:11 +00:00
< / div >
< / div >
< / div >
2016-02-18 04:31:05 +00:00
< div class = "panel-body traffic-footer" >
< div class = "separator" > < / div >
2016-04-24 00:05:06 +00:00
< span class = "col-sm-12 small" > Stratux has not received valid ADS-B position transmissions from the aircraft in this section. They will not appear on your EFB map. See help page for details.< / span >
2016-02-18 04:31:05 +00:00
< / div >
2015-10-01 21:19:28 +00:00
< / div >
2015-09-28 19:20:43 +00:00
< / div >
2016-02-18 04:31:05 +00:00
2016-02-17 07:18:04 +00:00
2015-10-01 21:19:28 +00:00
<!--
< div class = "col-sm-12" >
< div class = "panel panel-default" >
< div class = "panel-heading" > Raw Traffic Data< / div >
< div class = "panel-body" >
2015-10-04 17:50:51 +00:00
< pre > {{raw_data}}< / pre >
2015-10-01 21:19:28 +00:00
< / div >
< / div >
< / div >
2015-10-04 17:50:51 +00:00
-->