--- /dev/null
+<h1 ng-if="totalProducts.retour == 'OK' && products.retour == 'OK'">Liste des produits</h1>
+<span ng-if="products.retour == 'KO' || totalProducts.retour == 'KO'"><h3>Erreur lors de la récupération des produits :</h3>
+ <h3 ng-if="products.retour == 'KO'" class="has-error">{{products.message}}</h3>
+ <h3 ng-if="totalProducts.retour == 'KO' && products.retour != 'KO'" class="has-error">{{totalProducts.message}}</h3>
+</span>
+<div ng-if="totalProducts.result == 0">
+ Aucun produit n'existe pour le moment.
+</div>
+
+<div class="itemAddForm" ng-if="totalProducts.retour == 'OK' && products.retour == 'OK'" ng-include="'partials/product-add.html'"></div>
+
+<table ng-if="products.retour == 'OK' && totalProducts.result > 0" class="table table-striped">
+ <tr>
+ <th class="col-lg-4">Nom</th>
+ <th class="col-lg-4">Diminutif</th>
+ <th class="row">Actions</th>
+ </tr>
+ <tr ng-repeat="product in products.result | orderBy: orderProp">
+ <td class="col-lg-4" ng-show="showEditForm!=product.id">
+ <a href="#/products/{{product.id}}">{{product.name}}</a>
+ </td>
+ <td class="col-lg-4" ng-show="showEditForm!=product.id">{{product.diminutif}}</td>
+ <td ng-show="showEditForm==product.id">
+ <input ng-model="newProduct.name" type="text" class="form-control ng-pristine ng-scope" placeholder="{{product.name}}"/>
+ </td>
+ <td ng-show="showEditForm==product.id">
+ <input ng-model="newProduct.diminutif" type="text" class="form-control ng-pristine ng-scope" placeholder="{{product.diminutif}}"/>
+ </td>
+ <td ng-show="showEditForm==product.id">
+ <span class="btn btn-success btn-validate" value="Enregistrer" ng-click="productUpdated(product.id)">
+ <i class="fa fa-check fa-2x"></i>
+ </span>
+ <span class="btn btn-warning" value="Annuler" ng-click="actionCanceled()">
+ <i class="fa fa-ban fa-2x"></i>
+ </span>
+ </td>
+ <td class="row">
+ <span class="btn btn-info" ng-click="productEditLaunched(product.id)" ng-show="showEditForm!=product.id">
+ <i class="fa fa-pencil fa-2x"></i>
+ <span>Éditer</span>
+ </span>
+ <span class="btn btn-danger" ng-click="productDeleted(product.id)" ng-show="showEditForm!=product.id">
+ <i class="fa fa-trash fa-2x"></i>
+ <span>Supprimer</span>
+ </span>
+ </td>
+ </tr>
+</table>
+
+<div ng-if="totalProducts.retour == 'OK' && products.retour == 'OK'" class="panel-footer" ng-include="'partials/actions-footer.html'"></div>
\ No newline at end of file