<div ui-view> <div class=“panel panel-default”>

<!-- Default panel contents -->
<div class="panel-heading">All Puppet nodes <span class="badge" ng-pluralize
  count="ctrl.pagination.elements()"
  when="{'0': 'none',
    '1': '1 node',
    'other': '{} nodes'}"></span></div>

<!-- Table -->
<table class="table table-striped table-hover">
  <thead>
    <tr>
      <th>#</th>
      <th>Node</th>
      <th>Status</th>
      <th># of reports</th>
      <th>Last run</th>
    </tr>
  </thead>
  <tbody>
    <tr
      dir-paginate="node in ctrl.all | itemsPerPage: ctrl.pagination.limit() | orderBy:'-last_run'"
      total-items="ctrl.pagination.elements()"
      >
      <td>{{ $index + 1 }}</td>
      <td><samp>{{ node.name }}</samp></td>
      <td><ws-status-button
        status="node.status"
        id="node.id"
        idname="'nodeId'"
        route="'node'"></ws-status-button></td>
      <td>{{ node.no_of_reports }}</td>
      <td title="{{ node.last_run }}">{{ node.last_run | amCalendar }}</td>
    </tr>
  </tbody>
</table>

</div>

<nav class=“text-center”>

<dir-pagination-controls
  on-page-change="ctrl.onPageChange(newPageNumber)"
  boundary-links="true"
  ></dir-pagination-controls>

</nav>

</div>