vue2/index.html

<!DOCTYPE html>
<html>
<head>
<meta name="description" content="dbmon vue 2" />
<link href="../styles.css" rel="stylesheet" type="text/css" />
<title>dbmon (Vue 2)</title>
</head>
<body>
  <div id="app">
    <table class="table table-striped lastest-data">
      <tbody>
        <tr v-for="(db, $index) in databases" :key="$index">
          <td class="dbname">{{db.dbname}}</td>
          <td class="query-count">
            <span :class="db.lastSample.countClassName">{{db.lastSample.nbQueries}}</span>
          </td>
          <td v-for="(q, $index) in db.lastSample.topFiveQueries" :key="$index" :class="['Query', q.elapsedClassName]">
            {{q.formatElapsed}}
            <div class="popover left">
              <div class="popover-content">{{q.query}}</div>
              <div class="arrow"></div>
            </div>
          </td>
        </tr>
      </tbody>
    </table>
  </div>

  <script src="../ENV.js"></script>
  <script src="../lib/memory-stats.js"></script>
  <script src="../lib/monitor.js"></script>
  <script src="../lib/vue2.min.js"></script>
  <script src="./app.js"></script>
  <script src="../ga.js"></script>
</body>
</html>