Artifact
efa976f9dd1d7c49c71a6c874a360608e9c76185f0ea702af779b7612d5c86ec:
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 3e atabasesArray }>
0090: 0a 20 20 20 20 20 20 20 20 20 20 3c 74 64 20 63 . <td c
00a0: 6c 61 73 73 3d 22 64 62 6e 61 6d 65 22 3e 0a 20 lass="dbname">.
00b0: 20 20 20 20 20 20 20 20 20 20 20 7b 20 64 62 6e { dbn
00c0: 61 6d 65 20 7d 0a 20 20 20 20 20 20 20 20 20 20 ame }.
00d0: 3c 2f 74 64 3e 0a 20 20 20 20 20 20 20 20 20 20 </td>.
00e0: 3c 21 2d 2d 20 53 61 6d 70 6c 65 20 2d 2d 3e 0a <!-- Sample -->.
00f0: 20 20 20 20 20 20 20 20 20 20 3c 74 64 20 63 6c <td cl
0100: 61 73 73 3d 22 71 75 65 72 79 2d 63 6f 75 6e 74 ass="query-count
0110: 22 3e 0a 20 20 20 20 20 20 20 20 20 20 20 20 3c ">. <
0120: 73 70 61 6e 20 63 6c 61 73 73 3d 7b 20 6c 61 73 span class={ las
0130: 74 53 61 6d 70 6c 65 2e 63 6f 75 6e 74 43 6c 61 tSample.countCla
0140: 73 73 4e 61 6d 65 20 7d 3e 0a 20 20 20 20 20 20 ssName }>.
0150: 20 20 20 20 20 20 20 20 7b 20 6c 61 73 74 53 61 { lastSa
0160: 6d 70 6c 65 2e 6e 62 51 75 65 72 69 65 73 20 7d mple.nbQueries }
0170: 0a 20 20 20 20 20 20 20 20 20 20 20 20 3c 2f 73 . </s
0180: 70 61 6e 3e 0a 20 20 20 20 20 20 20 20 20 20 3c pan>. <
0190: 2f 74 64 3e 0a 20 20 20 20 20 20 20 20 20 20 3c /td>. <
01a0: 21 2d 2d 20 51 75 65 72 79 20 2d 2d 3e 0a 20 20 !-- Query -->.
01b0: 20 20 20 20 20 20 20 20 3c 74 64 20 65 61 63 68 <td each
01c0: 3d 7b 20 6c 61 73 74 53 61 6d 70 6c 65 2e 74 6f ={ lastSample.to
01d0: 70 46 69 76 65 51 75 65 72 69 65 73 20 7d 20 63 pFiveQueries } c
01e0: 6c 61 73 73 3d 7b 20 65 6c 61 70 73 65 64 43 6c lass={ elapsedCl
01f0: 61 73 73 4e 61 6d 65 20 7d 3e 0a 20 20 20 20 20 assName }>.
0200: 20 20 20 20 20 20 20 7b 20 66 6f 72 6d 61 74 45 { formatE
0210: 6c 61 70 73 65 64 20 7d 0a 20 20 20 20 20 20 20 lapsed }.
0220: 20 20 20 20 20 3c 64 69 76 20 63 6c 61 73 73 3d <div class=
0230: 22 70 6f 70 6f 76 65 72 20 6c 65 66 74 22 3e 0a "popover left">.
0240: 20 20 20 20 20 20 20 20 20 20 20 20 20 20 3c 64 <d
0250: 69 76 20 63 6c 61 73 73 3d 22 70 6f 70 6f 76 65 iv class="popove
0260: 72 2d 63 6f 6e 74 65 6e 74 22 3e 0a 20 20 20 20 r-content">.
0270: 20 20 20 20 20 20 20 20 20 20 20 20 7b 20 71 75 { qu
0280: 65 72 79 20 7d 0a 20 20 20 20 20 20 20 20 20 20 ery }.
0290: 20 20 20 20 3c 2f 64 69 76 3e 0a 20 20 20 20 20 </div>.
02a0: 20 20 20 20 20 20 20 20 20 3c 64 69 76 20 63 6c <div cl
02b0: 61 73 73 3d 22 61 72 72 6f 77 22 3e 3c 2f 64 69 ass="arrow"></di
02c0: 76 3e 0a 20 20 20 20 20 20 20 20 20 20 20 20 3c v>. <
02d0: 2f 64 69 76 3e 0a 20 20 20 20 20 20 20 20 20 20 /div>.
02e0: 3c 2f 74 64 3e 0a 20 20 20 20 20 20 20 20 3c 2f </td>. </
02f0: 74 72 3e 0a 20 20 20 20 20 20 3c 2f 74 62 6f 64 tr>. </tbod
0300: 79 3e 0a 20 20 20 20 3c 2f 74 61 62 6c 65 3e 0a y>. </table>.
0310: 20 20 3c 2f 64 69 76 3e 0a 20 20 3c 73 63 72 69 </div>. <scri
0320: 70 74 3e 0a 0a 20 20 20 20 74 68 69 73 2e 64 61 pt>.. this.da
0330: 74 61 62 61 73 65 73 41 72 72 61 79 20 3d 20 5b tabasesArray = [
0340: 5d 0a 0a 20 20 20 20 6c 6f 61 64 53 61 6d 70 6c ].. loadSampl
0350: 65 73 28 29 20 7b 0a 20 20 20 20 20 20 74 68 69 es() {. thi
0360: 73 2e 64 61 74 61 62 61 73 65 73 41 72 72 61 79 s.databasesArray
0370: 20 3d 20 45 4e 56 2e 67 65 6e 65 72 61 74 65 44 = ENV.generateD
0380: 61 74 61 28 29 2e 74 6f 41 72 72 61 79 28 29 0a ata().toArray().
0390: 20 20 20 20 20 20 74 68 69 73 2e 75 70 64 61 74 this.updat
03a0: 65 28 29 0a 20 20 20 20 20 20 4d 6f 6e 69 74 6f e(). Monito
03b0: 72 69 6e 67 2e 72 65 6e 64 65 72 52 61 74 65 2e ring.renderRate.
03c0: 70 69 6e 67 28 29 0a 20 20 20 20 20 20 72 65 71 ping(). req
03d0: 75 65 73 74 41 6e 69 6d 61 74 69 6f 6e 46 72 61 uestAnimationFra
03e0: 6d 65 28 74 68 69 73 2e 6c 6f 61 64 53 61 6d 70 me(this.loadSamp
03f0: 6c 65 73 29 0a 20 20 20 20 7d 0a 0a 20 20 20 20 les). }..
0400: 74 68 69 73 2e 6c 6f 61 64 53 61 6d 70 6c 65 73 this.loadSamples
0410: 28 29 0a 0a 20 20 3c 2f 73 63 72 69 70 74 3e 0a ().. </script>.
0420: 3c 2f 64 62 6d 6f 6e 3e </dbmon>