kopia lustrzana https://github.com/cyoung/stratux
Web UI formatting
rodzic
5d082e3292
commit
5d4284b902
|
@ -7,16 +7,16 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-body towers-page">
|
<div class="panel-body towers-page">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<span class="col-xs-4"><strong>Location</strong></span>
|
<span class="col-xs-3"><strong>Location</strong></span>
|
||||||
<span class="col-xs-2 text-right">Current Power (dB)</span>
|
<span class="col-xs-2 text-right">Current Power (dB)</span>
|
||||||
<span class="col-xs-2 text-right">Avg Power Last Min(dB)</span>
|
<span class="col-xs-2 text-right">Avg Power (dB)</span>
|
||||||
<span class="col-xs-2 text-right">Max Power (dB)</span>
|
<span class="col-xs-2 text-right">Max Power (dB)</span>
|
||||||
<span class="col-xs-2 text-right">Msgs Last Minute</span>
|
<span class="col-xs-2 text-right">Msgs Last Minute</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row" ng-repeat="tower in data_list | orderBy: messages">
|
<div class="row" ng-repeat="tower in data_list | orderBy: messages">
|
||||||
<div class="separator"></div>
|
<div class="separator"></div>
|
||||||
<span class="col-xs-4">{{tower.lat}} {{tower.lon}}</span>
|
<span class="col-xs-3">{{tower.lat}} {{tower.lon}}</span>
|
||||||
<span class="col-xs-2 text-right">{{tower.power}}</span>
|
<span class="col-xs-2 text-right">{{tower.power}}</span>
|
||||||
<span class="col-xs-2 text-right">{{tower.power_last_min}}</span>
|
<span class="col-xs-2 text-right">{{tower.power_last_min}}</span>
|
||||||
<span class="col-xs-2 text-right">{{tower.power_max}}</span>
|
<span class="col-xs-2 text-right">{{tower.power_max}}</span>
|
||||||
|
|
|
@ -7,23 +7,23 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-body traffic-page">
|
<div class="panel-body traffic-page">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-6">
|
<div class="col-sm-5">
|
||||||
<span class="col-xs-3"><strong>Flight</strong></span>
|
<span class="col-xs-3"><strong>Flight</strong></span>
|
||||||
<span class="col-xs-3 text-right">Speed</span>
|
<span class="col-xs-3 text-right">Speed</span>
|
||||||
<span class="col-xs-3 text-right">Altitude</span><span class="col-xs-1 col-padding-shift-right"> </span>
|
<span class="col-xs-3 text-right">Altitude</span><span class="col-xs-1 col-padding-shift-right"> </span>
|
||||||
<span class="col-xs-2 text-right">Course</span>
|
<span class="col-xs-2 text-right">Course</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-6">
|
<div class="col-sm-7">
|
||||||
<span class="col-xs-2"> </span>
|
<span class="col-xs-2"> </span>
|
||||||
<span class="col-xs-5">Location</span>
|
<span class="col-xs-5">Location</span>
|
||||||
<span class="col-xs-2">Power (dB)</span>
|
<span class="col-xs-2">Power (dB)</span>
|
||||||
<span class="col-xs-3 text-right">Age</span>
|
<span class="col-xs-2 text-right">Age</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row" ng-repeat="aircraft in data_list | orderBy: -age">
|
<div class="row" ng-repeat="aircraft in data_list | orderBy: -age">
|
||||||
<div class="separator"></div>
|
<div class="separator"></div>
|
||||||
<div class="col-sm-6">
|
<div class="col-sm-5">
|
||||||
<span class="col-xs-3">
|
<span class="col-xs-3">
|
||||||
<span ng-show="aircraft.tail" ng-class="'label traffic-style'+aircraft.src+aircraft.targettype"><strong>{{aircraft.addr_symb}} {{aircraft.tail}}</strong></span>
|
<span ng-show="aircraft.tail" ng-class="'label traffic-style'+aircraft.src+aircraft.targettype"><strong>{{aircraft.addr_symb}} {{aircraft.tail}}</strong></span>
|
||||||
<span ng-hide="aircraft.tail" ng-class="'label traffic-style'+aircraft.src+aircraft.targettype"><strong class="text-muted">{{aircraft.addr_symb}} {{aircraft.icao}}</strong></span>
|
<span ng-hide="aircraft.tail" ng-class="'label traffic-style'+aircraft.src+aircraft.targettype"><strong class="text-muted">{{aircraft.addr_symb}} {{aircraft.icao}}</strong></span>
|
||||||
|
@ -37,12 +37,12 @@
|
||||||
</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"><span ng-show="aircraft.heading < 10">0</span><span ng-show="aircraft.heading < 100">0</span>{{aircraft.heading}}°</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-6">
|
<div class="col-sm-7">
|
||||||
<span class="col-xs-2"> </span>
|
<span class="col-xs-2"> </span>
|
||||||
<span class="col-xs-5">{{aircraft.lat}} {{aircraft.lon}}</span>
|
<span class="col-xs-5">{{aircraft.lat}} {{aircraft.lon}}</span>
|
||||||
<span class="col-xs-2">{{aircraft.signal}}</span>
|
<span class="col-xs-2">{{aircraft.signal}}</span>
|
||||||
<!--<span class="col-xs-3 text-right">{{aircraft.time}}</span>-->
|
<!--<span class="col-xs-3 text-right">{{aircraft.time}}</span>-->
|
||||||
<span class="col-xs-3 text-right">{{aircraft.age}}s</span>
|
<span class="col-xs-2 text-right">{{aircraft.age}}s</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Ładowanie…
Reference in New Issue