diff --git a/index.html b/index.html
index 13bb29e..340eabb 100644
--- a/index.html
+++ b/index.html
@@ -133,6 +133,17 @@
                             <input type="number" name="solde" v-model="solde">
                             <label for="solde">Solde initial (€)</label>
                         </div>
+                        <div class="input-field" v-if="droit >= 3">
+                            <strong>Découvert autorisé</strong>
+                            <div class="switch">
+                                <label>
+                                    Non
+                                    <input v-model="decouvert" type="checkbox">
+                                    <span class="lever"></span>
+                                    Oui
+                                </label>
+                            </div>
+                        </div>
                         <button type="submit" :disabled="!solde || (!PEUT_NFC && !idCarte)">Créer</button>
                     </form>
                 </div>
@@ -197,12 +208,37 @@
             <div class="row">
                 <div id="clients">
                     <h4>Liste des clients</h4>
+                    <button @click="actuClients">Rafraîchir</button>
+                    <ul class="collapsible popout" data-collapsible="accordion">
+                        <li v-for="client in clients">
+                            <div class="collapsible-header">
+                                <i class="material-icons">perm_identity</i> {{ client.idCarte }} : {{ client.solde }} €
+                            </div>
+                            <div class="collapsible-body">
+                                <ul>
+                                    <li v-if="droit >= 3">
+                                        <strong>Découvert autorisé</strong>
+                                        <div class="switch">
+                                            <label>
+                                                Non
+                                                <input v-model="client.decouvert" type="checkbox">
+                                                <span class="lever"></span>
+                                                Oui
+                                            </label>
+                                        </div>
+                                    </li>
+                                </ul>
+                                <h5>Transactions</h5>
+                                <p>TODO</p>
+                            </div>
+                        </li>
+                    </ul>
                 </div>
                 <div id="transactions">
                     <h4>Liste des transactions</h4>
                     <button @click="actuTransactions">Rafraîchir</button>
                     <ul class="collapsible popout" data-collapsible="accordion">
-                        <li v-for="transaction in transactions">
+                        <li v-for="transaction in transactions | orderBy 'date' -1">
                             <div class="collapsible-header" :class="{'red': !transaction.valide}">
                                 <span v-if="transaction.type == 1">
                                     <i class="material-icons">trending_flat</i> {{ transaction.client }} : {{ transaction.montant }} €
@@ -228,7 +264,7 @@
                                         <span v-if="transaction.type == 4">Vidange</span>
                                     </li>
                                     <li>
-                                        <strong>Date :</strong> {{ transaction.date }}
+                                        <strong>Date :</strong> <span v-text="transaction.date | date"></span>
                                     </li>
                                     <li>
                                         <strong>Utilisateur :</strong> {{ transaction.utilisateur }}
diff --git a/js/init.js b/js/init.js
index fccdb7a..8c73a3d 100644
--- a/js/init.js
+++ b/js/init.js
@@ -31,8 +31,13 @@ var app = new Vue({
         erreurTitre: '',
         erreurMessage: '',
         // Session
+        login: '',
+        droit: '',
+        jeton: '',
         connecte: false,
         date: 1,
+        // Données
+        clients: [],
         transactions: [],
     },
     methods: {
@@ -46,12 +51,25 @@ var app = new Vue({
             donnees['jeton'] = this.jeton
             this.apiBrute(chemin, donnees, cb)
         },
+        actuClients: function() {
+            var that = this
+            this.api("client/liste", {}, function(retour, donnees) {
+                switch(retour) {
+                    case "ok":
+                        that.clients = donnees.clients
+                        break;
+
+                    default:
+                        that.erreur(retour, donnees);
+                        break;
+                }
+            })
+        },
         actuTransactions: function() {
             var that = this
             this.api("transactions", {}, function(retour, donnees) {
                 switch(retour) {
                     case "ok":
-                        console.log(donnees.transactions[0].type, TRANSACTION_CREATION)
                         that.transactions = donnees.transactions
                         break;
 
@@ -60,8 +78,8 @@ var app = new Vue({
                         break;
                 }
             })
-
         },
+
         // Affichage
         toast: function(texte) {
             Materialize.toast(texte, 4000);
@@ -116,7 +134,7 @@ var app = new Vue({
         },
         creer: function() {
             var that = this
-            this.api("client/ajouter", {idCarte: this.idCarte, solde: this.solde}, function(retour, donnees) {
+            this.api("client/ajouter", {idCarte: this.idCarte, solde: this.solde, decouvert: this.decouvert}, function(retour, donnees) {
                 switch(retour) {
                     case "ok":
                         that.transaction(donnees.idTransaction, "Client " + that.idCarte + " crée avec un solde de " + that.solde + " €")
--
libgit2 0.21.2