X-Git-Url: https://gerrit.opnfv.org/gerrit/gitweb?a=blobdiff_plain;f=src%2Fceph%2Fsrc%2Fpybind%2Fmgr%2Fdashboard%2Frbd_pool.html;fp=src%2Fceph%2Fsrc%2Fpybind%2Fmgr%2Fdashboard%2Frbd_pool.html;h=0d0e54fdc6f3153f5eb012a3144e5102bfea917d;hb=812ff6ca9fcd3e629e49d4328905f33eee8ca3f5;hp=0000000000000000000000000000000000000000;hpb=15280273faafb77777eab341909a3f495cf248d9;p=stor4nfv.git

diff --git a/src/ceph/src/pybind/mgr/dashboard/rbd_pool.html b/src/ceph/src/pybind/mgr/dashboard/rbd_pool.html
new file mode 100644
index 0000000..0d0e54f
--- /dev/null
+++ b/src/ceph/src/pybind/mgr/dashboard/rbd_pool.html
@@ -0,0 +1,76 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<script>
+        $(document).ready(function(){
+            // Pre-populated initial data at page load
+            var content_data = {{ content_data }};
+
+            var refresh = function() {
+                $.get("{{ url_prefix }}/rbd_pool_data/" + content_data.pool_name  + "/", function(data) {
+                    content_data.images = data;
+                    setTimeout(refresh, 10000);
+                });
+            };
+
+            console.log(content_data);
+
+            rivets.bind($("div#content"), content_data);
+            setTimeout(refresh, 10000);
+
+            $('#images').DataTable({
+                'paging'      : true,
+                'pageLength'  : 15,
+                'lengthChange': false,
+                'searching'   : true,
+                'ordering'    : true,
+                'info'        : false,
+                'autoWidth'   : false
+            });
+        });
+</script>
+
+
+<section class="content-header">
+    <h1>
+        Block Pool { pool_name }
+    </h1>
+</section>
+
+<section class="content">
+    <div class="box">
+        <div class="box-header">
+            <h3 class="box-title">Images</h3>
+        </div>
+        <div class="box-body">
+            <table id="images" class="table table-bordered">
+                <thead>
+                <tr>
+                    <th>Name</th>
+                    <th>Size</th>
+                    <th>Objects</th>
+                    <th>Object size</th>
+                    <th>Features</th>
+                    <th>Parent</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr rv-each-image="images">
+                    <td>{image.name}</td>
+                    <td>{image.size | dimless_binary}</td>
+                    <td>{image.num_objs | dimless}</td>
+                    <td>{image.obj_size | dimless_binary}</td>
+                    <td>{image.features_name}</td>
+                    <td>{image.parent}</td>
+                </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+
+
+</section>
+<!-- /.content -->
+
+{% endblock %}