fly/fgdata
1
0
Fork 0
Code Activity

Phi: cleanup aircraft icon's label in map widget

Browse source
This commit is contained in:
Torsten Dreyer 2015-02-13 21:52:38 +01:00
parent 4aac51e73d
commit 99020d4841
2 changed files with 14 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
webgui/widgets/map.html
View file

@ -19,6 +19,15 @@
margin: 5px 5px; margin: 5px 5px;
} }
.aircraft-marker-altitude {
width: 33%;
}
.aircraft-marker-heading {
text-align: center;
width: 33%;
}
.aircraft-marker { .aircraft-marker {
float: left; float: left;
color: #00ff00; color: #00ff00;
@ -28,4 +37,4 @@
.aircraft-marker span { .aircraft-marker span {
padding-left: 0.5em; padding-left: 0.5em;
} }
</style> </style>

7
webgui/widgets/map.js
View file

@ -80,15 +80,16 @@ define(
className : 'aircraft-marker-popup', className : 'aircraft-marker-popup',
closeOnClick : false, closeOnClick : false,
maxWidth : 200, maxWidth : 200,
minWidth : 100, minWidth : 120,
offset : [ offset : [
30, 30 30, 30
], ],
}, this); }, this);
this.popup this.popup
.setContent('<div class="aircraft-marker aircraft-marker-altitude"><span data-bind="text: altitude().toFixed(0)"></span>ft</div>' .setContent( '<div class="aircraft-marker aircraft-marker-altitude"><span data-bind="text: altitude().toFixed(0)"></span>ft</div>'
+ '<div class="aircraft-marker aircraft-marker-heading"><span data-bind="text: heading().toFixed(0)"></span>&deg</div>' + '<div class="aircraft-marker aircraft-marker-heading"><span data-bind="text: heading().toFixed(0)"></span>&deg</div>'
+ '<div class="aircraft-marker aircraft-marker-tas"><span data-bind="text: tas().toFixed(0)"></span>kt</div><div style="clear: both"/>'); + '<div class="aircraft-marker aircraft-marker-tas"><span data-bind="text: tas().toFixed(0)"></span>kt</div><div style="clear: both"/>'
);
this.bindPopup(this.popup); this.bindPopup(this.popup);
this.addTo(this._map); this.addTo(this._map);
this.openPopup(); this.openPopup();