LeClubInfo / 10p5-server

Commit 4525b51014fbfb050aa48acb4f35da98d6eb34cf

Authored by Geoffrey PREUD'HOMME
1 parent 07329faa

Des trucs useless

Showing 3 changed files with 30 additions and 23 deletions   Show diff stats
Inline Side-by-side
index.html
  Show/Hide comments   View file @4525b51
... ... @@ -85,10 +85,12 @@
85 85 <h5>Avec votre identifiant et votre mot de passe</h5>
86 86 <form @submit="connecter">
87 87 <div class="input-field">
  88 + <i class="material-icons prefix">account_circle</i>
88 89 <input type="text" name="login" v-model="login">
89 90 <label for="login">Identifiant</label>
90 91 </div>
91 92 <div class="input-field">
  93 + <i class="material-icons prefix">vpn_key</i>
92 94 <input type="password" name="mdp" v-model="mdp">
93 95 <label for="mdp">Mot de passe</label>
94 96 </div>
... ... @@ -104,13 +106,15 @@
104 106 <div class="container" v-show="page == 'operations'">
105 107 <div class="row center">
106 108 <div id="creation">
107   - <h5>Créer un nouveau client</h5>
  109 + <h4>Créer un nouveau client</h4>
108 110 <form @submit="creer">
109 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 114 <label for="idCarte">Identifiant de la carte</label>
112 115 </div>
113 116 <div class="input-field">
  117 + <i class="material-icons prefix">trending_flat</i>
114 118 <input type="number" name="solde" v-model="solde">
115 119 <label for="solde">Solde initial (€)</label>
116 120 </div>
... ... @@ -118,13 +122,15 @@
118 122 </form>
119 123 </div>
120 124 <div id="rechargement">
121   - <h5>Recharger un client</h5>
  125 + <h4>Recharger un client</h4>
122 126 <form @submit="recharger">
123 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 130 <label for="idCarte">Identifiant de la carte</label>
126 131 </div>
127 132 <div class="input-field">
  133 + <i class="material-icons prefix">trending_up</i>
128 134 <input type="number" name="credit" v-model="credit">
129 135 <label for="credit">Crédit (€)</label>
130 136 </div>
... ... @@ -132,38 +138,38 @@
132 138 </form>
133 139 </div>
134 140 <div id="paiement">
135   - <h5>Vendre à un client</h5>
  141 + <h4>Vendre à un client</h4>
136 142 <form @submit="payer">
137 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 146 <label for="idCarte">Identifiant de la carte</label>
140 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 154 </div>
151 155 </div>
152 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 163 </div>
159 164 <button :disabled="!prix || (!PEUT_NFC && !idCarte)">Payer</button>
160 165 </form>
161 166 </div>
162 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 169 <form @submit="vidanger">
165 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 173 <label for="idCarte">Identifiant de la carte</label>
168 174 </div>
169 175 <button :disabled="!PEUT_NFC && !idCarte">Vider</button>
... ...
js/init.js
  Show/Hide comments   View file @4525b51
... ... @@ -16,6 +16,7 @@ $(function(){
16 16 $('.button-collapse').sideNav();
17 17 $('.modal-trigger').leanModal()
18 18 $('form').submit(function() { return false });
  19 + $('[name=idCarte]').characterCounter();
19 20 });
20 21  
21 22 // Application
... ...
scss/style.scss
  Show/Hide comments   View file @4525b51
... ... @@ -90,7 +90,7 @@ form {
90 90 @extend .row;
91 91 >div {
92 92 @extend .col;
93   - @extend .s4;
  93 + @extend .s2;
94 94 >button {
95 95 width: 90%;
96 96 padding: 25px;
... ...