control.html (841B)
1 <div class="contents"> 2 <table> 3 <tr> 4 <td>True azimuth</td> 5 <td data-bind="text: trueAzimuth() !== null ? Math.round(trueAzimuth()) + '°' : '--'"></td> 6 </tr> 7 <tr> 8 <td>Magnetic azimuth</td> 9 <td data-bind="text: magneticAzimuth() !== null ? magneticAzimuth() + '°' : '--'"></td> 10 </tr> 11 <tr> 12 <td>Distance</td> 13 <td data-bind="text: distance() === null ? '--' : 14 distance() > 2000 ? (distance() / 1000).toFixed(2) + ' km' : Math.round(distance()) + ' m'"></td> 15 </tr> 16 </table> 17 18 <div class="buttons"> 19 <div class="button" data-bind="click: onReverseButtonClick">Reverse</div> 20 <div class="button" data-bind="click: onProfileButtonClick">Elevation / Sightline</div> 21 </div> 22 </div>