vndb/mithril-vndb
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

initial commit (work in progress)

Browse source
This commit is contained in:
Leo Horie 2016-04-20 20:02:37 -04:00
parent 13fdb60f66
commit 559369016d
83 changed files with 10461 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

72
examples/dbmonster/mithril/app.js Normal file
View file

@ -0,0 +1,72 @@
"use strict"
var m = require("../../../render/hyperscript")
var render = require("../../../render/render")(window).render
var data = []
var root = document.getElementById("app")
update()
function update() {
data = ENV.generateData().toArray()
Monitoring.renderRate.ping()
render(root, [view()])
setTimeout(update, ENV.timeout)
}
function view() {
return m("div", [
m("table", { class: "table table-striped latest-data" }, [
m("tbody",
data.map(function(db) {
return m("tr", {key: db.dbname}, [
m("td", { class: "dbname" }, db.dbname),
m("td", { class: "query-count" }, [
m("span", { class: db.lastSample.countclassName }, db.lastSample.nbQueries)
]),
db.lastSample.topFiveQueries.map(function(query) {
return m("td", { class: query.elapsedclassName }, [
m("span", query.formatElapsed),
m("div", { class: "popover left" }, [
m("div", { class: "popover-content" }, query.query),
m("div", { class: "arrow" })
])
])
})
])
})
)
])
])
}
/*
function view() {
return m("div", [
m("table.table.table-striped.latest-data", [
m("tbody",
data.map(function(db) {
return m("tr", {key: db.dbname}, [
m("td.dbname", db.dbname),
m("td.query-count", [
m("span", { class: db.lastSample.countclassName }, db.lastSample.nbQueries)
]),
db.lastSample.topFiveQueries.map(function(query) {
return m("td", { class: query.elapsedclassName }, [
m("span", query.formatElapsed),
m("div.popover.left", [
m("div.popover-content", query.query),
m("div.arrow")
])
])
})
])
})
)
])
])
}
*/

20
examples/dbmonster/mithril/index.html Normal file
View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="DBMON Mithril" />
<meta charset="utf-8">
<link href="../styles.css" rel="stylesheet" type="text/css" />
<title>dbmon (Mithril)</title>
</head>
<body>
<div id="app"></div>
<script src="../../../module/module.js"></script>
<script src="../../../render/normalizeChildren.js"></script>
<script src="../../../render/hyperscript.js"></script>
<script src="../../../render/render.js"></script>
<script src="../ENV.js"></script>
<script src="../memory-stats.js"></script>
<script src="../monitor.js"></script>
<script src="app.js"></script>
</body>
</html>