<h1 class=“page-header”>Cluster Status</h1> <div>

<h2>Hosts</h2>
<dl>
  <dt ng-repeat-start="(datacenter, hosts) in cluster.hosts | groupBy: 'datacenter'">Datacenter: {{datacenter}}</dt>
  <dd ng-repeat-end>
    <table class="table table-striped table-condensed">
      <thead>
        <tr>
          <th>ip</th>
          <th>id</th>
          <th>rack</th>
          <th>version</th>
          <th>status</th>
        </tr>
      </thead>
      <tbody>
        <tr ng-repeat="host in hosts" class="{{host_status_class(host.status)}}">
          <td>{{host.ip}}</td>
          <td>{{host.id}}</td>
          <td>{{host.rack}}</td>
          <td>{{host.release_version}}</td>
          <td>{{host.status}}</td>
        </tr>
      </tbody>
    </table>
  </dd>
</dl>

</div> <div>

<h2>Keyspaces</h2>
<dl>
  <dt ng-repeat-start="keyspace in cluster.keyspaces">
    <a href="/{{keyspace.name}}">{{keyspace.name}}</a>
  </dt>
  <dd ng-repeat-end>
    <pre class="highlight"><code-highlight language="cql" code="{{keyspace.cql}}" /></pre>
  </dd>
</dl>

</div>