docs/docs-web/src/main/webapp/partial/document.html

<div class="container-fluid">
  <div class="row-fluid">
    <div class="span4 well">
      <p class="text-center">
        <button class="btn btn-primary" type="button" ng-click="addDocument()"><span class="icon-plus icon-white"></span> Add a document</button>
      </p>
      <p class="input-prepend text-center input-block-level">
        <span class="add-on"><span class="icon-search"></span></span>
        <input class="span10" type="text" placeholder="Search" ng-model="search" >
      </p>
      <table class="table table-striped table-hover table-documents">
        <thead>
          <tr>
            <th ng-click="sortDocuments(1)"><span class="icon-chevron-{{ sortColumn == 1 ? (asc ? 'down' : 'up') : '' }}"></span> Title</th>
            <th ng-click="sortDocuments(3)"><span class="icon-chevron-{{ sortColumn == 3 ? (asc ? 'down' : 'up') : '' }}"></span> Creation date</th>
          </tr>
        </thead>
        <tbody>
          <tr ng-click="viewDocument(document.id)" ng-repeat="document in documents.documents">
            <td>{{ document.title }}</td>
            <td>{{ document.create_date | date: 'short' }}</td>
          </tr>
        </tbody>
      </table>
      <div class="text-center">
        <pagination num-pages="numPages" max-size="5" current-page="currentPage"></pagination>
      </div>
    </div>
    <div class="span8 well">
      <div ui-view="document"></div>
    </div>
  </div>
</div>