new generic viewGraph gadget. need for refinement

433e86ec · Ioannis Papagiannopoulos · d1d91b78 · 433e86ec · 433e86ec
Commit 433e86ec authored Jan 13, 2015 by Ioannis Papagiannopoulos
Showing with 155 additions and 0 deletions

dream/platform/src/dream/Output_viewGraph.html dream/platform/src/dream/Output_viewGraph.html +18 -0

dream/platform/src/dream/Output_viewGraph.js dream/platform/src/dream/Output_viewGraph.js +137 -0

No files found.
--- a/dream/platform/src/dream/Output_viewGraph.html
+++ b/dream/platform/src/dream/Output_viewGraph.html
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Graph</title>
+    <script src="../<%= copy.rsvp.relative_dest %>" type="text/javascript"></script>
+    <script src="../<%= copy.renderjs.relative_dest %>" type="text/javascript"></script>
+    <script src="../<%= curl.jquery.relative_dest %>" type="text/javascript"></script>
+    <script src="../<%= curl.jqueryflot.relative_dest %>"></script>
+    <script src="../<%= curl.jqueryflotstack.relative_dest %>"></script>
+    <script src="mixin_gadget.js" type="text/javascript"></script>
+    <script src="Output_viewGraph.js" type="text/javascript"></script>
+  </head>
+  <body>
+    <div class="graph_container" style="width: 100%;height:300px"></div>
+  </body>
+</html>
--- a/dream/platform/src/dream/Output_viewGraph.js
+++ b/dream/platform/src/dream/Output_viewGraph.js
+/*global rJS, jQuery, initGadgetMixin, console */
+/*jslint unparam: true */
+(function (window, rJS, $, initGadgetMixin) {
+  "use strict";
+  function getRequestedValue (object, key) {
+    var value = 0.0;
+    if (object.results[key] !== undefined) {
+      if (object.results[key].avg !== undefined) {
+        value = object.results[key].avg;
+      } else {
+        value = object.results[key];
+      }
+    }
+    return value;
+  }
+  function graph_widget(output_data, config) {
+    /* FIXME: does not support more than one replic (Buffer family).
+     * + see george email to integrate without the need of an EG
+     */
+    var conf_data = config.data,
+      ticks = [],
+      counter = 1,
+      series = [],
+      options = {};
+    $.each(
+      output_data.elementList.sort(
+        function (a, b) {
+          return a.id < b.id ? -1 : 1;
+        }
+      ),
+      function (idx, obj) {
+        var reqKey, // ctrl_flag = false, 
+          request, i;
+        // if the obj is of the requested family
+        if (obj.family === config.family) {
+          if (config.plot === "bars") {
+            for (reqKey in conf_data) {
+              if (conf_data.hasOwnProperty(reqKey)) {
+                request = 0.0;
+                for (i = 0; i <= conf_data[reqKey].length-1; i += 1) {
+                  request += getRequestedValue(obj, conf_data[reqKey][i]);
+                }
+                series.push({
+                  label: reqKey,
+                  data: [[counter, request]]
+                });
+              }
+            }
+            ticks.push([counter, obj.id]);
+            counter += 1;
+          } else if (config.plot === "line") {
+            series.push({label: obj.name || obj.id,
+                         data: obj.results.wip_stat_list});
+          }
+        }
+      }
+    );
+    if (config.plot === "bars") {
+      options = {
+        xaxis: {
+          minTickSize: 1,
+          ticks: ticks
+        },
+        yaxis: {
+          max: 100
+        },
+        series: {
+          bars: {
+            show: true,
+            barWidth: 0.7,
+            align: "center"
+          },
+          stack: true
+        }
+      };
+    }
+    console.log("series");
+    console.log(series);
+    console.log("options");
+    console.log(options);
+    return [series, options];
+  }
+  var gadget_klass = rJS(window);
+  initGadgetMixin(gadget_klass);
+  gadget_klass
+    /////////////////////////////////////////////////////////////////
+    // Acquired methods
+    /////////////////////////////////////////////////////////////////
+    .declareAcquiredMethod("aq_getAttachment", "jio_getAttachment")
+    /////////////////////////////////////////////////////////////////
+    // declared methods
+    /////////////////////////////////////////////////////////////////
+    .declareMethod("render", function (options) {
+      var jio_key = options.id,
+        gadget = this;
+      gadget.props.jio_key = jio_key;
+      gadget.props.result = options.result;
+      return gadget.aq_getAttachment({
+        "_id": gadget.props.jio_key,
+        "_attachment": "simulation.json"
+      })
+        .push(function (simulation_json) {
+          console.log("rendering view graph");
+          var json_data = JSON.parse(simulation_json),
+            config = json_data
+              .application_configuration.output[options.action]
+              .configuration;
+          console.log(config);
+          console.log(json_data.result.result_list[gadget.props.result]);
+          gadget.props.result_list = graph_widget(
+            json_data.result.result_list[gadget.props.result],
+			config
+          );
+        });
+    })
+    .declareMethod("startService", function () {
+      console.log("service graph");
+      console.log(this.props.result_list);
+      // XXX Manually calculate width and height when resizing
+      $.plot(
+        this.props.element.querySelector(".graph_container"),
+        this.props.result_list[0],
+        this.props.result_list[1]
+      );
+    });
+}(window, rJS, jQuery, initGadgetMixin));