Improve style consistency

This commit is contained in:
Midgard 2020-05-20 17:58:11 +02:00
parent dff357cfca
commit 9e72a5dcc2
Signed by: midgard
GPG key ID: 511C112F1331BBB4
3 changed files with 105 additions and 116 deletions

View file

@ -6,8 +6,14 @@ root = true
charset = utf-8 charset = utf-8
end_of_line = lf end_of_line = lf
insert_final_newline = true insert_final_newline = true
trim_trailing_whitespace = true
indent_style = space indent_style = space
indent_size = 4 indent_size = 4
quote_type = double
[*.html] [*.html]
indent_size = 2 indent_size = 2
[*.svg]
indent_style = tab
indent_size = unset

View file

@ -115,13 +115,13 @@
<!-- Google Analytics SDK --> <!-- Google Analytics SDK -->
<script> <script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (function(i,s,o,g,r,a,m){i["GoogleAnalyticsObject"]=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga'); })(window,document,"script","//www.google-analytics.com/analytics.js","ga");
ga('create', 'UA-25444917-8', 'auto'); ga("create", "UA-25444917-8", "auto");
ga('send', 'pageview'); ga("send", "pageview");
</script> </script>
</body> </body>
</html> </html>

View file

@ -1,16 +1,16 @@
$(document).ready(function() { $(document).ready(function() {
/* change image path */ /* change image path */
L.Icon.Default.imagePath = 'img/'; L.Icon.Default.imagePath = "img/";
var popuptemplate = Handlebars.compile($('#popup-template').html()); var popuptemplate = Handlebars.compile($("#popup-template").html());
var RedIcon = L.Icon.Default.extend({ var RedIcon = L.Icon.Default.extend({
options: { options: {
iconUrl: 'red-marker.png' iconUrl: "red-marker.png"
} }
}); });
var ChristmasIcon = L.Icon.Default.extend({ var ChristmasIcon = L.Icon.Default.extend({
options: { options: {
iconUrl: 'christmas-marker.png' iconUrl: "christmas-marker.png"
} }
}); });
var redIcon = new RedIcon(); var redIcon = new RedIcon();
@ -37,16 +37,16 @@ $(document).ready(function() {
var marker = new HoverMarker(latlng, { icon: blueIcon, riseOnHover: true}); var marker = new HoverMarker(latlng, { icon: blueIcon, riseOnHover: true});
} }
} }
return marker return marker;
} }
var map = L.map('map').setView([50.702, 4.335], 9); var map = L.map("map").setView([50.702, 4.335], 9);
var osm = L.tileLayer('https://{s}.tiles.mapbox.com/v3/feliciaan.keoaj8d5/{z}/{x}/{y}{r}.png', { var osm = L.tileLayer("https://{s}.tiles.mapbox.com/v3/feliciaan.keoaj8d5/{z}/{x}/{y}{r}.png", {
attribution: 'Achtergrondkaart © <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a>-bijdragers (data) en © <a href="https://www.mapbox.com/map-feedback/">Mapbox</a> (stijl) | <span lang="en">Made with ❤ by <a href="https://zeus.gent/">Zeus WPI</a></span>', attribution: 'Achtergrondkaart © <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a>-bijdragers (data) en © <a href="https://www.mapbox.com/map-feedback/">Mapbox</a> (stijl) | <span lang="en">Made with ❤ by <a href="https://zeus.gent/">Zeus WPI</a></span>',
detectRetina: true detectRetina: true
}).addTo(map); }).addTo(map);
$.getJSON('https://blokdata.zeus.gent/data.json') $.getJSON("https://blokdata.zeus.gent/data.json")
.done(function(data) { .done(function(data) {
var geojson = L.geoJson(data, { var geojson = L.geoJson(data, {
onEachFeature: onEachFeature, onEachFeature: onEachFeature,
@ -63,25 +63,23 @@ $(document).ready(function() {
}, },
onAdd: function (map) { onAdd: function (map) {
this._div = L.DomUtil.create('div', this.divClass); this._div = L.DomUtil.create("div", this.divClass);
this._div.innerHTML = this.template(); this._div.innerHTML = this.template();
return this._div; return this._div;
} }
}); });
// code copied from http://jsfiddle.net/sowelie/3JbNY/ // code copied from http://jsfiddle.net/sowelie/3JbNY/
var HoverMarker = L.Marker.extend({ var HoverMarker = L.Marker.extend({
bindPopup: function(htmlContent, options) { bindPopup: function(htmlContent, options) {
if (options && options.showOnMouseOver) { if (options && options.showOnMouseOver) {
// call the super method
L.Marker.prototype.bindPopup.apply(this, [htmlContent, options]); L.Marker.prototype.bindPopup.apply(this, [htmlContent, options]);
// unbind the click event
this.off("click", this.openPopup, this); this.off("click", this.openPopup, this);
// bind to mouse over
this.on("mouseover", function(e) { this.on("mouseover", function(e) {
// get the element that the mouse hovered onto // get the element that the mouse hovered onto
@ -92,12 +90,10 @@ $(document).ready(function() {
if (parent == this._popup._container) if (parent == this._popup._container)
return true; return true;
// show the popup
this.openPopup(); this.openPopup();
}, this); }, this);
// and mouse out
this.on("mouseout", function(e) { this.on("mouseout", function(e) {
// get the element that the mouse hovered onto // get the element that the mouse hovered onto
@ -105,23 +101,17 @@ $(document).ready(function() {
// check to see if the element is a popup // check to see if the element is a popup
if (this._getParent(target, "leaflet-popup")) { if (this._getParent(target, "leaflet-popup")) {
L.DomEvent.on(this._popup._container, "mouseout", this._popupMouseOut, this); L.DomEvent.on(this._popup._container, "mouseout", this._popupMouseOut, this);
return true; return true;
} }
// hide the popup
this.closePopup(); this.closePopup();
}, this); }, this);
} }
}, },
_popupMouseOut: function(e) { _popupMouseOut: function(e) {
// detach the event // detach the event
L.DomEvent.off(this._popup, "mouseout", this._popupMouseOut, this); L.DomEvent.off(this._popup, "mouseout", this._popupMouseOut, this);
@ -136,38 +126,31 @@ $(document).ready(function() {
if (target == this._icon) if (target == this._icon)
return true; return true;
// hide the popup
this.closePopup(); this.closePopup();
}, },
_getParent: function(element, className) { _getParent: function(element, className) {
var parent = element.parentNode; var parent = element.parentNode;
while (parent != null) { while (parent) {
if (parent.className && L.DomUtil.hasClass(parent, className)) if (parent.className && L.DomUtil.hasClass(parent, className))
return parent; return parent;
parent = parent.parentNode; parent = parent.parentNode;
} }
return false; return false;
} }
}); });
var info = new SimpleControl('#info-template', 'info', { var info = new SimpleControl("#info-template", "info", {
position: 'topright' position: "topright"
}).addTo(map); }).addTo(map);
var sharePane = new SimpleControl('#share-template', 'info', { var sharePane = new SimpleControl("#share-template", "info", {
position: 'bottomleft' position: "bottomleft"
}).addTo(map); }).addTo(map);
var legend = new SimpleControl('#legend-template', christmasHoliday ? "holiday-legend" : "legend", { var legend = new SimpleControl("#legend-template", christmasHoliday ? "holiday-legend" : "legend", {
position: 'bottomright' position: "bottomright"
}).addTo(map); }).addTo(map);
}); });