Changeset 9270 for src/django_gheat

Timestamp:

Jun 20, 2011, 3:14:40 PM (14 years ago)

Author:

dennisw

Message:

Filled in info page.
Experimented with getting filter names and showing and deleting filters. Right now, you can't delete your own custom filters (except the mass-add ones), but with this it might be possible to create a custom layer switcher where you can.

Location:

src/django_gheat/website

Files:

• static/heatmap_extensions.js (modified) (3 diffs)
• templates/home.html (modified) (1 diff)

src/django_gheat/website/static/heatmap_extensions.js

@@ -40 +40 @@
     dateFormat: "dd/mm/yy",
   });
-
+  var testname = new Array();
   // add slider for signal strength filter
   $("#slider").slider({
@@ -59 +59 @@
         initialize: function(name, options) {
           var url = [
-            "/website/tile/${z}/${x},${y}.png?colour=0,255,0&signaal__gte=" + sig.values[0] + "&signaal__lte=" + sig.values[1]
+            "/website/tile/${z}/${x},${y}.png?colour=250,250,0&signaal__gte=" + sig.values[0] + "&signaal__lte=" + sig.values[1]
           ];
           options = OpenLayers.Util.extend({ numZoomLevels: 21 }, options);
@@ -67 +67 @@
       CLASS_NAME: "OpenLayers.Layer.Overlay"
       });
-      signallayer = new OpenLayers.Layer.OSM.Overlay("Signal strength: " + sig.values[0] + " - " + sig.values[1], {isBaseLayer: false, visibility: true});
+      lname = "Signal strength: " + sig.values[0] + " - " + sig.values[1];
+      signallayer = new OpenLayers.Layer.OSM.Overlay(lname, {isBaseLayer: false, visibility: true});
       map.addLayer(signallayer);
     },
+  });
+
+  $("#filter_text").append("<a id=remove>test</a>");
+  $("#remove").click(function(){
+    map.removeLayer(signallayer);
   });
 

src/django_gheat/website/templates/home.html

@@ -23 +23 @@
     </div>
     <div id="info">
-       This might need some work done.
+       <h1>Info</h1>
+       <p>Welcome to Wireless Leiden's Heatmap. Here you can check for the coverage of (open) wifi connections in Leiden.</p> 
+       <p>On the right, you will find a layer selection panel. Here you can turn layers on or off, depending on what you would like to see displayed on the map.</p>
+       <p>Above you will see a 'filter' button. Here you can set your own filters.</p>
+       <p>Below you will see a textfield and a slider. The textfield displays Wireless Leiden nodes on the position where you clicked with your mouse. With the slider you can set the range of the signal strength you would like to have. Based on these values, a new layer will appear showing only the connections within your chosen range.</p>
     </div>
     <div id="filter">