nakarte

Source code of https://map.sikmir.ru (fork)
git clone git://git.sikmir.ru/nakarte
Log | Files | Refs | LICENSE

commit df7cd5deda4053c9af2bdba23ae09d43ee9973c3
parent cf129c8ece0e1788c64ea398c1d33b2cc370b535
Author: Sergej Orlov <wladimirych@gmail.com>
Date:   Mon, 20 Mar 2017 00:46:48 +0300

[print] when making pdf and control minimized show spinner on button instead of printer icon

Diffstat:
Msrc/lib/controls-styles/controls-styles.css | 5+++++
Rsrc/lib/knockout.component.progress/spinner.gif -> src/lib/controls-styles/images/spinner.gif | 0
Msrc/lib/knockout.component.progress/progress.js | 5+++--
Msrc/lib/knockout.component.progress/style.css | 1-
Msrc/lib/leaflet.control.printPages/control.css | 2+-
Msrc/lib/leaflet.control.printPages/form.html | 5+++--
6 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/lib/controls-styles/controls-styles.css b/src/lib/controls-styles/controls-styles.css @@ -114,3 +114,7 @@ .leaflet-control.minimized .leaflet-control-button-toggle { display: block; } + +.icon-spinner-nuclear { + background-image: url('images/spinner.gif'); +} +\ No newline at end of file diff --git a/src/lib/knockout.component.progress/spinner.gif b/src/lib/controls-styles/images/spinner.gif Binary files differ. diff --git a/src/lib/knockout.component.progress/progress.js b/src/lib/knockout.component.progress/progress.js @@ -1,9 +1,10 @@ import ko from 'vendored/knockout'; -import './style.css' +import './style.css'; +import 'lib/controls-styles/controls-styles.css'; ko.components.register('progress-indicator', { template: ` - <div class="ko-progress-unknown" data-bind="visible: progress() === undefined"></div> + <div class="ko-progress-unknown icon-spinner-nuclear" data-bind="visible: progress() === undefined"></div> <div class="ko-progress" data-bind="visible: progress() !== undefined"> <div class="ko-progress-bkg"> <div class="ko-progress-bar" data-bind="style: {width: progress() + '%'}"></div> diff --git a/src/lib/knockout.component.progress/style.css b/src/lib/knockout.component.progress/style.css @@ -6,7 +6,6 @@ background-repeat: no-repeat; border-radius: 4px 4px 4px 4px; border: 1px solid #ccc; - background-image: url('spinner.gif'); margin-bottom: -5px; } diff --git a/src/lib/leaflet.control.printPages/control.css b/src/lib/leaflet.control.printPages/control.css @@ -121,6 +121,6 @@ position: relative; } -.control-print-pages .leaflet-control-button-toggle { +.icon-printer { background-image: url("images/printer.svg"); } \ No newline at end of file diff --git a/src/lib/leaflet.control.printPages/form.html b/src/lib/leaflet.control.printPages/form.html @@ -1,5 +1,6 @@ -<div class="leaflet-control-button-toggle" data-bind="click: setExpanded" - title="Print map"></div> +<div class="leaflet-control-button-toggle" title="Print map" + data-bind="click: setExpanded, css: {'icon-spinner-nuclear': makingPdf, 'icon-printer': !makingPdf()}"> + </div> <div class="leaflet-control-content"> <table class="layout"> <tbody>