control.html (1339B)
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> 9 Magnetic azimuth 10 <div class="icon-info" data-bind="attr: {title: 11 `Magnetic model: ${magneticModelInfo.modelName}\n` 12 + `Date: ${magneticModelInfo.dateYMD[2]}.${magneticModelInfo.dateYMD[1]}.${magneticModelInfo.dateYMD[0]}\n` 13 + `Horizontal resolution: ${magneticModelInfo.horizontalResolution}°\n` 14 + `Magnetic declination resolution: ${magneticModelInfo.valueResolution}°`}"></div> 15 </td> 16 <td data-bind="text: magneticAzimuth() !== null ? magneticAzimuth() + '°' : '--'"></td> 17 </tr> 18 <tr> 19 <td>Distance</td> 20 <td data-bind="text: distance() === null ? '--' : 21 distance() > 2000 ? (distance() / 1000).toFixed(2) + ' km' : Math.round(distance()) + ' m'"></td> 22 </tr> 23 </table> 24 25 <div class="buttons"> 26 <div class="button" data-bind="click: onReverseButtonClick">Reverse</div> 27 <div class="button" data-bind="click: onProfileButtonClick">Elevation / Sightline</div> 28 </div> 29 </div>
