Fix whitespace/etc. in examples (#1115)
This commit is contained in:
parent
8d4db4bfa9
commit
02cc4ec1d6
21 changed files with 282 additions and 283 deletions
4
examples/dbmonster/angular/app.js
vendored
4
examples/dbmonster/angular/app.js
vendored
|
|
@ -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)
|
||||
})
|
||||
})
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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 (){
|
|||
}
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
};
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@ update()
|
|||
|
||||
function update() {
|
||||
data = ENV.generateData().toArray()
|
||||
|
||||
|
||||
Monitoring.renderRate.ping()
|
||||
|
||||
|
||||
m.redraw();
|
||||
|
||||
|
||||
setTimeout(update, ENV.timeout)
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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)
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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),
|
||||
|
|
|
|||
|
|
@ -56,5 +56,5 @@ var Monitoring = Monitoring || (function() {
|
|||
memoryStats: stats,
|
||||
renderRate: renderRate
|
||||
};
|
||||
|
||||
|
||||
})();
|
||||
|
|
|
|||
|
|
@ -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"))
|
||||
|
|
|
|||
|
|
@ -24,4 +24,3 @@ table {border-collapse:collapse;border-spacing:0;}
|
|||
|
||||
.Query {position:relative;}
|
||||
.Query:hover .popover {display:block;left:-100%;width:100%;}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue