Changeset 9273 for src/django_gheat/website

Timestamp:

Jun 21, 2011, 1:19:10 PM (13 years ago)

Author:

dennisw

Message:

Added SWITCHER_COLOUR & SWITCHER_CLASS to layers. The colour part is to give the layernames their corresponding map colours. The class part is more of a test for something else I'm trying.

Location:

src/django_gheat/website/static

Files:

• OpenStreetMap.js (modified) (3 diffs)
• heatmap_extensions.js (modified) (10 diffs)

src/django_gheat/website/static/OpenStreetMap.js

@@ -149 +149 @@
         OpenLayers.Layer.OSM.prototype.initialize.apply(this, newArguments);
     },
-
+    SWITCHER_CLASS: "default",
     CLASS_NAME: "OpenLayers.Layer.Overlay"
 });
@@ -162 +162 @@
         OpenLayers.Layer.OSM.prototype.initialize.apply(this, newArguments);
     },
-
+    SWITCHER_COLOUR: "90,90,90",
+    SWITCHER_CLASS: "default",
     CLASS_NAME: "OpenLayers.Layer.Overlay"
 });
@@ -175 +176 @@
         OpenLayers.Layer.OSM.prototype.initialize.apply(this, newArguments);
     },
-
+    SWITCHER_COLOUR: "255,0,0",
+    SWITCHER_CLASS: "default",
     CLASS_NAME: "OpenLayers.Layer.Overlay"
 });

src/django_gheat/website/static/heatmap_extensions.js

@@ -65 +65 @@
           OpenLayers.Layer.OSM.prototype.initialize.apply(this, newArguments);
         },
+      SWITCHER_CLASS: "signal",
       CLASS_NAME: "OpenLayers.Layer.Overlay"
       });
@@ -78 +79 @@
     testarray = map.getLayersByClass("OpenLayers.Layer.Overlay");
     $.each(testarray, function(v, value){
-      $("#filter_text").append("<span id=\"" + value.name + "\"><input type=checkbox id=togglelayer />" + value.name + " <a style='color:#FF0000' id=rmvlayer name=\"" + value.name + "\">X</a><br /></span>");
+      colour = value.SWITCHER_COLOUR;
+      $("#filter_text").append("<span id=\"" + value.name + "\"><input type=checkbox id=togglelayer /><font style='color:rgb(" + colour + ")'>" + value.name + " </font><a id=rmvlayer>X</a><br /></span>");
     });
   });
@@ -89 +91 @@
   }); 
 
-
   $("#rmvlayer").live("click", function(){
-    $("#filter_text").append("<br />Removed " + this.name);
-    layer = map.getLayersByName(this.name);
-    console.log(rmvlayer);
+    layername = $(this).parents('span').attr('id');
+    layer = map.getLayersByName(layername);
+    $("#filter_text").append("<br />Removed " + layername);
     map.removeLayer(layer[0]);
     $(this).parents('span').remove();
@@ -134 +135 @@
     if(this.value=='Add userfilter'){
       $.each(userlist, function(u, user){
-        colour = '&colour='+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256);
+        colour = Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256);
         OpenLayers.Layer.OSM.Overlay = OpenLayers.Class(OpenLayers.Layer.OSM, {
           initialize: function(name, options) {
             var url = [
-              "/website/tile/${z}/${x},${y}.png?" + colour + "&meetrondje__gebruiker__naam=" + user
+              "/website/tile/${z}/${x},${y}.png?&colour=" + colour + "&meetrondje__gebruiker__naam=" + user
             ];
             options = OpenLayers.Util.extend({ numZoomLevels: 21 }, options);
@@ -144 +145 @@
             OpenLayers.Layer.OSM.prototype.initialize.apply(this, newArguments);
           },
+        SWITCHER_COLOUR: colour,
+        SWITCHER_CLASS: "user",
         CLASS_NAME: "OpenLayers.Layer.Overlay"
         });
@@ -164 +167 @@
     if(this.value=='Add nodefilter'){
       $.each(nodelist, function(n, node){
-        colour = '&colour='+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256);
+        colour = Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256);
         OpenLayers.Layer.OSM.Overlay = OpenLayers.Class(OpenLayers.Layer.OSM, {
           initialize: function(name, options) {
             var url = [
-              "/website/tile/${z}/${x},${y}.png?" + colour + "&accespoint__ssid=" + node
+              "/website/tile/${z}/${x},${y}.png?&colour=" + colour + "&accespoint__ssid=" + node
             ];
             options = OpenLayers.Util.extend({ numZoomLevels: 21 }, options);
@@ -174 +177 @@
             OpenLayers.Layer.OSM.prototype.initialize.apply(this, newArguments);
           },
+        SWITCHER_COLOUR: colour,
+        SWITCHER_CLASS: "node",
         CLASS_NAME: "OpenLayers.Layer.Overlay"
         });
         nodefilterlayer = new OpenLayers.Layer.OSM.Overlay("Node: "+ node, {isBaseLayer: false, visibility: true});
         map.addLayer(nodefilterlayer);
+        console.log(nodefilterlayer);
       });
       $(this).attr('value', 'Del nodefilter');
@@ -235 +241 @@
       end_date='&meetrondje__datum__lte=' + ed_y +'-'+ ed_m +'-'+ ed_d;
     }
-    if (colour != 'NaN,NaN,NaN'){colour='colour='+colour;} 
-    else {colour = '&colour='+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256);}
+    if (colour != 'NaN,NaN,NaN'){colour=colour;} 
+    else {colour = Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256);}
     if (lname != ''){lname=lname;} 
     else {lname = 'Custom Filter';}
@@ -244 +250 @@
       initialize: function(name, options) {
         var url = [
-          "/website/tile/${z}/${x},${y}.png?" + colour + user + dataset + wlnode + start_date + end_date 
+          "/website/tile/${z}/${x},${y}.png?&colour=" + colour + user + dataset + wlnode + start_date + end_date 
         ];
         options = OpenLayers.Util.extend({ numZoomLevels: 21 }, options);
@@ -250 +256 @@
         OpenLayers.Layer.OSM.prototype.initialize.apply(this, newArguments);
       },
+    SWITCHER_COLOURL: colour,
+    SWITCHER_CLASS: "custom",
     CLASS_NAME: "OpenLayers.Layer.Overlay"
     });