omf_web 0.9.1 → 0.9.3

data/share/htdocs/js/graph/network2.js

@@ -1,318 +0,0 @@
-L.provide('OML.network2', ["graph/abstract_chart", "#OML.abstract_chart", "/resource/vendor/d3/d3.js"], function () {
-
-
-  
-  OML['network2'] = OML.abstract_chart.extend({
-    decl_properties: {
-      nodes:  [['key', 'key', {property: 'id'}], 
-               ['radius', 'int', 30], 
-               ['fill_color', 'color', 'blue'], 
-               ['stroke_width', 'int', 1], 
-               ['stroke_color', 'color', 'black'], 
-               ['x', 'int', 10],
-               ['y', 'int', 10]
-              ],
-      links:  [['key', 'key', {property: 'id'}], 
-               ['stroke_width', 'int', 2], 
-               ['stroke_color', 'color', 'black'],
-               ['stroke_fill', 'color', 'blue'],
-               ['from', 'index', {key: 'from_id', join_stream: 'nodes', join_key: 'id'}],               
-               ['to', 'index', {key: 'to_id', join_stream: 'nodes'}]  // join_key: 'id' ... default
-              ]
-    },
-    
-    
-    configure_base_layer: function(vis) {
-      var ca = this.widget_area;
-      
-      this.graph_layer = vis.append("svg:g")
-                 .attr("transform", "translate(0, " + ca.h + ")")
-                 ;
-      this.legend_layer = vis.append("svg:g");
-    },
-    
-    base_css_class: 'oml-network',
-
-    // Find the appropriate data source and bind to it
-    //
-    init_data_source: function() {
-      var o = this.opts;
-      var sources = o.data_sources;
-      var self = this;
-      
-      if (! (sources instanceof Array)) {
-        throw "Expected an array"
-      }
-      if (sources.length == 1) {
-        // Check if the source name is 'default' and we can find 
-        // a _links and _nodes source
-        var s = sources[0];
-        if (s.name == 'default') {
-          // ok, lets expand it
-          var ss = s.stream;
-          if (typeof(ss) != 'object') {
-            ss = { name: ss };
-          }
-          var prefix = ss.name;
-          var sn = {}; for (var p in ss) { sn[p] = ss[p]; }; sn.name = prefix + '_nodes';
-          var sl = {}; for (var p in ss) { sl[p] = ss[p]; }; sl.name = prefix + '_links';
-          sources = [
-            {name: 'nodes', stream: sn},
-            {name: 'links', stream: sl},
-          ]
-        }
-      }
-      if (sources.length != 2) {
-        throw "Expected TWO data source, one for nodes and one for links"
-      }
-      var dsh = this.data_source = {};
-      _.map(sources, function(s) {
-        dsh[s.name] = self.init_single_data_source(s);
-      });
-      if (dsh.links == undefined || dsh.nodes == undefined) {
-        throw "Data sources need to be named 'links' and 'nodes'. Missing one or both.";
-      }
-    },
-
-    process_schema: function() {
-      this.schema = {
-        nodes: this.process_single_schema(this.data_source.nodes),
-        links: this.process_single_schema(this.data_source.links)
-      };    
-        
-      var om = this.opts.mapping;
-      if (om.links == undefined || om.nodes == undefined) {
-        throw "Missing mapping instructions in 'options' for either 'links' or 'nodes', or both.";
-      }
-      this.mapping = {
-        nodes: this.process_single_mapping('nodes', om.nodes, this.decl_properties.nodes),
-        links: this.process_single_mapping('links', om.links, this.decl_properties.links)
-      };      
-    },
-    
-    /*
-     * Return schema for +stream+.
-     */
-    schema_for_stream: function(stream) {
-      var schema = this.schema[stream];
-      return schema;
-    },  
-    
-    data_source_for_stream: function(stream) {
-      var ds = this.data_source[stream];
-      if (ds == undefined) {
-        throw "Unknown data_source '" + stream + "'.";
-      }
-      return ds;
-    },  
-    
-    update: function() {
-
-      var ldata = this.data_source.links.events;
-      var ndata = this.data_source.nodes.events;
-
-      this.redraw({links: ldata, nodes: ndata});
-    },
-      
-    redraw:  function(data) {
-      var self = this;
-      var o = this.opts;
-      var mapping = this.mapping; //o.mapping || {};
-      var ca = this.widget_area;
-      
-      var x = function(v) {
-        var x = v * ca.w + ca.x;
-        var x = v * ca.w;
-        return x;
-      };
-      var y = function(v) {
-        var y = -1 * (v * ca.h + ca.y);
-        var y = -1 * (v * ca.h);        
-        return y;
-      };
-                
-      var vis = this.base_layer;
-      var lmapping = mapping.links;
-      var nmapping = mapping.nodes;
-      var iline_f = d3.svg.line().interpolate('basis');
-
-      // curved line
-      var line_f = function(d) {
-        var a = 0.2;
-        var b = 0.3;
-        var o = 30;
-        
-        var from = lmapping.from(d);
-        var to = lmapping.to(d);
-
-        var x1 = x(nmapping.x(from)); 
-        var y1 = y(nmapping.y(from));
-        var x3 = x(nmapping.x(to)); 
-        var y3 = y(nmapping.y(to));
-
-        var dx = x3 - x1;
-        var dy = y3 - y1;
-        var l = Math.sqrt(dx * dx + dy * dy);
-
-        var mx = x1 + a * dx;
-        var my = y1 + a * dy;
-        var x2 = mx - (dy * o / l)
-        var y2 = my + (dx * o / l);              
-
-        return iline_f([[x1, y1], [x2, y2], [x3, y3]]);
-      };
-
-      var ldata = data.links
-      var link2 = this.graph_layer.selectAll("path.link")
-        .data(d3.values(ldata))
-          //.each(position) // update existing markers
-          .style("stroke", lmapping.stroke_color)
-          .style("stroke-width", lmapping.stroke_width)
-          .attr("d", line_f)
-        .enter().append("svg:path")
-          .attr("class", "link")
-          .style("stroke", lmapping.stroke_color)
-          .style("stroke-width", lmapping.stroke_width)
-          .attr("fill", "none")         
-          .attr("d", line_f)
-          .on("mouseover", function(d) {
-            var id = lmapping.key(d);
-            self.on_highlighted({'elements': [{'id': id, 'type': 'link'}]});
-          })
-          .on("mouseout", function(d) {
-            var id = lmapping.key(d);
-            self.on_dehighlighted({'elements': [{'id': id, 'type': 'link'}]});
-          }) 
-          ;
-
-     var ndata = data.nodes;
-     var node = this.graph_layer.selectAll("circle.node")
-       .data(d3.values(ndata))
-         .attr("cx", function(d) { return x(nmapping.x(d)) }) 
-         .attr("cy", function(d) { return y(nmapping.y(d)) })
-         .attr("r", nmapping.radius)
-         .style("fill", nmapping.fill_color)
-         .style("stroke", nmapping.stroke_color)
-         .style("stroke-width", nmapping.stroke_width)
-       .enter().append("svg:circle")
-         .attr("class", "node")
-         .attr("cx", function(d) { return x(nmapping.x(d)) }) 
-         .attr("cy", function(d) { return y(nmapping.y(d)) })
-         .attr("r", nmapping.radius)
-         .style("fill", nmapping.fill_color)
-         .style("stroke", nmapping.stroke_color)
-         .style("stroke-width", nmapping.stroke_width)
-         .attr("fixed", true)
-         //.call(force.drag)
-          .on("mouseover", function(d) {
-            var id = nmapping.key(d);
-            self.on_highlighted({'elements': [{'id': id, 'type': 'node'}]});
-          })
-          .on("mouseout", function(d) {
-            var id = nmapping.key(d);
-            self.on_dehighlighted({'elements': [{'id': id, 'type': 'node'}]});
-          })         
-        .transition()
-          .attr("r", nmapping.radius)
-          .delay(0)
-       ;      
-    },
-     
-    // this.init_svg = function(w, h) {
-      // var opts = this.opts;
-// 
-      // //if (opts.svg) return opts.svg;
-//       
-      // var base_el = opts.base_el || "body";
-      // if (typeof(base_el) == "string") base_el = d3.select(base_el);
-      // var vis = opts.svg = base_el.append("svg:svg")
-        // .attr("width", w)
-        // .attr("height", h)
-        // .attr('class', 'oml-network');
-      // return vis;
-    // }
-  
-    on_highlighted: function(evt) {
-      var els = evt.elements;
-      var links = _.filter(els, function(el) { return  el.type == 'link'});
-      if (links.length > 0) { this._on_links_highlighted(links); }
-      var nodes = _.filter(els, function(el) { return  el.type == 'node'});
-      if (nodes.length > 0) { this._on_nodes_highlighted(nodes); }
-
-      if (evt.source == null) {
-        evt.source = this;
-        OHUB.trigger("graph.highlighted", evt);
-      }
-    },
-
-    on_dehighlighted: function(evt) {
-      this._on_links_dehighlighted();
-      this._on_nodes_dehighlighted();
-
-      if (evt.source == null) {
-        evt.source = this;
-        OHUB.trigger("graph.dehighlighted", evt);
-      }
-    },
-  
-    _on_nodes_highlighted: function(nodes) {
-      var names = _.map(nodes, function(el) { return el.id});
-      var vis = this.base_layer;
-      var key_f = this.mapping.nodes.key;
-      this.graph_layer.selectAll("circle.node")
-       .filter(function(d) {
-         var key = key_f(d);
-         return ! _.include(names, key);
-       })
-       .transition()
-         .style("stroke", "lightgray")
-         .style("fill", "rgb(240,240,240)")               
-         .delay(0)
-         .duration(300);
-    },
-    
-    _on_nodes_dehighlighted: function() {
-      var vis = this.base_layer;
-      var nmapping = this.mapping.nodes;
-      this.graph_layer.selectAll("circle.node")
-       .transition()
-         .style("fill", nmapping.fill_color)
-         .style("stroke", nmapping.stroke_color)
-         .delay(0)
-         .duration(300);   
-    },
-
-    _on_links_highlighted: function(links) {
-      var names = _.map(links, function(el) { return el.id});
-      var vis = this.base_layer;
-      var key_f = this.mapping.links.key;
-      this.graph_layer.selectAll("path.link")
-       .filter(function(d) {
-         var key = key_f(d);
-         return ! _.include(names, key);
-       })
-       .transition()
-         .style("opacity", 0.1)
-         .delay(0)
-         .duration(300);
-    },
-
-    _on_links_dehighlighted: function() {
-      var vis = this.base_layer;
-      this.graph_layer.selectAll("path.link")
-       .transition()
-         .style("opacity", 1.0)         
-         .delay(0)
-         .duration(300)
-    }
-   
-  })
-})
-
-/*
-  Local Variables:
-  mode: Javascript
-  tab-width: 2
-  indent-tabs-mode: nil
-  End:
-*/

data/share/htdocs/js/graph/pie_chart.js

@@ -1,130 +0,0 @@
-L.provide('OML.pie_chart', ["graph/abstract_chart", "#OML.abstract_chart"], function () {
-
-var o = OML;
-
-  
-  OML.pie_chart = OML.abstract_chart.extend({
-    decl_properties: [
-      ['value', 'key', {property: 'value'}], 
-//      ['group_by', 'key', {property: 'id', optional: true}],             
-      ['stroke_width', 'int', 2], 
-      ['stroke_color', 'color', 'white'],
-      ['fill_color', 'color', 'category20()'],
-      ['label', 'key', {optional: true}]
-    ],
-    
-    defaults: function() {
-      return this.deep_defaults({
-        inner_radius: 0.4 // size of donought hole in the middle
-      }, OML.pie_chart.__super__.defaults.call(this));      
-    },    
-    
-    configure_base_layer: function(vis) {
-      this.legend_layer = vis.append("svg:g");
-      this.chart_layer = vis.append("svg:g");
-    },
-    
-    base_css_class: 'oml-pie-chart',
-    
-    redraw: function(data) {
-      var self = this;      
-      var o = this.opts;
-      var ca = this.widget_area;
-      var m = this.mapping;
-      var w = ca.w,
-          h = ca.h,
-          r = Math.min(w, h) / 2;
-          
-      var arc = d3.svg.arc().outerRadius(r);
-      var i_r = o.inner_radius;
-      if (i_r > 0) {
-        if (i_r < 1) {
-          i_r = i_r * r; // fractional
-        }
-        arc.innerRadius(i_r);
-      }
-      var sa = arc.startAngle();
-      
-      var self = this;
-                
-      var vis = this.chart_layer
-          .data([data])
-          ;
-      var arcs = vis.selectAll("g.arc")
-          .data(d3.layout.pie().value(m.value))
-        .enter().append("g")
-          .attr("class", "arc")
-          //.attr("transform", "translate(" + (r + ca.x) + "," + (r + ca.ty) + ")");          
-          .attr("transform", "translate(" + (w / 2 + ca.x) + "," + (h / 2 + ca.ty) + ")");          
-      
-      arcs.append("path")
-          .attr("fill", function(d, i) { 
-            return m.fill_color(i); 
-          })
-          .attr("d", arc)
-          .attr("stroke", m.stroke_color)
-          .attr('stroke-width', m.stroke_width)
-          .on("mouseover", function(data) {
-            self.on_highlighted({'elements': [{'id': data.value}]});
-          })
-          .on("mouseout", function() {
-            self.on_dehighlighted({});
-          })                   
-          ;
-      
-      var text_f = m.label;
-      if (m.label) {
-        text_f = function(d) { return m.label(d.data); };
-      } else {
-        text_f = function(d) { return d.value.toFixed(2); };
-      }
-      arcs.append("text")
-          .attr("transform", function(d) { return "translate(" + arc.centroid(d) + ")"; })
-          .attr("dy", ".35em")
-          .attr("text-anchor", "middle")
-          .attr("display", function(d) { return d.value > .15 ? null : "none"; })
-          .text(text_f);
-    },
-    
-    on_highlighted: function(evt) {
-      var els = evt.elements;
-      var piece_id = els[0].id
-      var vis = this.chart_layer;
-      vis.selectAll("path")
-       .filter(function(d) {
-         return d.value != piece_id;
-       })
-       .transition()
-         .style("opacity", 0.3)
-         .delay(0)
-         .duration(300)
-         ;
-      if (evt.source == null) {
-        evt.source = this;
-        OHUB.trigger("graph.highlighted", evt);
-      }
-    },
-
-    on_dehighlighted: function(evt) {
-      var vis = this.chart_layer;
-      vis.selectAll("path")
-       .transition()
-         .style("opacity", 1.0)         
-         .delay(0)
-         .duration(300)
-      if (evt.source == null) {
-        evt.source = this;
-        OHUB.trigger("graph.dehighlighted", evt);
-      }
-    },
-  
-  })
-})
-
-/*
-  Local Variables:
-  mode: Javascript
-  tab-width: 2
-  indent-tabs-mode: nil
-  End:
-*/

data/share/htdocs/js/graph/table.js

@@ -1,94 +0,0 @@
-
-
-L.provide('OML.table', ["table2.css", ["/resource/vendor/jquery/jquery.js", "/resource/vendor/jquery/jquery.dataTables.js"]], function () {
-  if (typeof(OML) == "undefined") {
-    OML = {};
-  }
-
-  OML['table'] = Backbone.Model.extend({
-
-    initialize: function(opts) {
-      this.opts = opts;
-      
-      /* create table template */
-      var base_el = opts.base_el || '#table'
-
-      this.init_data_source();
-
-      var tid = base_el.substr(1) + "_t";
-      var tbid = base_el.substr(1) + "_tb";
-      var h = "<table id='" + tid;
-      h += "' cellpadding='0' cellspacing='0' border='0' class='oml_table' width='100%'>";
-      h += "<thead><tr>";
-
-      var schema = this.schema = this.data_source.schema; //this.process_single_schema(this.data_source);
-      if (schema) {
-        for (var i = 0; i < schema.length; i++) {
-          var col = schema[i];
-          h += "<th class='oml_c" + i + " oml_" + col.name + "'>" + col.name + "</th>";
-        }
-      }
-      h += "</tr></thead>";
-      h += "<tbody id='" + tbid + "'></tbody>";
-      h += "</table>";
-      $(base_el).prepend(h);
-      this.table_el = $('#' + tid);
-      this.tbody_el = $('#' + tbid);
-
-      this.dataTable = this.table_el.dataTable({
-        "sPaginationType": "full_numbers"
-      });
-      
-      this.update();
-      // var data = opts.data;
-      // if (data) this.update(data);
-    },
-
-    // Find the appropriate data source and bind to it
-    //
-    init_data_source: function() {
-      var o = this.opts;
-      var sources = o.data_sources;
-      var self = this;
-      
-      if (! (sources instanceof Array)) {
-        throw "Expected an array"
-      }
-      if (sources.length != 1) {
-        throw "Can only process a SINGLE source"
-      }
-      var ds = this.data_source = OML.data_sources[sources[0].stream];
-      if (o.dynamic == true) {
-        ds.on_changed(function(evt) {
-          self.update();
-        });
-      }
-
-    },
-    
-    
-    update: function() {
-      var data_source = this.data_source;
-      if ((this.data = data_source.events) == null) {
-        throw "Missing events array in data source"
-      }
-      this.render_rows(this.data, false);
-    },
-
-
-    /* Add rows */
-    render_rows: function(rows, update) {
-      this.dataTable.fnClearTable();
-      this.dataTable.fnAddData(rows);
-    }
-
-  })
-});
-
-/*
-  Local Variables:
-  mode: Javascript
-  tab-width: 2
-  indent-tabs-mode: nil
-  End:
-*/