initial code repo
[stor4nfv.git] / src / ceph / src / pybind / mgr / dashboard / servers.html
diff --git a/src/ceph/src/pybind/mgr/dashboard/servers.html b/src/ceph/src/pybind/mgr/dashboard/servers.html
new file mode 100644 (file)
index 0000000..421d338
--- /dev/null
@@ -0,0 +1,71 @@
+{% 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 }}/servers_data", function(data) {
+                    _.extend(content_data, data);
+                    setTimeout(refresh, 5000);
+                });
+            };
+            setTimeout(refresh, 5000);
+
+            rivets.formatters.service_list = function(services) {
+                var strings = [];
+                $.each(services, function(i, svc) {
+                    strings.push(svc.type + "." + svc.id);
+                });
+                return strings.join(", ");
+            };
+
+            rivets.bind($("#content"), content_data);
+        });
+
+</script>
+
+
+<!-- Content Header (Page header) -->
+<section class="content-header">
+    <h1>
+        Servers
+    </h1>
+</section>
+
+<!-- Main content -->
+<section class="content">
+    <div class="box">
+        <div class="box-body">
+            <table class="table table-bordered">
+                <th>
+                    Hostname
+                </th>
+                <th>
+                    Services
+                </th>
+                <th>
+                    Version
+                </th>
+                </thead>
+                <tr rv-each-server="servers">
+                    <td>
+                        {server.hostname}
+                    </td>
+                    <td>
+                        {server.services | service_list}
+                    </td>
+                    <td>
+                        {server.ceph_version | short_version}
+                    </td>
+
+                </tr>
+            </table>
+        </div>
+    </div>
+</section>
+
+{% endblock %}