Commit 4525b51014fbfb050aa48acb4f35da98d6eb34cf
1 parent
07329faa
Des trucs useless
Showing
3 changed files
with
30 additions
and
23 deletions
Show diff stats
index.html
| @@ -85,10 +85,12 @@ | @@ -85,10 +85,12 @@ | ||
| 85 | <h5>Avec votre identifiant et votre mot de passe</h5> | 85 | <h5>Avec votre identifiant et votre mot de passe</h5> |
| 86 | <form @submit="connecter"> | 86 | <form @submit="connecter"> |
| 87 | <div class="input-field"> | 87 | <div class="input-field"> |
| 88 | + <i class="material-icons prefix">account_circle</i> | ||
| 88 | <input type="text" name="login" v-model="login"> | 89 | <input type="text" name="login" v-model="login"> |
| 89 | <label for="login">Identifiant</label> | 90 | <label for="login">Identifiant</label> |
| 90 | </div> | 91 | </div> |
| 91 | <div class="input-field"> | 92 | <div class="input-field"> |
| 93 | + <i class="material-icons prefix">vpn_key</i> | ||
| 92 | <input type="password" name="mdp" v-model="mdp"> | 94 | <input type="password" name="mdp" v-model="mdp"> |
| 93 | <label for="mdp">Mot de passe</label> | 95 | <label for="mdp">Mot de passe</label> |
| 94 | </div> | 96 | </div> |
| @@ -104,13 +106,15 @@ | @@ -104,13 +106,15 @@ | ||
| 104 | <div class="container" v-show="page == 'operations'"> | 106 | <div class="container" v-show="page == 'operations'"> |
| 105 | <div class="row center"> | 107 | <div class="row center"> |
| 106 | <div id="creation"> | 108 | <div id="creation"> |
| 107 | - <h5>Créer un nouveau client</h5> | 109 | + <h4>Créer un nouveau client</h4> |
| 108 | <form @submit="creer"> | 110 | <form @submit="creer"> |
| 109 | <div class="input-field" v-if="!PEUT_NFC"> | 111 | <div class="input-field" v-if="!PEUT_NFC"> |
| 110 | - <input type="text" name="idCarte" maxlength="8" v-model="idCarte"> | 112 | + <i class="material-icons prefix">credit_card</i> |
| 113 | + <input type="text" name="idCarte" length="8" v-model="idCarte"> | ||
| 111 | <label for="idCarte">Identifiant de la carte</label> | 114 | <label for="idCarte">Identifiant de la carte</label> |
| 112 | </div> | 115 | </div> |
| 113 | <div class="input-field"> | 116 | <div class="input-field"> |
| 117 | + <i class="material-icons prefix">trending_flat</i> | ||
| 114 | <input type="number" name="solde" v-model="solde"> | 118 | <input type="number" name="solde" v-model="solde"> |
| 115 | <label for="solde">Solde initial (€)</label> | 119 | <label for="solde">Solde initial (€)</label> |
| 116 | </div> | 120 | </div> |
| @@ -118,13 +122,15 @@ | @@ -118,13 +122,15 @@ | ||
| 118 | </form> | 122 | </form> |
| 119 | </div> | 123 | </div> |
| 120 | <div id="rechargement"> | 124 | <div id="rechargement"> |
| 121 | - <h5>Recharger un client</h5> | 125 | + <h4>Recharger un client</h4> |
| 122 | <form @submit="recharger"> | 126 | <form @submit="recharger"> |
| 123 | <div class="input-field" v-if="!PEUT_NFC"> | 127 | <div class="input-field" v-if="!PEUT_NFC"> |
| 124 | - <input type="text" name="idCarte" maxlength="8" v-model="idCarte"> | 128 | + <i class="material-icons prefix">credit_card</i> |
| 129 | + <input type="text" name="idCarte" length="8" v-model="idCarte"> | ||
| 125 | <label for="idCarte">Identifiant de la carte</label> | 130 | <label for="idCarte">Identifiant de la carte</label> |
| 126 | </div> | 131 | </div> |
| 127 | <div class="input-field"> | 132 | <div class="input-field"> |
| 133 | + <i class="material-icons prefix">trending_up</i> | ||
| 128 | <input type="number" name="credit" v-model="credit"> | 134 | <input type="number" name="credit" v-model="credit"> |
| 129 | <label for="credit">Crédit (€)</label> | 135 | <label for="credit">Crédit (€)</label> |
| 130 | </div> | 136 | </div> |
| @@ -132,38 +138,38 @@ | @@ -132,38 +138,38 @@ | ||
| 132 | </form> | 138 | </form> |
| 133 | </div> | 139 | </div> |
| 134 | <div id="paiement"> | 140 | <div id="paiement"> |
| 135 | - <h5>Vendre à un client</h5> | 141 | + <h4>Vendre à un client</h4> |
| 136 | <form @submit="payer"> | 142 | <form @submit="payer"> |
| 137 | <div class="input-field" v-if="!PEUT_NFC"> | 143 | <div class="input-field" v-if="!PEUT_NFC"> |
| 138 | - <input type="text" name="idCarte" maxlength="8" v-model="idCarte"> | 144 | + <i class="material-icons prefix">credit_card</i> |
| 145 | + <input type="text" name="idCarte" length="8" v-model="idCarte"> | ||
| 139 | <label for="idCarte">Identifiant de la carte</label> | 146 | <label for="idCarte">Identifiant de la carte</label> |
| 140 | </div> | 147 | </div> |
| 141 | - <div> | ||
| 142 | - <h6>En spécifiant le nombre de consommations</h6> | ||
| 143 | - <div id="grilleBieres"> | ||
| 144 | - <div> | ||
| 145 | - <div v-for="i in [1, 2, 3]"><button :disabled="!PEUT_NFC && !idCarte">{{ i }}</button></div> | ||
| 146 | - </div> | ||
| 147 | - <div> | ||
| 148 | - <div v-for="i in [4, 5, 6]"><button :disabled="!PEUT_NFC && !idCarte">{{ i }}</button></div> | ||
| 149 | - </div> | 148 | + <div class="row"> |
| 149 | + <h5>En spécifiant le nombre de consommations</h5> | ||
| 150 | + </div> | ||
| 151 | + <div id="grilleBieres"> | ||
| 152 | + <div> | ||
| 153 | + <div v-for="i in [1, 2, 3, 4, 5, 6]"><button :disabled="!PEUT_NFC && !idCarte">{{ i }}</button></div> | ||
| 150 | </div> | 154 | </div> |
| 151 | </div> | 155 | </div> |
| 152 | <div class="row"> | 156 | <div class="row"> |
| 153 | - <h6>En spécifiant un montant</h6> | ||
| 154 | - <div class="input-field"> | ||
| 155 | - <input type="number" name="prix" v-model="prix"> | ||
| 156 | - <label for="prix">Prix (€)</label> | ||
| 157 | - </div> | 157 | + <h5>En spécifiant un montant</h5> |
| 158 | + </div> | ||
| 159 | + <div class="input-field"> | ||
| 160 | + <i class="material-icons prefix">trending_down</i> | ||
| 161 | + <input type="number" name="prix" v-model="prix"> | ||
| 162 | + <label for="prix">Prix (€)</label> | ||
| 158 | </div> | 163 | </div> |
| 159 | <button :disabled="!prix || (!PEUT_NFC && !idCarte)">Payer</button> | 164 | <button :disabled="!prix || (!PEUT_NFC && !idCarte)">Payer</button> |
| 160 | </form> | 165 | </form> |
| 161 | </div> | 166 | </div> |
| 162 | <div id="vidange"> | 167 | <div id="vidange"> |
| 163 | - <h5>Vider le contenu de la carte d'un client</h5> | 168 | + <h4>Vider le contenu de la carte d'un client</h4> |
| 164 | <form @submit="vidanger"> | 169 | <form @submit="vidanger"> |
| 165 | <div class="input-field" v-if="!PEUT_NFC"> | 170 | <div class="input-field" v-if="!PEUT_NFC"> |
| 166 | - <input type="text" name="idCarte" maxlength="8" v-model="idCarte"> | 171 | + <i class="material-icons prefix">credit_card</i> |
| 172 | + <input type="text" name="idCarte" length="8" v-model="idCarte"> | ||
| 167 | <label for="idCarte">Identifiant de la carte</label> | 173 | <label for="idCarte">Identifiant de la carte</label> |
| 168 | </div> | 174 | </div> |
| 169 | <button :disabled="!PEUT_NFC && !idCarte">Vider</button> | 175 | <button :disabled="!PEUT_NFC && !idCarte">Vider</button> |
js/init.js
| @@ -16,6 +16,7 @@ $(function(){ | @@ -16,6 +16,7 @@ $(function(){ | ||
| 16 | $('.button-collapse').sideNav(); | 16 | $('.button-collapse').sideNav(); |
| 17 | $('.modal-trigger').leanModal() | 17 | $('.modal-trigger').leanModal() |
| 18 | $('form').submit(function() { return false }); | 18 | $('form').submit(function() { return false }); |
| 19 | + $('[name=idCarte]').characterCounter(); | ||
| 19 | }); | 20 | }); |
| 20 | 21 | ||
| 21 | // Application | 22 | // Application |
scss/style.scss