Changeset 9578 for src/django_gheat/wlheatmap/static/heatmap_extensions.js

Timestamp:

Aug 26, 2011, 7:34:45 PM (13 years ago)

Author:

rick

Message:

Allow filtering on signals as well.

File:

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

src/django_gheat/wlheatmap/static/heatmap_extensions.js

@@ -58 +58 @@
       $("#sig_value").text("All AccessPoints Signal Strength: " + min + " - " + max);
       $("#signallayer font").text("All AccessPoints Signal: " + min + " - " + max);
+  };
+
+  function update_sig_slider(min,max) {
+      $("#select_sig_value").text("Signal Strength: " + min + " - " + max);
   };
 
@@ -76 +80 @@
     },
   });
+  $("#select_sig_slider").slider({
+    range: true,
+    min: 0,
+    max: 100,
+    values: [0,100],
+    // while sliding, it changes the text above the slider to show the values realtime
+    slide: function(event, sig){
+      update_sig_slider(sig.values[0], sig.values[1]);
+    },
+  });
 
 
@@ -84 +98 @@
     signallayer[0].redraw();
     update_slider(min,max);
+
+    $("#select_sig_slider").slider( "option", "values", [min,max] );
+    update_sig_slider(min,max);
   };
 
@@ -323 +340 @@
 
     // some checks if values are correct, and adding them to parts of the link
-    if (user != ''){user='&meetrondje__gebruiker__naam='+user;}
-    if (dataset != ''){dataset='&meetrondje__naam='+dataset;} 
-    if (wlnode != ''){wlnode='&accespoint__ssid='+wlnode;}
+    if (user == 'all') {
+      user = '';
+    } else {
+      user='&meetrondje__gebruiker__naam='+user;
+    }
+    if (dataset == 'all') {
+      dataset = '';
+    } else {
+      dataset='&meetrondje__naam='+dataset;
+    }
+    if (wlnode == 'all'){
+      wlnode='';
+    } else {
+      wlnode='&accespoint__ssid='+wlnode;
+    }
     if (start_date && end_date){
       sd_d=start_date.substr(0,2);
@@ -352 +381 @@
       end_date='&meetrondje__datum__lte=' + ed_y +'-'+ ed_m +'-'+ ed_d;
     }
-    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';}
+    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= 'Custom Filter';
+    }
+
+    var min = $("#select_sig_slider").slider("values")[0];
+    var max = $("#select_sig_slider").slider("values")[1];
+    signal = '&signaal__gte=' + min + '&signaal__lte=' + max;
 
     // setting layer
@@ -361 +398 @@
       initialize: function(name, options) {
         var url = [
-          "tile/${z}/${x},${y}.png?&colour=" + colour + user + dataset + wlnode + start_date + end_date 
+          "tile/${z}/${x},${y}.png?colour=" + colour + user + dataset + wlnode + start_date + end_date + signal
         ];
         options = OpenLayers.Util.extend({ numZoomLevels: 21 }, options);