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