]>
Commit | Line | Data |
---|---|---|
31f18b77 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() { | |
3efd9988 | 11 | $.get("{{ url_prefix }}/rbd_pool_data/" + content_data.pool_name + "/", function(data) { |
31f18b77 | 12 | content_data.images = data; |
c07f9fc5 | 13 | setTimeout(refresh, 10000); |
31f18b77 FG |
14 | }); |
15 | }; | |
16 | ||
17 | console.log(content_data); | |
18 | ||
19 | rivets.bind($("div#content"), content_data); | |
c07f9fc5 FG |
20 | setTimeout(refresh, 10000); |
21 | ||
22 | $('#images').DataTable({ | |
23 | 'paging' : true, | |
24 | 'pageLength' : 15, | |
25 | 'lengthChange': false, | |
26 | 'searching' : true, | |
27 | 'ordering' : true, | |
28 | 'info' : false, | |
29 | 'autoWidth' : false | |
30 | }); | |
31f18b77 FG |
31 | }); |
32 | </script> | |
33 | ||
34 | ||
35 | <section class="content-header"> | |
36 | <h1> | |
c07f9fc5 | 37 | Block Pool { pool_name } |
31f18b77 FG |
38 | </h1> |
39 | </section> | |
40 | ||
41 | <section class="content"> | |
42 | <div class="box"> | |
43 | <div class="box-header"> | |
44 | <h3 class="box-title">Images</h3> | |
45 | </div> | |
46 | <div class="box-body"> | |
c07f9fc5 | 47 | <table id="images" class="table table-bordered"> |
31f18b77 FG |
48 | <thead> |
49 | <tr> | |
50 | <th>Name</th> | |
51 | <th>Size</th> | |
52 | <th>Objects</th> | |
53 | <th>Object size</th> | |
c07f9fc5 | 54 | <th>Features</th> |
31f18b77 FG |
55 | <th>Parent</th> |
56 | </tr> | |
57 | </thead> | |
58 | <tbody> | |
59 | <tr rv-each-image="images"> | |
60 | <td>{image.name}</td> | |
224ce89b | 61 | <td>{image.size | dimless_binary}</td> |
31f18b77 | 62 | <td>{image.num_objs | dimless}</td> |
224ce89b | 63 | <td>{image.obj_size | dimless_binary}</td> |
c07f9fc5 | 64 | <td>{image.features_name}</td> |
31f18b77 FG |
65 | <td>{image.parent}</td> |
66 | </tr> | |
67 | </tbody> | |
68 | </table> | |
69 | </div> | |
70 | </div> | |
71 | ||
72 | ||
73 | </section> | |
74 | <!-- /.content --> | |
75 | ||
224ce89b | 76 | {% endblock %} |