src/ceph/src/pybind/mgr/dashboard/rbd_pool.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("{{ url_prefix }}/rbd_pool_data/" + content_data.pool_name  + "/", function(data) {
  12                     content_data.images = data;
  13                     setTimeout(refresh, 10000);
  14                 });
  15             };
  16
  17             console.log(content_data);
  18
  19             rivets.bind($("div#content"), content_data);
  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             });
  31         });
  32 </script>
  33
  34
  35 <section class="content-header">
  36     <h1>
  37         Block Pool { pool_name }
  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">
  47             <table id="images" class="table table-bordered">
  48                 <thead>
  49                 <tr>
  50                     <th>Name</th>
  51                     <th>Size</th>
  52                     <th>Objects</th>
  53                     <th>Object size</th>
  54                     <th>Features</th>
  55                     <th>Parent</th>
  56                 </tr>
  57                 </thead>
  58                 <tbody>
  59                 <tr rv-each-image="images">
  60                     <td>{image.name}</td>
  61                     <td>{image.size | dimless_binary}</td>
  62                     <td>{image.num_objs | dimless}</td>
  63                     <td>{image.obj_size | dimless_binary}</td>
  64                     <td>{image.features_name}</td>
  65                     <td>{image.parent}</td>
  66                 </tr>
  67                 </tbody>
  68             </table>
  69         </div>
  70     </div>
  71
  72
  73 </section>
  74 <!-- /.content -->
  75
  76 {% endblock %}