server/admin/static/views/exercice-list.html

<h2>Exercices
  <button type="button" ng-click="syncFull()" ng-class="{'disabled': inSync}" class="float-right btn btn-sm btn-secondary"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> Synchroniser</button>
  <small style="height: 0px;">
    <div class="btn-group btn-group-toggle float-right mr-2">
      <label class="btn btn-sm btn-secondary" ng-class="{active: syncFiles, 'btn-warning': syncFiles}">
	<input type="checkbox" ng-model="syncFiles"> Fichiers
      </label>
      <label class="btn btn-sm btn-secondary" ng-class="{active: syncHints, 'btn-warning': syncHints}" ng-show="whoami">
	<input type="checkbox" ng-model="syncHints"> Indices
      </label>
      <label class="btn btn-sm btn-secondary" ng-class="{active: syncFlags, 'btn-warning': syncFlags}">
	<input type="checkbox" ng-model="syncFlags"> Flags
      </label>
    </div>
  </small>
</h2>

<div class="progress" ng-if="inSync">
  <div class="progress-bar" style="width: {{ done * 100 / total  }}%;"></div>
</div>

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