RubyGems - pulse_meter-dygraphs_visualizer - Versions diffs - 0.4.15 - Mend

pulse_meter-dygraphs_visualizer 0.4.15

Files changed (109) hide show

data/lib/pulse_meter/dygraphs_visualize/public/favicon.ico ADDED Viewed

@@ -0,0 +1,208 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <!-- META -->
+    <meta charset="utf-8">
+    <meta content="en" name="language">
+	<meta name="description" content="Free Online Icons Converter - Convert PNG to ICO and ICO to PNG files : Win 7 & Windows Vista compatible icons">
+	<meta name="keywords" content="convert, png, ico, free, freeware, vista, icons, ico">
+	<meta content="follow, index, all" name="robots">
+    <!-- TITLE -->
+    <title>ConvertICO.com - Convert .PNG format files to .ICO or .ICO format files to .PNG : Windows 7 compatible icons</title>
+    <!-- CSS -->
+    <link href="styles/base.css" rel="stylesheet" type="text/css" >
+    <!--[if IE 7]> <link href="styles/ie7.css" rel="stylesheet" type="text/css" > <![endif]-->
+    <!--[if IE 8]> <link href="styles/ie8.css" rel="stylesheet" type="text/css" > <![endif]-->
+    <!--[if IE 9]> <link href="styles/ie9.css" rel="stylesheet" type="text/css" > <![endif]-->
+    <!-- FAVICON -->
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" >
+    <!-- TYPEKIT -->
+    <script type="text/javascript" src="http://use.typekit.com/jws7edv.js"></script>
+	<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+    <!-- JS -->
+    <script type="text/javascript" src="scripts/jquery.js"></script>
+    <script type="text/javascript" src="scripts/jquery.imagesloaded.js"></script>
+    <script type="text/javascript" src="scripts/jquery.form.js"></script>
+    <script type="text/javascript" src="scripts/spin.min.js"></script>
+    <script type="text/javascript" src="scripts/modernizr.js"></script>
+    <script type="text/javascript" src="scripts/ba-debug.min.js"></script>
+    <script type="text/javascript" src="scripts/main.js"></script>
+    <!--[if IE]> <style type="text/css">img { behavior: url(scripts/iepngfix.htc) }</style> <![endif]-->
+</head>
+<body>
+<!-- BuySellAds.com Ad Code -->
+<script type="text/javascript">
+(function(){
+  var bsa = document.createElement('script');
+     bsa.type = 'text/javascript';
+     bsa.async = true;
+     bsa.src = 'http://s3.buysellads.com/ac/bsa.js';
+  (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
+})();
+</script>
+<div id="top">
+	<div class="container">
+    	<ul id="network">
+        	<li class="parent">proIcons Network</li>
+            <li><a href="http://www.proicons.com">proIcons.com</a></li>
+            <li><a href="http://www.windowsico.com">WindowsICO.com</a></li>
+            <li class="selected"><a href="http://www.convertico.com">ConvertICO.com</a></li>
+            <li><a href="http://www.favico.com">FavICO.com</a></li>
+        </ul><!-- #network -->
+        <div id="counter">
+        	<p><span class="total">6,088,770</span> Icons Converted
+        	<span class="hour">1,163</span> In The Last Hour</p>
+        </div><!-- #counter -->
+    </div><!-- .container -->
+</div><!-- #top -->
+<div id="main">
+	<div class="container">
+    	<div class="lcol">
+        	<div id="intro">
+                <h2><a href="" id="logo">CI</a> ConvertIco</h2>
+                <h3>PNG to ICO / ICO to PNG Conversion</h3>
+                <p><strong>ConvertICO</strong> is a <strong>Free Online ICO/PNG File Converter</strong>.
+    It is fast, free and easy to use. It is used to convert Desktop Icons, App Icons as well as the much needed favicons for websites. Go ahead and give it a try, you will be pleased. <a class="expand" href="#instructions">Click Here for Instructions</a></p>
+    			<div class="how">
+                <p>How to Convert Files:</p>
+                <ol>
+                	<li>To convert a file located on a webserver: just enter the URL<br> For example: http://google.com/filename.png and click the GO button.</li>
+                    <li>To convert a file located on your computer: click Browse, locate the file on your computer and then click the GO button.</li>
+                </ol>
+                </div><!-- .how -->
+            </div><!-- #intro -->
+            <script type="text/javascript"><!--
+google_ad_client = "ca-pub-7595495923317249";
+/* ConvertICO 468x60 */
+google_ad_slot = "1090461791";
+google_ad_width = 468;
+google_ad_height = 60;
+//-->
+</script>
+<script type="text/javascript"
+src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
+</script>
+            <div id="convert">
+        	<form name="myform" id="fConvert" action="appleJax.php" method="post" enctype="multipart/form-data">
+                <div class="col1-2">
+                    <div class="url">
+	                    <label>Select File From URL</label>
+	                    <input name="remoteimgfile" type="text" class="text" value="http://">
+                    </div><!-- .url -->
+                    <div class="file">
+	                    <label>Select File From Your Computer</label>
+	                    <input name="imgfile" class="file" type="file" size="59">
+	                    <input class="fakefile" name="" type="text" value="">
+	                    <div class="browse">Browse</div>
+                    </div>
+                    <!-- .file -->
+                </div><!-- .col1-2 -->
+                <div class="col2-2">
+                    <div id="subContain" class="action">
+                    	<input class="submit" name="" type="submit" value="GO">
+                    </div>
+                    <!-- .action -->
+                </div><!-- .col2-2 -->
+            	<input id="selected" name="selected" type="hidden">
+            </form>
+            <div id="recent">
+            	<h4>Recently Converted</h4>
+            	<div id="recentView">
+	            	<ul class="iconslist">
+	                    <li><img src="/images/1341004889.56/_previmg.png" alt='The latest Converted Icons'/></li><li><img src="/images/1341004888.57/_previmg.png" alt='The latest Converted Icons'/></li><li><img src="/images/1341004888.42/_previmg.png" alt='The latest Converted Icons'/></li><li><img src="/images/1341004883.7/_previmg.png" alt='The latest Converted Icons'/></li><li><img src="/images/1341004875.68/_previmg.png" alt='The latest Converted Icons'/></li><li><img src="/images/1341004873.53/_previmg.png" alt='The latest Converted Icons'/></li><li><img src="/images/1341004866.37/_previmg.png" alt='The latest Converted Icons'/></li><li><img src="/images/1341004861.66/_previmg.png" alt='The latest Converted Icons'/></li>	                </ul>
+	        	</div>
+            </div><!-- #recent -->
+        </div><!-- #convert -->
+        </div><!-- .lcol -->
+        <div class="rcol">
+        	<div id="ads">
+                <div class="wrap">
+<script type="text/javascript"><!--
+google_ad_client = "ca-pub-7595495923317249";
+/* 336x280, created 4/6/11 */
+google_ad_slot = "9617101975";
+google_ad_width = 336;
+google_ad_height = 280;
+//-->
+</script>
+<script type="text/javascript"
+src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
+</script>
+                </div><!-- .wrap -->
+            </div><!-- #ads -->
+            <div id="results">
+                <div id="noicons">
+                    <h5>Start Converting Icons Now</h5>
+                    <p>Icons will appear here once you convert them</p>
+                </div><!-- #noicons -->
+            <!-- BuySellAds.com Zone Code -->
+            <div id="bsap_1270400" class="bsarocks bsap_3efb91f3af086a588acca7a4eff4e700"></div>
+            <!-- End BuySellAds.com Zone Code -->
+            </div><!-- #results -->
+        </div><!-- .rcol -->
+    </div><!-- .container -->
+</div><!-- #main -->
+<div id="footer">
+	<div class="container">
+        <div class="col3">
+        	<h4>About</h4>
+            <p>ConvertICO was created by the proIcons.com team to help designers around the world have an easier time converting their icons from <b>png to ico</b> and viceversa. Stay tuned for updates and new features!</p>
+        </div><!-- .col3 -->
+        <div class="col3 mid">
+        	<h4>Privacy Statement</h4>
+            <p>This website does not gather any personal info, computer specs or IP. However, your icons are stored publicly. If you do not wish your items to be stored publicly, do not use this website.</p>
+        </div><!-- .col3 -->
+        <div class="col3">
+        	<h4>Terms of Use</h4>
+            <p>By using this website to convert your icons, you acknowledge that we are in no way responsible for data error, losses or discrepancies in the conversion. You use the software at your own risk.</p>
+        </div><!-- .col3 -->
+        <div id="copy">
+        	<p class="feedback">For <strong>Feedback</strong>, <strong>Suggestions</strong> and <strong>Errors</strong>, write to <em>info at proicons dot com</em></p>
+            <p>&copy; 2008-2012 ConvertICO.COM, a creation and property of the proIcons.com network. All rights reserved.</p>
+        </div><!-- #copy -->
+    </div><!-- .container -->
+</div><!-- #footer -->
+<script type="text/javascript">
+  var _gaq = _gaq || [];
+  _gaq.push(['_setAccount', 'UA-320719-8']);
+  _gaq.push(['_trackPageview']);
+  (function() {
+    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+  })();
+</script>
+</body>
+</html>

data/lib/pulse_meter/dygraphs_visualize/public/img/glyphicons-halflings-white.png ADDED Viewed

Binary file

data/lib/pulse_meter/dygraphs_visualize/public/img/glyphicons-halflings.png ADDED Viewed

Binary file

data/lib/pulse_meter/dygraphs_visualize/public/js/application.js ADDED Viewed

@@ -0,0 +1,833 @@
+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.updating = false;
+    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();
+    }
+  },
+  setUpdated: function() {
+    return this.updating = false;
+  },
+  forceUpdate: function() {
+    var xhr,
+      _this = this;
+    if (this.updating) {
+      return;
+    }
+    this.updating = true;
+    xhr = this.fetch({
+      success: function(model, response) {
+        return _this.trigger('redraw');
+      }
+    });
+    xhr.always(function() {
+      return _this.updating = false;
+    });
+    return xhr.fail(function(xhr, textStatus, errorThrown) {
+      return console.log("xhr fail", _this.get('id'), textStatus, errorThrown);
+    });
+  }
+});
+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');
+      }
+    });
+  }
+});
+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);
+    });
+  }
+});
+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) {
+    this.pageInfos = pageInfos;
+    this.model = model;
+    this.el = el;
+    this.chartEl = this.el.find('#chart')[0];
+    this.legendEl = this.el.find('#legend')[0];
+    this.chart = new Dygraph.GVizChart(this.chartEl);
+    this.draw();
+  }
+  WidgetPresenter.prototype.get = function(arg) {
+    return this.model.get(arg);
+  };
+  WidgetPresenter.prototype.globalOptions = function() {
+    return gon.options;
+  };
+  WidgetPresenter.prototype.dateOffset = function() {
+    if (this.globalOptions.useUtc) {
+      return (new Date).getTimezoneOffset() * 60000;
+    } else {
+      return 0;
+    }
+  };
+  WidgetPresenter.prototype.options = function() {
+    return {
+      labelsDiv: this.legendEl,
+      labelsSeparateLines: false,
+      rightGap: 30
+    };
+  };
+  WidgetPresenter.prototype.mergedOptions = function() {
+    var pageOptions;
+    pageOptions = this.pageInfos.selected() ? this.pageInfos.selected().get('dygraphsOptions') : {};
+    return $.extend(true, this.options(), this.globalOptions.dygraphsOptions, pageOptions, this.get('dygraphsOptions'));
+  };
+  WidgetPresenter.prototype.data = function() {
+    return new google.visualization.DataTable;
+  };
+  WidgetPresenter.prototype.draw = function() {
+    return this.chart.draw(this.data(), this.mergedOptions());
+  };
+  return WidgetPresenter;
+})();
+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 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; };
+TimelinePresenter = (function(_super) {
+  __extends(TimelinePresenter, _super);
+  function TimelinePresenter() {
+    return TimelinePresenter.__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;
+  };
+  return TimelinePresenter;
+})(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 = (function(_super) {
+  __extends(SeriesPresenter, _super);
+  function SeriesPresenter() {
+    return SeriesPresenter.__super__.constructor.apply(this, arguments);
+  }
+  SeriesPresenter.prototype.options = function() {
+    return $.extend(true, SeriesPresenter.__super__.options.call(this), {
+      title: this.get('title'),
+      legend: 'always',
+      height: 300,
+      ylabel: this.valuesTitle(),
+      colors: this.colors()
+    });
+  };
+  SeriesPresenter.prototype.valuesTitle = function() {
+    if (this.get('valuesTitle')) {
+      return "" + (this.get('valuesTitle')) + " / " + (this.humanizedInterval());
+    } else {
+      return this.humanizedInterval();
+    }
+  };
+  SeriesPresenter.prototype.colors = function() {
+    return _.map(this.get('series').options, function(o) {
+      return o.color;
+    });
+  };
+  SeriesPresenter.prototype.humanizedInterval = function() {
+    return this.get('interval').humanize();
+  };
+  return SeriesPresenter;
+})(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; };
+LinePresenter = (function(_super) {
+  __extends(LinePresenter, _super);
+  function LinePresenter() {
+    return LinePresenter.__super__.constructor.apply(this, arguments);
+  }
+  return LinePresenter;
+})(SeriesPresenter);
+var StackPresenter,
+  __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; };
+StackPresenter = (function(_super) {
+  __extends(StackPresenter, _super);
+  function StackPresenter() {
+    return StackPresenter.__super__.constructor.apply(this, arguments);
+  }
+  return StackPresenter;
+})(SeriesPresenter);
+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
+    });
+    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');
+    });
+    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());
+  },
+  chartContainerTemplate: '<div id="chart"></div><div id="legend"></div>',
+  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
+      });
+    });
+    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;
+    });
+  },
+  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-widget')[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().html(this.chartContainerTemplate);
+    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
+    });
+    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();
+  }
+});
+var WidgetChartView;
+WidgetChartView = Backbone.View.extend({
+  tagName: 'div',
+  template: '<div id="chart"></div><div id="legend"></div>',
+  initialize: function(options) {
+    this.$el.html(this.template);
+    this.pageInfos = options['pageInfos'];
+    return this.model.bind('destroy', this.remove, this);
+  },
+  updateData: function() {
+    return this.presenter.draw();
+  },
+  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();
+  },
+  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
+    });
+    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
+      });
+    });
+    return this.$el.find("#end-time input").prop("disabled", true);
+  },
+  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();
+    });
+  }
+});
+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();
+};