Artifact
54e10204a7fbe835e31dbf68e3c07038e3bdb4d0850bb5f756c2b673785b5900:
0000: 3c 64 62 6d 6f 6e 3e 0a 20 20 3c 64 69 76 3e 0a <dbmon>. <div>.
0010: 20 20 20 20 3c 74 61 62 6c 65 20 63 6c 61 73 73 <table class
0020: 3d 22 74 61 62 6c 65 20 74 61 62 6c 65 2d 73 74 ="table table-st
0030: 72 69 70 65 64 20 6c 61 74 65 73 74 2d 64 61 74 riped latest-dat
0040: 61 22 3e 0a 20 20 20 20 20 20 3c 74 62 6f 64 79 a">. <tbody
0050: 3e 0a 20 20 20 20 20 20 20 20 3c 21 2d 2d 20 44 >. <!-- D
0060: 61 74 61 62 61 73 65 20 2d 2d 3e 0a 20 20 20 20 atabase -->.
0070: 20 20 20 20 3c 74 72 20 65 61 63 68 3d 7b 20 64 <tr each={ d
0080: 61 74 61 62 61 73 65 73 41 72 72 61 79 20 7d 20 atabasesArray }
0090: 6e 6f 2d 72 65 6f 72 64 65 72 3e 0a 20 20 20 20 no-reorder>.
00a0: 20 20 20 20 20 20 3c 74 64 20 63 6c 61 73 73 3d <td class=
00b0: 22 64 62 6e 61 6d 65 22 3e 0a 20 20 20 20 20 20 "dbname">.
00c0: 20 20 20 20 20 20 7b 20 64 62 6e 61 6d 65 20 7d { dbname }
00d0: 0a 20 20 20 20 20 20 20 20 20 20 3c 2f 74 64 3e . </td>
00e0: 0a 20 20 20 20 20 20 20 20 20 20 3c 21 2d 2d 20 . <!--
00f0: 53 61 6d 70 6c 65 20 2d 2d 3e 0a 20 20 20 20 20 Sample -->.
0100: 20 20 20 20 20 3c 74 64 20 63 6c 61 73 73 3d 22 <td class="
0110: 71 75 65 72 79 2d 63 6f 75 6e 74 22 3e 0a 20 20 query-count">.
0120: 20 20 20 20 20 20 20 20 20 20 3c 73 70 61 6e 20 <span
0130: 63 6c 61 73 73 3d 7b 20 6c 61 73 74 53 61 6d 70 class={ lastSamp
0140: 6c 65 2e 63 6f 75 6e 74 43 6c 61 73 73 4e 61 6d le.countClassNam
0150: 65 20 7d 3e 0a 20 20 20 20 20 20 20 20 20 20 20 e }>.
0160: 20 20 20 7b 20 6c 61 73 74 53 61 6d 70 6c 65 2e { lastSample.
0170: 6e 62 51 75 65 72 69 65 73 20 7d 0a 20 20 20 20 nbQueries }.
0180: 20 20 20 20 20 20 20 20 3c 2f 73 70 61 6e 3e 0a </span>.
0190: 20 20 20 20 20 20 20 20 20 20 3c 2f 74 64 3e 0a </td>.
01a0: 20 20 20 20 20 20 20 20 20 20 3c 21 2d 2d 20 51 <!-- Q
01b0: 75 65 72 79 20 2d 2d 3e 0a 20 20 20 20 20 20 20 uery -->.
01c0: 20 20 20 3c 74 64 20 65 61 63 68 3d 7b 20 6c 61 <td each={ la
01d0: 73 74 53 61 6d 70 6c 65 2e 74 6f 70 46 69 76 65 stSample.topFive
01e0: 51 75 65 72 69 65 73 20 7d 20 6e 6f 2d 72 65 6f Queries } no-reo
01f0: 72 64 65 72 20 63 6c 61 73 73 3d 7b 20 65 6c 61 rder class={ ela
0200: 70 73 65 64 43 6c 61 73 73 4e 61 6d 65 20 7d 3e psedClassName }>
0210: 0a 20 20 20 20 20 20 20 20 20 20 20 20 7b 20 66 . { f
0220: 6f 72 6d 61 74 45 6c 61 70 73 65 64 20 7d 0a 20 ormatElapsed }.
0230: 20 20 20 20 20 20 20 20 20 20 20 3c 64 69 76 20 <div
0240: 63 6c 61 73 73 3d 22 70 6f 70 6f 76 65 72 20 6c class="popover l
0250: 65 66 74 22 3e 0a 20 20 20 20 20 20 20 20 20 20 eft">.
0260: 20 20 20 20 3c 64 69 76 20 63 6c 61 73 73 3d 22 <div class="
0270: 70 6f 70 6f 76 65 72 2d 63 6f 6e 74 65 6e 74 22 popover-content"
0280: 3e 0a 20 20 20 20 20 20 20 20 20 20 20 20 20 20 >.
0290: 20 20 7b 20 71 75 65 72 79 20 7d 0a 20 20 20 20 { query }.
02a0: 20 20 20 20 20 20 20 20 20 20 3c 2f 64 69 76 3e </div>
02b0: 0a 20 20 20 20 20 20 20 20 20 20 20 20 20 20 3c . <
02c0: 64 69 76 20 63 6c 61 73 73 3d 22 61 72 72 6f 77 div class="arrow
02d0: 22 3e 3c 2f 64 69 76 3e 0a 20 20 20 20 20 20 20 "></div>.
02e0: 20 20 20 20 20 3c 2f 64 69 76 3e 0a 20 20 20 20 </div>.
02f0: 20 20 20 20 20 20 3c 2f 74 64 3e 0a 20 20 20 20 </td>.
0300: 20 20 20 20 3c 2f 74 72 3e 0a 20 20 20 20 20 20 </tr>.
0310: 3c 2f 74 62 6f 64 79 3e 0a 20 20 20 20 3c 2f 74 </tbody>. </t
0320: 61 62 6c 65 3e 0a 20 20 3c 2f 64 69 76 3e 0a 20 able>. </div>.
0330: 20 3c 73 63 72 69 70 74 3e 0a 0a 20 20 20 20 74 <script>.. t
0340: 68 69 73 2e 64 61 74 61 62 61 73 65 73 41 72 72 his.databasesArr
0350: 61 79 20 3d 20 5b 5d 0a 0a 20 20 20 20 6c 6f 61 ay = [].. loa
0360: 64 53 61 6d 70 6c 65 73 28 29 20 7b 0a 20 20 20 dSamples() {.
0370: 20 20 20 74 68 69 73 2e 64 61 74 61 62 61 73 65 this.database
0380: 73 41 72 72 61 79 20 3d 20 45 4e 56 2e 67 65 6e sArray = ENV.gen
0390: 65 72 61 74 65 44 61 74 61 28 29 2e 74 6f 41 72 erateData().toAr
03a0: 72 61 79 28 29 0a 20 20 20 20 20 20 74 68 69 73 ray(). this
03b0: 2e 75 70 64 61 74 65 28 29 0a 20 20 20 20 20 20 .update().
03c0: 4d 6f 6e 69 74 6f 72 69 6e 67 2e 72 65 6e 64 65 Monitoring.rende
03d0: 72 52 61 74 65 2e 70 69 6e 67 28 29 0a 20 20 20 rRate.ping().
03e0: 20 20 20 72 65 71 75 65 73 74 41 6e 69 6d 61 74 requestAnimat
03f0: 69 6f 6e 46 72 61 6d 65 28 74 68 69 73 2e 6c 6f ionFrame(this.lo
0400: 61 64 53 61 6d 70 6c 65 73 29 0a 20 20 20 20 7d adSamples). }
0410: 0a 0a 20 20 20 20 74 68 69 73 2e 6c 6f 61 64 53 .. this.loadS
0420: 61 6d 70 6c 65 73 28 29 0a 0a 20 20 3c 2f 73 63 amples().. </sc
0430: 72 69 70 74 3e 0a 3c 2f 64 62 6d 6f 6e 3e ript>.</dbmon>