The sledrun condition is now shown in the sledrun popup.

[philipp/winterrodeln/mediawiki_extensions/wrmap.git] / wrmap.js

diff --git a/wrmap.js b/wrmap.js
index f2e7fa171a5de3d7c29896a0ae2b1e467603df2b..fc9d7891fcf296024cb091be02364c9e2babf5b3 100644 (file)
--- a/wrmap.js
+++ b/wrmap.js
@@ -63,7 +63,9 @@ function init_wrmap(i, jq_map) {
                var point = new OpenLayers.Geometry.Point(lon, lat).transform(EPSG4326, EPSG3857);
                layer_sledruns.addFeatures([new OpenLayers.Feature.Vector(point, {
                        label: jq_sledrun.attr('data-title'),
-                       url: jq_sledrun.attr('data-url')
+                       url: jq_sledrun.attr('data-url'),
+                       date_report: jq_sledrun.attr('data-date_report'),
+                       condition: jq_sledrun.attr('data-condition')
                })]);
        });
        map.addControl(new OpenLayers.Control.SelectFeature(layer_sledruns, {
@@ -77,14 +79,25 @@ function init_wrmap(i, jq_map) {
                toggle: true,
                onSelect: function(feature) {
                        // Open popup
+                       var popup_text = "<h2>" + feature.attributes['label'] + '</h2>\n' +
+                       '<ul>\n' +
+                       '<li><a href="' + feature.attributes['url'] + '">Details zur Rodelbahn</a></li>\n' + 
+                       '<li>Rodelbahnzustand<br/>';
+                       if ('date_report' in feature.attributes && 'condition' in feature.attributes) {
+                               var condition_text = {1: 'Sehr gut', 2: 'Gut', 3: 'Mittelm&auml;&szlig;ig', 4: 'Schlecht', 5: 'Geht nicht'};
+                               var year_month_day = feature.attributes['date_report'].split('-');
+                               popup_text += '<a href="' + feature.attributes['url'] + '#Eintr.C3.A4ge">' + condition_text[feature.attributes['condition']] + '</a> ' + 
+                               '<small>' + year_month_day[2] + '.' + year_month_day[1] + '.</small> ' +
+                               '<em><a href="' + feature.attributes['url'] + '#Eintragen">Neu</a></em>';
+                       } else {
+                               popup_text += '<em><a href="' + feature.attributes['url'] + '#Eintragen">Bitte eintragen</a></em>';
+                       }
+                       popup_text += '</li>\n</ul>\n';
                        var selectFeatureControl = this;
-                       var popup = new OpenLayers.Popup.FramedCloud("sledruninfopopup_" + feature.attributes['label'], 
+                       var popup = new OpenLayers.Popup.FramedCloud('sledruninfopopup_' + feature.attributes['label'], 
                        feature.geometry.getBounds().getCenterLonLat(),
                        null,
-                       "<h2>" + feature.attributes['label'] + "</h2>\n" +
-                       "<ul>\n" + 
-                       "<li><a href=\"" + feature.attributes['url'] + "\">Details</a></li>\n" +
-                       "</ul>\n",
+                       popup_text,
                        null, true, function(event) {
                                // onPopupClose
                                selectFeatureControl.unselectAll();