Changeset 9264 for src/django_gheat/website/static/heatmap_extensions.js

Timestamp:

Jun 16, 2011, 5:02:02 PM (14 years ago)

Author:

dennisw

Message:

After adding a mass-node or user filter, you can now delete them too.

File:

• src/django_gheat/website/static/heatmap_extensions.js (modified) (1 diff)

src/django_gheat/website/static/heatmap_extensions.js ¶

@@ -43 +43 @@
   // add filter per user
   $('#user_filter').click(function(){
-    $.each(userlist, function(u, user){
-      colour = '&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
-          ];
-          document.getElementById('filter_text').innerHTML+="<br />Added: " + url;
-          options = OpenLayers.Util.extend({ numZoomLevels: 21 }, options);
-          var newArguments = [name, url, options];
-          OpenLayers.Layer.OSM.prototype.initialize.apply(this, newArguments);
-        },
-      CLASS_NAME: "OpenLayers.Layer.Overlay"
+    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);
+        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
+            ];
+            document.getElementById('filter_text').innerHTML+="<br />Added: " + url;
+            options = OpenLayers.Util.extend({ numZoomLevels: 21 }, options);
+            var newArguments = [name, url, options];
+            OpenLayers.Layer.OSM.prototype.initialize.apply(this, newArguments);
+          },
+        CLASS_NAME: "OpenLayers.Layer.Overlay"
+        });
+        filterlayer = new OpenLayers.Layer.OSM.Overlay("User: "+ user, {isBaseLayer: false, visibility: true});
+        map.addLayer(filterlayer);
       });
-      filterlayer = new OpenLayers.Layer.OSM.Overlay("User: "+ user, {isBaseLayer: false, visibility: true});
-      map.addLayer(filterlayer);
-    });
+      $(this).attr('value', 'Del userfilter');
+    }
+    else{
+      $(this).attr('value', 'Add userfilter');
+      $.each(userlist, function(u, user){
+        layer = map.getLayersByName('User: ' + user);
+        map.removeLayer(layer[0]);
+      });
+    }
   });
 
   // add filter per node
   $('#node_filter').click(function(){
-    $.each(nodelist, function(n, node){
-      colour = '&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
-          ];
-          document.getElementById('filter_text').innerHTML+="<br />Added: " + url;
-          options = OpenLayers.Util.extend({ numZoomLevels: 21 }, options);
-          var newArguments = [name, url, options];
-          OpenLayers.Layer.OSM.prototype.initialize.apply(this, newArguments);
-        },
-      CLASS_NAME: "OpenLayers.Layer.Overlay"
+    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);
+        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
+            ];
+            document.getElementById('filter_text').innerHTML+="<br />Added: " + url;
+            options = OpenLayers.Util.extend({ numZoomLevels: 21 }, options);
+            var newArguments = [name, url, options];
+            OpenLayers.Layer.OSM.prototype.initialize.apply(this, newArguments);
+          },
+        CLASS_NAME: "OpenLayers.Layer.Overlay"
+        });
+        nodefilterlayer = new OpenLayers.Layer.OSM.Overlay("Node: "+ node, {isBaseLayer: false, visibility: true});
+        map.addLayer(nodefilterlayer);
       });
-      filterlayer = new OpenLayers.Layer.OSM.Overlay("Node: "+ node, {isBaseLayer: false, visibility: true});
-      map.addLayer(filterlayer);
-    });
+      $(this).attr('value', 'Del nodefilter');
+    }
+    else{
+      $(this).attr('value', 'Add nodefilter');
+      $.each(nodelist, function(n, node){
+        layer = map.getLayersByName('Node: ' + node);
+        map.removeLayer(layer[0]);
+      });
+    }
   });