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 input-append text-center input-block-level">
        <span class="add-on"><span class="icon-search"></span></span>
        <input type="text" placeholder="Search" ng-model="search.query" />
        <button class="btn" ng-click="isAdvancedSearchCollapsed = !isAdvancedSearchCollapsed">Advanced search <span class="caret"></span></button>
      </p>
      <div collapse="isAdvancedSearchCollapsed">
        <div class="well well-small">
          <form class="form-horizontal">
            <div class="control-group">
              <label class="control-label" for="inputCreateDateMin">Creation date</label>
              <div class="controls">
                <input class="span4" ng-readonly="true" ng-change="loadDocuments()" type="text" id="inputCreateDateMin" datepicker-popup="yyyy-MM-dd" ng-model="search.createDateMin" starting-day="1" show-weeks="false" />
                 to 
                <input class="span4" ng-readonly="true" ng-change="loadDocuments()" type="text" id="inputCreateDateMax" datepicker-popup="yyyy-MM-dd" ng-model="search.createDateMax" starting-day="1" show-weeks="false" />
              </div>
            </div>
            <div class="control-group">
              <label class="control-label" for="inputTags">Tags</label>
              <div class="controls">
                <select-tag tags="search.tags" class="input-block-level" ref="inputTags" />
              </div>
            </div>
            <div class="form-actions">
              <button ng-click="initSearch()" class="btn btn-warning" type="submit">Reset search</button>
            </div>
          </form>
        </div> 
      </div>
      <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">
            <td>{{ document.title }}</td>
            <td>{{ document.create_date | date: 'yyyy-MM-dd' }}</td>
          </tr>
        </tbody>
      </table>
      <div class="text-center">
        <pagination num-pages="numPages" max-size="5" current-page="currentPage"></pagination>
      </div>
      <div class="text-right">
        {{ totalDocuments }} document{{ totalDocuments > 1 ? 's' : '' }} found
      </div>
    </div>
    <div class="span8 well">
      <div ui-view="document"></div>
    </div>
  </div>
</div>