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

Timestamp:

Jun 22, 2011, 1:51:11 PM (14 years ago)

Author:

dennisw

Message:

Colourboxes next to layernames (looks better than coloured layernames).
Adding/removing all user/node layers works again.
Disabled OpenLayer's layer switcher since the custom one works just as well.

File:

• src/django_gheat/website/static/heatmap_extensions.js (modified) (6 diffs)

src/django_gheat/website/static/heatmap_extensions.js

@@ -69 +69 @@
   }); 
 
+  // toggle layer visibility per categorie
+  $("#togglecat").click(function(){
+    layertype = $(this).closest('div').attr('id');
+    
+
+  });
+
   // remove layer
   $("#rmvlayer").live("click", function(){
@@ -122 +129 @@
   // add filter per user
   $('#user_filter').click(function(){
-    if(this.value=='Add userfilter'){
+    if(this.text=='(Add all users)'){
       $.each(userlist, function(u, user){
         colour = Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256);
@@ -138 +145 @@
         filterlayer = new OpenLayers.Layer.OSM.Overlay(user, {isBaseLayer: false, visibility: true});
         map.addLayer(filterlayer);
-        $("#user").append("<span id=\"" + user + "\"><input type=checkbox id=togglelayer checked /><font style='color:rgb(" + colour + ")'>" + user + " </font><a id=rmvlayer>X</a><br /></span>");
-      });
-      $(this).attr('value', 'Del userfilter');
+        $("#user").append("<span id=\"" + user + "\"><input type=checkbox id=togglelayer checked /><div id='layer_switcher_colour' style='background-color:rgb(" + colour + ")' /><font>" + user + " </font><a id=rmvlayer>X</a><br /></span>");
+      });
+      $(this).text('(Del all users');
     }
     else{
-      $(this).attr('value', 'Add userfilter');
+      $(this).text('(Add all users)');
       $.each(userlist, function(u, user){
         layer = map.getLayersByName(user);
@@ -153 +160 @@
   // add filter per node
   $('#node_filter').click(function(){
-    if(this.value=='Add nodefilter'){
+    if(this.text=='(Add all nodes)'){
       $.each(nodelist, function(n, node){
         colour = Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256);
@@ -169 +176 @@
         nodefilterlayer = new OpenLayers.Layer.OSM.Overlay(node, {isBaseLayer: false, visibility: true});
         map.addLayer(nodefilterlayer);
-        console.log(nodefilterlayer);
-        $("#node").append("<span id=\"" + node + "\"><input type=checkbox id=togglelayer checked /><font style='color:rgb(" + colour + ")'>" + node + " </font><a id=rmvlayer>X</a><br /></span>");
-      });
-      $(this).attr('value', 'Del nodefilter');
+        $("#node").append("<span class='node' id=\"" + node + "\"><input type=checkbox id=togglelayer checked /><div id='layer_switcher_colour' style='background-color:rgb(" + colour + ")' /><font>" + node + " </font><a id=rmvlayer>X</a><br /></span>");
+      });
+      $(this).text('(Del all nodes)');
     }
     else{
-      $(this).attr('value', 'Add nodefilter');
-      $.each(nodelist, function(n, node){
-        layer = map.getLayersByName(node);
+      $(this).text('(Add all nodes)');
+      $.each($('#node span'), function(s, span){
+        layer = map.getLayersByName(span.id);
         map.removeLayer(layer[0]);
+        $(span).remove();
       });
     }
@@ -251 +258 @@
     map.addLayer(filterlayer);
 
-    $("#custom").append("<span id=\"" + lname + "\"><input type=checkbox id=togglelayer checked /><font style='color:rgb(" + colour + ")'>" + lname + " </font><a id=rmvlayer>X</a><br /></span>");
+    $("#custom").append("<span id=\"" + lname + "\"><input type=checkbox id=togglelayer checked /><div id='layer_switcher_colour' style='background-color:rgb(" + colour + ")' /><font>" + lname + " </font><a id=rmvlayer>X</a><br /></span>");
   });
 });