49 lines
1.2 KiB
JavaScript
49 lines
1.2 KiB
JavaScript
"use strict"
|
|
|
|
var m = require("../../../render/hyperscript")
|
|
var render = require("../../../render/render")(window).render
|
|
|
|
perfMonitor.startFPSMonitor()
|
|
perfMonitor.startMemMonitor()
|
|
perfMonitor.initProfiler("render")
|
|
|
|
var data = []
|
|
|
|
var root = document.getElementById("app")
|
|
update()
|
|
|
|
function update() {
|
|
data = ENV.generateData().toArray()
|
|
|
|
perfMonitor.startProfile("render")
|
|
render(root, view())
|
|
perfMonitor.endProfile("render")
|
|
|
|
setTimeout(update, ENV.timeout)
|
|
}
|
|
|
|
function view() {
|
|
return m("div", [
|
|
m("table", {className: "table table-striped latest-data"}, [
|
|
m("tbody",
|
|
data.map(function(db) {
|
|
return m("tr", {key: db.dbname}, [
|
|
m("td", {className: "dbname"}, db.dbname),
|
|
m("td", {className: "query-count"}, [
|
|
m("span", {className: db.lastSample.countClassName}, db.lastSample.nbQueries)
|
|
]),
|
|
db.lastSample.topFiveQueries.map(function(query) {
|
|
return m("td", {className: query.elapsedClassName}, [
|
|
query.formatElapsed,
|
|
m("div", {className: "popover left"}, [
|
|
m("div", {className: "popover-content"}, query.query),
|
|
m("div", {className: "arrow"})
|
|
])
|
|
])
|
|
})
|
|
])
|
|
})
|
|
)
|
|
])
|
|
])
|
|
}
|