Sort list of metrics and metrics data

This makes the metrics a lot easier to scan, because it groups similar
metrics (like all the HTTP metrics) as well as the percentiles, etc.

puppetboard/app.py

@@ -202,9 +202,9 @@ def metrics():
   metrics = puppetdb._query('metrics', path='mbeans')
   for key,value in metrics.iteritems():
     metrics[key]=value.split('/')[3]
-  return render_template('metrics.html', metrics=metrics)
+  return render_template('metrics.html', metrics=sorted(metrics.items()))
 
 @app.route('/metric/<metric>')
 def metric(metric):
   metric = puppetdb.metric(metric)
-  return render_template('metric.html', metric=metric)
+  return render_template('metric.html', metric=sorted(metric.items()))

puppetboard/templates/metric.html

@@ -3,7 +3,7 @@
 <h1>Metric</h1>
 <table class="table table-striped">
   <tbody>
-    {% for key,value in metric.iteritems() %}
+    {% for key,value in metric %}
     <tr>
       <td>{{key}}</td>
       <td>{{value}}</td>

puppetboard/templates/metrics.html

@@ -2,7 +2,7 @@
 {% block content %}
 <h1>Metrics</h1>
 <ul>
-  {% for key,value in metrics.iteritems() %}
+  {% for key,value in metrics %}
   <li><a href="{{url_for('metric', metric=value)}}">{{key}}</li>
   {% endfor %}
 </ul>