components, angular dbmon

examples/dbmonster/mithril/app.js

@@ -3,6 +3,10 @@
 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")
@@ -11,29 +15,29 @@ update()
 function update() {
 	data = ENV.generateData().toArray()
 		
-	Monitoring.renderRate.ping()
-	
-	render(root, [view()])
+	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("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)
+						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 }, [
-								m("span", query.formatElapsed),
-								m("div", { className: "popover left" }, [
-									m("div", { className: "popover-content" }, query.query),
-									m("div", { className: "arrow" })
+							return m("td", {className: query.elapsedClassName}, [
+								query.formatElapsed,
+								m("div", {className: "popover left"}, [
+									m("div", {className: "popover-content"}, query.query),
+									m("div", {className: "arrow"})
 								])
 							])
 						})