X-Git-Url: https://git.octo.it/?p=collection4.git;a=blobdiff_plain;f=share%2Fcollection.js;h=20af9cb1033ecaa358f0f9d535ad2f6523b1df36;hp=fdd9d30ae020fb2f1c0c77a7c722c91586f2a760;hb=13e2e7eee1e7f605a291c74294766de464a86dd9;hpb=55187f5c19fcc91b686964de7622d910d9cf28f8

diff --git a/share/collection.js b/share/collection.js
index fdd9d30..20af9cb 100644
--- a/share/collection.js
+++ b/share/collection.js
@@ -1,3 +1,200 @@
+/**
+ * collection4 - collection.js
+ * Copyright (C) 2010  Florian octo Forster
+ * 
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 2.1 of the License, or (at your option) any later version.
+ * 
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this program; if not, write to the Free Software
+ * Foundation, Inc., 51 Franklin Street, Fifth Floor,
+ * Boston, MA  02110-1301  USA
+ *
+ * Authors:
+ *   Florian octo Forster <ff at octo.it>
+ **/
+
+var c4 =
+{
+  instances: []
+};
+
+function instance_get_params (graph) /* {{{ */
+{
+  var graph_selector = graph.graph_selector;
+  var inst_selector = graph.instance_selector;
+  var selector = {};
+
+  if (graph_selector.host == inst_selector.host)
+  {
+    selector.host = graph_selector.host;
+  }
+  else
+  {
+    selector.graph_host = graph_selector.host;
+    selector.inst_host = inst_selector.host;
+  }
+
+  if (graph_selector.plugin == inst_selector.plugin)
+  {
+    selector.plugin = graph_selector.plugin;
+  }
+  else
+  {
+    selector.graph_plugin = graph_selector.plugin;
+    selector.inst_plugin = inst_selector.plugin;
+  }
+
+  if (graph_selector.plugin_instance == inst_selector.plugin_instance)
+  {
+    selector.plugin_instance = graph_selector.plugin_instance;
+  }
+  else
+  {
+    selector.graph_plugin_instance = graph_selector.plugin_instance;
+    selector.inst_plugin_instance = inst_selector.plugin_instance;
+  }
+
+  if (graph_selector.type == inst_selector.type)
+  {
+    selector.type = graph_selector.type;
+  }
+  else
+  {
+    selector.graph_type = graph_selector.type;
+    selector.inst_type = inst_selector.type;
+  }
+
+  if (graph_selector.type_instance == inst_selector.type_instance)
+  {
+    selector.type_instance = graph_selector.type_instance;
+  }
+  else
+  {
+    selector.graph_type_instance = graph_selector.type_instance;
+    selector.inst_type_instance = inst_selector.type_instance;
+  }
+
+  return (selector);
+} /* }}} instance_get_params */
+
+function ident_clone (ident) /* {{{ */
+{
+  var ret = {};
+
+  ret.host = ident.host;
+  ret.plugin = ident.plugin;
+  ret.plugin_instance = ident.plugin_instance;
+  ret.type = ident.type;
+  ret.type_instance = ident.type_instance;
+
+  return (ret);
+} /* }}} ident_clone */
+
+function graph_get_defs (graph)
+{
+  if (!graph.def)
+  {
+    var params = ident_clone (graph.graph_selector);
+    params.action = "graph_def_json";
+
+    $.ajax({
+      url: "collection.fcgi",
+      async: false,
+      dataType: 'json',
+      data: params,
+      success: function (data)
+      {
+        if (!data)
+          return;
+
+        graph.def = data;
+      }});
+  }
+
+  if (graph.def)
+    return (graph.def);
+  return;
+} /* graph_get_defs */
+
+function instance_draw (inst, def, data)
+{
+  var x_data = [];
+  var y_data = [];
+  var i;
+
+  if (!inst || !def || !data)
+    return;
+
+  for (i = 0; i < data.length; i++)
+  {
+    var ds = data[i];
+
+    var j;
+    var x = [];
+    var y = [];
+    var x_val;
+
+    x_val = ds.first_value_time;
+
+    for (j = 0; j < ds.data.length; j++)
+    {
+      var y_val = ds.data[j];
+
+      x.push (x_val);
+      y.push (y_val);
+
+      x_val += ds.interval;
+    }
+
+    x_data.push (x);
+    y_data.push (y);
+  }
+
+  inst.raphael.clear ();
+  if (def.title)
+    inst.raphael.g.text (250, 15, def.title);
+  if (def.vertical_label)
+    inst.raphael.g.text (5, 100, def.vertical_label).rotate (270);
+  inst.raphael.g.linechart(50, 25, 500, 150, x_data, y_data, {axis: "0 0 1 1"});
+}
+
+function json_graph_update (index)
+{
+  var inst;
+  var def;
+  var params;
+
+  inst = c4.instances[index];
+  if (!inst)
+    return;
+
+  def = graph_get_defs (inst);
+  if (!def)
+    return;
+
+  if (!inst.raphael)
+    inst.raphael = Raphael ("c4-graph" + index);
+
+  params = instance_get_params (inst);
+  params.action = "instance_data_json";
+  params.begin = inst.begin;
+  params.end = inst.end;
+
+  $.getJSON ("collection.fcgi", params,
+      function (data)
+      {
+        instance_draw (inst, def, data);
+      }); /* getJSON */
+} /* json_graph_update */
+
 function format_instance(inst)
 {
   return ("<li class=\"instance\"><a href=\"" + location.pathname
@@ -246,6 +443,12 @@ $(document).ready(function() {
         + "</div>"
         );
     });
+
+    var i;
+    for (i = 0; i < c4.instances.length; i++)
+    {
+      json_graph_update (i);
+    }
 });
 
 /* vim: set sw=2 sts=2 et fdm=marker : */