aboutsummaryrefslogtreecommitdiff
path: root/app.html
diff options
context:
space:
mode:
authorIgor Pashev <pashev.igor@gmail.com>2017-05-20 21:47:51 +0300
committerIgor Pashev <pashev.igor@gmail.com>2017-05-20 21:47:54 +0300
commit76c744963a3e7cbfc2f7d3aa8a3321c3eb200aa2 (patch)
treebe78c5b7be4bc3958ac43c6e37ee7de99accb59b /app.html
parent40f6fd333b551eae338daf1fa4d4526725766636 (diff)
downloadmywatch-76c744963a3e7cbfc2f7d3aa8a3321c3eb200aa2.tar.gz
Rename index.html -> app.html
Not to confuse Hackage.
Diffstat (limited to 'app.html')
-rw-r--r--app.html60
1 files changed, 60 insertions, 0 deletions
diff --git a/app.html b/app.html
new file mode 100644
index 0000000..6a75cf4
--- /dev/null
+++ b/app.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link href="static/external/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+ <link href="static/external/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
+ <link href="static/mywatch.css" rel="stylesheet">
+ <title>MyWatch</title>
+</head>
+
+<body>
+ <nav class="navbar navbar-inverse">
+ <div class="container-fluid">
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#serverList">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button><a class="navbar-brand" href="/">Servers</a></div>
+ <div id="serverList" class="collapse navbar-collapse">
+ <ul class="nav navbar-nav"></ul>
+ </div>
+ </div>
+ </nav>
+
+ <div id="info" class="container">
+ <h1>Loading, please wait...</h1>
+ <div></div>
+ </div>
+
+ <div id="main" style="display: none;" class="container-fluid">
+ <div class="table-responsive">
+ <table id="processList" class="table table-striped table-hover">
+ <thead>
+ <tr>
+ <th>id</th>
+ <th>user</th>
+ <th>host</th>
+ <th>db</th>
+ <th>command</th>
+ <th>time</th>
+ <th>state</th>
+ <th>info</th>
+ </tr>
+ </thead>
+ <tbody></tbody>
+ </table>
+ </div>
+ </div>
+
+ <script src="static/external/jquery-2.2.4.min.js"></script>
+ <script src="static/external/bootstrap/js/bootstrap.min.js"></script>
+ <script src="static/mywatch.js"></script>
+
+</body>
+
+</html>