diff --git a/rionite/app.js b/rionite/app.js
index 0fdf7566..05be9904 100644
--- a/rionite/app.js
+++ b/rionite/app.js
@@ -2,25 +2,27 @@ var databases = new cellx.Cell();
Rionite.Component.extend('db-table', {
Static: {
- template: '
\
- \
- \
- {db.dbname} | \
- \
- {db.lastSample.nbQueries}\
- | \
- \
- \
- {q.formatElapsed}\
- \
- | \
- \
-
\
- \
-
'
+ template: `
+ table (class=table table-striped latest-data) { tbody {
+ @repeat (for=db of databases, track-by=dbname) {
+ tr {
+ td (class=dbname) { '{db.dbname}' }
+ td (class=query-count) {
+ span (class={db.lastSample.countClassName}) { '{db.lastSample.nbQueries}' }
+ }
+ @repeat (for=q of db.lastSample.topFiveQueries, track-by=$index) {
+ td (class={q.elapsedClassName}) {
+ '{q.formatElapsed}'
+ div (class=popover left) {
+ div (class=popover-content) { '{q.query}' }
+ div (class=arrow)
+ }
+ }
+ }
+ }
+ }
+ } }
+ `
},
initialize: function() {
diff --git a/rionite/index.html b/rionite/index.html
index 82cc5e56..116d599d 100644
--- a/rionite/index.html
+++ b/rionite/index.html
@@ -10,8 +10,8 @@
-
-
+
+