@spalger/kibana/src/plugins/statusPage/public/statusPage.html

Kibana is an open source (Apache Licensed), browser based analytics and search dashboard for Elasticsearch. Kibana is a snap to setup and start using. Kibana strives to be easy to get started with, while also being flexible and powerful, just like Elastic

<div class="container">
  <header>
    <h1>
      <strong>Kibana</strong>&nbsp;Status Page
    </h1>
  </header>

  <section class="section">
    <h4>What is this page?</h4>
    <p>This page is your sanity check, and your savior. You can check for potential problems</p>
    <p>Here is the status of your kibana instance and the plugins you have installed along with some, statistics to asses potential problems.</p>
  </section>

  <div class="system_status_wrapper state_default state_{{ui.serverState}}">

    <h3 class="title">
      <b>System Status</b> {{ ui.serverStateMessage }}
    </h3>

    <div ng-if="!ui.statuses && ui.loading" class="loading_statuses">
      <span class="spinner"></span>
    </div>

    <h4 ng-if="!ui.statuses && !ui.loading" class="missing_statuses">
      No status information available
    </h4>

    <table class="status_breakdown" ng-if="ui.statuses">
      <tr>
        <th class="col-xs-1">Name</th>
        <th class="col-xs-11">Description</th>
      </tr>
      <tr ng-repeat="status in ui.statuses" class="status_row state_default state_{{status.state}}">
        <td class="col-xs-1 status_name">{{status.name}}</td>
        <td class="col-xs-11 status_message">{{status.message}}</td>
      </tr>
    </table>

  </div>

  <h2>Server Metrics</h2>
  <p>Interval of 5 seconds, with a max history of 5 minutes.</p>
  <div id="chart_cont" class="row">
    <div ng-repeat="(name, data) in ui.metrics">
      <status-page-metric name="{{name}}" data="data"></status-page-metric>
    </div>
  </div>
</div>