control.html (3074B)
1 <div class="leaflet-control-button-toggle" title="Export JNX file for Garmin (Birdseye, Outdoor Maps+)" 2 data-bind="click: onMinimizedDialogButtonClick, css: {'icon-spinner-nuclear': makingJnx, 'icon-navigator': !makingJnx()}"> 3 </div> 4 <div class="leaflet-control-content"> 5 <div class="title">Export Garmin JNX</div> 6 <div class="row"> 7 <div data-bind="if: !layerForExport()" class="error">No supported layer for export</div> 8 <div data-bind="if: layerForExport()">Layer to export: <span class="value" data-bind="text: layerForExport().name"></span></div> 9 </div> 10 11 <div class="row area-selection-row"> 12 Area selection<br> 13 <a class="text-button" data-bind="click: setAreaSelector()">Set here</a> 14 <a class="text-button" data-bind="css: {disabled: !areaSelectorVisible()}, click: removeAreaSelector()">Remove</a> 15 <a class="text-button" data-bind="css: {disabled: !areaSelectorVisible()}, click: moveMapToAreaSelector()">Go to</a> 16 </div> 17 18 19 <table class="zoom-choices" data-bind="visible: zoomChoices"> 20 <tbody> 21 <tr class="zoom-choices-header"> 22 <th>Zoom</th><th>Resolution,<br>m/pixel</th><th>Est. file size,<br>Mb</th><th>Max tiles<br>count</th> 23 </tr> 24 <!-- ko foreach: zoomChoices() ? Object.values(zoomChoices()).reverse() : null --> 25 <tr class="zoom-choice" data-bind=" 26 css: {selected: $root.zoomLevel() === zoom, warning: warning}, 27 click: function() {$root.zoomLevel(zoom)}"> 28 <td data-bind="text: zoom"></td> 29 <td data-bind="text: metersPerPixel.toFixed(2)"></td> 30 <td data-bind="text: fileSizeMb.toFixed(fileSizeMb > 1 ? 0 : 1)"></td> 31 <td data-bind="text: maxLevelTiles"></td> 32 </tr> 33 <!-- /ko --> 34 </tbody> 35 </table> 36 37 <div class="row warning" data-bind="css: {visible: zoomChoices() && zoomChoices()[zoomLevel()] && zoomChoices()[zoomLevel()].warning}"> 38 Warning: Too many tiles 39 <div class="icon-info" title="Garmin devices do not support JNX files with more than 50 000 tiles on a single zoom level"> 40 </div> 41 </div> 42 43 <div class="row"> 44 <label><input class="cb-fix-zoom" type="checkbox" data-bind="checked: fixZoom"> Fix zoom for GPSMAP 67</label> 45 </div> 46 47 <div class="bottom-row row"> 48 <a class="text-button" data-bind=" 49 click: makeJnx, 50 visible: !makingJnx(), 51 attr: {title: errorMessage()}, 52 css: {disabled: errorMessage()}">Save JNX 53 </a> 54 <div class="button-minimize" data-bind="click: setMinimized"></div> 55 <div data-bind=" 56 component: { 57 name: 'progress-indicator', 58 params: {progressRange: downloadProgressRange, progressDone: downloadProgressDone} 59 }, 60 visible: makingJnx()"> 61 </div> 62 </div> 63 </div> 64