Add meta data to top10 events

app/routes.py

@@ -173,17 +173,20 @@ def top10():
         'n_hits': 'Number of hits',
         'overlays': 'Number of overlays'
     }
-    plots = {}
+    events = {}
     dbs = LocalDBService(filename="data/monitoring.sqlite3")
     for category in ["overlays", "n_hits"]:
-        filenames = [
-            q[0]
-            for q in dbs.query("SELECT plot_filename FROM event_selection "
-                               "ORDER BY {} DESC LIMIT 10".format(category))
-        ]
-        if len(filenames) > 0:
-            plots[category_names[category]] = filenames
-    return render_template('top10.html', plots=plots)
+        raw_data = dbs.query(
+            "SELECT plot_filename, {cat} FROM event_selection "
+            "ORDER BY {cat} DESC LIMIT 10".format(cat=category))
+        if len(raw_data) > 0:
+            events[category_names[category]] = {
+                "plot_filename": raw_data[0],
+                "meta": {
+                    category: raw_data[1]
+                },
+            }
+    return render_template('top10.html', events=events)
 
 
 @app.route('/logs.html')

app/templates/top10.html

@@ -2,19 +2,19 @@
 
 {% block main %}
 
-    {% for category, plot_filenames in plots.items() %}
+    {% for category, events in plots.items() %}
         <h3 style="text-align: center">{{ category }}</h3>
         <div class="container-fluid">
-            {% for plot_filename in plot_filenames %}
+            {% for event in events %}
                 <div class="row">
                     <div class="col-md-2" style="vertical-align: middle">
                         <h3>#{{ loop.index }}</h3>
                     </div>
                     <div class="col-md-8">
-                        <a href="{{ plot_filename }}">
+                        <a href="{{ event.plot_filename }}">
                         <img class="plot img-responsive" style="padding: 20px"
-                             src="{{ plot_filename }}"
-                             alt="{{ plot_filename }}"/>
+                             src="{{ event.plot_filename }}"
+                             alt="{{ event.plot_filename }}"/>
                         </a>
                     </div>
                     <div class="col-md-2">