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: '\ - \ -
' + 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 @@ - - + +