RubyGems - pulse_meter_visualizer - Versions diffs - 0.4.11 - Mend

pulse_meter_visualizer 0.4.11

Files changed (124) hide show

data/lib/pulse_meter/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/visualize/public/img/glyphicons-halflings-white.png ADDED Viewed

Binary file

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

Binary file

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

@@ -0,0 +1,973 @@
+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');
+      }
+    });
+  }
+});
+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) {
+    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.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 {
+      title: this.get('title'),
+      height: 300,
+      chartArea: {
+        left: 10
+      }
+    };
+  };
+  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];
+  };
+  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(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; };
+PiePresenter = (function(_super) {
+  __extends(PiePresenter, _super);
+  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'
+      }
+    });
+  };
+  return PiePresenter;
+})(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; };
+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() {
+    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'
+    });
+  };
+  SeriesPresenter.prototype.valuesTitle = function() {
+    if (this.get('valuesTitle')) {
+      return "" + (this.get('valuesTitle')) + " / " + (this.humanizedInterval());
+    } else {
+      return this.humanizedInterval();
+    }
+  };
+  SeriesPresenter.prototype.humanizedInterval = function() {
+    return this.get('interval').humanize();
+  };
+  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;
+    });
+  };
+  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);
+  }
+  LinePresenter.prototype.visualization = 'LineChart';
+  return LinePresenter;
+})(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; };
+AreaPresenter = (function(_super) {
+  __extends(AreaPresenter, _super);
+  function AreaPresenter() {
+    return AreaPresenter.__super__.constructor.apply(this, arguments);
+  }
+  AreaPresenter.prototype.visualization = 'AreaChart';
+  return AreaPresenter;
+})(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 = (function(_super) {
+  __extends(TablePresenter, _super);
+  function TablePresenter() {
+    return TablePresenter.__super__.constructor.apply(this, arguments);
+  }
+  TablePresenter.prototype.visualization = 'Table';
+  TablePresenter.prototype.cutoff = function() {};
+  TablePresenter.prototype.options = function() {
+    return $.extend(true, TablePresenter.__super__.options.call(this), {
+      sortColumn: 0,
+      sortAscending: false
+    });
+  };
+  return TablePresenter;
+})(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 = (function(_super) {
+  __extends(GaugePresenter, _super);
+  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
+    });
+    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());
+  },
+  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')[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
+    });
+    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',
+  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
+    });
+    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);
+  },
+  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();
+    });
+  }
+});
+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();
+};