From 5c3fb9384fb0f81ef48c8d1427c2439b882eea46 Mon Sep 17 00:00:00 2001
From: leosw <leo@naio-technologies.com>
Date: Mon, 12 Aug 2019 11:06:28 +0200
Subject: [PATCH] Change mouse scroll sleep feature

---
 iFrameGPX/index.php                           |   8 +-
 iFrameGPX/leaflet-sleep/Leaflet.Sleep.js      | 240 ++++++++++++++++++
 .../L.Control.MouseScroll.css                 |  19 --
 .../L.Control.MouseScroll.js                  |  44 ----
 .../leaflet-wheelscroll/imgs/wheel-dark.png   | Bin 571 -> 0 bytes
 iFrameGPX/leaflet-wheelscroll/imgs/wheel.png  | Bin 516 -> 0 bytes
 .../imgs/wheel_over-dark.png                  | Bin 792 -> 0 bytes
 .../leaflet-wheelscroll/imgs/wheel_over.png   | Bin 766 -> 0 bytes
 imagesInCat.php                               |   2 +
 9 files changed, 245 insertions(+), 68 deletions(-)
 create mode 100644 iFrameGPX/leaflet-sleep/Leaflet.Sleep.js
 delete mode 100644 iFrameGPX/leaflet-wheelscroll/L.Control.MouseScroll.css
 delete mode 100644 iFrameGPX/leaflet-wheelscroll/L.Control.MouseScroll.js
 delete mode 100644 iFrameGPX/leaflet-wheelscroll/imgs/wheel-dark.png
 delete mode 100644 iFrameGPX/leaflet-wheelscroll/imgs/wheel.png
 delete mode 100644 iFrameGPX/leaflet-wheelscroll/imgs/wheel_over-dark.png
 delete mode 100644 iFrameGPX/leaflet-wheelscroll/imgs/wheel_over.png

diff --git a/iFrameGPX/index.php b/iFrameGPX/index.php
index e7f22f2..212f1b1 100755
--- a/iFrameGPX/index.php
+++ b/iFrameGPX/index.php
@@ -5,8 +5,6 @@
 		<title>Carte</title>
 		<link rel="stylesheet" href="leaflet/leaflet.css" />
 		<script src="leaflet/leaflet.js"></script>
-		<link rel="stylesheet" href="leaflet-wheelscroll/L.Control.MouseScroll.css" />
-		<script src="leaflet-wheelscroll/L.Control.MouseScroll.js"></script>
 		<link rel="stylesheet" href="leaflet-fullscreen/Control.FullScreen.css" />
 		<script src="leaflet-fullscreen/Control.FullScreen.js"></script>
 		<script src="leaflet-elevation/d3.v3.min.js" charset="utf-8"></script>
@@ -17,6 +15,7 @@
 		<link rel="stylesheet" href="leaflet-photo/Leaflet.Photo.css" />
 		<script src="leaflet-photo/Leaflet.Photo.js"></script>
 		<script src="leaflet-photo/reqwest.min.js"></script>
+		<script src="leaflet-sleep/Leaflet.Sleep.js"></script>
 		<script src="leaflet-gpx/gpx.js"></script>
 		<style media="screen" type="text/css">
 			* { margin: 0; padding: 0; }
@@ -61,15 +60,14 @@ var map = L.map('map', {
 <?php if (!$_GET['scrollwheel']) echo "scrollWheelZoom: false,"; ?>
   fullscreenControl: true, // Fullscreen button
   attributionControl: false,
+  sleepNote: false,
+  sleepOpacity: .7,
   fullscreenControlOptions: {
     position: 'topleft'
   }}).setView([47, 2], 6); // Hole france
 
 var attributionControl = map.addControl(new L.control.attribution({position: 'topright'})); 
 
-// Mouse Scroll API
-map.addControl(new L.Control.MouseScroll());
-
 // Base layers
 var baseLayers = {
 	"OSM France": osmfr,
diff --git a/iFrameGPX/leaflet-sleep/Leaflet.Sleep.js b/iFrameGPX/leaflet-sleep/Leaflet.Sleep.js
new file mode 100644
index 0000000..423e556
--- /dev/null
+++ b/iFrameGPX/leaflet-sleep/Leaflet.Sleep.js
@@ -0,0 +1,240 @@
+/*
+ * Leaflet.Sleep
+ */
+
+/*
+ * Default Button (touch devices only)
+ */
+
+L.Control.SleepMapControl = L.Control.extend({
+
+  initialize: function(opts){
+    L.setOptions(this,opts);
+  },
+
+  options: {
+    position: 'topright',
+    prompt: 'disable map',
+    styles: {
+      'backgroundColor': 'white',
+      'padding': '5px',
+      'border': '2px solid gray'
+    }
+  },
+
+  buildContainer: function(){
+    var self = this;
+    var container = L.DomUtil.create('p', 'sleep-button');
+    var boundEvent = this._nonBoundEvent.bind(this);
+    container.appendChild( document.createTextNode( this.options.prompt ));
+    L.DomEvent.addListener(container, 'click', boundEvent);
+    L.DomEvent.addListener(container, 'touchstart', boundEvent);
+
+    Object.keys(this.options.styles).map(function(key) {
+      container.style[key] = self.options.styles[key];
+    });
+
+    return (this._container = container);
+  },
+
+  onAdd: function () {
+    return this._container || this.buildContainer();
+  },
+
+  _nonBoundEvent: function(e) {
+    L.DomEvent.stop(e);
+    if (this._map) this._map.sleep._sleepMap();
+    return false;
+  }
+
+});
+
+L.Control.sleepMapControl = function(){
+  return new L.Control.SleepMapControl();
+};
+
+
+/*
+ * The Sleep Handler
+ */
+
+L.Map.mergeOptions({
+  sleep: true,
+  sleepTime: 750,
+  wakeTime: 750,
+  wakeMessageTouch: 'Touch to Wake',
+  sleepNote: true,
+  hoverToWake: true,
+  sleepOpacity:.7,
+  sleepButton: L.Control.sleepMapControl
+});
+
+L.Map.Sleep = L.Handler.extend({
+
+  addHooks: function () {
+    var self = this;
+    this.sleepNote = L.DomUtil.create('p', 'sleep-note', this._map._container);
+    this._enterTimeout = null;
+    this._exitTimeout = null;
+
+    /*
+     * If the device has only a touchscreen we will never get
+     * a mouseout event, so we add an extra button to put the map
+     * back to sleep manually.
+     *
+     * a custom control/button can be provided by the user
+     * with the map's `sleepButton` option
+     */
+    this._sleepButton = this._map.options.sleepButton();
+
+    if (this._map.tap) {
+      this._map.addControl(this._sleepButton);
+    }
+
+    var mapStyle = this._map._container.style;
+    mapStyle.WebkitTransition += 'opacity .5s';
+    mapStyle.MozTransition += 'opacity .5s';
+
+    this._setSleepNoteStyle();
+    this._sleepMap();
+  },
+
+  removeHooks: function () {
+    if (!this._map.scrollWheelZoom.enabled()){
+      this._map.scrollWheelZoom.enable();
+    }
+    if (this._map.tap && !this._map.tap.enabled()) {
+      this._map.touchZoom.enable();
+      this._map.dragging.enable();
+      this._map.tap.enable();
+    }
+    L.DomUtil.setOpacity( this._map._container, 1);
+    L.DomUtil.setOpacity( this.sleepNote, 0);
+    this._removeSleepingListeners();
+    this._removeAwakeListeners();
+  },
+
+  _setSleepNoteStyle: function() {
+    var noteString = '';
+    var style = this.sleepNote.style;
+
+    if(this._map.tap) {
+      noteString = this._map.options.wakeMessageTouch;
+    } else if (this._map.options.wakeMessage) {
+      noteString = this._map.options.wakeMessage;
+    } else if (this._map.options.hoverToWake) {
+      noteString = 'click or hover to wake';
+    } else {
+      noteString = 'click to wake';
+    }
+
+    if( this._map.options.sleepNote ){
+      this.sleepNote.appendChild(document.createTextNode( noteString ));
+      style.pointerEvents = 'none';
+      style.maxWidth = '150px';
+      style.transitionDuration = '.2s';
+      style.zIndex = 5000;
+      style.opacity = '.6';
+      style.margin = 'auto';
+      style.textAlign = 'center';
+      style.borderRadius = '4px';
+      style.top = '50%';
+      style.position = 'relative';
+      style.padding = '5px';
+      style.border = 'solid 2px black';
+      style.background = 'white';
+
+      if(this._map.options.sleepNoteStyle) {
+        var noteStyleOverrides = this._map.options.sleepNoteStyle;
+        Object.keys(noteStyleOverrides).map(function(key) {
+          style[key] = noteStyleOverrides[key];
+        });
+      }
+    }
+  },
+
+  _wakeMap: function (e) {
+    this._stopWaiting();
+    this._map.scrollWheelZoom.enable();
+    if (this._map.tap) {
+      this._map.touchZoom.enable();
+      this._map.dragging.enable();
+      this._map.tap.enable();
+      this._map.addControl(this._sleepButton);
+    }
+    L.DomUtil.setOpacity( this._map._container, 1);
+    this.sleepNote.style.opacity = 0;
+    this._addAwakeListeners();
+  },
+
+  _sleepMap: function () {
+    this._stopWaiting();
+    this._map.scrollWheelZoom.disable();
+
+    if (this._map.tap) {
+      this._map.touchZoom.disable();
+      this._map.dragging.disable();
+      this._map.tap.disable();
+      this._map.removeControl(this._sleepButton);
+    }
+
+    L.DomUtil.setOpacity( this._map._container, this._map.options.sleepOpacity);
+    this.sleepNote.style.opacity = .4;
+    this._addSleepingListeners();
+  },
+
+  _wakePending: function () {
+    this._map.once('mousedown', this._wakeMap, this);
+    if (this._map.options.hoverToWake){
+      var self = this;
+      this._map.once('mouseout', this._sleepMap, this);
+      self._enterTimeout = setTimeout(function(){
+          self._map.off('mouseout', self._sleepMap, self);
+          self._wakeMap();
+      } , self._map.options.wakeTime);
+    }
+  },
+
+  _sleepPending: function () {
+    var self = this;
+    self._map.once('mouseover', self._wakeMap, self);
+    self._exitTimeout = setTimeout(function(){
+        self._map.off('mouseover', self._wakeMap, self);
+        self._sleepMap();
+    } , self._map.options.sleepTime);
+  },
+
+  _addSleepingListeners: function(){
+    this._map.once('mouseover', this._wakePending, this);
+    this._map.tap &&
+      this._map.once('click', this._wakeMap, this);
+  },
+
+  _addAwakeListeners: function(){
+    this._map.once('mouseout', this._sleepPending, this);
+  },
+
+  _removeSleepingListeners: function(){
+    this._map.options.hoverToWake &&
+      this._map.off('mouseover', this._wakePending, this);
+    this._map.off('mousedown', this._wakeMap, this);
+    this._map.tap &&
+      this._map.off('click', this._wakeMap, this);
+  },
+
+  _removeAwakeListeners: function(){
+    this._map.off('mouseout', this._sleepPending, this);
+  },
+
+  _stopWaiting: function () {
+    this._removeSleepingListeners();
+    this._removeAwakeListeners();
+    var self = this;
+    if(this._enterTimeout) clearTimeout(self._enterTimeout);
+    if(this._exitTimeout) clearTimeout(self._exitTimeout);
+    this._enterTimeout = null;
+    this._exitTimeout = null;
+  }
+});
+
+L.Map.addInitHook('addHandler', 'sleep', L.Map.Sleep);
diff --git a/iFrameGPX/leaflet-wheelscroll/L.Control.MouseScroll.css b/iFrameGPX/leaflet-wheelscroll/L.Control.MouseScroll.css
deleted file mode 100644
index 32a56ba..0000000
--- a/iFrameGPX/leaflet-wheelscroll/L.Control.MouseScroll.css
+++ /dev/null
@@ -1,19 +0,0 @@
-.leaflet-control-scrollzoom {
-  text-indent: -999em;
-  background-image: url(./imgs/wheel.png);
-  background-position: center center;
-  background-repeat: no-repeat;
-  background-size: 16px 16px;
-}
-.dark .leaflet-control-scrollzoom {
-  background-image: url(./imgs/wheel-dark.png);
-}
-.leaflet-control-scrollzoom:focus {
-  outline: 0;
-}
-.leaflet-control-scrollzoom.leaflet-disabled {
-  background-image: url(./imgs/wheel_over.png);
-}
-.dark .leaflet-control-scrollzoom.leaflet-disabled {
-  background-image: url(./imgs/wheel_over-dark.png);
-}
diff --git a/iFrameGPX/leaflet-wheelscroll/L.Control.MouseScroll.js b/iFrameGPX/leaflet-wheelscroll/L.Control.MouseScroll.js
deleted file mode 100644
index e605b58..0000000
--- a/iFrameGPX/leaflet-wheelscroll/L.Control.MouseScroll.js
+++ /dev/null
@@ -1,44 +0,0 @@
-L.Control.MouseScroll = L.Control.Zoom.extend({
-  options: {
-    position: "topleft",
-    mouseScrollText: "Zoom Molette",
-    forceSeparateButton: false,
-    mouseScrollTitle: "Zoom Molette"
-  },
-
-  onAdd: function (map) {
-    var scrollZoom = "leaflet-control-scrollzoom"
-      , container = L.DomUtil.create("div", scrollZoom + " leaflet-bar")
-      , options = this.options
-
-    this._map = map
-
-    this._mouseScrollButton = this._createButton(options.mouseScrollText, options.mouseScrollTitle,
-     scrollZoom, container, this._mouseScroll, this)
-
-    this._updateDisabled()
-    map.on('focus', this._updateDisabled, this)
-
-    return container
-  },
-
-  _mouseScroll: function () {
-    if(this._map.scrollWheelZoom.enabled()) {
-     this._map.scrollWheelZoom.disable();
-   }
-   else {
-     this._map.scrollWheelZoom.enable();
-   }
-  },
-
-  _updateDisabled: function () {
-    var map = this._map
-      , className = "leaflet-disabled"
-
-    L.DomUtil.removeClass(this._mouseScrollButton, className)
-
-    if (!map.scrollWheelZoom.enabled()) {
-      L.DomUtil.addClass(this._mouseScrollButton, className)
-    }
-  }
-})
\ No newline at end of file
diff --git a/iFrameGPX/leaflet-wheelscroll/imgs/wheel-dark.png b/iFrameGPX/leaflet-wheelscroll/imgs/wheel-dark.png
deleted file mode 100644
index 24718ceff27432e9e1373aec6c609a8ec97abb7d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 571
zcmV-B0>u4^P)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru-vJsB0Wo=-2pRwY0mw;2
zK~zY`y_UafR8bJdzqwh-VwWNoYLzZ>LDOUlA)P6LMbOr6A7Rl)NI+k}cL-st6%+&!
zY%J7bZzp0AVIf5d!4)I?Y`znQWs`v9?!aNsnKSdv?EE`7bO`~glI}~|l(c5{H%T8Q
zeTax-{SN^>py6_AfZlmHF$cIS=}^*6V*i!&M$*{lTGF<pPLg>g>2XB-zR2qpV3NFh
z2h>32b=|9+Ys(ax04wK#cW1zNfB^0S!#SZD`YtS+jdbT37$u=~U^(%QfPv%v-TNco
zjV!yK^hfg&TIit_z5-L=0T7mZ4Se!Gd^ff1^2|T!Wdlu$dDyEdaC63y2AIt7Zd-O_
z-I9~$tj?3w+HnQ=2|NOp64(iFn$FjNz71gAI|*-9z^)Icu8g7MTM~O>L;a-K2cFmo
zfR{<9G8VwDfW4Hg%KL#m+)5w-PrV8q0~?kdm{+CZ*z2VBA4@9b^+l2*;yrLf(l1HR
zBI1R?mL%;<x)l+BvW_vvZq&6(EmOyXtF(V<^Lvus0$Y+wO+N>U-oAf-0NWAq**Y>t
zeKr&?Nb<o|CAr-)ZN1SJGAddhb_*HTZ9O=PeKHsF=wJ0`%RjIB%F^s5s&fDU002ov
JPDHLkV1i#F`3nF5

diff --git a/iFrameGPX/leaflet-wheelscroll/imgs/wheel.png b/iFrameGPX/leaflet-wheelscroll/imgs/wheel.png
deleted file mode 100644
index ed936685356fb50bfb8e978a49162327c9fa2366..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 516
zcmV+f0{i`mP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru-UI~+2penD`DOqB0g*{W
zK~zY`z1Fd6R8bHH;4djcim=sUVQD2>1j!?aHYvqt5ZOYkwv>fnAr`^XY9C+`>#(-g
zK>{uoDJ@nIS%L&z<l6if#wCdg*&P@-XU;z}=lnDGoV(#_*}^^CM-Mk*|ALR0;2nPY
zPua!*Gc<qES+Lvx8hjVir69jzn?$FvRm?QLSIS+S6{l15(T(m!+j&2j7Jrr)m+rg<
ze}N93;N${oPO{bswkFxVi1SLzqZGBZ%`pz&-!h&TYI^ahbp272L0Nnmhp$-RId+2k
zgwGl8WNi^_Z|Nk1+KRKnc_%wq;K9;KXQ80V!(gZJJuTg}1^XpyKfE^hfmgT*!{HFl
z(><FBehZ@{XyW_0#M_6%(u&;_Z(a&}o<yVKIKt~}qQU#((=9E02uGzb-HgXM-m?;<
z!JBA1|Bk0Q(KxnlX^tZ}&Sa7vZ*WjJzS9OD4u>sOZ)3Y%a0jvNC02vuO>2;qQ*>F8
zKU`OlSKg*8|Ik)`RjlQ*TlsapmIr4oPv*5h`WvhMZTSr;<}N-uqvt^Y0000<MNUMn
GLSTY4_2UHq

diff --git a/iFrameGPX/leaflet-wheelscroll/imgs/wheel_over-dark.png b/iFrameGPX/leaflet-wheelscroll/imgs/wheel_over-dark.png
deleted file mode 100644
index 7b15625a83679dc92a198014a4f515b70f229f24..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 792
zcmV+z1LypSP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru-UJE|I~U!WSkwRj0;Ner
zK~zY`y_U;MRZ$eifA=9>$ccmsnFL0IZWa<~L6Br&<h9Ul<APhTBAf&v^cMtKI7o^G
z;-s-gp+XM_1(D?-5z|2=1YV(}Y*0|B)a2W-71E&cz~P*;_Fmt5fBPg@=W_RQ;2_Wd
z)JQx7yab+^+5B4ii8X-t1ARbt9UrEEf|<SeBLnW90s4WKNW26*1Sa)e3p4}iXwNW^
zH?wcQHQ?@Lz%)=P(G#FUUIJwF3?Nyc2WZsydtjHDEd<QuD$ir^9B>#&DWYZItL|mV
zQreS~P9-octd$0&P#JkP0t^D<Ks|6-k-XD;z19Y`Hyau0UtvH64LLudE_n?!Dc99z
zb_19NKIy$$Yfaia6GhS@%wI+7i*i0Bud09@W;Pc^xeeF?U}isnNAA88cmoUot-@#&
z=I*5WJcQQ)>{T>NzyWtpMFzG81B$!^I2OE??!}O1cP~%4dmC_9fSZ)RdSDD_13m-i
zfHI(0%IAUaz-^!uaCtul<h7Ot+LM}4)aMAa+sxV(YFb8nfll4Mz#X;gJ~O)jbW1nJ
zYDh-oKN<D;xbplIsF1AF%(~313%DX#m6^SYb%YTHvL?xYzS3&1F#cge>wpn=Kcub#
zxaRIb@2Z|fcW+h{b<vd922xzB$j^b(e_P~)+Vq1I_h|gbfiJ*W;GUT+t1TCRQZp-w
z+VqV0D5EGAHFy9ON%46gvmRhV%$Np71Gug^;A8kOvqj)R#HJI#tw7^uHXkOr0F0_F
zbHFKi@z&i>0*^JhvkD(~PXI@O`#@1T$0KGfte|UmABy-WtKttxR#cxCfX%>7;F9QM
zSl~5LCWg%{x0+4!;`4Ay9Z})xRJ`jlyj|~OT5Hwbspw3|Z`gseu}9{H9QyzIx8*0v
WWClPP;l}F#0000<MNUMnLSTX?xn8&c

diff --git a/iFrameGPX/leaflet-wheelscroll/imgs/wheel_over.png b/iFrameGPX/leaflet-wheelscroll/imgs/wheel_over.png
deleted file mode 100644
index 9192d4e7f090dd3f763ba29b54810504aceb5a2d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 766
zcmV<a0s;MrP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv0008TNkl<ZNQu4H
zO^DW26bA6$ybXhxwVWW!#UwF_2qM&`k10%uh$6pM#YB*svO<Djh#rE8um;6lxoH;$
zNiN#xP!mcJAwh@?6|<NuQa3VK41)|U?s=U*!qg)4!sY*-bI*Csz2`pX+;_mgj3h(Y
zjwi7R!?kn?=Wz<tNtRZ_7+3{(4ff+e2XwV@2~#+dWbr=(B-w&v811N+@iQ)zd=KtN
zuVXWdy-9vrH9(Rla02T}HCMa)yyOk_ov-g6?UW-WU&XUYzV2gQ-$CuX3w{t=F^F$)
z8E0!=F5O_+94w!8I8j(DC#anN*h$MioWU2RTfj*?iXlv62kxxY?8L+PxRb7}Nf!Gj
z*xv#FsK8HSBi_gQB)f41f7kEzwYITr&vZ^QT9^ikioa=WnX4mzUygf|9Pgy@BGx9k
zqodn}&+scAs!WV%?7Fw7@w`vPDU8<+mho7Uy9-FAWNngO=|=E$XV>HSu;gKEA4qZt
zZxrBN+U0G~n6ep*_@uzc%lT6*l{|#+%61-)<Dy2O!#%A+X*^ekC$SChmf`*aJ6>}f
zuizTq#3SXi`39^_y-s>ASmF6>lBFc?RbCbF&YEAAZd;PWNtQL{D2#qV4tFc@ri?-D
zwrS<xuh7wA*V~vV-Sb*qz;pFIn`8n<tk8VEu;9|5))jYXy#>yd`~$XVmwd$PmwX7j
zwfvu}^*+}5p4M_{m$?T=3v9H2?@RJJUaDZrcsa>FJW#<NET5y;Wu*n3>S<-)Pt$>N
zm@T7kll;N;I#|#udAW3R_^Nzo%lEB*dNAFq$6~6KBX~z+$^wohnM~4efLBT{$+{$y
zS`{yp&xDoEI+bMUrZ>CWU}k3K+Su6GX}nMX&)_e-h(EQyG=|%;Mk~%=Fo{?38a^oS
wt9UBO@7#h1=hi-%ogg>w(Z3<k|Nh(Z4~qK^73c%9!vFvP07*qoM6N<$f=A+fJ^%m!

diff --git a/imagesInCat.php b/imagesInCat.php
index da9f97f..0cda5d7 100644
--- a/imagesInCat.php
+++ b/imagesInCat.php
@@ -1,5 +1,7 @@
 <?php // Prepare list of photos
 
+header('Content-type: text/javascript');
+
 define('PHPWG_ROOT_PATH','./');
 include_once( PHPWG_ROOT_PATH.'include/common.inc.php' );