1<!doctype html>
2<html lang="en-us">
3  <head>
4    <meta charset="utf-8">
5    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6    <link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
7    <link rel="stylesheet" href="common/emscripten.css"/>
8    <link rel="stylesheet" href="common/testing.css"/>
9    <title>sqlite3-kvvfs.js tests</title>
10  </head>
11  <body>
12    <header id='titlebar'><span>sqlite3-kvvfs.js tests</span></header>
13    <!-- emscripten bits -->
14    <figure id="module-spinner">
15      <div class="spinner"></div>
16      <div class='center'><strong>Initializing app...</strong></div>
17      <div class='center'>
18        On a slow internet connection this may take a moment.  If this
19        message displays for "a long time", intialization may have
20        failed and the JavaScript console may contain clues as to why.
21      </div>
22    </figure>
23    <div class="emscripten" id="module-status">Downloading...</div>
24    <div class="emscripten">
25      <progress value="0" max="100" id="module-progress" hidden='1'></progress>
26    </div><!-- /emscripten bits -->
27    <fieldset>
28      <legend>Options</legend>
29      <div class='toolbar'>
30        <button id='btn-clear-log'>Clear log</button>
31        <button id='btn-clear-storage'>Clear storage</button>
32        <button id='btn-init-db'>(Re)init db</button>
33        <button id='btn-select1'>Select db rows</button>
34        <button id='btn-storage-size'>Approx. storage size</button>
35      </div>
36    </fieldset>
37    <div id='test-output'></div>
38    <style>
39      .toolbar {
40          display: flex;
41      }
42      .toolbar > * { margin: 0.25em; }
43      fieldset { border-radius: 0.5em; }
44    </style>
45    <script src="jswasm/sqlite3.js"></script>
46    <script src="common/SqliteTestUtil.js"></script>
47    <script src="demo-jsstorage.js"></script>
48  </body>
49</html>
50