]>
Commit | Line | Data |
---|---|---|
c07f9fc5 FG |
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("/rbd_iscsi_data", function(data) { | |
12 | _.extend(content_data, data); | |
13 | setTimeout(refresh, 30000); | |
14 | }); | |
15 | }; | |
16 | ||
17 | console.log(content_data); | |
18 | ||
19 | rivets.bind($("div#content"), content_data); | |
20 | setTimeout(refresh, 30000); | |
21 | ||
22 | $('#daemons').DataTable({ | |
23 | 'paging' : true, | |
24 | 'pageLength' : 5, | |
25 | 'lengthChange': false, | |
26 | 'info' : false, | |
27 | 'autoWidth' : false, | |
28 | 'searching' : false | |
29 | }); | |
30 | ||
31 | $('#images').DataTable({ | |
32 | 'paging' : true, | |
33 | 'pageLength' : 10, | |
34 | 'lengthChange': false, | |
35 | 'searching' : true, | |
36 | 'ordering' : true, | |
37 | 'info' : false | |
38 | }); | |
39 | }); | |
40 | </script> | |
41 | ||
42 | ||
43 | <section class="content-header"> | |
44 | <h1> | |
45 | Block iSCSI | |
46 | </h1> | |
47 | </section> | |
48 | ||
49 | <section class="content"> | |
50 | <div class="box"> | |
51 | <div class="box-header"> | |
52 | <h3 class="box-title">Daemons</h3> | |
53 | </div> | |
54 | <div class="box-body"> | |
55 | <table id="daemons" class="table table-condensed"> | |
56 | <thead> | |
57 | <tr> | |
58 | <th>Hostname</th> | |
59 | <th># Active/Optimized</th> | |
60 | <th># Active/Non-Optimized</th> | |
61 | <th>Version</th> | |
62 | </tr> | |
63 | </thead> | |
64 | <tbody> | |
65 | <tr rv-each-daemon="daemons"> | |
66 | <td>{daemon.server_hostname}</td> | |
67 | <td>{daemon.optimized_paths}</td> | |
68 | <td>{daemon.non_optimized_paths}</td> | |
69 | <td>{daemon.version | short_version}</td> | |
70 | </tr> | |
71 | </tbody> | |
72 | </table> | |
73 | </div> | |
74 | </div> | |
75 | ||
76 | <div class="box"> | |
77 | <div class="box-header"> | |
78 | <h3 class="box-title">Images</h3> | |
79 | </div> | |
80 | <div class="box-body"> | |
81 | <table id="images" class="table table-condensed"> | |
82 | <thead> | |
83 | <tr> | |
84 | <th>Pool</th> | |
85 | <th>Image</th> | |
86 | <th>Active/Optimized</th> | |
87 | <th>Active/Non-Optimized</th> | |
88 | </tr> | |
89 | </thead> | |
90 | <tbody> | |
91 | <tr rv-each-image="images"> | |
92 | <td>{image.pool_name}</td> | |
93 | <td>{image.name}</td> | |
94 | <td>{image.optimized_paths}</td> | |
95 | <td>{image.non_optimized_paths}</td> | |
96 | </tr> | |
97 | </tbody> | |
98 | </table> | |
99 | </div> | |
100 | </div> | |
101 | </section> | |
102 | <!-- /.content --> | |
103 | ||
104 | {% endblock %} |