]> git.proxmox.com Git - ceph.git/blob - ceph/src/pybind/mgr/dashboard/clients.html
8d775cc5a10ca0e85181a3f74f1fa75cf6c4efac
[ceph.git] / ceph / src / pybind / mgr / dashboard / clients.html
1 {% extends "base.html" %}
2
3 {% block content %}
4
5 <script>
6 $(document).ready(function(){
7 // Pre-populated initial data at page load
8 var content_data = {{ content_data }};
9
10 var refresh = function() {
11 $.get("/clients_data/" + content_data.fscid + "/", function(data) {
12 content_data.clients = data;
13 setTimeout(refresh, 5000);
14 });
15 };
16
17 console.log(content_data);
18
19 rivets.bind($("div#content"), content_data);
20 setTimeout(refresh, 5000);
21 });
22 </script>
23
24
25 <section class="content-header">
26 <h1>
27 Clients
28 </h1>
29 </section>
30
31 <section class="content">
32 <div class="box">
33 <div class="box-header">
34 <h3 class="box-title">Clients</h3>
35 </div>
36 <div class="box-body">
37 <table class="table table-bordered">
38 <thead>
39 <tr>
40 <th>ID</th>
41 <th>Type</th>
42 <th>State</th>
43 <th>Version</th>
44 <th>Host</th>
45 <th>Root</th>
46 </tr>
47 </thead>
48 <tbody>
49 <tr rv-each-client="clients">
50 <td>{client.id}</td>
51 <td>{client.type}</td>
52 <td>{client.state}</td>
53 <td>{client.version}</td>
54 <td>{client.hostname}</td>
55 <td>{client.root}</td>
56 </tr>
57 </tbody>
58 </table>
59 </div>
60 </div>
61
62
63 </section>
64 <!-- /.content -->
65
66 {% endblock %}