src/ceph/src/pybind/mgr/dashboard/rbd_iscsi.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_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 %}