| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Mysos Clusters</title> |
| <meta http-equiv="refresh" content="300"> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> |
| <link rel="stylesheet" href="/static/bootstrap.min.css"> |
| <style> |
| body { |
| padding-top: 50px; |
| } |
| |
| tr.cluster { |
| cursor: pointer; |
| } |
| </style> |
| </head> |
| <body> |
| <div class="navbar navbar-default navbar-fixed-top" role="navigation"> |
| <div class="container"> |
| <div class="navbar-header"> |
| <button type="button" class="navbar-toggle" data-toggle="collapse" |
| data-target="#navbar-collapse"> |
| <span class="sr-only">Toggle navigation</span> |
| <span class="icon-bar"></span> |
| </button> |
| <a class="navbar-brand" href="/">Mysos</a> |
| </div> |
| |
| <!-- Collect the nav links, forms, and other content for toggling --> |
| <div class="collapse navbar-collapse" id="navbar-collapse"> |
| <ul class="nav navbar-nav"> |
| <li class="active"><a href="/">Clusters</a></li> |
| </ul> |
| </div> |
| <!-- /.navbar-collapse --> |
| </div> |
| <!-- /.container --> |
| </div> |
| |
| <div class="container"> |
| <h1>Clusters</h1> |
| <!-- TODO: ajax --> |
| <table class="table table-hover"> |
| <thead> |
| <tr> |
| <th>name</th> |
| <th>user</th> |
| <th>num nodes</th> |
| </tr> |
| </thead> |
| <tbody> |
| %for cluster in clusters: |
| <tr class="cluster"> |
| <td>${cluster.name}</td> |
| <td>${cluster.user}</td> |
| <td>${cluster.num_nodes}</td> |
| </tr> |
| %endfor |
| </tbody> |
| </table> |
| </div> |
| <!-- container --> |
| <script src="/static/jquery.min.js"></script> |
| <script src="/static/bootstrap.min.js"></script> |
| </body> |
| </html> |