add pages for uploading and help

pdb-js/src/app/help-page/help-page.component.html

@@ -0,0 +1,43 @@
+<style>
+  :host {
+    position: absolute;
+    padding: 1em;
+    max-width: 800px;
+  }
+</style>
+
+<h1>Help</h1>
+<p>
+This page describes how to use this tool.
+</p>
+
+<h2>Why not use one of the existing monitoring tools?</h2>
+<p>
+There are many monitoring tools out there. 
+<a href="https://newrelic.com" target="_blank" rel="nofollow" class="external-link">New Relic</a>, 
+<a href="https://www.splunk.com" target="_blank" rel="nofollow" class="external-link">Splunk</a>, 
+<a href="https://www.elastic.co/products/kibana" target="_blank" rel="nofollow" class="external-link">Kibana</a> (<a href="https://www.elastic.co/products/elastic-stack" target="_blank" rel="nofollow" class="external-link">ELK</a>), 
+<a href="https://www.appdynamics.com/" target="_blank" rel="nofollow" class="external-link">App Dynamics</a>, 
+<a href="https://graphiteapp.org/" target="_blank" rel="nofollow" class="external-link">Graphite</a>, 
+<a href="https://prometheus.io/" target="_blank" rel="nofollow" class="external-link">Prometheus</a> 
++ <a href="https://grafana.com/" target="_blank" rel="nofollow" class="external-link">Grafana</a>, 
+<a href="https://github.com/Netflix/atlas" target="_blank" rel="nofollow" class="external-link">Netflix Atlas</a>, 
+<a href="https://oss.oetiker.ch/rrdtool/" target="_blank" rel="nofollow" class="external-link">RRDtool</a>, 
+<a href="http://ganglia.sourceforge.net/" target="_blank" rel="nofollow" class="external-link">Ganglia</a>, 
+<a href="https://www.influxdata.com/products/influxdb-overview/" target="_blank" rel="nofollow" class="external-link">InfluxDB</a> 
++ <a href="https://www.influxdata.com/time-series-platform/chronograf/" target="_blank" rel="nofollow" class="external-link">Chronograf</a>, 
+<a href="http://opentsdb.net/" target="_blank" rel="nofollow" class="external-link">OpenTSDB</a>, 
+<a href="https://www.nagios.org/" target="_blank" rel="nofollow" class="external-link">Nagios</a>/<a href="https://icinga.com/" target="_blank" rel="nofollow" class="external-link">Icinga</a>, 
+Heka, 
+Bosun, 
+Wavefront, 
+Dropwizard, 
+Druid.io,
+Bleemo, 
+Site24x7, 
+Sitescope, 
+and many more. None of them provides the visualizations we had in mind. We wanted to plot each value of the time series data individually, so that we can identify the 
+response times of a single request. But tools like Splunk, Kibana, Chronograf or Grafana only plot aggregated data (average, min/max, percentiles). 
+<p>
+
+