Added christmas marker

This commit is contained in:
Feliciaan De Palmenaer 2015-12-24 17:50:50 +01:00
parent fb82a9dd1b
commit 19ca4f141a
5 changed files with 34 additions and 3 deletions

View file

@ -67,13 +67,23 @@ table {
} }
.legend { .legend {
height: 52px; height: 52px;
width: 130px; width: 130px;
background-color: #fff; background-color: #fff;
box-shadow: 0 1px 5px rgba(0,0,0,0.65); 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 { .type {
position: absolute; position: absolute;
top: 15px; top: 15px;

View file

@ -42,6 +42,7 @@
"saturday": "8u30 - 22u", "saturday": "8u30 - 22u",
"sunday": "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>", "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" "type": "UGent"
} }
@ -235,6 +236,7 @@
"saturday": "8u30 - 24u", "saturday": "8u30 - 24u",
"sunday": "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>", "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" "type": "UGent"
} }
@ -283,6 +285,7 @@
"saturday": false, "saturday": false,
"sunday": 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>", "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" "type": "hogent"
} }
@ -307,6 +310,7 @@
"saturday": "8u - 18u", "saturday": "8u - 18u",
"sunday": "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", "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" "type": "hogent"
} }
@ -331,7 +335,7 @@
"saturday": false, "saturday": false,
"sunday": 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" "type": "hogent"
} }
}, },
@ -547,6 +551,7 @@
"saturday": "10u - 18u", "saturday": "10u - 18u",
"sunday": "10u - 18u" "sunday": "10u - 18u"
}, },
"holidays": true,
"extra": false, "extra": false,
"type": "Stad Gent" "type": "Stad Gent"
} }
@ -571,6 +576,7 @@
"saturday": "8u30 - 16u45", "saturday": "8u30 - 16u45",
"sunday": false "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>.", "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" "type": "Stad Gent"
} }
@ -595,6 +601,7 @@
"saturday": "9u - 18u", "saturday": "9u - 18u",
"sunday": "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>", "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" "type": "Stad Gent"
} }

BIN
img/christmas-marker.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

View file

@ -111,6 +111,10 @@
<div style="height: 10px; width: 10px; background: rgb(36, 126, 202); margin-top: 1px; margin-left: 5px;"></div> <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> <span style="position: absolute; left: 25px; top: 30px;">Enkel week</span>
</div> </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> </div>
</script> </script>

View file

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