diff options
Diffstat (limited to 'share/ceph-info/web')
| l--------- | share/ceph-info/web/bootstrap.min.css | 1 | ||||
| l--------- | share/ceph-info/web/bootstrap.min.js | 1 | ||||
| l--------- | share/ceph-info/web/font-awesome | 1 | ||||
| -rw-r--r-- | share/ceph-info/web/index.html | 97 | ||||
| -rw-r--r-- | share/ceph-info/web/navbar.css | 8 |
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; +} |