pulse-meter 0.2.11 → 0.3.0

data/lib/pulse-meter/visualize/public/js/application.js

@@ -1,764 +1,973 @@
-// Generated by CoffeeScript 1.2.1-pre
-(function() {
-  var __hasProp = {}.hasOwnProperty,
-    __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor; child.__super__ = parent.prototype; return child; };
-
-  document.startApp = function() {
-    var AppRouter, AreaPresenter, DynamicChartView, DynamicWidget, DynamicWidgetView, GaugePresenter, LinePresenter, PageInfo, PageInfoList, PageTitleView, PageTitlesView, PiePresenter, SensorInfo, SensorInfoList, SensorInfoListView, SeriesPresenter, TablePresenter, TimelinePresenter, Widget, WidgetChartView, WidgetList, WidgetListView, WidgetPresenter, WidgetView, appRouter, globalOptions, pageInfos, pageTitlesApp, widgetList, widgetListApp;
-    globalOptions = gon.options;
-    String.prototype.capitalize = function() {
-      return this.charAt(0).toUpperCase() + this.slice(1);
-    };
-    String.prototype.strip = function() {
-      if (String.prototype.trim != null) {
-        return this.trim();
-      } else {
-        return this.replace(/^\s+|\s+$/g, "");
-      }
-    };
-    Number.prototype.humanize = function() {
-      var d, h, interval, m, res, s;
-      interval = this;
-      res = "";
-      s = interval % 60;
-      if (s > 0) res = "" + s + " s";
-      interval = (interval - s) / 60;
-      if (!(interval > 0)) return res;
-      m = interval % 60;
-      if (m > 0) res = ("" + m + " m " + res).strip();
-      interval = (interval - m) / 60;
-      if (!(interval > 0)) return res;
-      h = interval % 24;
-      if (h > 0) res = ("" + h + " h " + res).strip();
-      d = (interval - h) / 24;
-      if (d > 0) {
-        return ("" + d + " d " + res).strip();
-      } else {
-        return res;
-      }
-    };
-    PageInfo = Backbone.Model.extend({});
-    PageInfoList = Backbone.Collection.extend({
-      model: PageInfo,
-      selected: function() {
-        return this.find(function(m) {
-          return m.get('selected');
-        });
-      },
-      selectFirst: function() {
-        if (this.length > 0) return this.at(0).set('selected', true);
-      },
-      selectNone: function() {
-        return this.each(function(m) {
-          return m.set('selected', false);
-        });
-      },
-      selectPage: function(id) {
-        return this.each(function(m) {
-          return m.set('selected', m.id === id);
-        });
+
+String.prototype.capitalize = function() {
+  return this.charAt(0).toUpperCase() + this.slice(1);
+};
+
+String.prototype.strip = function() {
+  if (String.prototype.trim != null) {
+    return this.trim();
+  } else {
+    return this.replace(/^\s+|\s+$/g, "");
+  }
+};
+
+Number.prototype.humanize = function() {
+  var d, h, interval, m, res, s;
+  interval = this;
+  res = "";
+  s = interval % 60;
+  if (s > 0) {
+    res = "" + s + " s";
+  }
+  interval = (interval - s) / 60;
+  if (!(interval > 0)) {
+    return res;
+  }
+  m = interval % 60;
+  if (m > 0) {
+    res = ("" + m + " m " + res).strip();
+  }
+  interval = (interval - m) / 60;
+  if (!(interval > 0)) {
+    return res;
+  }
+  h = interval % 24;
+  if (h > 0) {
+    res = ("" + h + " h " + res).strip();
+  }
+  d = (interval - h) / 24;
+  if (d > 0) {
+    return ("" + d + " d " + res).strip();
+  } else {
+    return res;
+  }
+};
+var PageInfo;
+
+PageInfo = Backbone.Model.extend({});
+var Widget;
+
+Widget = Backbone.Model.extend({
+  initialize: function() {
+    this.needRefresh = true;
+    this.setNextFetch();
+    return this.timespanInc = 0;
+  },
+  setStartTime: function(startTime) {
+    this.startTime = startTime;
+  },
+  setEndTime: function(endTime) {
+    this.endTime = endTime;
+  },
+  increaseTimespan: function(inc) {
+    this.timespanInc = this.timespanInc + inc;
+    return this.forceUpdate();
+  },
+  resetTimespan: function() {
+    this.timespanInc = 0;
+    this.startTime = null;
+    this.endTime = null;
+    return this.forceUpdate();
+  },
+  timespan: function() {
+    return this.get('timespan') + this.timespanInc;
+  },
+  url: function() {
+    var timespan, url;
+    timespan = this.timespan();
+    url = "" + (this.collection.url()) + "/" + (this.get('id')) + "?";
+    if (!_.isNaN(timespan)) {
+      url += "&timespan=" + timespan;
+    }
+    if (this.startTime) {
+      url += "&startTime=" + this.startTime;
+    }
+    if (this.endTime) {
+      url += "&endTime=" + this.endTime;
+    }
+    return url;
+  },
+  time: function() {
+    return (new Date()).getTime();
+  },
+  setNextFetch: function() {
+    return this.nextFetch = this.time() + this.get('redrawInterval') * 1000;
+  },
+  setRefresh: function(needRefresh) {
+    return this.needRefresh = needRefresh;
+  },
+  needFetch: function() {
+    var interval;
+    interval = this.get('redrawInterval');
+    return this.time() > this.nextFetch && this.needRefresh && (interval != null) && interval > 0;
+  },
+  refetch: function() {
+    if (this.needFetch()) {
+      this.forceUpdate();
+      return this.setNextFetch();
+    }
+  },
+  forceUpdate: function() {
+    return this.fetch({
+      success: function(model, response) {
+        return model.trigger('redraw');
       }
     });
-    pageInfos = new PageInfoList;
-    PageTitleView = Backbone.View.extend({
-      tagName: 'li',
-      template: _.template('<a href="#/pages/<%= id  %>"><%= title %></a>'),
-      initialize: function() {
-        this.model.bind('change', this.render, this);
-        return this.model.bind('destroy', this.remove, this);
-      },
-      render: function() {
-        this.$el.html(this.template(this.model.toJSON()));
-        if (this.model.get('selected')) {
-          return this.$el.addClass('active');
-        } else {
-          return this.$el.removeClass('active');
-        }
+  }
+});
+var DynamicWidget;
+
+DynamicWidget = Backbone.Model.extend({
+  setStartTime: function(startTime) {
+    this.startTime = startTime;
+  },
+  setEndTime: function(endTime) {
+    this.endTime = endTime;
+  },
+  increaseTimespan: function(inc) {
+    return this.set('timespan', this.timespan() + inc);
+  },
+  resetTimespan: function() {
+    this.startTime = null;
+    this.endTime = null;
+    return this.set('timespan', null);
+  },
+  timespan: function() {
+    return this.get('timespan');
+  },
+  sensorArgs: function() {
+    return _.map(this.get('sensorIds'), function(name) {
+      return "sensor[]=" + name;
+    }).join('&');
+  },
+  url: function() {
+    var timespan, url;
+    timespan = this.timespan();
+    url = "" + ROOT + "dynamic_widget?" + (this.sensorArgs()) + "&type=" + (this.get('type'));
+    if ((timespan != null) && !_.isNaN(timespan)) {
+      url += "&timespan=" + timespan;
+    }
+    if (this.startTime) {
+      url += "&startTime=" + this.startTime;
+    }
+    if (this.endTime) {
+      url += "&endTime=" + this.endTime;
+    }
+    return url;
+  },
+  forceUpdate: function() {
+    return this.fetch({
+      success: function(model, response) {
+        return model.trigger('redraw');
       }
     });
-    PageTitlesView = Backbone.View.extend({
-      initialize: function() {
-        return pageInfos.bind('reset', this.render, this);
-      },
-      addOne: function(pageInfo) {
-        var view;
-        view = new PageTitleView({
-          model: pageInfo
-        });
-        view.render();
-        return $('#page-titles').append(view.el);
-      },
-      render: function() {
-        $('#page-titles').empty();
-        return pageInfos.each(this.addOne);
-      }
+  }
+});
+var SensorInfo;
+
+SensorInfo = Backbone.Model.extend({});
+var PageInfoList;
+
+PageInfoList = Backbone.Collection.extend({
+  model: PageInfo,
+  selected: function() {
+    return this.find(function(m) {
+      return m.get('selected');
+    });
+  },
+  selectFirst: function() {
+    if (this.length > 0) {
+      return this.at(0).set('selected', true);
+    }
+  },
+  selectNone: function() {
+    return this.each(function(m) {
+      return m.set('selected', false);
+    });
+  },
+  selectPage: function(id) {
+    return this.each(function(m) {
+      return m.set('selected', m.id === id);
     });
-    pageTitlesApp = new PageTitlesView;
-    pageInfos.reset(gon.pageInfos);
-    WidgetPresenter = (function() {
-
-      WidgetPresenter.name = 'WidgetPresenter';
-
-      function WidgetPresenter(model, el) {
-        var chartClass;
-        this.model = model;
-        chartClass = this.chartClass();
-        this.chart = new chartClass(el);
-        this.draw();
+  }
+});
+var SensorInfoList;
+
+SensorInfoList = Backbone.Collection.extend({
+  model: SensorInfo,
+  url: function() {
+    return ROOT + 'sensors';
+  }
+});
+var WidgetList;
+
+WidgetList = Backbone.Collection.extend({
+  model: Widget,
+  setContext: function(pageInfos) {
+    this.pageInfos = pageInfos;
+  },
+  url: function() {
+    return ROOT + 'pages/' + this.pageInfos.selected().id + '/widgets';
+  },
+  startPolling: function() {
+    var _this = this;
+    return setInterval(function() {
+      if (_this.pageInfos.selected()) {
+        return _this.each(function(w) {
+          return w.refetch();
+        });
       }
+    }, 200);
+  }
+});
+var WidgetPresenter;
+
+WidgetPresenter = (function() {
+
+  function WidgetPresenter(pageInfos, model, el) {
+    var chartClass;
+    this.pageInfos = pageInfos;
+    this.model = model;
+    chartClass = this.chartClass();
+    this.chart = new chartClass(el);
+    this.draw();
+  }
+
+  WidgetPresenter.prototype.get = function(arg) {
+    return this.model.get(arg);
+  };
 
-      WidgetPresenter.prototype.get = function(arg) {
-        return this.model.get(arg);
-      };
+  WidgetPresenter.prototype.globalOptions = function() {
+    return gon.options;
+  };
 
-      WidgetPresenter.prototype.dateOffset = function() {
-        if (globalOptions.useUtc) {
-          return (new Date).getTimezoneOffset() * 60000;
-        } else {
-          return 0;
-        }
-      };
-
-      WidgetPresenter.prototype.options = function() {
-        return {
-          title: this.get('title'),
-          height: 300
-        };
-      };
-
-      WidgetPresenter.prototype.mergedOptions = function() {
-        var pageOptions;
-        pageOptions = pageInfos.selected() ? pageInfos.selected().get('gchartOptions') : {};
-        return $.extend(true, this.options(), globalOptions.gchartOptions, pageOptions, this.get('gchartOptions'));
-      };
-
-      WidgetPresenter.prototype.data = function() {
-        return new google.visualization.DataTable;
-      };
-
-      WidgetPresenter.prototype.chartClass = function() {
-        return google.visualization[this.visualization];
-      };
-
-      WidgetPresenter.prototype.cutoff = function() {};
-
-      WidgetPresenter.prototype.cutoffValue = function(v, min, max) {
-        if (v != null) {
-          if ((min != null) && v < min) {
-            return min;
-          } else if ((max != null) && v > max) {
-            return max;
-          } else {
-            return v;
-          }
-        } else {
-          return 0;
-        }
-      };
-
-      WidgetPresenter.prototype.draw = function(min, max) {
-        this.cutoff(min, max);
-        return this.chart.draw(this.data(), this.mergedOptions());
-      };
-
-      return WidgetPresenter;
-
-    })();
-    WidgetPresenter.create = function(model, el) {
-      var presenterClass, type;
-      type = model.get('type');
-      if ((type != null) && type.match(/^\w+$/)) {
-        presenterClass = eval("" + (type.capitalize()) + "Presenter");
-        return new presenterClass(model, el);
-      } else {
-        return null;
+  WidgetPresenter.prototype.dateOffset = function() {
+    if (this.globalOptions.useUtc) {
+      return (new Date).getTimezoneOffset() * 60000;
+    } else {
+      return 0;
+    }
+  };
+
+  WidgetPresenter.prototype.options = function() {
+    return {
+      title: this.get('title'),
+      height: 300,
+      chartArea: {
+        left: 10
       }
     };
-    PiePresenter = (function(_super) {
+  };
 
-      __extends(PiePresenter, _super);
+  WidgetPresenter.prototype.mergedOptions = function() {
+    var pageOptions;
+    pageOptions = this.pageInfos.selected() ? this.pageInfos.selected().get('gchartOptions') : {};
+    return $.extend(true, this.options(), this.globalOptions.gchartOptions, pageOptions, this.get('gchartOptions'));
+  };
+
+  WidgetPresenter.prototype.data = function() {
+    return new google.visualization.DataTable;
+  };
+
+  WidgetPresenter.prototype.chartClass = function() {
+    return google.visualization[this.visualization];
+  };
 
-      PiePresenter.name = 'PiePresenter';
+  WidgetPresenter.prototype.cutoff = function() {};
 
-      function PiePresenter() {
-        return PiePresenter.__super__.constructor.apply(this, arguments);
+  WidgetPresenter.prototype.cutoffValue = function(v, min, max) {
+    if (v != null) {
+      if ((min != null) && v < min) {
+        return min;
+      } else if ((max != null) && v > max) {
+        return max;
+      } else {
+        return v;
       }
+    } else {
+      return 0;
+    }
+  };
 
-      PiePresenter.prototype.visualization = 'PieChart';
-
-      PiePresenter.prototype.cutoff = function() {};
-
-      PiePresenter.prototype.data = function() {
-        var data;
-        data = PiePresenter.__super__.data.call(this);
-        data.addColumn('string', 'Title');
-        data.addColumn('number', this.get('valuesTitle'));
-        data.addRows(this.get('series').data);
-        return data;
-      };
-
-      PiePresenter.prototype.options = function() {
-        return $.extend(true, PiePresenter.__super__.options.call(this), {
-          slices: this.get('series').options,
-          legend: {
-            position: 'bottom'
-          }
-        });
-      };
+  WidgetPresenter.prototype.draw = function(min, max) {
+    this.cutoff(min, max);
+    return this.chart.draw(this.data(), this.mergedOptions());
+  };
+
+  return WidgetPresenter;
 
-      return PiePresenter;
+})();
 
-    })(WidgetPresenter);
-    TimelinePresenter = (function(_super) {
+WidgetPresenter.create = function(pageInfos, model, el) {
+  var presenterClass, type;
+  type = model.get('type');
+  if ((type != null) && type.match(/^\w+$/)) {
+    presenterClass = eval("" + (type.capitalize()) + "Presenter");
+    return new presenterClass(pageInfos, model, el);
+  } else {
+    return null;
+  }
+};
+var PiePresenter,
+  __hasProp = {}.hasOwnProperty,
+  __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
 
-      __extends(TimelinePresenter, _super);
+PiePresenter = (function(_super) {
 
-      TimelinePresenter.name = 'TimelinePresenter';
+  __extends(PiePresenter, _super);
 
-      function TimelinePresenter() {
-        return TimelinePresenter.__super__.constructor.apply(this, arguments);
+  function PiePresenter() {
+    return PiePresenter.__super__.constructor.apply(this, arguments);
+  }
+
+  PiePresenter.prototype.visualization = 'PieChart';
+
+  PiePresenter.prototype.cutoff = function() {};
+
+  PiePresenter.prototype.data = function() {
+    var data;
+    data = PiePresenter.__super__.data.call(this);
+    data.addColumn('string', 'Title');
+    data.addColumn('number', this.get('valuesTitle'));
+    data.addRows(this.get('series').data);
+    return data;
+  };
+
+  PiePresenter.prototype.options = function() {
+    return $.extend(true, PiePresenter.__super__.options.call(this), {
+      slices: this.get('series').options,
+      legend: {
+        position: 'bottom'
       }
+    });
+  };
 
-      TimelinePresenter.prototype.data = function() {
-        var data, dateOffset, series;
-        data = TimelinePresenter.__super__.data.call(this);
-        data.addColumn('datetime', 'Time');
-        dateOffset = this.dateOffset() + this.get('interval') * 1000;
-        series = this.get('series');
-        _.each(series.titles, function(t) {
-          return data.addColumn('number', t);
-        });
-        _.each(series.rows, function(row) {
-          row[0] = new Date(row[0] + dateOffset);
-          return data.addRow(row);
-        });
-        return data;
-      };
+  return PiePresenter;
 
-      return TimelinePresenter;
+})(WidgetPresenter);
+var TimelinePresenter,
+  __hasProp = {}.hasOwnProperty,
+  __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
 
-    })(WidgetPresenter);
-    SeriesPresenter = (function(_super) {
+TimelinePresenter = (function(_super) {
 
-      __extends(SeriesPresenter, _super);
+  __extends(TimelinePresenter, _super);
 
-      SeriesPresenter.name = 'SeriesPresenter';
+  function TimelinePresenter() {
+    return TimelinePresenter.__super__.constructor.apply(this, arguments);
+  }
 
-      function SeriesPresenter() {
-        return SeriesPresenter.__super__.constructor.apply(this, arguments);
-      }
+  TimelinePresenter.prototype.data = function() {
+    var data, dateOffset, series;
+    data = TimelinePresenter.__super__.data.call(this);
+    data.addColumn('datetime', 'Time');
+    dateOffset = this.dateOffset() + this.get('interval') * 1000;
+    series = this.get('series');
+    _.each(series.titles, function(t) {
+      return data.addColumn('number', t);
+    });
+    _.each(series.rows, function(row) {
+      row[0] = new Date(row[0] + dateOffset);
+      return data.addRow(row);
+    });
+    return data;
+  };
 
-      SeriesPresenter.prototype.options = function() {
-        var format, secondPart;
-        secondPart = this.get('interval') % 60 === 0 ? '' : ':ss';
-        format = this.model.timespan() > 24 * 60 * 60 ? "yyyy.MM.dd HH:mm" + secondPart : "HH:mm" + secondPart;
-        return $.extend(true, SeriesPresenter.__super__.options.call(this), {
-          lineWidth: 1,
-          chartArea: {
-            width: '100%'
-          },
-          legend: {
-            position: 'bottom'
-          },
-          vAxis: {
-            title: this.valuesTitle(),
-            textPosition: 'in'
-          },
-          hAxis: {
-            format: format
-          },
-          series: this.get('series').options,
-          axisTitlesPosition: 'in'
-        });
-      };
+  return TimelinePresenter;
 
-      SeriesPresenter.prototype.valuesTitle = function() {
-        if (this.get('valuesTitle')) {
-          return "" + (this.get('valuesTitle')) + " / " + (this.humanizedInterval());
-        } else {
-          return this.humanizedInterval();
-        }
-      };
+})(WidgetPresenter);
+var SeriesPresenter,
+  __hasProp = {}.hasOwnProperty,
+  __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
 
-      SeriesPresenter.prototype.humanizedInterval = function() {
-        return this.get('interval').humanize();
-      };
+SeriesPresenter = (function(_super) {
 
-      SeriesPresenter.prototype.cutoff = function(min, max) {
-        return _.each(this.get('series').rows, function(row) {
-          var i, value, _i, _ref, _results;
-          _results = [];
-          for (i = _i = 1, _ref = row.length - 1; 1 <= _ref ? _i <= _ref : _i >= _ref; i = 1 <= _ref ? ++_i : --_i) {
-            value = row[i];
-            if (value == null) value = 0;
-            _results.push(row[i] = this.cutoffValue(value, min, max));
-          }
-          return _results;
-        }, this);
-      };
+  __extends(SeriesPresenter, _super);
 
-      return SeriesPresenter;
+  function SeriesPresenter() {
+    return SeriesPresenter.__super__.constructor.apply(this, arguments);
+  }
 
-    })(TimelinePresenter);
-    LinePresenter = (function(_super) {
+  SeriesPresenter.prototype.options = function() {
+    var format, secondPart;
+    secondPart = this.get('interval') % 60 === 0 ? '' : ':ss';
+    format = this.model.timespan() > 24 * 60 * 60 ? "yyyy.MM.dd HH:mm" + secondPart : "HH:mm" + secondPart;
+    return $.extend(true, SeriesPresenter.__super__.options.call(this), {
+      lineWidth: 1,
+      chartArea: {
+        width: '100%'
+      },
+      legend: {
+        position: 'bottom'
+      },
+      vAxis: {
+        title: this.valuesTitle(),
+        textPosition: 'in'
+      },
+      hAxis: {
+        format: format
+      },
+      series: this.get('series').options,
+      axisTitlesPosition: 'in'
+    });
+  };
 
-      __extends(LinePresenter, _super);
+  SeriesPresenter.prototype.valuesTitle = function() {
+    if (this.get('valuesTitle')) {
+      return "" + (this.get('valuesTitle')) + " / " + (this.humanizedInterval());
+    } else {
+      return this.humanizedInterval();
+    }
+  };
 
-      LinePresenter.name = 'LinePresenter';
+  SeriesPresenter.prototype.humanizedInterval = function() {
+    return this.get('interval').humanize();
+  };
 
-      function LinePresenter() {
-        return LinePresenter.__super__.constructor.apply(this, arguments);
+  SeriesPresenter.prototype.cutoff = function(min, max) {
+    var _this = this;
+    return _.each(this.get('series').rows, function(row) {
+      var i, value, _i, _ref, _results;
+      _results = [];
+      for (i = _i = 1, _ref = row.length - 1; 1 <= _ref ? _i <= _ref : _i >= _ref; i = 1 <= _ref ? ++_i : --_i) {
+        value = row[i];
+        if (value == null) {
+          value = 0;
+        }
+        _results.push(row[i] = _this.cutoffValue(value, min, max));
       }
+      return _results;
+    });
+  };
 
-      LinePresenter.prototype.visualization = 'LineChart';
+  return SeriesPresenter;
 
-      return LinePresenter;
+})(TimelinePresenter);
+var LinePresenter,
+  __hasProp = {}.hasOwnProperty,
+  __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
 
-    })(SeriesPresenter);
-    AreaPresenter = (function(_super) {
+LinePresenter = (function(_super) {
 
-      __extends(AreaPresenter, _super);
+  __extends(LinePresenter, _super);
 
-      AreaPresenter.name = 'AreaPresenter';
+  function LinePresenter() {
+    return LinePresenter.__super__.constructor.apply(this, arguments);
+  }
 
-      function AreaPresenter() {
-        return AreaPresenter.__super__.constructor.apply(this, arguments);
-      }
+  LinePresenter.prototype.visualization = 'LineChart';
 
-      AreaPresenter.prototype.visualization = 'AreaChart';
+  return LinePresenter;
 
-      return AreaPresenter;
+})(SeriesPresenter);
+var AreaPresenter,
+  __hasProp = {}.hasOwnProperty,
+  __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
 
-    })(SeriesPresenter);
-    TablePresenter = (function(_super) {
+AreaPresenter = (function(_super) {
 
-      __extends(TablePresenter, _super);
+  __extends(AreaPresenter, _super);
 
-      TablePresenter.name = 'TablePresenter';
+  function AreaPresenter() {
+    return AreaPresenter.__super__.constructor.apply(this, arguments);
+  }
 
-      function TablePresenter() {
-        return TablePresenter.__super__.constructor.apply(this, arguments);
-      }
+  AreaPresenter.prototype.visualization = 'AreaChart';
 
-      TablePresenter.prototype.visualization = 'Table';
+  return AreaPresenter;
 
-      TablePresenter.prototype.cutoff = function() {};
+})(SeriesPresenter);
+var TablePresenter,
+  __hasProp = {}.hasOwnProperty,
+  __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
 
-      TablePresenter.prototype.options = function() {
-        return $.extend(true, TablePresenter.__super__.options.call(this), {
-          sortColumn: 0,
-          sortAscending: false
-        });
-      };
+TablePresenter = (function(_super) {
 
-      return TablePresenter;
+  __extends(TablePresenter, _super);
 
-    })(TimelinePresenter);
-    GaugePresenter = (function(_super) {
+  function TablePresenter() {
+    return TablePresenter.__super__.constructor.apply(this, arguments);
+  }
 
-      __extends(GaugePresenter, _super);
+  TablePresenter.prototype.visualization = 'Table';
 
-      GaugePresenter.name = 'GaugePresenter';
+  TablePresenter.prototype.cutoff = function() {};
 
-      function GaugePresenter() {
-        return GaugePresenter.__super__.constructor.apply(this, arguments);
-      }
+  TablePresenter.prototype.options = function() {
+    return $.extend(true, TablePresenter.__super__.options.call(this), {
+      sortColumn: 0,
+      sortAscending: false
+    });
+  };
 
-      GaugePresenter.prototype.visualization = 'Gauge';
+  return TablePresenter;
 
-      GaugePresenter.prototype.cutoff = function() {};
+})(TimelinePresenter);
+var GaugePresenter,
+  __hasProp = {}.hasOwnProperty,
+  __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
 
-      GaugePresenter.prototype.data = function() {
-        var data;
-        data = GaugePresenter.__super__.data.call(this);
-        data.addColumn('string', 'Label');
-        data.addColumn('number', this.get('valuesTitle'));
-        data.addRows(this.get('series'));
-        return data;
-      };
+GaugePresenter = (function(_super) {
 
-      return GaugePresenter;
+  __extends(GaugePresenter, _super);
 
-    })(WidgetPresenter);
-    Widget = Backbone.Model.extend({
-      initialize: function() {
-        this.needRefresh = true;
-        this.setNextFetch();
-        return this.timespanInc = 0;
-      },
-      increaseTimespan: function(inc) {
-        this.timespanInc = this.timespanInc + inc;
-        return this.forceUpdate();
-      },
-      resetTimespan: function() {
-        this.timespanInc = 0;
-        return this.forceUpdate();
-      },
-      timespan: function() {
-        return this.get('timespan') + this.timespanInc;
-      },
-      url: function() {
-        var timespan;
-        timespan = this.timespan();
-        if (_.isNaN(timespan)) {
-          return "" + (this.collection.url()) + "/" + (this.get('id'));
-        } else {
-          return "" + (this.collection.url()) + "/" + (this.get('id')) + "?timespan=" + timespan;
-        }
-      },
-      time: function() {
-        return (new Date()).getTime();
-      },
-      setNextFetch: function() {
-        return this.nextFetch = this.time() + this.get('redrawInterval') * 1000;
-      },
-      setRefresh: function(needRefresh) {
-        return this.needRefresh = needRefresh;
-      },
-      needFetch: function() {
-        var interval;
-        interval = this.get('redrawInterval');
-        return this.time() > this.nextFetch && this.needRefresh && (interval != null) && interval > 0;
-      },
-      refetch: function() {
-        if (this.needFetch()) {
-          this.forceUpdate();
-          return this.setNextFetch();
-        }
-      },
-      forceUpdate: function() {
-        return this.fetch({
-          success: function(model, response) {
-            return model.trigger('redraw');
-          }
-        });
-      }
+  function GaugePresenter() {
+    return GaugePresenter.__super__.constructor.apply(this, arguments);
+  }
+
+  GaugePresenter.prototype.visualization = 'Gauge';
+
+  GaugePresenter.prototype.cutoff = function() {};
+
+  GaugePresenter.prototype.data = function() {
+    var data;
+    data = GaugePresenter.__super__.data.call(this);
+    data.addColumn('string', 'Label');
+    data.addColumn('number', this.get('valuesTitle'));
+    data.addRows(this.get('series'));
+    return data;
+  };
+
+  return GaugePresenter;
+
+})(WidgetPresenter);
+var PageTitleView;
+
+PageTitleView = Backbone.View.extend({
+  tagName: 'li',
+  template: _.template('<a href="#/pages/<%= id  %>"><%= title %></a>'),
+  initialize: function() {
+    this.model.bind('change', this.render, this);
+    return this.model.bind('destroy', this.remove, this);
+  },
+  render: function() {
+    this.$el.html(this.template(this.model.toJSON()));
+    if (this.model.get('selected')) {
+      return this.$el.addClass('active');
+    } else {
+      return this.$el.removeClass('active');
+    }
+  }
+});
+var PageTitlesView;
+
+PageTitlesView = Backbone.View.extend({
+  initialize: function(pageInfos) {
+    this.pageInfos = pageInfos;
+    return this.pageInfos.bind('reset', this.render, this);
+  },
+  addOne: function(pageInfo) {
+    var view;
+    view = new PageTitleView({
+      model: pageInfo
     });
-    DynamicWidget = Backbone.Model.extend({
-      increaseTimespan: function(inc) {
-        return this.set('timespan', this.timespan() + inc);
-      },
-      resetTimespan: function() {
-        return this.set('timespan', null);
-      },
-      timespan: function() {
-        return this.get('timespan');
-      },
-      sensorArgs: function() {
-        return _.map(this.get('sensorIds'), function(name) {
-          return "sensor[]=" + name;
-        }).join('&');
-      },
-      url: function() {
-        var timespan, url;
-        url = "" + ROOT + "dynamic_widget?" + (this.sensorArgs()) + "&type=" + (this.get('type'));
-        timespan = this.timespan();
-        if ((timespan != null) && !_.isNaN(timespan)) {
-          url = "" + url + "&timespan=" + timespan;
-        }
-        return url;
-      },
-      forceUpdate: function() {
-        return this.fetch({
-          success: function(model, response) {
-            return model.trigger('redraw');
-          }
-        });
-      }
+    view.render();
+    return $('#page-titles').append(view.el);
+  },
+  render: function() {
+    $('#page-titles').empty();
+    return this.pageInfos.each(this.addOne);
+  }
+});
+var SensorInfoListView;
+
+SensorInfoListView = Backbone.View.extend({
+  tagName: 'div',
+  template: function() {
+    return _.template($("#sensor-list").html());
+  },
+  initialize: function(sensorInfo) {
+    this.sensorInfo = sensorInfo;
+    return this.sensorInfo.bind('reset', this.render, this);
+  },
+  render: function() {
+    return this.$el.html(this.template()({
+      sensors: this.sensorInfo.toJSON()
+    }));
+  },
+  selectedSensors: function() {
+    var checked, ids, selected;
+    checked = _.filter(this.$el.find('.sensor-box'), function(el) {
+      return $(el).is(':checked');
     });
-    WidgetList = Backbone.Collection.extend({
-      model: Widget,
-      url: function() {
-        return ROOT + 'pages/' + pageInfos.selected().id + '/widgets';
-      }
+    ids = {};
+    _.each(checked, function(box) {
+      return ids[box.id] = true;
     });
-    SensorInfo = Backbone.Model.extend({});
-    SensorInfoList = Backbone.Collection.extend({
-      model: SensorInfo,
-      url: function() {
-        return ROOT + 'sensors';
-      }
+    return selected = this.sensorInfo.filter(function(sensor) {
+      return ids[sensor.id];
     });
-    SensorInfoListView = Backbone.View.extend({
-      tagName: 'div',
-      template: function() {
-        return _.template($("#sensor-list").html());
-      },
-      initialize: function(sensorInfo) {
-        this.sensorInfo = sensorInfo;
-        return this.sensorInfo.bind('reset', this.render, this);
-      },
-      render: function() {
-        return this.$el.html(this.template()({
-          sensors: this.sensorInfo.toJSON()
-        }));
-      },
-      selectedSensors: function() {
-        var checked, ids, selected;
-        checked = _.filter(this.$el.find('.sensor-box'), function(el) {
-          return $(el).is(':checked');
-        });
-        ids = {};
-        _.each(checked, function(box) {
-          return ids[box.id] = true;
-        });
-        return selected = this.sensorInfo.filter(function(sensor) {
-          return ids[sensor.id];
-        });
-      }
+  }
+});
+var DynamicChartView;
+
+DynamicChartView = Backbone.View.extend({
+  initialize: function(options) {
+    this.pageInfos = options['pageInfos'];
+    this.sensors = [];
+    this.type = 'Area';
+    this.widget = new DynamicWidget;
+    this.widget.bind('destroy', this.remove, this);
+    return this.widget.bind('redraw', this.redrawChart, this);
+  },
+  tagName: 'div',
+  events: {
+    "click #refresh-chart": 'update',
+    "click #extend-timespan": 'extendTimespan',
+    "click #reset-timespan": 'resetTimespan',
+    "change #start-time input": 'maybeEnableStopTime',
+    "click #set-interval": 'setTimelineInterval'
+  },
+  template: function() {
+    return _.template($("#dynamic-widget-plotarea").html());
+  },
+  render: function() {
+    this.$el.html(this.template()());
+    return this.initDatePickers();
+  },
+  initDatePickers: function() {
+    this.$el.find(".datepicker").each(function(i) {
+      return $(this).datetimepicker({
+        showOtherMonths: true,
+        selectOtherMonths: true
+      });
     });
-    DynamicChartView = Backbone.View.extend({
-      initialize: function() {
-        this.sensors = [];
-        this.type = 'Area';
-        this.widget = new DynamicWidget;
-        this.widget.bind('destroy', this.remove, this);
-        return this.widget.bind('redraw', this.redrawChart, this);
-      },
-      tagName: 'div',
-      events: {
-        "click #refresh-chart": 'update',
-        "click #extend-timespan": 'extendTimespan',
-        "click #reset-timespan": 'resetTimespan'
-      },
-      template: function() {
-        return _.template($("#dynamic-widget-plotarea").html());
-      },
-      render: function() {
-        return this.$el.html(this.template()());
-      },
-      extendTimespan: function() {
-        var select, val;
-        select = this.$el.find("#extend-timespan-val");
-        val = select.first().val();
-        this.widget.increaseTimespan(parseInt(val));
-        return this.update();
-      },
-      resetTimespan: function() {
-        this.widget.resetTimespan();
-        return this.update();
-      },
-      sensorIds: function() {
-        return _.map(this.sensors, function(s) {
-          return s.id;
-        });
-      },
-      redrawChart: function() {
-        if (this.presenter) {
-          return this.presenter.draw();
-        } else {
-          return this.presenter = WidgetPresenter.create(this.widget, this.chartContainer());
-        }
-      },
-      chartContainer: function() {
-        return this.$el.find('#chart')[0];
-      },
-      update: function() {
-        if (this.sensors.length > 0) return this.widget.forceUpdate();
-      },
-      draw: function(sensors, type) {
-        this.sensors = sensors;
-        this.type = type;
-        this.widget.set('sensorIds', this.sensorIds());
-        this.widget.set('type', this.type);
-        this.presenter = null;
-        $(this.chartContainer()).empty();
-        return this.widget.forceUpdate();
-      }
+    return this.$el.find("#end-time input").prop("disabled", true);
+  },
+  setTimelineInterval: function() {
+    var end, start;
+    start = this.unixtimeFromDatepicker("#start-time input");
+    end = this.unixtimeFromDatepicker("#end-time input");
+    this.widget.setStartTime(start);
+    this.widget.setEndTime(end);
+    return this.update();
+  },
+  dateFromDatepicker: function(id) {
+    return this.$el.find(id).datetimepicker("getDate");
+  },
+  unixtimeFromDatepicker: function(id) {
+    var date;
+    date = this.dateFromDatepicker(id);
+    if (date) {
+      return date.getTime() / 1000;
+    } else {
+      return null;
+    }
+  },
+  maybeEnableStopTime: function() {
+    var date, disabled;
+    date = this.dateFromDatepicker("#start-time input");
+    disabled = date ? false : true;
+    return this.$el.find("#end-time input").prop("disabled", disabled);
+  },
+  extendTimespan: function() {
+    var select, val;
+    select = this.$el.find("#extend-timespan-val");
+    val = select.first().val();
+    this.widget.increaseTimespan(parseInt(val));
+    return this.update();
+  },
+  resetTimespan: function() {
+    this.widget.resetTimespan();
+    return this.update();
+  },
+  sensorIds: function() {
+    return _.map(this.sensors, function(s) {
+      return s.id;
     });
-    DynamicWidgetView = Backbone.View.extend({
-      tagName: 'div',
-      initialize: function() {
-        this.sensorInfo = new SensorInfoList;
-        this.sensorListView = new SensorInfoListView(this.sensorInfo);
-        this.chartView = new DynamicChartView;
-        this.$el.html(this.template()());
-        this.$el.find('#sensor-list-area').append(this.sensorListView.el);
-        this.chartView.render();
-        return this.$el.find('#dynamic-plotarea').append(this.chartView.el);
-      },
-      events: {
-        "click #sensor-controls #refresh": 'refresh',
-        "click #sensor-controls #draw": 'drawChart'
-      },
-      template: function() {
-        return _.template($("#dynamic-widget").html());
-      },
-      errorTemplate: function() {
-        return _.template($("#dynamic-widget-error").html());
-      },
-      error: function(error) {
-        return this.$el.find('#errors').append(this.errorTemplate()({
-          error: error
-        }));
-      },
-      refresh: function() {
-        return this.sensorInfo.fetch();
-      },
-      intervalsEqual: function(sensors) {
-        var badIntervals, interval;
-        interval = sensors[0].get('interval');
-        badIntervals = _.filter(sensors, function(s) {
-          return s.get('interval') !== interval;
-        });
-        return badIntervals.length === 0;
-      },
-      drawChart: function() {
-        var selectedSensors, type;
-        selectedSensors = this.sensorListView.selectedSensors();
-        if (!(selectedSensors.length > 0)) return;
-        if (!this.intervalsEqual(selectedSensors)) {
-          this.error('Selected sensors have different intervals');
-          return;
-        }
-        type = this.$el.find('#chart-type').val();
-        return this.chartView.draw(selectedSensors, type);
-      },
-      render: function(container) {
-        container.empty();
-        container.append(this.$el);
-        this.sensorInfo.fetch();
-        return this.chartView.update();
-      }
+  },
+  redrawChart: function() {
+    if (this.presenter) {
+      return this.presenter.draw();
+    } else {
+      return this.presenter = WidgetPresenter.create(this.pageInfos, this.widget, this.chartContainer());
+    }
+  },
+  chartContainer: function() {
+    return this.$el.find('#chart')[0];
+  },
+  update: function() {
+    if (this.sensors.length > 0) {
+      return this.widget.forceUpdate();
+    }
+  },
+  draw: function(sensors, type) {
+    this.sensors = sensors;
+    this.type = type;
+    this.widget.set('sensorIds', this.sensorIds());
+    this.widget.set('type', this.type);
+    this.presenter = null;
+    $(this.chartContainer()).empty();
+    return this.widget.forceUpdate();
+  }
+});
+var DynamicWidgetView;
+
+DynamicWidgetView = Backbone.View.extend({
+  tagName: 'div',
+  initialize: function(options) {
+    this.pageInfos = options['pageInfos'];
+    this.sensorInfo = new SensorInfoList;
+    this.sensorListView = new SensorInfoListView(this.sensorInfo);
+    this.chartView = new DynamicChartView({
+      pageInfos: this.pageInfos
     });
-    WidgetChartView = Backbone.View.extend({
-      tagName: 'div',
-      initialize: function() {
-        return this.model.bind('destroy', this.remove, this);
-      },
-      updateData: function(min, max) {
-        return this.presenter.draw(min, max);
-      },
-      render: function() {
-        return this.presenter = WidgetPresenter.create(this.model, this.el);
-      }
+    this.$el.html(this.template()());
+    this.$el.find('#sensor-list-area').append(this.sensorListView.el);
+    this.chartView.render();
+    return this.$el.find('#dynamic-plotarea').append(this.chartView.el);
+  },
+  events: {
+    "click #sensor-controls #refresh": 'refresh',
+    "click #sensor-controls #draw": 'drawChart'
+  },
+  template: function() {
+    return _.template($("#dynamic-widget").html());
+  },
+  errorTemplate: function() {
+    return _.template($("#dynamic-widget-error").html());
+  },
+  error: function(error) {
+    return this.$el.find('#errors').append(this.errorTemplate()({
+      error: error
+    }));
+  },
+  refresh: function() {
+    return this.sensorInfo.fetch();
+  },
+  intervalsEqual: function(sensors) {
+    var badIntervals, interval;
+    interval = sensors[0].get('interval');
+    badIntervals = _.filter(sensors, function(s) {
+      return s.get('interval') !== interval;
     });
-    WidgetView = Backbone.View.extend({
-      tagName: 'div',
-      template: function() {
-        return _.template($(".widget-template[data-widget-type=\"" + (this.model.get('type')) + "\"]").html());
-      },
-      initialize: function() {
-        this.model.bind('destroy', this.remove, this);
-        return this.model.bind('redraw', this.updateChart, this);
-      },
-      events: {
-        "click #refresh": 'refresh',
-        "click #need-refresh": 'setRefresh',
-        "click #extend-timespan": 'extendTimespan',
-        "click #reset-timespan": 'resetTimespan'
-      },
-      refresh: function() {
-        return this.model.forceUpdate();
-      },
-      setRefresh: function() {
-        var needRefresh;
-        needRefresh = this.$el.find('#need-refresh').is(":checked");
-        this.model.setRefresh(needRefresh);
-        return true;
-      },
-      extendTimespan: function() {
-        var select, val;
-        select = this.$el.find("#extend-timespan-val");
-        val = select.first().val();
-        return this.model.increaseTimespan(parseInt(val));
-      },
-      resetTimespan: function() {
-        return this.model.resetTimespan();
-      },
-      renderChart: function() {
-        return this.chartView.render();
-      },
-      updateChart: function() {
-        return this.chartView.updateData(this.cutoffMin(), this.cutoffMax());
-      },
-      render: function() {
-        this.$el.html(this.template(this.model.toJSON()));
-        this.chartView = new WidgetChartView({
-          model: this.model
-        });
-        this.$el.find("#plotarea").append(this.chartView.el);
-        return this.$el.addClass("span" + (this.model.get('width')));
-      },
-      cutoffMin: function() {
-        var val;
-        val = parseFloat(this.controlValue('#cutoff-min'));
-        if (_.isNaN(val)) {
-          return null;
-        } else {
-          return val;
-        }
-      },
-      cutoffMax: function() {
-        var val;
-        val = parseFloat(this.controlValue('#cutoff-max'));
-        if (_.isNaN(val)) {
-          return null;
-        } else {
-          return val;
-        }
-      },
-      controlValue: function(id) {
-        var val;
-        return val = this.$el.find(id).first().val();
-      }
+    return badIntervals.length === 0;
+  },
+  drawChart: function() {
+    var selectedSensors, type;
+    selectedSensors = this.sensorListView.selectedSensors();
+    if (!(selectedSensors.length > 0)) {
+      return;
+    }
+    if (!this.intervalsEqual(selectedSensors)) {
+      this.error('Selected sensors have different intervals');
+      return;
+    }
+    type = this.$el.find('#chart-type').val();
+    return this.chartView.draw(selectedSensors, type);
+  },
+  render: function(container) {
+    container.empty();
+    container.append(this.$el);
+    this.sensorInfo.fetch();
+    return this.chartView.update();
+  }
+});
+var WidgetChartView;
+
+WidgetChartView = Backbone.View.extend({
+  tagName: 'div',
+  initialize: function(options) {
+    this.pageInfos = options['pageInfos'];
+    return this.model.bind('destroy', this.remove, this);
+  },
+  updateData: function(min, max) {
+    return this.presenter.draw(min, max);
+  },
+  render: function() {
+    return this.presenter = WidgetPresenter.create(this.pageInfos, this.model, this.el);
+  }
+});
+var WidgetView;
+
+WidgetView = Backbone.View.extend({
+  tagName: 'div',
+  template: function(args) {
+    return _.template($(".widget-template[data-widget-type=\"" + (this.model.get('type')) + "\"]").html())(args);
+  },
+  initialize: function(options) {
+    this.pageInfos = options['pageInfos'];
+    this.model.bind('destroy', this.remove, this);
+    return this.model.bind('redraw', this.updateChart, this);
+  },
+  events: {
+    "click #refresh": 'refresh',
+    "click #need-refresh": 'setRefresh',
+    "click #extend-timespan": 'extendTimespan',
+    "click #reset-timespan": 'resetTimespan',
+    "change #start-time input": 'maybeEnableStopTime',
+    "click #set-interval": 'setTimelineInterval'
+  },
+  refresh: function() {
+    return this.model.forceUpdate();
+  },
+  setRefresh: function() {
+    var needRefresh;
+    needRefresh = this.$el.find('#need-refresh').is(":checked");
+    this.model.setRefresh(needRefresh);
+    return true;
+  },
+  extendTimespan: function() {
+    var select, val;
+    select = this.$el.find("#extend-timespan-val");
+    val = select.first().val();
+    return this.model.increaseTimespan(parseInt(val));
+  },
+  setTimelineInterval: function() {
+    var end, start;
+    start = this.unixtimeFromDatepicker("#start-time input");
+    end = this.unixtimeFromDatepicker("#end-time input");
+    this.model.setStartTime(start);
+    return this.model.setEndTime(end);
+  },
+  maybeEnableStopTime: function() {
+    var date, disabled;
+    date = this.dateFromDatepicker("#start-time input");
+    disabled = date ? false : true;
+    return this.$el.find("#end-time input").prop("disabled", disabled);
+  },
+  resetTimespan: function() {
+    return this.model.resetTimespan();
+  },
+  renderChart: function() {
+    return this.chartView.render();
+  },
+  updateChart: function() {
+    return this.chartView.updateData(this.cutoffMin(), this.cutoffMax());
+  },
+  setIds: function() {
+    this.$el.find('#configure-button').prop('href', "#configure-" + this.model.id);
+    this.$el.find('#configure').attr('id', "configure-" + this.model.id);
+    this.$el.find('#start-time input').attr('id', "start-time-" + this.model.id);
+    return this.$el.find('#end-time input').attr('id', "end-time-" + this.model.id);
+  },
+  render: function() {
+    this.$el.html(this.template(this.model.toJSON()));
+    this.setIds();
+    this.chartView = new WidgetChartView({
+      pageInfos: this.pageInfos,
+      model: this.model
     });
-    widgetList = new WidgetList;
-    setInterval(function() {
-      if (pageInfos.selected()) {
-        return widgetList.each(function(w) {
-          return w.refetch();
-        });
-      }
-    }, 200);
-    WidgetListView = Backbone.View.extend({
-      initialize: function() {
-        return widgetList.bind('reset', this.render, this);
-      },
-      render: function() {
-        var container;
-        container = $('#widgets');
-        container.empty();
-        return widgetList.each(function(w) {
-          var view;
-          view = new WidgetView({
-            model: w
-          });
-          view.render();
-          container.append(view.el);
-          return view.renderChart();
-        });
-      }
+    this.$el.find("#plotarea").append(this.chartView.el);
+    this.$el.addClass("span" + (this.model.get('width')));
+    return this.initDatePickers();
+  },
+  initDatePickers: function() {
+    this.$el.find(".datepicker").each(function(i) {
+      return $(this).datetimepicker({
+        showOtherMonths: true,
+        selectOtherMonths: true
+      });
     });
-    widgetListApp = new WidgetListView;
-    AppRouter = Backbone.Router.extend({
-      routes: {
-        'pages/:id': 'getPage',
-        'custom': 'custom',
-        '*actions': 'defaultRoute'
-      },
-      getPage: function(ids) {
-        var id;
-        id = parseInt(ids);
-        pageInfos.selectPage(id);
-        return widgetList.fetch();
-      },
-      custom: function() {
-        var dynamicWidget;
-        pageInfos.selectNone();
-        dynamicWidget = new DynamicWidgetView;
-        return dynamicWidget.render($('#widgets'));
-      },
-      defaultRoute: function(actions) {
-        if (pageInfos.length > 0) {
-          return this.navigate('//pages/1');
-        } else {
-          return this.navigate('//custom');
-        }
-      }
+    return this.$el.find("#end-time input").prop("disabled", true);
+  },
+  cutoffMin: function() {
+    var val;
+    val = parseFloat(this.controlValue('#cutoff-min'));
+    if (_.isNaN(val)) {
+      return null;
+    } else {
+      return val;
+    }
+  },
+  cutoffMax: function() {
+    var val;
+    val = parseFloat(this.controlValue('#cutoff-max'));
+    if (_.isNaN(val)) {
+      return null;
+    } else {
+      return val;
+    }
+  },
+  controlValue: function(id) {
+    var val;
+    return val = this.$el.find(id).first().val();
+  },
+  dateFromDatepicker: function(id) {
+    return this.$el.find(id).datetimepicker("getDate");
+  },
+  unixtimeFromDatepicker: function(id) {
+    var date;
+    date = this.dateFromDatepicker(id);
+    if (date) {
+      return date.getTime() / 1000;
+    } else {
+      return null;
+    }
+  }
+});
+var WidgetListView;
+
+WidgetListView = Backbone.View.extend({
+  initialize: function(options) {
+    this.widgetList = options['widgetList'];
+    this.pageInfos = options['pageInfos'];
+    return this.widgetList.bind('reset', this.render, this);
+  },
+  render: function() {
+    var container,
+      _this = this;
+    container = $('#widgets');
+    container.empty();
+    return this.widgetList.each(function(w) {
+      var view;
+      view = new WidgetView({
+        pageInfos: _this.pageInfos,
+        model: w
+      });
+      view.render();
+      container.append(view.el);
+      return view.renderChart();
     });
-    appRouter = new AppRouter;
-    return Backbone.history.start();
-  };
-
-}).call(this);
+  }
+});
+var AppRouter;
+
+AppRouter = Backbone.Router.extend({
+  initialize: function(pageInfos, widgetList) {
+    this.pageInfos = pageInfos;
+    this.widgetList = widgetList;
+  },
+  routes: {
+    'pages/:id': 'getPage',
+    'custom': 'custom',
+    '*actions': 'defaultRoute'
+  },
+  getPage: function(ids) {
+    var id;
+    id = parseInt(ids);
+    this.pageInfos.selectPage(id);
+    return this.widgetList.fetch();
+  },
+  custom: function() {
+    var dynamicWidget;
+    this.pageInfos.selectNone();
+    dynamicWidget = new DynamicWidgetView({
+      pageInfos: this.pageInfos
+    });
+    return dynamicWidget.render($('#widgets'));
+  },
+  defaultRoute: function(actions) {
+    if (this.pageInfos.length > 0) {
+      return this.navigate('//pages/1');
+    } else {
+      return this.navigate('//custom');
+    }
+  }
+});
+
+document.startApp = function() {
+  var appRouter, pageInfos, pageTitlesApp, widgetList, widgetListApp;
+  pageInfos = new PageInfoList;
+  pageTitlesApp = new PageTitlesView(pageInfos);
+  pageInfos.reset(gon.pageInfos);
+  widgetList = new WidgetList;
+  widgetList.setContext(pageInfos);
+  widgetList.startPolling();
+  widgetListApp = new WidgetListView({
+    widgetList: widgetList,
+    pageInfos: pageInfos
+  });
+  appRouter = new AppRouter(pageInfos, widgetList);
+  return Backbone.history.start();
+};