--- /dev/null
+<h1 ng-if="totalContracts.retour == 'OK' && contracts.retour == 'OK'">Liste des contrats</h1>
+<span ng-if="contracts.retour == 'KO' || totalContracts.retour == 'KO'">
+ <h3>Erreur lors de la récupération des contrats :</h3>
+ <h3 ng-if="contracts.retour == 'KO'" class="has-error">{{contracts.message}}</h3>
+ <h3 ng-if="totalContracts.retour == 'KO' && contracts.retour != 'KO'" class="has-error">{{totalContracts.message}}</h3>
+</span>
+<div ng-if="totalContracts.result == 0">
+ Aucun contrat n'existe pour le moment.
+</div>
+<table ng-if="contracts.retour == 'OK' && totalContracts.result > 0" class="contracts">
+ <tr class="row">
+ <th class="col-lg-4">Numéro</th>
+ <th class="col-lg-8">État</th>
+ </tr>
+ <tr ng-repeat="contract in contracts.result | orderBy: orderProp" class="row">
+ <td class="col-lg-4">{{contract.number}}</td>
+ <td class="col-lg-8" ng-switch="contract.state">
+ <span ng-switch-when="signe">Signé</span>
+ <span ng-switch-when="signe_maj_version">Signé avec mise à jour de version</span>
+ <span ng-switch-when="signe_sans_maj_version">Signé sans mise à jour de version</span>
+ <span ng-switch-when="encours">En cours</span>
+ <span ng-switch-when="resilie" class="has-error">Résilié</span>
+ </td>
+ </tr>
+</table>
+
+<div class="panel-footer" ng-include="'partials/actions-footer.html'"></div>
\ No newline at end of file