nakarte

commit b3d7d84838e2d8234dccb6b1f35a1bb273018c15
parent 171b07f784adeadfd7a7cc65dbae6ab906232baf
Author: Sergey Orlov <wladimirych@gmail.com>
Date:   Fri, 14 Aug 2020 12:54:32 +0200

print: add feature - position map to pages when clicking on pages number

Fixes #206

Diffstat:
M
src/lib/leaflet.control.printPages/control.css
 | 
5
+++++
M
src/lib/leaflet.control.printPages/control.js
 | 
10
++++++++++
M
src/lib/leaflet.control.printPages/form.html
 | 
2
+-

3 files changed, 16 insertions(+), 1 deletion(-)
diff --git a/src/lib/leaflet.control.printPages/control.css b/src/lib/leaflet.control.printPages/control.css
@@ -11,6 +11,11 @@
     margin-left: 1.5em;
 }
 
+.control-print-pages .pages-num.pages-not-null {
+    cursor: pointer;
+    border-bottom: 1px dotted #999;
+}
+
 .control-print-pages .page-size {
     width: 2.1em;
 }
diff --git a/src/lib/leaflet.control.printPages/control.js b/src/lib/leaflet.control.printPages/control.js
@@ -335,6 +335,16 @@ L.Control.PrintPages = L.Control.extend({
             this.updateFormZooms();
         },
 
+        onPagesNumLabelClick: function() {
+            if (this.pages.length > 0) {
+                const bounds = L.latLngBounds([]);
+                for (let page of this.pages) {
+                    bounds.extend(page.latLngBounds);
+                }
+                this._map.fitBounds(bounds.pad(0.2));
+            }
+        },
+
         makePageContexmenuItems: function(page) {
             const items = [
                 {text: 'Rotate', callback: this.rotatePage.bind(this, page)},
diff --git a/src/lib/leaflet.control.printPages/form.html b/src/lib/leaflet.control.printPages/form.html
@@ -9,7 +9,7 @@
            data-bind="click: addPortraitPage"></a>
         <a title="Add page in landscape orientation" class="button-add-page-horiz image-button"
            data-bind="click: addLandscapePage"></a>
-        <span class="pages-num" data-bind="text: pagesNumLabel"></span>
+        <span class="pages-num" data-bind="text: pagesNumLabel, click: onPagesNumLabelClick, css: {'pages-not-null': pagesNum() > 0}"></span>
         <a title="Remove all pages" class="button-remove-pages image-button"
            data-bind="click: removePages"></a>
     </td></tr>