index.html 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="description" content="dbmon vue" />
  5. <link href="./lib/styles.css" rel="stylesheet" type="text/css" />
  6. <title>dbmon (Vue)</title>
  7. </head>
  8. <body>
  9. <h2>
  10. Reference: <a href="http://mathieuancelin.github.io/js-repaint-perfs/">js-repaint-perfs</a>
  11. </h2>
  12. <div id="app">
  13. <table class="table table-striped lastest-data">
  14. <tbody>
  15. <tr v-for="db in databases">
  16. <td class="dbname">{{db.dbname}}</td>
  17. <td class="query-count">
  18. <span :class="db.lastSample.countClassName">{{db.lastSample.nbQueries}}</span>
  19. </td>
  20. <td v-for="q in db.lastSample.topFiveQueries" :class="'Query ' + q.elapsedClassName">
  21. {{q.formatElapsed}}
  22. <div class="popover left">
  23. <div class="popover-content">{{q.query}}</div>
  24. <div class="arrow"></div>
  25. </div>
  26. </td>
  27. </tr>
  28. </tbody>
  29. </table>
  30. </div>
  31. <script src="./ENV.js"></script>
  32. <script src="./lib/memory-stats.js"></script>
  33. <script src="./lib/monitor.js"></script>
  34. <script src="../../dist/vue.min.js"></script>
  35. <script src="./app.js"></script>
  36. </body>
  37. </html>