summaryrefslogtreecommitdiffstats
path: root/share/ceph-info/web
diff options
context:
space:
mode:
Diffstat (limited to 'share/ceph-info/web')
l---------share/ceph-info/web/bootstrap.min.css1
l---------share/ceph-info/web/bootstrap.min.js1
l---------share/ceph-info/web/font-awesome1
-rw-r--r--share/ceph-info/web/index.html97
-rw-r--r--share/ceph-info/web/navbar.css8
5 files changed, 83 insertions, 25 deletions
diff --git a/share/ceph-info/web/bootstrap.min.css b/share/ceph-info/web/bootstrap.min.css
new file mode 120000
index 0000000..ca97db2
--- /dev/null
+++ b/share/ceph-info/web/bootstrap.min.css
@@ -0,0 +1 @@
+/usr/share/javascript/bootstrap/css/bootstrap.min.css \ No newline at end of file
diff --git a/share/ceph-info/web/bootstrap.min.js b/share/ceph-info/web/bootstrap.min.js
new file mode 120000
index 0000000..22d433b
--- /dev/null
+++ b/share/ceph-info/web/bootstrap.min.js
@@ -0,0 +1 @@
+/usr/share/javascript/bootstrap/js/bootstrap.min.js \ No newline at end of file
diff --git a/share/ceph-info/web/font-awesome b/share/ceph-info/web/font-awesome
new file mode 120000
index 0000000..3437336
--- /dev/null
+++ b/share/ceph-info/web/font-awesome
@@ -0,0 +1 @@
+/usr/share/fonts-font-awesome \ No newline at end of file
diff --git a/share/ceph-info/web/index.html b/share/ceph-info/web/index.html
index b55f637..95b059d 100644
--- a/share/ceph-info/web/index.html
+++ b/share/ceph-info/web/index.html
@@ -1,34 +1,81 @@
-<html>
- <head>
- <title>ceph-info</title>
- <script type="text/javascript" src="jquery.min.js"></script>
- <script type="text/javascript" src="logtail.js"></script>
- <meta http-equiv="refresh" content="300" />
- </head>
+<!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">
+ <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+ <meta name="description" content="storage-tools: ceph-info">
+ <meta name="author" content="open-infrastructure.net">
+ <link rel="icon" type="image/png" href="favicon.png" />
- <body>
- <h1>ceph-info</h1>
+ <title>storage-tools: ceph-info</title>
- <h2>$ ceph --watch</h2>
- <div id="header"><a id="pause" href='#'>Pause</a></div>
- <pre id="data">Loading...</pre>
+ <!-- Bootstrap core CSS -->
+ <link href="bootstrap.min.css" rel="stylesheet">
- <h2>$ ceph status</h2>
- <p><iframe src="ceph-status.txt" frameborder="0" height="250" width="95%"></iframe></p>
+ <!-- Custom styles for this template -->
+ <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
+ <link href="navbar.css" rel="stylesheet">
- <h2>$ ceph df</h2>
- <p><iframe src="ceph-df.txt" frameborder="0" height="250" width="95%"></iframe></p>
+ <meta http-equiv="refresh" content="300" />
+ </head>
- <h2>$ ceph osd df</h2>
- <p><iframe src="ceph-osd-df.txt" frameborder="0" height="250" width="95%"></iframe></p>
+ <body>
- <h2>$ ceph osd tree</h2>
- <p><iframe src="ceph-osd-tree.txt" frameborder="0" height="250" width="95%"></iframe></p>
+ <div class="container">
- <h2>$ ceph version</h2>
- <p><iframe src="ceph-version.txt" frameborder="0" height="25" width="95%"></iframe></p>
+ <!-- Static navbar -->
+ <nav class="navbar navbar-default">
+ <div class="container-fluid">
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+ <span class="sr-only">Toggle navigation</span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+ <a class="navbar-brand" href="https://open-infrastructure.net/software/storage-tools" style="color: black;"><b><i class="fa fa-fw fa-hdd-o" style="color: black;"></i> storage-tools: ceph-info</b></a>
+ </div>
+ </div><!--/.container-fluid -->
+ </nav>
- <h3>Last Updated:</h3>
- <p><iframe src="date.txt" frameborder="0" height="25" width="95%"></iframe></p>
- </body>
+ <!-- Content -->
+ <div id="header"><h2>$ ceph --watch <a class="pull-right" id="pause" href='#'>Pause</a></h2></div>
+<pre id="data">Loading...</pre>
+
+ <h2>$ ceph status</h2>
+ <p><iframe src="ceph-status.txt" frameborder="0" height="250" width="95%"></iframe></p>
+
+ <h2>$ ceph df</h2>
+ <p><iframe src="ceph-df.txt" frameborder="0" height="250" width="95%"></iframe></p>
+
+ <h2>$ ceph osd df</h2>
+ <p><iframe src="ceph-osd-df.txt" frameborder="0" height="250" width="95%"></iframe></p>
+
+ <h2>$ ceph osd tree</h2>
+ <p><iframe src="ceph-osd-tree.txt" frameborder="0" height="250" width="95%"></iframe></p>
+
+ <h2>$ ceph version</h2>
+ <p><iframe src="ceph-version.txt" frameborder="0" height="25" width="95%"></iframe></p>
+
+ <h3>Last Updated:</h3>
+ <p><iframe src="date.txt" frameborder="0" height="25" width="95%"></iframe></p>
+ <!-- /Content -->
+
+ <hr />
+
+ <footer>
+ <p><a class="text-muted" href="mailto:software@lists.open-infrastructure.net?subject=storage-tools/ceph-info:%20Bug%20Report"><i class="fa fa-fw fa-bug" style="color: black;"></i> Report a Bug</a> <a class="text-muted pull-right" href="https://sources.open-infrastructure.net/software/storage-tools"><i class="fa fa-fw fa-heart" style="color: #cc0000;"></i> Source Code</a></p>
+ </footer>
+
+ </div> <!-- /container -->
+
+ <!-- Bootstrap core JavaScript -->
+ <script src="jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="jquery.min.js"><\/script>')</script>
+ <script src="bootstrap.min.js"></script>
+ <!-- Custom scripts for this template -->
+ <script src="logtail.js"></script>
+ </body>
</html>
diff --git a/share/ceph-info/web/navbar.css b/share/ceph-info/web/navbar.css
new file mode 100644
index 0000000..d219524
--- /dev/null
+++ b/share/ceph-info/web/navbar.css
@@ -0,0 +1,8 @@
+body {
+ padding-top: 20px;
+ padding-bottom: 20px;
+}
+
+.navbar {
+ margin-bottom: 20px;
+}