Added christmas marker

css/map.css

@@ -67,13 +67,23 @@ table {
 }
 
 .legend {
-
   height: 52px;
   width: 130px;
   background-color: #fff;
   box-shadow: 0 1px 5px rgba(0,0,0,0.65);
 }
 
+.holiday-legend {
+  height: 72px;
+  width: 140px;
+  background-color: #fff;
+  box-shadow: 0 1px 5px rgba(0,0,0,0.65);
+}
+
+.legend .holiday {
+  display: none;
+}
+
 .type {
     position: absolute;
     top: 15px;

data.json

@@ -42,6 +42,7 @@
             "saturday":     "8u30 - 22u",
             "sunday":       "8u30 - 22u"
         },
+        "holidays": true,
         "extra":        "Enkel weekend en feestdagen, Registratie noodzakelijk! Registreer <a href=\"http://student.UGent.be/blok_kantien/\">hier</a> iedere zondag om 20u.</br>Vanaf 9u kunnen studenten zonder registratie toegang krijgen. <strong>Op 24/12 en 31/12 open tot 16u.</strong>",
         "type":         "UGent"
     }
@@ -235,6 +236,7 @@
             "saturday":     "8u30 - 24u",
             "sunday":       "8u30 - 24u"
         },
+        "holidays": true,
         "extra":        "Registratie week op voorhand noodzakelijk! Registreer <a href=\"http://student.UGent.be/blok/\">hier</a> iedere zondag om 19u. Vanaf 9u kunnen studenten zonder registratie toegang krijgen.<strong> Gesloten op 25/12 en 01/01.</br>¹: Op 24/12 en 31/12 gesloten om 16u.</strong>",
         "type":         "UGent"
     }
@@ -283,6 +285,7 @@
             "saturday":     false,
             "sunday":       false
         },
+        "holidays": true,
         "extra":        "Toegankelijk voor alle Gentse studenten. <strong>Gesloten op feestdagen, weekends. Op 21,22,23/12 en 28,29,30/12: 8u - 16u45</strong>",
         "type":         "hogent"
     }
@@ -307,6 +310,7 @@
             "saturday":     "8u - 18u",
             "sunday":       "8u - 18u"
         },
+        "holidays": true,
         "extra":        "<strong>Enkel open in de periode voor kerstmis (21/12, 22/12, 23/12 & 24/12) en Nieuwjaar (28/12, 29/12, 30/12 & 1/1) plus de weekends van januari. Op 24/12 en 31/12 gesloten vanaf 12u</strong>. Alleen beschikbaar voor studenten met een campuskaart Schoonmeersen",
         "type":         "hogent"
     }
@@ -331,7 +335,7 @@
             "saturday":     false,
             "sunday":       false
         },
-        "extra":        "Toegankelijk voor alle Gentse studenten. <strong>Gesloten tijdens kerstvakantie (23/12-3/01).</strong>",
+        "extra":        "Toegankelijk voor alle Gentse studenten. <strong>Gesloten vanaf 23/12 tot en met 3/01.</strong>",
         "type":         "hogent"
     }
 },
@@ -547,6 +551,7 @@
             "saturday":     "10u - 18u",
             "sunday":       "10u - 18u"
         },
+        "holidays":     true,
         "extra":        false,
         "type":         "Stad Gent"
     }
@@ -571,6 +576,7 @@
             "saturday":     "8u30 - 16u45",
             "sunday":       false
         },
+        "holidays":     true,
         "extra":        "<strong>De Achilles Musschezaal is niet beschikbaar op do 3/12, di 8/12 en do 7/01. Zowel de bib als de zaal zijn gesloten op 25/12,26/12 en op 1/01,2/01.</strong></br><a href=\"https://www.gent.be/bibliotheek/aanbod-voorscholen/hoger-onderwijs/studeren-bibliotheek-zuid\">Ga naar de website</a>.",
         "type":         "Stad Gent"
     }
@@ -595,6 +601,7 @@
             "saturday":     "9u - 18u",
             "sunday":       "9u - 18u"
         },
+        "holidays":     true,
         "extra":        "<strong>Enkel open tijdens de kerstvakantie en weekends. Op 21,22 en 23/12 gesloten om 17u. Gesloten op 24, 25, 26/12 en op 31/12, 1/01 en 2/01.</strong>",
         "type":         "Stad Gent"
     }

index.html

@@ -111,6 +111,10 @@
             <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: 135px; 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>
+        </div>
     </div>
   </script>
 

js/map.js

@@ -8,9 +8,16 @@ $(document).ready(function() {
             iconUrl: 'img/red-marker.png'
         }
     });
+    var ChristmasIcon = L.Icon.Default.extend({
+        options: {
+            iconUrl: 'img/christmas-marker.png'
+        }
+    });
     var redIcon = new RedIcon();
     var BlueIcon = L.Icon.Default.extend({});
     var blueIcon = new BlueIcon();
+    var christmasIcon = new ChristmasIcon();
+    var christmasHoliday = Date.now() < new Date("2016-01-04").getTime();
 
     function onEachFeature(feature, layer) {
         if (feature.properties) {
@@ -20,6 +27,9 @@ $(document).ready(function() {
 
     function pointToLayer(feature, latlng) {
         if (feature.properties) {
+            if (feature.properties.holidays && christmasHoliday) {
+              return L.marker(latlng, {icon:christmasIcon});
+            }
             if (!feature.properties.hours.saturday && !feature.properties.hours.sunday) {
                 return L.marker(latlng, {icon:blueIcon});
             }
@@ -64,7 +74,7 @@ $(document).ready(function() {
       position: 'bottomleft'
     }).addTo(map);
 
-    var legend = new SimpleControl('#legend-template', 'legend', {
+    var legend = new SimpleControl('#legend-template', christmasHoliday ? "holiday-legend" : "legend", {
       position: 'bottomright'
     }).addTo(map);
 });