server/admin/static/views/theme.html

<h2>{{theme.name}} <small>{{theme.authors}}</small></h2>

<form ng-submit="saveTheme()">
  <div class="form-group row" ng-repeat="field in fields">
    <label for="{{ field }}" class="col-sm-1 col-form-label-sm">{{ field | capitalize }}</label>
    <div class="col-sm-11">
      <input type="text" class="form-control form-control-sm" id="{{ field }}" ng-model="theme[field]">
    </div>
  </div>
  <div class="text-right" ng-show="theme.id">
    <button type="submit" class="btn btn-success"><span class="glyphicon glyphicon-save" aria-hidden="true"></span> Save</button>
    <button class="btn btn-danger" ng-click="deleteTheme()"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Delete</button>
  </div>
  <div class="text-right" ng-show="!theme.id">
    <button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Create theme</button>
  </div>
</form>

<hr>

<div ng-show="theme.id" ng-controller="ExercicesListController">
  <h3>
    Exercices
    <button ng-click="show('new')" class="float-right btn btn-sm btn-primary" style="margin-left: 10px;"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Ajouter un exercice</button>
    <button ng-click="syncExo()" ng-class="{'disabled': inSync}" class="float-right btn btn-sm btn-light"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> Synchroniser</button>
  </h3>

  <p><input type="search" class="form-control" placeholder="Search" ng-model="query"></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>