X-Git-Url: https://gerrit.opnfv.org/gerrit/gitweb?a=blobdiff_plain;f=src%2Fceph%2Fsrc%2Fpybind%2Fmgr%2Fdashboard%2Fhealth.html;fp=src%2Fceph%2Fsrc%2Fpybind%2Fmgr%2Fdashboard%2Fhealth.html;h=0000000000000000000000000000000000000000;hb=7da45d65be36d36b880cc55c5036e96c24b53f00;hp=e076d4bb0ad528232176c6b4fec19d7d3c4ce95c;hpb=691462d09d0987b47e112d6ee8740375df3c51b2;p=stor4nfv.git

diff --git a/src/ceph/src/pybind/mgr/dashboard/health.html b/src/ceph/src/pybind/mgr/dashboard/health.html
deleted file mode 100644
index e076d4b..0000000
--- a/src/ceph/src/pybind/mgr/dashboard/health.html
+++ /dev/null
@@ -1,386 +0,0 @@
-
-{% extends "base.html" %}
-
-{% block content %}
-
-        <script>
-        $(document).ready(function(){
-            // Pre-populated initial data at page load
-            var content_data = {{ content_data }};
-
-            rivets.formatters.mon_summary = function(mon_status) {
-                var result = mon_status.monmap.mons.length.toString() + " (quorum ";
-                result += mon_status.quorum.join(", ");
-                result += ")";
-
-                return result;
-            };
-
-            rivets.formatters.mds_summary = function(fs_map) {
-                var standbys = 0;
-                var active = 0;
-                var standby_replay = 0;
-                $.each(fs_map.standbys, function(i, s) {
-                    standbys += 1;
-                });
-
-                if (fs_map.standbys && !fs_map.filesystems) {
-                    return standbys + ", no filesystems"
-                } else if (fs_map.filesystems.length == 0) {
-                    return "no filesystems";
-                } else {
-                    $.each(fs_map.filesystems, function(i, fs) {
-                        $.each(fs.mdsmap.info, function(j, mds) {
-                            if (mds.state == "up:standby-replay") {
-                                standby_replay += 1;
-                            } else {
-                                active += 1;
-                            }
-                        });
-                    });
-
-                    return active + " active, " + (standbys + standby_replay) + " standby";
-                }
-            };
-
-            rivets.formatters.mgr_summary = function(mgr_map) {
-                var result = "";
-                result += "active: " + mgr_map.active_name;
-                if (mgr_map.standbys.length) {
-                    result += ", " + mgr_map.standbys.length + " standbys";
-                }
-
-                return result;
-            };
-
-            rivets.formatters.log_color = function(log_line) {
-                if (log_line.priority == "[INF]") {
-                    return "";  // Inherit
-                } else if (log_line.priority == "[WRN]") {
-                    return "color: #FFC200";
-                } else if (log_line.priority == "[ERR]") {
-                    return "color: #FF2222";
-                } else {
-                    return "";
-                }
-            };
-
-            rivets.formatters.osd_summary = function(osd_map) {
-                var in_count = 0;
-                var up_count = 0;
-                $.each(osd_map.osds, function(i, osd) {
-                    if (osd.in) {
-                        in_count++;
-                    }
-                    if (osd.up) {
-                        up_count++;
-                    }
-                });
-
-                return osd_map.osds.length + " (" + up_count + " up, " + in_count + " in)";
-            };
-
-            rivets.formatters.pg_status_style = function(pg_status) {
-                $.each(pg_status, function(state, count) {
-                    if (state == "active+clean"
-                     || state == "active+clean+scrubbing"
-                     || state == "active+clean+scrubbing+deep") {
-                        return "color: #00bb00";
-                    } else {
-                        return "color: #FFC200";
-                    }
-                });
-            };
-
-            rivets.formatters.pg_status = function(pg_status) {
-                var strings = [];
-                $.each(pg_status, function(state, count) {
-                    strings.push(count + " " + state);
-                });
-
-                return strings.join(", ");
-            };
-
-            // An extension to Chart.js to enable rendering some
-            // text in the middle of a doughnut
-            Chart.pluginService.register({
-              beforeDraw: function(chart) {
-                if (!chart.options.center_text) {
-                    return;
-                }
-                var width = chart.chart.width,
-                    height = chart.chart.height,
-                    ctx = chart.chart.ctx;
-
-                ctx.restore();
-                var fontSize = (height / 114).toFixed(2);
-                ctx.font = fontSize + "em sans-serif";
-                ctx.fillStyle = "#ddd";
-                ctx.textBaseline = "middle";
-
-
-                var text = chart.options.center_text,
-                    textX = Math.round((width - ctx.measureText(text).width) / 2),
-                    textY = height / 2;
-
-                ctx.fillText(text, textX, textY);
-                ctx.save();
-              }
-            });
-
-            var draw_usage_charts = function() {
-                var raw_usage_text = Math.round(100*(
-                    content_data.df.stats.total_used_bytes
-                    / content_data.df.stats.total_bytes)) + "%";
-                var raw_usage_canvas = $("#raw_usage_chart").get(0).getContext("2d");
-                var raw_usage_chart = new Chart(raw_usage_canvas, {
-                    type: 'doughnut',
-                    data: {
-                        labels:[
-                            "Raw Used",
-                            "Raw Available"
-                        ],
-                        datasets: [
-                            {
-                            'label': null,
-                            borderWidth: 0,
-                            data:[
-                                content_data.df.stats.total_used_bytes,
-                                content_data.df.stats.total_avail_bytes
-                            ],
-                            backgroundColor: ["#424d52", "#222d32"]
-                            }
-                        ]
-                    },
-                    options: {
-                        center_text: raw_usage_text,
-                        responsive: true,
-                        legend: {display: false},
-                        animation: {duration: 0}
-                    }
-                });
-
-                var colors = ['#3366CC','#DC3912','#FF9900','#109618','#990099',
-                    '#3B3EAC','#0099C6','#DD4477','#66AA00','#B82E2E','#316395',
-                    '#994499','#22AA99','#AAAA11','#6633CC','#E67300','#8B0707',
-                    '#329262','#5574A6','#3B3EAC'];
-
-                var pool_usage_canvas = $("#pool_usage_chart").get(0).getContext("2d");
-                var pool_labels = [];
-                var pool_data = [];
-
-                $.each(content_data.df.pools, function(i, pool) {
-                    pool_labels.push(pool['name']);
-                    pool_data.push(pool['stats']['bytes_used']);
-                });
-
-                var pool_usage_chart = new Chart(pool_usage_canvas, {
-                    type: 'doughnut',
-                    data: {
-                        labels:pool_labels,
-                        datasets: [
-                            {
-                            'label': null,
-                            borderWidth: 0,
-                            data:pool_data,
-                            backgroundColor: colors
-                            }
-                        ]
-                    },
-                    options: {
-                        responsive: true,
-                        legend: {display: false},
-                        animation: {duration: 0}
-                    }
-                });
-            }
-
-            draw_usage_charts();
-            rivets.bind($("#content"), content_data);
-
-            var refresh = function() {
-                $.get("{{ url_prefix }}/health_data", function(data) {
-                    _.extend(content_data, data);
-                    draw_usage_charts();
-                    setTimeout(refresh, 5000);
-                });
-            };
-            setTimeout(refresh, 5000);
-        });
-    </script>
-
-    <!-- Main content -->
-    <section class="content">
-        <div class="row">
-            <div class="col-sm-6">
-                <div class="box">
-                    <div class="box-header">
-                        Health
-                    </div>
-                    <div class="box-body">
-                        Overall status: <span
-                            rv-style="health.status | health_color">{health.status}</span>
-
-                        <ul>
-                            <li rv-each-check="health.checks">
-                                <span rv-style="check.severity | health_color">{check.type}</span>:
-                                {check.summary.message}
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-            </div>
-            <div class="col-sm-3">
-                <div class="info-box">
-                    <span class="info-box-icon bg-grey"><i
-                            class="fa fa-database"></i></span>
-
-                    <div class="info-box-content">
-                        <span class="info-box-text">Monitors</span>
-                        <span class="info-box-number">{mon_status | mon_summary}</span>
-                    </div>
-                </div>
-                <div class="info-box">
-                    <span class="info-box-icon bg-grey"><i
-                            class="fa fa-hdd-o"></i></span>
-
-                    <div class="info-box-content">
-                        <span class="info-box-text">OSDs</span>
-                        <span class="info-box-number">{osd_map | osd_summary}</span>
-                    </div>
-                </div>
-            </div>
-
-            <div class="col-sm-3">
-                <div class="info-box">
-                    <span class="info-box-icon bg-grey"><i
-                            class="fa fa-folder"></i></span>
-
-                    <div class="info-box-content">
-                        <span class="info-box-text">Metadata servers</span>
-                        <span class="info-box-number">{fs_map | mds_summary}</span>
-                    </div>
-                </div>
-                <div class="info-box">
-                    <span class="info-box-icon bg-grey"><i
-                            class="fa fa-cog"></i></span>
-
-                    <div class="info-box-content">
-                        <span class="info-box-text">Manager daemons</span>
-                        <span class="info-box-number">{mgr_map | mgr_summary}</span>
-                    </div>
-                </div>
-            </div>
-
-        </div>
-
-        <div class="row">
-            <div class="col-sm-6">
-                <div class="box">
-                    <div class="box-header">
-                        Usage
-                    </div>
-                    <div class="box-body" style="text-align:center;">
-                        <table class="ceph-chartbox">
-                            <tr>
-                                <td>
-                                    <span style="font-size: 45px;">{df.stats.total_objects | dimless}</span>
-                                </td>
-                                <td >
-                                    <div style="height:120px; width: 120px;">
-                                        <canvas id="raw_usage_chart"></canvas>
-                                    </div>
-                                </td>
-                                <td>
-                                    <div style="height:120px; width: 120px;">
-                                        <canvas id="pool_usage_chart"></canvas>
-                                    </div>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>Objects</td>
-                                <td>Raw capacity<br>({df.stats.total_used_bytes | dimless_binary} used)</td>
-                                <td>Usage by pool</td>
-                            </tr>
-                        </table>
-
-                    </div>
-                </div>
-            </div>
-
-            <div class="col-sm-6">
-                <div class="box">
-                    <div class="box-header">
-                        Pools
-                    </div>
-                    <div class="box-body">
-                        <table class="table table-condensed">
-                            <thead>
-                            <th>Name</th>
-                            <th>PG status</th>
-                            <th>Usage</th>
-                            <th>Activity</th>
-                            </thead>
-                            <tbody>
-                            <tr rv-each-pool="pools">
-                                <td style="text-align: right;">
-                                    {pool.pool_name}
-                                </td>
-                                <td rv-style="pool.pg_status | pg_status_style">
-                                    {pool.pg_status | pg_status}
-                                </td>
-                                <td>
-                                    {pool.stats.bytes_used.latest | dimless} /
-                                    {pool.stats.max_avail.latest | dimless }
-                                </td>
-                                <td>
-                                    {pool.stats.rd_bytes.rate | dimless } rd, {
-                                    pool.stats.wr_bytes.rate | dimless } wr
-                                </td>
-                            </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <div class="box">
-            <div class="box-body">
-                <ul class="nav nav-tabs">
-                  <li class="active"><a data-toggle="tab" href="#clog">Cluster log</a></li>
-                  <li><a data-toggle="tab" href="#audit_log">Audit log</a></li>
-                </ul>
-                <div class="tab-content ceph-log">
-                    <div id="clog" class="tab-pane fade in active">
-                        <span>
-                            <span rv-each-line="clog">
-                                { line.stamp }&nbsp;{line.priority}&nbsp;
-                                <span  rv-style="line | log_color">
-                                        { line.message }
-                                    <br>
-                                </span>
-                            </span>
-                        </span>
-                    </div>
-                    <div id="audit_log" class="tab-pane fade in">
-                        <span>
-                            <span rv-each-line="audit_log">
-                                { line.stamp }&nbsp;{line.priority}&nbsp;
-                                <span  rv-style="line | log_color">
-                                    <span style="font-weight: bold;">
-                                        { line.message }
-                                    </span><br>
-                                </span>
-                            </span>
-                        </span>
-
-                    </div>
-                </div>
-
-            </div>
-
-        </div>
-    </section>
-
-{% endblock %}