From 10c385975c22decaf828f97e718fae1a7e38b298 Mon Sep 17 00:00:00 2001
From: 7734485917411998476 <nathan.steyaert@ugent.be>
Date: Sat, 8 May 2021 13:47:19 +0200
Subject: [PATCH] Grijze pinnen toegevoegd

Grijze pinnen indiceren dat een locatie niet open is, maar binnenkort opent.
---
 src/css/map.css         |   2 +-
 src/img/grey-marker.png | Bin 0 -> 1442 bytes
 src/index.html          |   6 +++++-
 src/js/map.js           |  14 +++++++++++++-
 4 files changed, 19 insertions(+), 3 deletions(-)
 create mode 100644 src/img/grey-marker.png

diff --git a/src/css/map.css b/src/css/map.css
index 6ea1722..fa8611f 100644
--- a/src/css/map.css
+++ b/src/css/map.css
@@ -114,7 +114,7 @@ a.img-and-text-link:hover span {
 }
 
 .legend {
-    height: 52px;
+    height: 77px;
     width: 130px;
     background-color: #fff;
     box-shadow: 0 1px 5px rgba(0,0,0,0.65);
diff --git a/src/img/grey-marker.png b/src/img/grey-marker.png
new file mode 100644
index 0000000000000000000000000000000000000000..47684150a7e6d45ac1e0d9c41ecb72953d693d5c
GIT binary patch
literal 1442
zcmV;T1zq}yP)<h;3K|Lk000e1NJLTq000>P001cn1^@s6z>|W`00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D1vg1VK~z{rm6uCM
zq(>0PdmP`6@3&wMB1m#Jha5a88gfvtL4}x;kVDYR=CZe(gusYoLttS+h^!k{jf{!`
z$$}8#K_WsVvald5F0PJmN5{9RUr+b!H#6TjlRp&QUq7nqUsc^b;~5$nQt2WX3^qzr
z9QjhOD=RBQBO@c`GdUhKB1+4o`C8-)k&f)_Y~}HIm{Ql**Xr)>?!9yaBG1Ri$Cvbk
z3p|5^gQoiddwY9cX&#9@E-fwf<>%+Cf`S4)=fus;jXFC!Qzs`UDjW{~E<@jmv40}7
zACO=~4B-8Xl9G}RF`&F&uT~~X)cyT^WRXEuR+h@k%hP=f?e6Y|rTdi_n$&{^8Emvd
zc%=PHly_8ARH)nATfO=G{5-(`AY{xVMMXubuC6Z6=kvYn>+Ac*EYZj?tqsx3va+%!
z5p{Zcs+CLJ(~_g3BbAerqa*^T`%w(F(E&~-kBW<n+XxY!5hBN2R0yBjIKn=PqpGUP
zE8j1AdwU6egoz2$V<=x-TxbJMFWFdFSg0j4Gc($!7@X^n!^1;8E{rNgC&d$CBIp$s
zKD@N?w}N35@9*!c&CN~i0PW7sj=H?O)bqf(2S-I8!vj4%J>E<P1z%#FM4E36NupM?
zy}hlvySr6aSC^uk!SeF58XFta^C%=I7E~hn$<56z6N8_58yXsXGX9fPQwGU)dPI3b
zzrVj<b#`{@lC`L>uUE~@&1zv`K^tbhGmjWCrN2#1K9bEON|&sSEefrdt*xyQ%?_}>
zrlv-<x3@<V?#vA#Bg}$N$VnMj1ryc_gas^YY~;F%1@nMCO-)TYJixghhtVtjVwhan
z2`B6~l%25S)+yK;WqRDgIxYyq<Q-N43$4I{xUR3SyBe}aR##U^u=d=!KO-Z<j=jUk
zd#S1rimY|y>gq}_q@9?Uh$;uhL$$WHrdC!~bmF-v?Ow$0l|660EiEng64Os5(I0cb
zY<vMqDeaAo4K3Vf6vEclmRej~)FsRw7-Pf&XKiJQ!EZeS0|OkiHd**bb#=8mK0Y=}
zBcRIgG!zPH;Ve-UDB&RDar_<}VeP@e!Q$lP<mdXt%Z2z#a<GgyY;@8lv6LtWlal3p
z)YjJOi;!>_Z=+&?5z+lU{pc+$_<;$4VW*HU@hU;$uOI{`85ieXO-)Vxi9XH5NI>%O
z2JhT1zH|j$giqRG?Xe(gL_$U#`w0y(x8wguU_t2%i@&F*rxzn8VwoUg60#uSq4wkE
zQVLZS&jL7e0-LZbcnTZJ(y1Vo*g}wyzn1Ucj7p7oCdjB52@_w+*Ja*SSdVkkAD)?+
ziCiHDF-$;td3jK1|3W!)(40w4CY&R#5Ml9F_C7bNqHtq^_~jA0rB4xX;2sh}YtDsV
zSX>$1QMekB9}~oNo{dyY{Jc{z01J8Wg7W>$=#4=#Cd~PHDG7($ycLX)3&E2>AP_mt
zaY$-Js%1&4WtqC?E^=FAD^Q#XNjqwECLkg4aTqnRPDnQ5VDa<p>}>2U=|EB@Mka;H
z8xAK|jT814zOdkB^_yW=JZMBhMullMoEawz%GR8VvAMZ9{z4>0s&IiZIWs{N+pEUj
zZDNE&7juQUAyv3wLsFkoY1RmDi^<im^YinYMpsg#!vs7LrTSM5xu7-AbV?Q=EhBO`
zi8*1@1;C>u&+xpAC;Y2&L&|Vj5sczJ6~);R44d(kNH<*M=3ntXV4l_``PNTsI!K#|
w5x;rYH47viq|F3K4wi()Gimv!n<kX{54PMrEZwuK)Bpeg07*qoM6N<$f<2#@_y7O^

literal 0
HcmV?d00001

diff --git a/src/index.html b/src/index.html
index 8b2fdb2..b183544 100644
--- a/src/index.html
+++ b/src/index.html
@@ -114,9 +114,13 @@
         <div style="height: 10px; width: 10px; background: rgb(36, 126, 202); margin-top: 1px; margin-left: 5px;"></div>
         <span style="position: absolute; left: 25px; top: 30px;">Enkel week</span>
       </div>
+      <div style="width: 125px; height: 18px; padding-top: 5px; padding-left: 5px;">
+        <div style="height: 10px; width: 10px; background: rgb(120,120,120); margin-top: 1px; margin-left: 5px;"></div>
+        <span style="position: absolute; left: 25px; top: 55px;">Opent binnenkort</span>
+      </div>
       <div style="width: 140px; height: 18px; padding-top: 5px; padding-left: 5px;" class="holiday">
         <div style="height: 10px; width: 10px; background: rgb(121, 230, 121); margin-top: 0px; margin-left: 5px;"></div>
-        <span style="position: absolute; left: 25px; top: 53px;">Tijdens kerstvakantie</span>
+        <span style="position: absolute; left: 25px; top: 80px;">Tijdens kerstvakantie</span>
       </div>
     </div>
   </script>
diff --git a/src/js/map.js b/src/js/map.js
index ecabb83..ea4c634 100644
--- a/src/js/map.js
+++ b/src/js/map.js
@@ -19,10 +19,16 @@ $(document).ready(function() {
             iconUrl: "img/christmas-marker.png"
         }
     });
+    var GreyIcon = L.Icon.Default.extend({
+        options: {
+            iconUrl: "img/grey-marker.png"
+        }
+    });
 
     var blueIcon = new BlueIcon();
     var redIcon = new RedIcon();
     var christmasIcon = new ChristmasIcon();
+    var greyIcon = new GreyIcon();
 
     var now = new Date();
     var christmasSeason =
@@ -41,7 +47,13 @@ $(document).ready(function() {
         var icon = redIcon;
         var iconDescription = "red";
         if (feature.properties) {
-            if (feature.properties.holidays && christmasSeason) {
+            var startingDateString =feature.properties.period.start;
+            var month = (parseInt(startingDateString.substring(3,5))-1);
+            var startingDate = new Date("20"+startingDateString.substring(6,8),month,startingDateString.substring(0,2));
+            if (Date.now()<startingDate) {
+                icon = greyIcon;
+                iconDescription = "grey";
+            } else if (feature.properties.holidays && christmasSeason) {
                 icon = christmasIcon;
                 iconDescription = "christmas";
             } else if (!feature.properties.hours.saturday && !feature.properties.hours.sunday) {