simple_metrics 0.3.4 → 0.3.5

data/lib/simple_metrics/public/js/app.js

@@ -0,0 +1,20 @@
+(function(){
+
+  window.app = {};
+  app.collections = {};
+  app.models = {};
+  app.views = {};
+  app.mixins = {};
+
+  $(function(){
+    app.collections.metrics = new app.collections.Metric();
+    app.collections.metrics.fetch();
+
+    app.views.app = new app.views.App({ collection: app.collections.metrics });
+    
+    app.router = new app.Router();
+
+    Backbone.history.start({pushState: false});
+  });
+
+})();

data/lib/simple_metrics/public/js/collections/graph.js

@@ -0,0 +1,16 @@
+(function (collections, model) {
+
+    collections.Graph = Backbone.Collection.extend({
+      model: model,
+
+      initialize: function(options) {
+        this.targets = options.targets;
+        this.time = options.time;
+      },
+
+      url: function() {
+        return "/api/graph?targets[]="+this.targets+"&time="+this.time;
+      }
+    });
+
+})( app.collections, app.models.Graph);

data/lib/simple_metrics/public/js/collections/metric.js

@@ -0,0 +1,9 @@
+(function (collections, model) {
+
+    collections.Metric = Backbone.Collection.extend({
+    model: model,
+    url: '/api/metrics'
+  });
+
+
+})( app.collections, app.models.Metric);

data/lib/simple_metrics/public/js/models/graph.js

@@ -0,0 +1,6 @@
+(function (models) {
+
+  models.Graph = Backbone.Model.extend({
+  });
+
+})( app.models );

data/lib/simple_metrics/public/js/models/metric.js

@@ -0,0 +1,7 @@
+(function ( models ) {
+
+  models.Metric = Backbone.Model.extend({
+    urlRoot: '/api/metrics'
+  });
+
+})( app.models );

data/lib/simple_metrics/public/js/router.js

@@ -0,0 +1,42 @@
+(function (app) {
+
+  app.Router = Backbone.Router.extend({
+    routes: {
+      "":               "home",
+      "metrics":        "metrics",
+      "metrics/:name":    "metric_details",
+      "dashboard":      "dashboard",
+      "about":          "about"
+    },
+
+    home: function() {
+      console.log("ROUTER: home");
+      new app.views.App({ el: "#main", collection: app.collections.metrics }).render();
+    },
+    metrics: function() {
+      console.log("ROUTER: metrics");
+      new app.views.App({ el: "#main", collection: app.collections.metrics }).render();
+    },
+    metric_details: function(name) {
+      console.log("ROUTER: metric details:", name);
+
+      metric = new app.models.Metric({ name: name});
+      metric.fetch({
+        success: function(model, resp) {
+          new app.views.Metric({ el: "#main", model: model }).render();
+        },
+        error: function() {
+          alert("Document not found:"+id);
+        }
+      });
+    },
+    dashboard: function() {
+      console.log("ROUTER: dashboard");
+      new app.views.Dashboard({ el: "#main" }).render();
+    },
+    about: function() {
+      console.log("ROUTER: about");
+    }
+  });
+
+})(app);

data/lib/simple_metrics/public/js/views/app.js

@@ -0,0 +1,18 @@
+(function (views){
+
+  views.App = Backbone.View.extend({
+
+    template: Handlebars.compile($("#metric-list").html()),
+
+    initialize: function(options) {
+      _.bindAll(this, "render");
+      this.collection.bind('reset', this.render);
+    },
+    
+    render: function() {
+      $(this.el).html(this.template({ metrics: this.collection.toJSON() }));
+      return this;
+    }
+  });
+
+})(app.views);

data/lib/simple_metrics/public/js/views/dashboard.js

@@ -0,0 +1,10 @@
+( function ( views ){
+
+  views.Dashboard = Backbone.View.extend({
+    render: function() {
+      $(this.el).html("This is a dashboard view");
+      return this;
+    }
+  });
+
+})( app.views );

data/lib/simple_metrics/public/js/views/graph.js

@@ -0,0 +1,101 @@
+( function (views){
+
+  views.Graph = Backbone.View.extend({
+    template: Handlebars.compile($("#graph").html()),
+
+    initialize: function(options) {
+      _.bindAll(this, "render");
+      this.time = this.options.time;
+      this.series = this.options.series;
+    },
+
+    render: function() {
+      $(this.el).html(this.template({ time: this.time }));
+
+      var pastel = [
+        '#239928',
+        '#6CCC70',
+        '#DEFFA1',
+        '#DEFFA1',
+        '#DEFFA1',
+        '#362F2B',
+        '#BFD657',
+        '#FF6131',
+        '#FFFF9D',
+        '#BEEB9F',
+        '#79BD8F',
+        '#00A388'
+      ].reverse();
+
+      var customPalette = new Rickshaw.Color.Palette( { scheme: pastel } );
+      var spectrum14Palette = new Rickshaw.Color.Palette( { scheme: "spectrum14" } );
+
+      function addColorToSeries(data, palette) {
+        var result = [];
+        $.each(data, function(k, v){
+          v.color = palette.color();
+          result.push(v);
+        });
+        return result;
+      }
+
+      graph = new Rickshaw.Graph({
+        element: this.$('.graph').get(0),
+        renderer: 'line',
+        series: addColorToSeries(this.series, spectrum14Palette)
+      });
+
+      function timeUnit(time) {
+        var timeFixture = new Rickshaw.Fixtures.Time();
+        var minuteCustom = {
+          name: 'minute',
+          seconds: 60,
+          formatter: function(d) { return d.getUTCHours()+':'+d.getUTCMinutes()+'h';}
+        };
+        var hourCustom = {
+          name: 'hour',
+          seconds: 60*15,
+          formatter: function(d) { return d.getUTCHours()+':'+d.getUTCMinutes()+'h';}
+        };
+        var dayCustom = {
+          name: 'day',
+          seconds: 60*60*2,
+          formatter: function(d) { return d.getUTCHours()+'h';}
+        };
+        var weekCustom = {
+          name: 'week',
+          seconds: 60*60*2*7*2,
+          formatter: function(d) { return d.getUTCDate()+'. '+d.getUTCMonth()+'.';}
+        };
+
+        switch(time){
+          case 'minute': return minuteCustom;
+          case 'hour': return hourCustom;
+          case 'day': return dayCustom;
+          case 'week': return weekCustom;
+        }
+      }
+
+      var x_axis = new Rickshaw.Graph.Axis.Time({
+        graph: graph,
+        timeUnit: timeUnit(this.minute)
+      });
+
+      var y_axis = new Rickshaw.Graph.Axis.Y({
+        graph: graph,
+        orientation: 'left',
+        tickFormat: Rickshaw.Fixtures.Number.formatKMBT,
+        element: this.$('.y-axis').get(0)
+      });
+
+      graph.render();
+
+      var hoverDetail = new Rickshaw.Graph.HoverDetail({
+        graph: graph
+      });
+
+      return this;
+    }
+  });
+
+})( app.views );

data/lib/simple_metrics/public/js/views/metric.js

@@ -0,0 +1,82 @@
+(function (views, collections){
+
+  views.Metric = Backbone.View.extend({
+    template: Handlebars.compile($("#metric-details").html()),
+
+    initialize: function() {
+      _.bindAll(this, "render");
+    },
+
+    render: function() {
+      $(this.el).html(this.template({ metric: this.model.toJSON() }));
+
+      // TODO: make code more DRY
+      var minuteGraphCollection = new collections.Graph({
+        targets: this.model.get('name'),
+        time: 'minute'
+      });
+
+      minuteGraphCollection.fetch({
+        success: function() {
+          var minuteView = new views.Graph({
+            series: minuteGraphCollection.toJSON(),
+            time: "minute",
+            el: this.$("#graph-container-minute")
+          });
+          minuteView.render();
+        }
+      });
+
+      var hourGraphCollection = new collections.Graph({
+        targets: this.model.get('name'),
+        time: 'hour'
+      });
+
+      hourGraphCollection.fetch({
+        success: function() {
+          var hourView = new views.Graph({
+            series: hourGraphCollection.toJSON(),
+            time: "hour",
+            el: this.$("#graph-container-hour")
+          });
+          hourView.render();
+        }
+      });
+
+      var dayGraphCollection = new collections.Graph({
+        targets: this.model.get('name'),
+        time: 'day'
+      });
+
+      dayGraphCollection.fetch({
+        success: function() {
+          var dayView = new views.Graph({
+            series: dayGraphCollection.toJSON(),
+            time: "day",
+            el: this.$("#graph-container-day")
+          });
+          dayView.render();
+        }
+      });
+
+      var weekGraphCollection = new collections.Graph({
+        targets: this.model.get('name'),
+        time: 'week'
+      });
+
+      weekGraphCollection.fetch({
+        success: function() {
+          var weekView = new views.Graph({
+            series: weekGraphCollection.toJSON(),
+            time: "week",
+            el: this.$("#graph-container-week")
+          });
+          weekView.render();
+        }
+      });
+
+      return this;
+    }
+  });
+
+})(app.views, app.collections);

data/lib/simple_metrics/public/js/views/metrics.js

@@ -0,0 +1,10 @@
+(function (views){
+
+  views.Metrics = Backbone.View.extend({
+    render: function() {
+      $(this.el).html("This is a metrics list view");
+      return this;
+    }
+  });
+
+})(app.views);

data/lib/simple_metrics/version.rb

@@ -1,4 +1,4 @@
 # encoding: utf-8
 module SimpleMetrics
-  VERSION = "0.3.4"
+  VERSION = "0.3.5"
 end

data/lib/simple_metrics/views/layout.erb

@@ -11,15 +11,6 @@
   <link rel='stylesheet' href='/css/rickshaw.min.css' type='text/css' media="screen, projection">
   <link rel='stylesheet' href='/css/graph.css' type='text/css' media="screen, projection">
 
-  <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
-  <script src="js/bootstrap.min.js" type="text/javascript"></script>
-  <script src="js/underscore-1.3.1.min.js" type="text/javascript"></script>
-  <script src="js/backbone-0.9.2.min.js" type="text/javascript"></script>
-  <script src="js/handlebars-1.0.0.beta.6.js" type="text/javascript"></script>
-  <script src="js/d3.v2.min.js" type="text/javascript"></script>
-  <script src="js/rickshaw.min.js" type="text/javascript"></script>
-  <script src="js/application.js" type="text/javascript"></script>
-
   <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
   <!--[if lt IE 9]>
     <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
@@ -116,4 +107,28 @@
   <div class="container">
     <div id="main"></div>
   </div> <!-- /container -->
+
+  <script src="js/lib/jquery-1.7.1.min.js" type="text/javascript"></script>
+  <script src="js/lib/bootstrap.min.js" type="text/javascript"></script>
+  <script src="js/lib/underscore-1.3.1.min.js" type="text/javascript"></script>
+  <script src="js/lib/backbone-0.9.2.min.js" type="text/javascript"></script>
+  <script src="js/lib/handlebars-1.0.0.beta.6.js" type="text/javascript"></script>
+  <script src="js/lib/d3.v2.min.js" type="text/javascript"></script>
+  <script src="js/lib/rickshaw.min.js" type="text/javascript"></script>
+
+  <script src="js/app.js" type="text/javascript"></script>
+  <script src="js/router.js" type="text/javascript"></script>
+
+  <script src="js/models/metric.js" type="text/javascript"></script>
+  <script src="js/models/graph.js" type="text/javascript"></script>
+
+  <script src="js/collections/metric.js" type="text/javascript"></script>
+  <script src="js/collections/graph.js" type="text/javascript"></script>
+
+  <script src="js/views/app.js" type="text/javascript"></script>
+  <script src="js/views/metric.js" type="text/javascript"></script>
+  <script src="js/views/metrics.js" type="text/javascript"></script>
+  <script src="js/views/graph.js" type="text/javascript"></script>
+
+</body>
 </html>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: simple_metrics
 version: !ruby/object:Gem::Version
-  version: 0.3.4
+  version: 0.3.5
   prerelease: 
 platform: ruby
 authors:
@@ -9,11 +9,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-04-13 00:00:00.000000000 Z
+date: 2012-04-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rake
-  requirement: &70274892543080 !ruby/object:Gem::Requirement
+  requirement: &70100115893540 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -21,10 +21,10 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70274892543080
+  version_requirements: *70100115893540
 - !ruby/object:Gem::Dependency
   name: rspec
-  requirement: &70274892542460 !ruby/object:Gem::Requirement
+  requirement: &70100115892900 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -32,10 +32,10 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70274892542460
+  version_requirements: *70100115892900
 - !ruby/object:Gem::Dependency
   name: rr
-  requirement: &70274892541780 !ruby/object:Gem::Requirement
+  requirement: &70100115892380 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -43,10 +43,10 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70274892541780
+  version_requirements: *70100115892380
 - !ruby/object:Gem::Dependency
   name: shotgun
-  requirement: &70274892541240 !ruby/object:Gem::Requirement
+  requirement: &70100115891740 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -54,10 +54,10 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70274892541240
+  version_requirements: *70100115891740
 - !ruby/object:Gem::Dependency
   name: eventmachine
-  requirement: &70274892540640 !ruby/object:Gem::Requirement
+  requirement: &70100115907580 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -65,10 +65,10 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70274892540640
+  version_requirements: *70100115907580
 - !ruby/object:Gem::Dependency
   name: daemons
-  requirement: &70274892540080 !ruby/object:Gem::Requirement
+  requirement: &70100115907060 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -76,10 +76,10 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70274892540080
+  version_requirements: *70100115907060
 - !ruby/object:Gem::Dependency
   name: mongo
-  requirement: &70274892539440 !ruby/object:Gem::Requirement
+  requirement: &70100115906360 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -87,10 +87,10 @@ dependencies:
         version: '1.6'
   type: :runtime
   prerelease: false
-  version_requirements: *70274892539440
+  version_requirements: *70100115906360
 - !ruby/object:Gem::Dependency
   name: bson
-  requirement: &70274892555180 !ruby/object:Gem::Requirement
+  requirement: &70100115905600 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -98,10 +98,10 @@ dependencies:
         version: '1.6'
   type: :runtime
   prerelease: false
-  version_requirements: *70274892555180
+  version_requirements: *70100115905600
 - !ruby/object:Gem::Dependency
   name: bson_ext
-  requirement: &70274892554540 !ruby/object:Gem::Requirement
+  requirement: &70100115904980 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -109,10 +109,10 @@ dependencies:
         version: '1.6'
   type: :runtime
   prerelease: false
-  version_requirements: *70274892554540
+  version_requirements: *70100115904980
 - !ruby/object:Gem::Dependency
   name: sinatra
-  requirement: &70274892553960 !ruby/object:Gem::Requirement
+  requirement: &70100115904480 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -120,10 +120,10 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70274892553960
+  version_requirements: *70100115904480
 - !ruby/object:Gem::Dependency
   name: erubis
-  requirement: &70274892553260 !ruby/object:Gem::Requirement
+  requirement: &70100115903720 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -131,10 +131,10 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70274892553260
+  version_requirements: *70100115903720
 - !ruby/object:Gem::Dependency
   name: vegas
-  requirement: &70274892552580 !ruby/object:Gem::Requirement
+  requirement: &70100115903080 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -142,10 +142,10 @@ dependencies:
         version: 0.1.2
   type: :runtime
   prerelease: false
-  version_requirements: *70274892552580
+  version_requirements: *70100115903080
 - !ruby/object:Gem::Dependency
   name: json
-  requirement: &70274892551940 !ruby/object:Gem::Requirement
+  requirement: &70100115902540 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -153,7 +153,7 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70274892551940
+  version_requirements: *70100115902540
 description: SimpleMetrics
 email:
 - fdietz@gmail.com
@@ -198,14 +198,24 @@ files:
 - lib/simple_metrics/public/css/rickshaw.min.css
 - lib/simple_metrics/public/img/glyphicons-halflings-white.png
 - lib/simple_metrics/public/img/glyphicons-halflings.png
-- lib/simple_metrics/public/js/application.js
-- lib/simple_metrics/public/js/backbone-0.9.2.min.js
-- lib/simple_metrics/public/js/bootstrap.min.js
-- lib/simple_metrics/public/js/d3.v2.min.js
-- lib/simple_metrics/public/js/handlebars-1.0.0.beta.6.js
-- lib/simple_metrics/public/js/jquery-1.7.1.min.js
-- lib/simple_metrics/public/js/rickshaw.min.js
-- lib/simple_metrics/public/js/underscore-1.3.1.min.js
+- lib/simple_metrics/public/js/app.js
+- lib/simple_metrics/public/js/collections/graph.js
+- lib/simple_metrics/public/js/collections/metric.js
+- lib/simple_metrics/public/js/lib/backbone-0.9.2.min.js
+- lib/simple_metrics/public/js/lib/bootstrap.min.js
+- lib/simple_metrics/public/js/lib/d3.v2.min.js
+- lib/simple_metrics/public/js/lib/handlebars-1.0.0.beta.6.js
+- lib/simple_metrics/public/js/lib/jquery-1.7.1.min.js
+- lib/simple_metrics/public/js/lib/rickshaw.min.js
+- lib/simple_metrics/public/js/lib/underscore-1.3.1.min.js
+- lib/simple_metrics/public/js/models/graph.js
+- lib/simple_metrics/public/js/models/metric.js
+- lib/simple_metrics/public/js/router.js
+- lib/simple_metrics/public/js/views/app.js
+- lib/simple_metrics/public/js/views/dashboard.js
+- lib/simple_metrics/public/js/views/graph.js
+- lib/simple_metrics/public/js/views/metric.js
+- lib/simple_metrics/public/js/views/metrics.js
 - lib/simple_metrics/repository.rb
 - lib/simple_metrics/udp_server.rb
 - lib/simple_metrics/version.rb
@@ -235,7 +245,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -3260041322875483001
+      hash: 1510336325983770453
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
@@ -244,7 +254,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -3260041322875483001
+      hash: 1510336325983770453
 requirements: []
 rubyforge_project: 
 rubygems_version: 1.8.15

data/lib/simple_metrics/public/js/application.js

@@ -1,278 +0,0 @@
-$(function(){
-
-  var Metric = Backbone.Model.extend({
-    urlRoot: '/api/metrics'
-  });
-
-  var MetricList = Backbone.Collection.extend({
-    model: Metric,
-    url: '/api/metrics'
-  });
-
-  var DashboardView = Backbone.View.extend({
-    render: function() {
-      $(this.el).html("This is a dashboard view");
-      return this;
-    }
-  });
-
-  var Graph = Backbone.Model.extend({
-  });
-
-  var GraphCollection = Backbone.Collection.extend({
-    model: Graph,
-
-    initialize: function(options) {
-      this.targets = options.targets;
-      this.time = options.time;
-    },
-
-    url: function() {
-      return "/api/graph?targets[]="+this.targets+"&time="+this.time;
-    }
-  });
-
-  var GraphView = Backbone.View.extend({
-    template: Handlebars.compile($("#graph").html()),
-
-    initialize: function(options) {
-      _.bindAll(this, "render");
-      this.time = this.options.time;
-      this.series = this.options.series;
-    },
-
-    render: function() {
-      $(this.el).html(this.template({ time: this.time }));
-
-      var pastel = [
-        '#239928',
-        '#6CCC70',
-        '#DEFFA1',
-        '#DEFFA1',
-        '#DEFFA1',
-        '#362F2B',
-        '#BFD657',
-        '#FF6131',
-        '#FFFF9D',
-        '#BEEB9F',
-        '#79BD8F',
-        '#00A388'
-      ].reverse();
-
-      var customPalette = new Rickshaw.Color.Palette( { scheme: pastel } );
-      var spectrum14Palette = new Rickshaw.Color.Palette( { scheme: "spectrum14" } );
-
-      function addColorToSeries(data, palette) {
-        var result = [];
-        $.each(data, function(k, v){
-          v.color = palette.color();
-          result.push(v);
-        });
-        return result;
-      }
-
-      graph = new Rickshaw.Graph({
-        element: this.$('.graph').get(0),
-        renderer: 'line',
-        series: addColorToSeries(this.series, spectrum14Palette)
-      });
-
-      function timeUnit(time) {
-        var timeFixture = new Rickshaw.Fixtures.Time();
-        var minuteCustom = {
-          name: 'minute',
-          seconds: 60,
-          formatter: function(d) { return d.getUTCHours()+':'+d.getUTCMinutes()+'h';}
-        };
-        var hourCustom = {
-          name: 'hour',
-          seconds: 60*15,
-          formatter: function(d) { return d.getUTCHours()+':'+d.getUTCMinutes()+'h';}
-        };
-        var dayCustom = {
-          name: 'day',
-          seconds: 60*60*2,
-          formatter: function(d) { return d.getUTCHours()+'h';}
-        };
-        var weekCustom = {
-          name: 'week',
-          seconds: 60*60*2*7*2,
-          formatter: function(d) { return d.getUTCDate()+'. '+d.getUTCMonth()+'.';}
-        };
-
-        switch(time){
-          case 'minute': return minuteCustom;
-          case 'hour': return hourCustom;
-          case 'day': return dayCustom;
-          case 'week': return weekCustom;
-        }
-      }
-
-      var x_axis = new Rickshaw.Graph.Axis.Time({
-        graph: graph,
-        timeUnit: timeUnit(this.minute)
-      });
-
-      var y_axis = new Rickshaw.Graph.Axis.Y({
-        graph: graph,
-        orientation: 'left',
-        tickFormat: Rickshaw.Fixtures.Number.formatKMBT,
-        element: this.$('.y-axis').get(0)
-      });
-
-      graph.render();
-
-      var hoverDetail = new Rickshaw.Graph.HoverDetail({
-        graph: graph
-      });
-
-      return this;
-    }
-  });
-
-  var MetricDetailView = Backbone.View.extend({
-    template: Handlebars.compile($("#metric-details").html()),
-
-    initialize: function() {
-      _.bindAll(this, "render");
-    },
-
-    render: function() {
-      $(this.el).html(this.template({ metric: this.model.toJSON() }));
-
-      // TODO: make code more DRY
-      var minuteGraphCollection = new GraphCollection({
-        targets: this.model.get('name'),
-        time: 'minute'
-      });
-
-      minuteGraphCollection.fetch({
-        success: function() {
-          var minuteView = new GraphView({
-            series: minuteGraphCollection.toJSON(),
-            time: "minute",
-            el: this.$("#graph-container-minute")
-          });
-          minuteView.render();
-        }
-      });
-
-      var hourGraphCollection = new GraphCollection({
-        targets: this.model.get('name'),
-        time: 'hour'
-      });
-
-      hourGraphCollection.fetch({
-        success: function() {
-          var hourView = new GraphView({
-            series: hourGraphCollection.toJSON(),
-            time: "hour",
-            el: this.$("#graph-container-hour")
-          });
-          hourView.render();
-        }
-      });
-
-      var dayGraphCollection = new GraphCollection({
-        targets: this.model.get('name'),
-        time: 'day'
-      });
-
-      dayGraphCollection.fetch({
-        success: function() {
-          var dayView = new GraphView({
-            series: dayGraphCollection.toJSON(),
-            time: "day",
-            el: this.$("#graph-container-day")
-          });
-          dayView.render();
-        }
-      });
-
-      var weekGraphCollection = new GraphCollection({
-        targets: this.model.get('name'),
-        time: 'week'
-      });
-
-      weekGraphCollection.fetch({
-        success: function() {
-          var weekView = new GraphView({
-            series: weekGraphCollection.toJSON(),
-            time: "week",
-            el: this.$("#graph-container-week")
-          });
-          weekView.render();
-        }
-      });
-
-      return this;
-    }
-  });
-
-  var MetricListView = Backbone.View.extend({
-    render: function() {
-      $(this.el).html("This is a metrics list view");
-      return this;
-    }
-  });
-
-  var AppView = Backbone.View.extend({
-    template: Handlebars.compile($("#metric-list").html()),
-
-    initialize: function(options) {
-      _.bindAll(this, "render");
-      this.collection.bind('reset', this.render);
-    },
-    
-    render: function() {
-      $(this.el).html(this.template({ metrics: this.collection.toJSON() }));
-      return this;
-    }
-  });
-
-  var metricList = new MetricList();
-  metricList.fetch();
-
-  var Router = Backbone.Router.extend({
-    routes: {
-      "":               "home",
-      "metrics":        "metrics",
-      "metrics/:name":    "metric_details",
-      "dashboard":      "dashboard",
-      "about":          "about"
-    },
-
-    home: function() {
-      console.log("ROUTER: home");
-      new AppView({ el: "#main", collection: metricList }).render();
-    },
-    metrics: function() {
-      console.log("ROUTER: metrics");
-      new AppView({ el: "#main", collection: metricList }).render();
-    },
-    metric_details: function(name) {
-      console.log("ROUTER: metric details:", name);
-
-      metric = new Metric({ name: name});
-      metric.fetch({
-        success: function(model, resp) {
-          new MetricDetailView({ el: "#main", model:  model}).render();
-        },
-        error: function() {
-          alert("Document not found:"+id);
-        }
-      });
-    },
-    dashboard: function() {
-      console.log("ROUTER: dashboard");
-      new DashboardView({ el: "#main" }).render();
-    },
-    about: function() {
-      console.log("ROUTER: about");
-    }
-  });
-
-  var router = new Router();
-  Backbone.history.start({pushState: false});
-
-});