Fix whitespace/etc. in examples (#1115)

This commit is contained in:
Isiah Meadows 2016-06-18 03:39:55 -04:00 committed by GitHub
parent 8d4db4bfa9
commit 02cc4ec1d6
21 changed files with 282 additions and 283 deletions

View file

@ -35,7 +35,7 @@ var AppComponent = ng.core.Component({selector: "my-app"})
var self = this
self.databases = ENV.generateData(true).toArray()
setTimeout(function() {self.update()}, ENV.timeout)
if (renderStage === 0) {
renderStage = 1
perfMonitor.startProfile("render")
@ -52,4 +52,4 @@ var AppComponent = ng.core.Component({selector: "my-app"})
document.addEventListener("DOMContentLoaded", function() {
ng.core.enableProdMode()
ng.platform.browser.bootstrap(AppComponent)
})
})

View file

@ -15,4 +15,4 @@
<script src="https://localvoid.github.io/perf-monitor/0.1/perf-monitor.js"></script>
<script src="app.js"></script>
</body>
</html>
</html>

View file

@ -57,7 +57,7 @@ var MemoryStats = function (){
if( perf.memory.totalJSHeapSize === 0 ){
console.warn('totalJSHeapSize === 0... performance.memory is only available in Chrome .')
}
// TODO, add a sanity check to see if values are bucketed.
// If so, reminde user to adopt the --enable-precise-memory-info flag.
// open -a "/Applications/Google Chrome.app" --args --enable-precise-memory-info
@ -76,16 +76,16 @@ var MemoryStats = function (){
var delta = perf.memory.usedJSHeapSize - lastUsedHeap;
lastUsedHeap = perf.memory.usedJSHeapSize;
var color = delta < 0 ? '#830' : '#131';
var ms = perf.memory.usedJSHeapSize;
msMin = Math.min( msMin, ms );
msMax = Math.max( msMax, ms );
msText.textContent = "Mem: " + bytesToSize(ms, 2);
var normValue = ms / (30*1024*1024);
var height = Math.min( 30, 30 - normValue * 30 );
updateGraph( msGraph, height, color);
function bytesToSize( bytes, nFractDigit ){
var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
if (bytes == 0) return 'n/a';
@ -97,5 +97,5 @@ var MemoryStats = function (){
}
}
};
};

View file

@ -7,11 +7,11 @@ update()
function update() {
data = ENV.generateData().toArray()
Monitoring.renderRate.ping()
m.redraw();
setTimeout(update, ENV.timeout)
}

View file

@ -38,11 +38,11 @@ m.mount(document.getElementById("app"), {
function update() {
data = ENV.generateData().toArray()
perfMonitor.startProfile("render")
m.redraw()
perfMonitor.endProfile("render")
setTimeout(update, ENV.timeout)
}

View file

@ -14,18 +14,18 @@ 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",
m("tbody",
data.map(function(db) {
return m("tr", {key: db.dbname}, [
m("td", {className: "dbname"}, db.dbname),

View file

@ -56,5 +56,5 @@ var Monitoring = Monitoring || (function() {
memoryStats: stats,
renderRate: renderRate
};
})();

View file

@ -56,11 +56,11 @@ var DBMon = React.createClass({
loadSamples: function loadSamples() {
var data = ENV.generateData(true).toArray()
perfMonitor.startProfile("render")
this.setState({databases: data})
perfMonitor.endProfile("render")
setTimeout(this.loadSamples, ENV.timeout)
},
@ -85,4 +85,4 @@ var DBMon = React.createClass({
}
})
ReactDOM.render(h(DBMon, null), document.getElementById("app"))
ReactDOM.render(h(DBMon, null), document.getElementById("app"))

View file

@ -24,4 +24,3 @@ table {border-collapse:collapse;border-spacing:0;}
.Query {position:relative;}
.Query:hover .popover {display:block;left:-100%;width:100%;}