Changeset 9243

Timestamp:

Jun 8, 2011, 4:12:31 PM (13 years ago)

Author:

dennisw

Message:

Options are now added to select-elements as described on ​http://stackoverflow.com/questions/170986/what-is-the-best-way-to-add-options-to-a-select-from-an-array-with-jquery which seems to be a faster way.

Disabled non-working filters. No point in showing them if they don't work yet. (date & encryption)

Location:

src/django_gheat/website

Files:

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

src/django_gheat/website/static/heatmap_extensions.js

@@ -1 @@
-// Uses zoomlevel en mouseposition to call the nodelist.py view. View returns nodes in json format which is read and printed in document element.
+// Uses zoomlevel and mouseposition to call the nodelist.py view. View returns nodes in json format which is read and printed in document element.
 function getNodeList(zoomlevel, mousepos) {
   $.getJSON("/website/nodelist/" + zoomlevel + "," + mousepos.lat + "," + mousepos.lon, 
@@ -20 +20 @@
     function(json) {
       $.each(json, function(i,json){
-       // $("<option value='"  + json.gebruiker + "'>" + json.gebruiker + "</option>").appendTo("#select_user");
         $("#select_user").append($("<option/>").attr("value",json.gebruiker).text(json.gebruiker));
         $.each(json.meetrondje, function(m, meetrondje){
-          $("<option class='" + json.gebruiker + "' value='" + meetrondje.naam + "'>"+ meetrondje.naam + "</option>").appendTo("#select_dataset");
+          $("#select_dataset").append($("<option/>").attr({"class":json.gebruiker, "value":meetrondje.naam}).text(meetrondje.naam));
           $.each(meetrondje.nodes, function(n, nodes){
-            $("<option class='" + meetrondje.naam + "' value='" + nodes + "'>" + nodes + "</option>").appendTo("#select_node");
+            $("#select_node").append($("<option/>").attr({"class":meetrondje.naam, "value":nodes}).text(nodes));
           });
-//          $("<option>" + meetrondje.datum + "</option>").appendTo("#select_date");
         });
       });
-// Initiate the chain
+    // Initiate the chain
     $("#select_dataset").chained("#select_user");
     $("#select_node").chained("#select_dataset");
@@ -44 +42 @@
     dataset = $('#select_dataset option:selected').text();
     wlnode = $('#select_node option:selected').text();
-    enc = $('#select_enc option:selected').text();
-    date = $('#select_date option:selected').text();
+//    enc = $('#select_enc option:selected').text();
+//    date = $('#select_date option:selected').text();
     colour = encodeURIComponent(document.getElementById("colour").value);
     lname = encodeURIComponent(document.getElementById("lname").value);
 
     if (user != ''){user='&meetrondje__gebruiker__naam='+user;}
-    else{user='';}
     if (dataset != ''){dataset='&meetrondje__naam='+dataset;} 
-    else{dataset='';}
-    if (wlnode != ''){wlnode='&accespoint__ssid='+wlnode;} 
-    else{wlnode='';}
-    if (enc != ''){enc='&accespoint__encryptie='+enc;} 
-    if (date != ''){date='&meetrondje__datum='+date;} 
-    else{date='';}
+    if (wlnode != 'All'){wlnode='&accespoint__ssid='+wlnode;}
+//    if (enc != ''){enc='&accespoint__encryptie='+enc;} 
+//    if (date != ''){date='&meetrondje__datum='+date;} 
     if (colour != ''){colour='colour='+colour;} 
     else {colour = '&colour='+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256);}
@@ -68 +62 @@
       initialize: function(name, options) {
         var url = [
-          baseurl + colour + user + dataset + wlnode + enc + date
+          baseurl + colour + user + dataset + wlnode /* + enc + date */
         ];
         document.getElementById('filter_text').innerHTML+="<br />Added: " + url;

src/django_gheat/website/templates/home.html

@@ -42 +42 @@
       <div id="filter_list">
         <form method="get" action="">
-          <select id="select_date" style="width:104px"></select> Date<br />
           <select id="select_user" style="width:104px"></select> User<br />
           <select id="select_dataset" style="width:104px"></select> Dataset<br />
           <select id="select_node" style="width:104px"></select> Node<br />
-          <select id="select_encryption" style="width:104px"></select> Encryption<br />
           <input type="text" id="lname" name="lname" size="10"/> Layername<br />
           <input type="text" id="colour" name="colour" size="10"/> Colour<br />