X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=experimental%2Fpalette%2Findex.js;h=602bde42e5abe64ce236d8dace52802fb9a0ed82;hb=966ac3fa0de18a7b5ddefe4aba6938d8358ea0cf;hp=6598602e0c0431abc26cef1eec01c7d2bfab7b28;hpb=205900008a083c27e85995aec2b90e81e6d51c9e;p=dygraphs.git

diff --git a/experimental/palette/index.js b/experimental/palette/index.js
index 6598602..602bde4 100644
--- a/experimental/palette/index.js
+++ b/experimental/palette/index.js
@@ -26,71 +26,81 @@
 
 "use strict";
 
-function draw(element, options) {
-  try {
-    element.innerHTML = "";
-    element.removeAttribute("style");
-    var g = new Dygraph(
-      element,
-        function() {
-          var zp = function(x) { if (x < 10) return "0"+x; else return x; };
-          var r = "date,parabola,line,another line,sine wave\n";
-          for (var i=1; i<=31; i++) {
-            r += "201110" + zp(i);
-            r += "," + 10*(i*(31-i));
-            r += "," + 10*(8*i);
-            r += "," + 10*(250 - 8*i);
-            r += "," + 10*(125 + 125 * Math.sin(0.3*i));
-            r += "\n";
-          }
-          return r;
-        }, options
-    );
-  
-    // These don't work yet.
-    g.updateOptions({
-      labelsDiv: 'status',
-    });
-  } catch(err) {
-   addMessage(err);
-   throw(err);
-  } finally {
+var Index = {};
+
+Index.splitVariables = function() { // http://www.idealog.us/2006/06/javascript_to_p.html
+  var query = window.location.search.substring(1); 
+  var args = {};
+  var vars = query.split("&"); 
+  for (var i = 0; i < vars.length; i++) { 
+    if (vars[i].length > 0) {
+      var pair = vars[i].split("="); 
+      args[pair[0]] = pair[1];
+    }
   }
+  return args;
 }
 
-function addMessage(text) {
-  var messages = document.getElementById("messages");
-  messages.innerText = messages.innerText + text + "\n";
+Index.draw = function(element, data, options) {
+  element.innerHTML = "";
+  element.removeAttribute("style");
+  var g = new Dygraph(
+    element,
+    data,
+    options
+  );
+  
+  // These don't work yet.
+  g.updateOptions({
+    labelsDiv: 'status',
+  });
 }
 
-function start() {
-  var options = {
-    colors: [
-      "rgb(51,204,204)",
-      "rgb(255,100,100)",
-      "#00DD55",
-      "rgba(50,50,200,0.4)"
-    ],
-    labelsSeparateLines: true,
-    labelsKMB: true,
-    legend: 'always',
-    width: 640,
-    height: 480,
-    title: 'Interesting Shapes',
-    xlabel: 'Date',
-    ylabel: 'Count',
-    axisLineColor: 'white',
-    drawXGrid: false,
-    pointClickCallback: function() { alert("p-click!"); },
-  };
+Index.addMessage = function(text) {
+  var messages = document.getElementById("messages");
+  messages.textContent = messages.textContent + text + "\n";
+}
 
+Index.start = function() {
+  var variables = Index.splitVariables();
+  var sampleName = variables["sample"];
+  if (!(sampleName)) {
+    sampleName = "interestingShapes";
+  }
+  var sampleIndex = Samples.indexOf(sampleName);
+  var sample = Samples.data[sampleIndex];
+  var data = sample.data;
   var redraw = function() {
-    draw(document.getElementById("graph"), palette.read());
+    Index.draw(document.getElementById("graph"), data, palette.read());
   }
 
+  var selector = document.getElementById("selector").getElementsByTagName("select")[0];
+  for (var idx in Samples.data) {
+    var entry = Samples.data[idx];
+    var option = document.createElement("option");
+    option.value = entry.id;
+    option.textContent = entry.title;
+    selector.appendChild(option);
+  }
+  selector.onchange = function() {
+    var id = selector.options[selector.selectedIndex].value;
+    var url = document.URL;
+    var qmIndex = url.indexOf("?");
+    if (qmIndex >= 0) {
+      url = url.substring(0, qmIndex);
+    }
+    url = url + "?sample=" + id;
+    for (var idx in variables) {
+      if (idx != "sample") {
+        url = url + "&" + idx + "=" + variables[idx];
+      }
+    }
+    window.location = url;
+  }
+  selector.selectedIndex = sampleIndex;
   var palette = new Palette();
   palette.create(document, document.getElementById("optionsPalette"));
-  palette.write(options);
+  palette.write(sample.options);
   palette.onchange = redraw;
   palette.filterBar.focus();
   redraw();