<h2>
  Thèmes
  <button type="button" ng-click="show('new')" class="float-right btn btn-sm btn-primary ml-2"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Ajouter un thème</button>
  <button type="button" ng-click="sync()" ng-class="{'disabled': inSync}" class="float-right btn btn-sm btn-secondary ml-2"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> Synchroniser</button>
</h2>

<p><input type="search" class="form-control" placeholder="Search" ng-model="query" ng-keypress="validateSearch($event)" autofocus></p>
<table class="table table-hover table-bordered table-striped">
  <thead class="thead-dark">
    <tr>
      <th ng-repeat="field in fields">
	{{ field }}
      </th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="theme in themes | filter: query" ng-click="show(theme.id)">
      <td ng-repeat="field in fields">
	{{ theme[field] | stripHTML }}
      </td>
    </tr>
  </tbody>
</table>
