Artifact
54e10204a7fbe835e31dbf68e3c07038e3bdb4d0850bb5f756c2b673785b5900:
<dbmon>
<div>
<table class="table table-striped latest-data">
<tbody>
<!-- Database -->
<tr each={ databasesArray } no-reorder>
<td class="dbname">
{ dbname }
</td>
<!-- Sample -->
<td class="query-count">
<span class={ lastSample.countClassName }>
{ lastSample.nbQueries }
</span>
</td>
<!-- Query -->
<td each={ lastSample.topFiveQueries } no-reorder class={ elapsedClassName }>
{ formatElapsed }
<div class="popover left">
<div class="popover-content">
{ query }
</div>
<div class="arrow"></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<script>
this.databasesArray = []
loadSamples() {
this.databasesArray = ENV.generateData().toArray()
this.update()
Monitoring.renderRate.ping()
requestAnimationFrame(this.loadSamples)
}
this.loadSamples()
</script>
</dbmon>