ganglia_js_charts 0.0.1

data/.document

@@ -0,0 +1,5 @@
+README.rdoc
+lib/**/*.rb
+bin/*
+features/**/*.feature
+LICENSE

data/.gitignore

@@ -0,0 +1,22 @@
+## MAC OS
+.DS_Store
+
+## TEXTMATE
+*.tmproj
+tmtags
+
+## EMACS
+*~
+\#*
+.\#*
+
+## VIM
+*.swp
+
+## PROJECT::GENERAL
+coverage
+rdoc
+pkg
+
+## PROJECT::SPECIFIC
+bin

data/LICENSE

@@ -0,0 +1,20 @@
+Copyright (c) 2011 James Golick
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.rdoc

@@ -0,0 +1,17 @@
+= ganglia_js_charts
+
+Description goes here.
+
+== Note on Patches/Pull Requests
+ 
+* Fork the project.
+* Make your feature addition or bug fix.
+* Add tests for it. This is important so I don't break it in a
+  future version unintentionally.
+* Commit, do not mess with rakefile, version, or history.
+  (if you want to have your own version, that is fine but bump version in a commit by itself I can ignore when I pull)
+* Send me a pull request. Bonus points for topic branches.
+
+== Copyright
+
+Copyright (c) 2011 James Golick. See LICENSE for details.

data/Rakefile

@@ -0,0 +1,45 @@
+require 'rubygems'
+require 'rake'
+
+begin
+  require 'jeweler'
+  Jeweler::Tasks.new do |gem|
+    gem.name = "ganglia_js_charts"
+    gem.summary = %Q{}
+    gem.description = %Q{}
+    gem.email = "jamesgolick@gmail.com"
+    gem.homepage = "http://github.com/jamesgolick/ganglia_js_charts"
+    gem.authors = ["James Golick"]
+    gem.add_development_dependency "rspec", ">= 1.2.9"
+    # gem is a Gem::Specification... see http://www.rubygems.org/read/chapter/20 for additional settings
+  end
+  Jeweler::GemcutterTasks.new
+rescue LoadError
+  puts "Jeweler (or a dependency) not available. Install it with: gem install jeweler"
+end
+
+require 'spec/rake/spectask'
+Spec::Rake::SpecTask.new(:spec) do |spec|
+  spec.libs << 'lib' << 'spec'
+  spec.spec_files = FileList['spec/**/*_spec.rb']
+end
+
+Spec::Rake::SpecTask.new(:rcov) do |spec|
+  spec.libs << 'lib' << 'spec'
+  spec.pattern = 'spec/**/*_spec.rb'
+  spec.rcov = true
+end
+
+task :spec => :check_dependencies
+
+task :default => :spec
+
+require 'rake/rdoctask'
+Rake::RDocTask.new do |rdoc|
+  version = File.exist?('VERSION') ? File.read('VERSION') : ""
+
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title = "ganglia_js_charts #{version}"
+  rdoc.rdoc_files.include('README*')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end

data/VERSION

@@ -0,0 +1 @@
+0.0.1

data/ganglia_js_charts.gemspec

@@ -0,0 +1,80 @@
+# Generated by jeweler
+# DO NOT EDIT THIS FILE DIRECTLY
+# Instead, edit Jeweler::Tasks in Rakefile, and run the gemspec command
+# -*- encoding: utf-8 -*-
+
+Gem::Specification.new do |s|
+  s.name = %q{ganglia_js_charts}
+  s.version = "0.0.1"
+
+  s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
+  s.authors = ["James Golick"]
+  s.date = %q{2011-01-23}
+  s.default_executable = %q{ganglia_js_charts_server}
+  s.description = %q{}
+  s.email = %q{jamesgolick@gmail.com}
+  s.executables = ["ganglia_js_charts_server"]
+  s.extra_rdoc_files = [
+    "LICENSE",
+     "README.rdoc"
+  ]
+  s.files = [
+    ".document",
+     ".gitignore",
+     "LICENSE",
+     "README.rdoc",
+     "Rakefile",
+     "VERSION",
+     "ganglia_js_charts.gemspec",
+     "lib/ganglia_js_charts.rb",
+     "public/ajax-loader.gif",
+     "public/ganglia-js.js",
+     "public/index.html",
+     "public/jquery-1.4.4.js",
+     "public/jquery.tmpl.js",
+     "public/js/adapters/mootools-adapter.js",
+     "public/js/adapters/mootools-adapter.src.js",
+     "public/js/adapters/prototype-adapter.js",
+     "public/js/adapters/prototype-adapter.src.js",
+     "public/js/highcharts.js",
+     "public/js/highcharts.src.js",
+     "public/js/modules/exporting.js",
+     "public/js/modules/exporting.src.js",
+     "public/js/themes/dark-blue.js",
+     "public/js/themes/dark-green.js",
+     "public/js/themes/gray.js",
+     "public/js/themes/grid.js",
+     "public/json2.js",
+     "public/knockout-1.1.2.debug.js",
+     "public/underscore.js",
+     "spec/ganglia_js_charts_spec.rb",
+     "spec/spec.opts",
+     "spec/spec_helper.rb",
+     "test-rrds/FetLife/feed01.dal.fetlife/like_service_LikeService_create-count.rrd",
+     "test-rrds/FetLife/feed02.dal.fetlife/like_service_LikeService_create-count.rrd",
+     "test-rrds/graphs.json"
+  ]
+  s.homepage = %q{http://github.com/jamesgolick/ganglia_js_charts}
+  s.rdoc_options = ["--charset=UTF-8"]
+  s.require_paths = ["lib"]
+  s.rubygems_version = %q{1.3.7}
+  s.summary = %q{}
+  s.test_files = [
+    "spec/ganglia_js_charts_spec.rb",
+     "spec/spec_helper.rb"
+  ]
+
+  if s.respond_to? :specification_version then
+    current_version = Gem::Specification::CURRENT_SPECIFICATION_VERSION
+    s.specification_version = 3
+
+    if Gem::Version.new(Gem::VERSION) >= Gem::Version.new('1.2.0') then
+      s.add_development_dependency(%q<rspec>, [">= 1.2.9"])
+    else
+      s.add_dependency(%q<rspec>, [">= 1.2.9"])
+    end
+  else
+    s.add_dependency(%q<rspec>, [">= 1.2.9"])
+  end
+end
+

data/lib/ganglia_js_charts.rb

@@ -0,0 +1,61 @@
+require "rubygems"
+require "sinatra/base"
+require "rrd"
+require "active_support/all"
+
+class GangliaJSCharts
+  class << self
+    attr_accessor :charts_root
+  end
+
+  class Server < Sinatra::Base
+    set :public, File.expand_path(File.dirname(__FILE__) + "/../public")
+    set :dump_errors, true
+
+    get "/clusters.json" do
+      Dir[charts_root + "/*"].select { |f| File.directory?(f) }.map { |f| f.gsub(charts_root, "").delete("/") }.to_json
+    end
+
+    get "/:cluster/servers.json" do
+      cluster_root = charts_root + "/#{params[:cluster]}"
+      Dir["#{cluster_root}/*"].select { |f| File.directory?(f) }.map { |f| f.gsub(cluster_root, "").delete("/") }.to_json
+    end
+
+    get "/:cluster/:server/metrics.json" do
+      server_root = charts_root + "/#{params[:cluster]}/#{params[:server]}"
+      Dir["#{server_root}/*"].reject { |f| File.directory?(f) }.map { |f| f.gsub(server_root, "").delete("/").gsub(".rrd", "") }.to_json
+    end
+
+    get "/:cluster/:server/:metric.json" do
+      # NOTE: This is dangerous, but this isn't designed to be public-facing
+      length, unit = params[:time_window].split(".")
+      start        = length.to_i.send(unit).ago
+
+      rrd = RRD::Base.new(charts_root + "/" + [params[:cluster], params[:server], params[:metric]].join("/") + ".rrd")
+      results = rrd.fetch(:average, :start => start.to_i, :end => Time.new.to_i)
+      results[1..results.length].map { |n| n.last.nan? ? [n.first, 0] : n }.to_json
+    end
+
+    get "/" do
+      File.read(File.expand_path(File.dirname(__FILE__) + "/../public/index.html"))
+    end
+
+    get "/graphs.json" do
+      if File.exist?(charts_root + "/graphs.json")
+        File.read(charts_root + "/graphs.json")
+      else
+        ""
+      end
+    end
+
+    post "/graphs.json" do
+      File.open(charts_root + "/graphs.json", "w") { |f| f << params[:json] }
+      ""
+    end
+
+    private
+      def charts_root
+        GangliaJSCharts.charts_root
+      end
+  end
+end

data/public/ganglia-js.js

@@ -0,0 +1,225 @@
+Function.prototype.bind = function(object) {
+  var method = this;
+  return function() {
+    return method.apply(object, arguments);
+  };
+};
+
+var viewModel = {
+  timeWindow:  ko.observable("1.hour"),
+  clusters: ko.observableArray([]),
+  servers: ko.observableArray([]),
+  metrics: ko.observableArray([]),
+  selectedCluster: ko.observable(""),
+  selectedServer: ko.observable(""),
+  selectedMetric: ko.observable(""),
+  currentGraph: ko.observableArray([]),
+  savedGraphs: ko.observableArray([]),
+  graphTitle: ko.observable(""),
+  savingSavedGraphs: ko.observable(false),
+  selectSavedGraph: function(i) {
+    var graph = this.savedGraphs()[i];
+    this.clearGraph();
+    this.graphTitle(graph.name);
+    _.each(graph.metrics, function(metric) {
+      this.add(metric);
+    }.bind(this));
+  },
+  saveCurrentGraph: function() {
+    this.savedGraphs.push({name: this.graphTitle(), metrics: this.currentGraph()});
+    this.drawGraphIfReady();
+  },
+  removeSavedGraph: function(i) {
+    if (confirm("Are you sure?")) {
+      var graph = this.savedGraphs()[i];
+      this.savedGraphs.remove(graph);
+    }
+  },
+  clearGraph: function() {
+    for(var i = 0; i < this.currentGraph().length; i++)
+      this.remove(i);
+  },
+  scale: function(i) {
+    var metric   = this.currentGraph()[i];
+    metric.scale = !metric.scale;
+    this.currentGraph.valueHasMutated();
+
+    this.drawGraphIfReady();
+  },
+  remove: function(i) {
+    var metric = this.currentGraph()[i];
+    this.currentGraph.remove(metric);
+    this.drawGraphIfReady(); 
+  },
+  fetchClusters: function() {
+    $.getJSON("/clusters.json", function(data) {
+      $.each(data, function(i, e) { this.clusters.push(e); }.bind(this));
+    }.bind(this));
+  },
+  clusterSelected: function() {
+    var cluster = this.selectedCluster();
+
+    $.getJSON("/" + cluster + "/servers.json", function(data) {
+      $.each(data, function(i, e) { this.servers.push(e); }.bind(this));
+    }.bind(this));
+  },
+  serverSelected: function() {
+    var cluster = this.selectedCluster();
+    var server  = this.selectedServer();
+
+    $.getJSON("/" + cluster + "/" + server + "/metrics.json", function(data) {
+      $.each(data, function(i, e) { this.metrics.push(e); }.bind(this));
+    }.bind(this));
+  },
+  addToGraph: function() {
+    var name = [this.selectedCluster(),
+                this.selectedServer(),
+                this.selectedMetric()].join("/");
+    this.add({name: name});
+  },
+  getMetricByName: function(name) {
+    return _.detect(this.currentGraph(), function(metric) {
+      return metric.name == metric;
+    });
+  },
+  add: function(metric) {
+    if (!this.getMetricByName(metric.name)) {
+      this.currentGraph.push(metric);
+      this.fetchData(metric);
+    }
+  },
+  fetchData: function(metric) {
+    if (metric.data) {
+      this.drawGraph();
+    } else {
+      $.getJSON("/" + metric.name + ".json?time_window=" + this.timeWindow(), function(data) {
+        metric.data = data;
+        this.drawGraphIfReady();
+      }.bind(this));
+    }
+  },
+  timeChanged: function() {
+    this.resetChartIfExists();
+
+    _.each(this.currentGraph(), function(metric) {
+      delete metric.data;
+      this.fetchData(metric);
+    }.bind(this));
+  },
+  readyToDrawGraph: function() {
+    return _.all(this.currentGraph(), function(metric) {
+      return metric.data;
+    }.bind(this));
+  },
+  drawGraphIfReady: function() {
+    if (this.readyToDrawGraph()) {
+      this.drawGraph();
+    }
+  },
+  resetChartIfExists: function() {
+    if (this.chart) {
+      this.chart.destroy();
+      this.chart = null;
+    }
+  },
+  drawGraph: function() {
+    this.resetChartIfExists();
+
+    if (this.currentGraph().length == 0) return;
+
+    var series = [];
+    _.each(this.currentGraph(), function(metric) {
+      var data     = metric.data;
+      var interval = data[1][0] - data[0][0];
+
+      if (metric.scale) {
+        data = $.map(data, function(point) {
+          return [[point[0], point[1] * 60]];
+        });
+      }
+
+      series.push({
+        type: 'area',
+        name: metric.name,
+        pointInterval: interval * 1000,
+        pointStart: data[0][0] * 1000,
+        data: $.map(data, function(e) { return e[1]; })
+      });
+    });
+    
+    this.chart = new Highcharts.Chart({
+      chart: {
+         renderTo: 'chart',
+         zoomType: 'x',
+         spacingRight: 20
+      },
+       title: {
+         text: this.graphTitle()
+      },
+       subtitle: {
+         text: document.ontouchstart === undefined ?
+            'Click and drag in the plot area to zoom in' :
+            'Drag your finger over the plot to zoom in'
+      },
+      xAxis: {
+         type: 'datetime',
+         maxZoom: 360,
+         title: {
+            text: null
+         }
+      },
+      yAxis: {
+         title: {
+            text: ''
+         },
+         startOnTick: false,
+         showFirstLabel: false
+      },
+      tooltip: {
+         shared: true               
+      },
+      legend: {
+         enabled: false
+      },
+      series: series
+    });
+  },
+  savedGraphsChanged: function() {
+    this.savingSavedGraphs(true);
+    var graphs = _.map(this.savedGraphs(), function(graph) {
+      return {name: graph.name, metrics: _.map(graph.metrics, function(metric) {
+        return {
+          name: metric.name,
+          scale: metric.scale
+        }
+      })};
+    });
+
+    $.ajax({
+      type: "post",
+      dataType: "json",
+      url: "/graphs.json",
+      data: {"json": JSON.stringify(graphs)},
+      success: function() {
+        this.savingSavedGraphs(false);
+      }.bind(this)
+    });
+  }
+};
+
+$(function() {
+  ko.applyBindings(viewModel);
+
+  viewModel.selectedCluster.subscribe(viewModel.clusterSelected, viewModel);
+  viewModel.selectedServer.subscribe(viewModel.serverSelected, viewModel);
+  viewModel.timeWindow.subscribe(viewModel.timeChanged, viewModel);
+  viewModel.savedGraphs.subscribe(viewModel.savedGraphsChanged, viewModel);
+
+  $.getJSON("/graphs.json", function(graphs) {
+    _.each(graphs, function(graph) {
+      viewModel.savedGraphs.push(graph);
+    });
+  });
+
+  viewModel.fetchClusters();
+});