diff --git a/index.html b/index.html
index 582d5a8..66dc76e 100644
--- a/index.html
+++ b/index.html
@@ -104,7 +104,7 @@
                     </div>
                 </form>
             </div>
-            <div v-if="peutNFC">
+            <div v-if="PEUT_NFC">
                 <h5>Avec votre carte étudiant</h5>
                 <p>Passez-la simplement devant le lecteur</p>
             </div>
@@ -116,12 +116,16 @@
                     <h5>Créer un nouveau client</h5>
                     <div class="row">
                         <form class="col s12">
+                            <div class="input-field col s12" v-if="!PEUT_NFC">
+                                <input type="text" name="idCarte" maxlength="8" v-model="idCarte">
+                                <label for="idCarte">Identifiant de la carte</label>
+                            </div>
                             <div class="input-field col s12">
-                                <input type="number" name="solde">
+                                <input type="number" name="solde" v-model="solde">
                                 <label for="solde">Solde initial (€)</label>
                             </div>
                             <div class="row center">
-                                <a class="btn-large waves-effect waves-light">Créer</a>
+                                <a class="btn-large waves-effect waves-light" @click="creer" :class="{'disabled': !peutCreer}">Créer</a>
                             </div>
                         </form>
                     </div>
@@ -130,6 +134,10 @@
                     <h5>Recharger un client</h5>
                     <div class="row">
                         <form class="col s12">
+                            <div class="input-field col s12" v-if="!PEUT_NFC">
+                                <input type="text" name="idCarte" maxlength="8" v-model="idCarte">
+                                <label for="idCarte">Identifiant de la carte</label>
+                            </div>
                             <div class="input-field col s12">
                                 <input type="number" name="credit">
                                 <label for="credit">Crédit (€)</label>
@@ -144,6 +152,12 @@
                     <h5>Vendre à un client</h5>
                     <div class="row">
                         <form class="col s12">
+                            <div class="input-field col s12" v-if="!PEUT_NFC">
+                                <input type="text" name="idCarte" maxlength="8" v-model="idCarte">
+                                <label for="idCarte">Identifiant de la carte</label>
+                            </div>
+                            <br/>
+                            <h6>En spécifiant le nombre de consommations</h6>
                             <div id="grilleBieres">
                                 <div class="row">
                                     <div class="col s4"><a class="waves-effect waves-light btn">1</a></div>
@@ -156,6 +170,8 @@
                                     <div class="col s4"><a class="waves-effect waves-light btn">6</a></div>
                                 </div>
                             </div>
+                            <br/>
+                            <h6>En spécifiant un montant</h6>
                             <div class="row">
                                 <div class="input-field col s12">
                                     <input type="number" name="prix">
@@ -170,6 +186,10 @@
                 </div>
                 <div id="vidange">
                     <h5>Vider le contenu de la carte d'un client</h5>
+                    <div class="input-field col s12" v-if="!PEUT_NFC">
+                        <input type="text" name="idCarte" maxlength="8" v-model="idCarte">
+                        <label for="idCarte">Identifiant de la carte</label>
+                    </div>
                     <div class="row center">
                         <a class="btn-large waves-effect waves-light">Vider</a>
                     </div>
diff --git a/js/init.js b/js/init.js
index 10b5268..413166a 100644
--- a/js/init.js
+++ b/js/init.js
@@ -9,6 +9,8 @@ var TRANSACTION_VIDANGE = 4
 
 var TRANSACTION_DUREE = 60
 
+var PEUT_NFC = false
+
 // Fonctions pour Materialize
 $(function(){
     $('.button-collapse').sideNav();
@@ -20,10 +22,14 @@ $(function(){
 var app = new Vue({
     el: 'body',
     data: {
+        // Constantes
+        PEUT_NFC: PEUT_NFC,
+        // Affichage
         page: 'connexion',
-        connecte: false,
         erreurTitre: '',
         erreurMessage: '',
+        // Session
+        connecte: false,
         date: 1,
     },
     methods: {
@@ -33,6 +39,10 @@ var app = new Vue({
                 cb(data['status'], data);
             })
         },
+        api: function(chemin, donnees, cb) {
+            donnees['jeton'] = this.jeton
+            this.apiBrute(chemin, donnees, cb)
+        },
         // Affichage
         toast: function(texte) {
             Materialize.toast(texte, 4000);
@@ -68,11 +78,33 @@ var app = new Vue({
                 }
             })
         },
+        creer: function() {
+            if (!this.peutCreer) return
+            var that = this
+            this.api("client/ajouter", {idCarte: this.idCarte, solde: this.solde}, function(retour, donnees) {
+                switch(retour) {
+                    case "ok":
+                        that.toast("Client " + that.idCarte + " crée avec un solde de " + that.solde + " €")
+                        break;
+
+                    case "solde_negatif":
+                        that.toast("Solde négatif")
+                        break;
+
+                    default:
+                        that.erreur(retour, donnees);
+                        break;
+                }
+            });
+        }
     },
     computed: {
         peutConnecter: function() {
             return this.login && this.mdp;
         },
+        peutCreer: function() {
+            return this.solde && (this.PEUT_NFC || this.idCarte)
+        },
         timer: function() {
             var secondes = this.connecte + JETON_DUREE - this.date
             var minutes = Math.floor(secondes/60)
--
libgit2 0.21.2