Blame view

index.php 21.8 KB
3c5e66e0   Geoffrey PREUD'HOMME   Pas de PHP au fin...
1
2
3
4
5
6
7
8
9
  <!DOCTYPE html>
  <html lang="fr">
  
  <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0" />
      <title>10⁵</title>
  
      <!-- CSS  -->
3c5e66e0   Geoffrey PREUD'HOMME   Pas de PHP au fin...
10
11
12
13
14
      <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection" />
  </head>
  
  <body>
      <!-- Réutilisable -->
2146d35a   Geoffrey PREUD'HOMME   Vue interactive
15
16
17
18
19
20
21
22
23
      <div id="modalErreur" class="modal">
          <div class="modal-content">
              <h4>{{ erreurTitre }}</h4>
              <p v-if="modalGeneriqueContenu">{{ erreurMessage }}</p>
          </div>
          <div class="modal-footer">
              <a class="modal-action modal-close waves-effect btn-flat">Ça marche</a>
          </div>
      </div>
e5e2f19a   Geoffrey PREUD'HOMME   Mutli-pages
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
      <ul id="menuUtilisateur" class="dropdown-content">
          <li><a>Se déconnecter</a></li>
          <li><a>Changer de mot de passe</a></li>
          <li><a>Changer de carte</a></li>
          <li class="prezSeul"><a>Gestion des utilisateurs</a></li>
      </ul>
      <div id="passerCarte" class="modal">
          <div class="modal-content">
              <h4>Passez la carte du client</h4>
              <p>Veuillez passer la carte du client concerné pour finaliser l'action suivante : <strong>recharger 10 €</strong>.</p>
          </div>
          <div class="modal-footer">
              <a class="modal-action modal-close waves-effect waves-red btn-flat">Annuler</a>
          </div>
      </div>
      <div id="soldeInsuffisant" class="modal">
          <div class="modal-content">
              <h4>Solde insuffisant</h4>
              <p>
                  Le solde de la carte <strong>QUAELUY1RO</strong> n'est pas suffisant pour effectuer un paiement de 3,50 €.<br/> Solde actuel : 2,70 €<br/> Manquant : 0,80 €<br/>
              </p>
          </div>
          <div class="modal-footer">
              <a href="#rechargement" class="modal-action modal-close waves-effect waves-green btn-flat">Recharger</a>
              <a class="modal-action modal-close waves-effect waves-red btn-flat">Annuler</a>
          </div>
      </div>
1de801b7   Geoffrey PREUD'HOMME   Ajouter utilisateur
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
      <div id="u_ajouter" class="modal">
          <form @submit="u_ajouter(u_nouveau)">
              <div class="modal-content">
                  <h4>Ajouter un utilisateur</h4>
                  <div class="input-field">
                      <i class="material-icons prefix">perm_identity</i>
                      <input type="text" name="login" v-model="u_nouveau.login" length="30">
                      <label for="u_nouveau.login">Login</label>
                  </div>
                  <p>
                      <input name="droit_nouveau" type="radio" id="droit_nouveau_1" v-model="u_nouveau.droit" value="1" />
                      <label for="droit_nouveau_1">BDE</label>
                  </p>
                  <p>
                      <input name="droit_nouveau" type="radio" id="droit_nouveau_2" v-model="u_nouveau.droit" value="2" />
                      <label for="droit_nouveau_2">Bar</label>
                  </p>
                  <p>
                      <input name="droit_nouveau" type="radio" id="droit_nouveau_3" v-model="u_nouveau.droit" value="3" />
                      <label for="droit_nouveau_3">Président</label>
                  </p>
                  <div class="input-field">
                      <i class="material-icons prefix">vpn_key</i>
                      <input type="password" name="mdp" v-model="u_nouveau.mdp" length="72">
                      <label for="u_nouveau.mdp">Mot de passe</label>
                  </div>
                  <div class="input-field">
                      <i class="material-icons prefix">credit_card</i>
                      <input type="text" name="carte" length="8" v-model="u_nouveau.idCarte">
                      <label for="carte">Carte</label>
                  </div>
              </div>
              <div class="modal-footer">
                  <button type="submit" class="modal-action modal-close waves-green" :disabled="!u_nouveau.login || !u_nouveau.droit || !u_nouveau.mdp">Créer</button>
                  <button type="reset" class="modal-action modal-close waves-red">Annuler</button>
              </div>
          </form>
      </div>
e5e2f19a   Geoffrey PREUD'HOMME   Mutli-pages
89
  
3c5e66e0   Geoffrey PREUD'HOMME   Pas de PHP au fin...
90
      <!-- Page -->
07329faa   Geoffrey PREUD'HOMME   Simplification de...
91
      <nav role="navigation">
1de801b7   Geoffrey PREUD'HOMME   Ajouter utilisateur
92
  
958e6af7   Geoffrey PREUD'HOMME   Corrections du CSS
93
94
95
96
97
98
99
100
101
          <div>
              <div>
                  <a class="brand-logo" v-if="page == 'connexion'">10⁵</a>
                  <div class="left" v-else>
                      <a class="breadcrumb">10⁵</a>
                      <a class="breadcrumb" v-if="page == 'operations'">Opérations</a>
                      <a class="breadcrumb" v-if="page == 'gestion'">Gestion</a>
                  </div>
                  <ul class="right hide-on-med-and-down">
e924b695   Geoffrey PREUD'HOMME   Déconnexion
102
                      <li v-if="moi.connecte">
2c195774   Geoffrey PREUD'HOMME   Statistiques client
103
                          <a class="dropdown-button" @click="changerPage('gestion', 'utilisateurs')">
e924b695   Geoffrey PREUD'HOMME   Déconnexion
104
                              <i class="material-icons">perm_identity</i> {{ moi.login }} (<i class="material-icons">timer</i> {{ timer }})
958e6af7   Geoffrey PREUD'HOMME   Corrections du CSS
105
106
107
                          </a>
                      </li>
                      <li v-if="connecte && page == 'operations'">
2c195774   Geoffrey PREUD'HOMME   Statistiques client
108
                          <a @click="changerPage('gestion')">
958e6af7   Geoffrey PREUD'HOMME   Corrections du CSS
109
110
111
112
                              <i class="material-icons">settings</i> Gestion
                          </a>
                      </li>
                      <li v-if="connecte && page == 'gestion'">
2c195774   Geoffrey PREUD'HOMME   Statistiques client
113
                          <a @click="changerPage('operations')">
958e6af7   Geoffrey PREUD'HOMME   Corrections du CSS
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
                              <i class="material-icons">play_arrow</i> Opérations
                          </a>
                      </li>
                  </ul>
              </div>
              <div>
                  <ul class="tabs" v-show="page == 'operations'">
                      <li class="tab col s3"><a href="#creation">Création</a></li>
                      <li class="tab col s3"><a href="#rechargement">Rechargement</a></li>
                      <li class="tab col s3"><a class="active" href="#paiement">Paiement</a></li>
                      <li class="tab col s3"><a href="#vidange">Vidange</a></li>
                  </ul>
                  <ul class="tabs" v-show="page == 'gestion'">
                      <li class="tab col s3"><a href="#clients">Clients</a></li>
                      <li class="tab col s3"><a href="#transactions">Transactions</a></li>
                      <li class="tab col s3"><a href="#utilisateurs">Utilisateurs</a></li>
                      <li class="tab col s3"><a href="#statistiques">Statistiques</a></li>
                  </ul>
e5e2f19a   Geoffrey PREUD'HOMME   Mutli-pages
132
              </div>
c450b12e   Geoffrey PREUD'HOMME   Annulation + ombres
133
              <ul class="side-nav">
c85f3520   Geoffrey PREUD'HOMME   Modification des ...
134
                  <todo></todo>
c450b12e   Geoffrey PREUD'HOMME   Annulation + ombres
135
              </ul>
3c5e66e0   Geoffrey PREUD'HOMME   Pas de PHP au fin...
136
137
138
          </div>
      </nav>
  
07329faa   Geoffrey PREUD'HOMME   Simplification de...
139
      <div id="main">
e5e2f19a   Geoffrey PREUD'HOMME   Mutli-pages
140
          <div class="container" v-show="page == 'connexion'">
3c5e66e0   Geoffrey PREUD'HOMME   Pas de PHP au fin...
141
              <h4>Se connecter</h4>
07329faa   Geoffrey PREUD'HOMME   Simplification de...
142
143
144
145
              <div>
                  <h5>Avec votre identifiant et votre mot de passe</h5>
                  <form @submit="connecter">
                      <div class="input-field">
4525b510   Geoffrey PREUD'HOMME   Des trucs useless
146
                          <i class="material-icons prefix">account_circle</i>
07329faa   Geoffrey PREUD'HOMME   Simplification de...
147
148
                          <input type="text" name="login" v-model="login">
                          <label for="login">Identifiant</label>
3c5e66e0   Geoffrey PREUD'HOMME   Pas de PHP au fin...
149
                      </div>
07329faa   Geoffrey PREUD'HOMME   Simplification de...
150
                      <div class="input-field">
4525b510   Geoffrey PREUD'HOMME   Des trucs useless
151
                          <i class="material-icons prefix">vpn_key</i>
07329faa   Geoffrey PREUD'HOMME   Simplification de...
152
153
                          <input type="password" name="mdp" v-model="mdp">
                          <label for="mdp">Mot de passe</label>
3c5e66e0   Geoffrey PREUD'HOMME   Pas de PHP au fin...
154
                      </div>
07329faa   Geoffrey PREUD'HOMME   Simplification de...
155
                      <button :disabled="!login || !mdp">Se connecter</button>
d0fe5751   Geoffrey PREUD'HOMME   Liste des transac...
156
                  </form>
2146d35a   Geoffrey PREUD'HOMME   Vue interactive
157
              </div>
07329faa   Geoffrey PREUD'HOMME   Simplification de...
158
159
160
161
          </div>
          <div v-if="PEUT_NFC">
              <h5>Avec votre carte étudiant</h5>
              <p>Passez-la simplement devant le lecteur.</p>
3c5e66e0   Geoffrey PREUD'HOMME   Pas de PHP au fin...
162
          </div>
e5e2f19a   Geoffrey PREUD'HOMME   Mutli-pages
163
164
  
          <div class="container" v-show="page == 'operations'">
d0fe5751   Geoffrey PREUD'HOMME   Liste des transac...
165
              <div class="row">
e5e2f19a   Geoffrey PREUD'HOMME   Mutli-pages
166
                  <div id="creation">
4525b510   Geoffrey PREUD'HOMME   Des trucs useless
167
                      <h4>Créer un nouveau client</h4>
07329faa   Geoffrey PREUD'HOMME   Simplification de...
168
169
                      <form @submit="creer">
                          <div class="input-field" v-if="!PEUT_NFC">
4525b510   Geoffrey PREUD'HOMME   Des trucs useless
170
171
                              <i class="material-icons prefix">credit_card</i>
                              <input type="text" name="idCarte" length="8" v-model="idCarte">
07329faa   Geoffrey PREUD'HOMME   Simplification de...
172
173
174
                              <label for="idCarte">Identifiant de la carte</label>
                          </div>
                          <div class="input-field">
4525b510   Geoffrey PREUD'HOMME   Des trucs useless
175
                              <i class="material-icons prefix">trending_flat</i>
07329faa   Geoffrey PREUD'HOMME   Simplification de...
176
177
178
                              <input type="number" name="solde" v-model="solde">
                              <label for="solde">Solde initial (€)</label>
                          </div>
958e6af7   Geoffrey PREUD'HOMME   Corrections du CSS
179
                          <div class="row" v-if="droit >= 3">
9868802a   Geoffrey PREUD'HOMME   Liste des clients
180
181
182
183
184
185
186
187
188
189
                              <strong>Découvert autorisé</strong>
                              <div class="switch">
                                  <label>
                                      Non
                                      <input v-model="decouvert" type="checkbox">
                                      <span class="lever"></span>
                                      Oui
                                  </label>
                              </div>
                          </div>
1dc9797d   Geoffrey PREUD'HOMME   Reste des transac...
190
                          <button type="submit" :disabled="!solde || (!PEUT_NFC && !idCarte)">Créer</button>
07329faa   Geoffrey PREUD'HOMME   Simplification de...
191
                      </form>
e5e2f19a   Geoffrey PREUD'HOMME   Mutli-pages
192
193
                  </div>
                  <div id="rechargement">
4525b510   Geoffrey PREUD'HOMME   Des trucs useless
194
                      <h4>Recharger un client</h4>
07329faa   Geoffrey PREUD'HOMME   Simplification de...
195
196
                      <form @submit="recharger">
                          <div class="input-field" v-if="!PEUT_NFC">
4525b510   Geoffrey PREUD'HOMME   Des trucs useless
197
198
                              <i class="material-icons prefix">credit_card</i>
                              <input type="text" name="idCarte" length="8" v-model="idCarte">
07329faa   Geoffrey PREUD'HOMME   Simplification de...
199
200
201
                              <label for="idCarte">Identifiant de la carte</label>
                          </div>
                          <div class="input-field">
4525b510   Geoffrey PREUD'HOMME   Des trucs useless
202
                              <i class="material-icons prefix">trending_up</i>
07329faa   Geoffrey PREUD'HOMME   Simplification de...
203
204
205
                              <input type="number" name="credit" v-model="credit">
                              <label for="credit">Crédit (€)</label>
                          </div>
1dc9797d   Geoffrey PREUD'HOMME   Reste des transac...
206
                          <button type="submit" :disabled="!credit || (!PEUT_NFC && !idCarte)">Recharger</button>
07329faa   Geoffrey PREUD'HOMME   Simplification de...
207
                      </form>
e5e2f19a   Geoffrey PREUD'HOMME   Mutli-pages
208
209
                  </div>
                  <div id="paiement">
4525b510   Geoffrey PREUD'HOMME   Des trucs useless
210
                      <h4>Vendre à un client</h4>
1dc9797d   Geoffrey PREUD'HOMME   Reste des transac...
211
                      <form>
07329faa   Geoffrey PREUD'HOMME   Simplification de...
212
                          <div class="input-field" v-if="!PEUT_NFC">
4525b510   Geoffrey PREUD'HOMME   Des trucs useless
213
214
                              <i class="material-icons prefix">credit_card</i>
                              <input type="text" name="idCarte" length="8" v-model="idCarte">
07329faa   Geoffrey PREUD'HOMME   Simplification de...
215
216
                              <label for="idCarte">Identifiant de la carte</label>
                          </div>
4525b510   Geoffrey PREUD'HOMME   Des trucs useless
217
218
219
220
221
                          <div class="row">
                              <h5>En spécifiant le nombre de consommations</h5>
                          </div>
                          <div id="grilleBieres">
                              <div>
1dc9797d   Geoffrey PREUD'HOMME   Reste des transac...
222
                                  <div v-for="i in [1, 2, 3, 4, 5, 6]"><button type="button" @click="payer(i)" :disabled="prix || (!PEUT_NFC && !idCarte)">{{ i }}</button></div>
e5e2f19a   Geoffrey PREUD'HOMME   Mutli-pages
223
                              </div>
07329faa   Geoffrey PREUD'HOMME   Simplification de...
224
225
                          </div>
                          <div class="row">
4525b510   Geoffrey PREUD'HOMME   Des trucs useless
226
227
228
229
230
231
                              <h5>En spécifiant un montant</h5>
                          </div>
                          <div class="input-field">
                              <i class="material-icons prefix">trending_down</i>
                              <input type="number" name="prix" v-model="prix">
                              <label for="prix">Prix (€)</label>
07329faa   Geoffrey PREUD'HOMME   Simplification de...
232
                          </div>
1dc9797d   Geoffrey PREUD'HOMME   Reste des transac...
233
                          <button type="submit" @click="payer" :disabled="!prix || (!PEUT_NFC && !idCarte)">Payer</button>
07329faa   Geoffrey PREUD'HOMME   Simplification de...
234
                      </form>
e5e2f19a   Geoffrey PREUD'HOMME   Mutli-pages
235
236
                  </div>
                  <div id="vidange">
4525b510   Geoffrey PREUD'HOMME   Des trucs useless
237
                      <h4>Vider le contenu de la carte d'un client</h4>
07329faa   Geoffrey PREUD'HOMME   Simplification de...
238
239
                      <form @submit="vidanger">
                          <div class="input-field" v-if="!PEUT_NFC">
4525b510   Geoffrey PREUD'HOMME   Des trucs useless
240
241
                              <i class="material-icons prefix">credit_card</i>
                              <input type="text" name="idCarte" length="8" v-model="idCarte">
07329faa   Geoffrey PREUD'HOMME   Simplification de...
242
243
                              <label for="idCarte">Identifiant de la carte</label>
                          </div>
1dc9797d   Geoffrey PREUD'HOMME   Reste des transac...
244
                          <button type="submit" :disabled="!PEUT_NFC && !idCarte">Vider</button>
07329faa   Geoffrey PREUD'HOMME   Simplification de...
245
                      </form>
e5e2f19a   Geoffrey PREUD'HOMME   Mutli-pages
246
247
248
                  </div>
              </div>
          </div>
d0fe5751   Geoffrey PREUD'HOMME   Liste des transac...
249
250
251
252
253
  
          <div class="container" v-show="page == 'gestion'">
              <div class="row">
                  <div id="clients">
                      <h4>Liste des clients</h4>
9868802a   Geoffrey PREUD'HOMME   Liste des clients
254
255
256
257
258
259
260
261
262
263
264
265
266
                      <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
c85f3520   Geoffrey PREUD'HOMME   Modification des ...
267
                                                  <input v-model="client.decouvert" type="checkbox" @click="c_decouvert(client, $event)">
9868802a   Geoffrey PREUD'HOMME   Liste des clients
268
269
270
271
272
273
274
                                                  <span class="lever"></span>
                                                  Oui
                                              </label>
                                          </div>
                                      </li>
                                  </ul>
                                  <h5>Transactions</h5>
c85f3520   Geoffrey PREUD'HOMME   Modification des ...
275
                                  <todo></todo>
9868802a   Geoffrey PREUD'HOMME   Liste des clients
276
277
278
                              </div>
                          </li>
                      </ul>
d0fe5751   Geoffrey PREUD'HOMME   Liste des transac...
279
280
281
282
283
                  </div>
                  <div id="transactions">
                      <h4>Liste des transactions</h4>
                      <button @click="actuTransactions">Rafraîchir</button>
                      <ul class="collapsible popout" data-collapsible="accordion">
9868802a   Geoffrey PREUD'HOMME   Liste des clients
284
                          <li v-for="transaction in transactions | orderBy 'date' -1">
d0fe5751   Geoffrey PREUD'HOMME   Liste des transac...
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
                              <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 }} €
                                  </span>
                                  <span v-if="transaction.type == 2">
                                      <i class="material-icons">trending_up</i> {{ transaction.client }} : + {{ transaction.montant }} €
                                  </span>
                                  <span v-if="transaction.type == 3">
                                      <i class="material-icons">trending_down</i> {{ transaction.client }} : - {{ transaction.montant }} €
                                      <span v-if="transaction.quantite != 0">({{ transaction.quantite }} consommation<span v-if="transaction.quantite >= 2">s</span>)</span>
                                  </span>
                                  <span v-if="transaction.type == 4">
                                      <i class="material-icons">delete</i> {{ transaction.client }} : - {{ transaction.montant }} €
                                  </span>
                              </div>
                              <div class="collapsible-body">
                                  <ul>
                                      <li>
                                          <strong>Type :</strong>
                                          <span v-if="transaction.type == 1">Création</span>
                                          <span v-if="transaction.type == 2">Rechargement</span>
                                          <span v-if="transaction.type == 3">Date</span>
                                          <span v-if="transaction.type == 4">Vidange</span>
                                      </li>
                                      <li>
9868802a   Geoffrey PREUD'HOMME   Liste des clients
310
                                          <strong>Date :</strong> <span v-text="transaction.date | date"></span>
d0fe5751   Geoffrey PREUD'HOMME   Liste des transac...
311
312
313
314
315
316
317
318
319
320
321
                                      </li>
                                      <li>
                                          <strong>Utilisateur :</strong> {{ transaction.utilisateur }}
                                      </li>
                                  </ul>
                                  <button @click="annuler(transaction.id)" :disabled="!transaction.valide">Annuler</button>
                              </div>
                          </li>
                      </ul>
                  </div>
                  <div id="utilisateurs">
dc030339   Geoffrey PREUD'HOMME   Modification de s...
322
323
                      <h4>{{ moi.login }}</h4>
                      <umodifier :utilisateur="moi"></umodifier>
e924b695   Geoffrey PREUD'HOMME   Déconnexion
324
                      <button class="orange" @click="deconnecter">Se déconnecter</button>
dc030339   Geoffrey PREUD'HOMME   Modification de s...
325
  
d0fe5751   Geoffrey PREUD'HOMME   Liste des transac...
326
                      <h4>Liste des utilisateurs</h4>
c85f3520   Geoffrey PREUD'HOMME   Modification des ...
327
328
329
330
331
332
                      <button @click="actuUtilisateurs">Rafraîchir</button>
                      <ul class="collapsible popout" data-collapsible="accordion">
                          <li v-for="utilisateur in utilisateurs">
                              <div class="collapsible-header">
                                  <i class="material-icons" v-if="utilisateur.droit == 1">assignment_ind</i>
                                  <i class="material-icons" v-if="utilisateur.droit == 2">perm_identity</i>
1de801b7   Geoffrey PREUD'HOMME   Ajouter utilisateur
333
                                  <i class="material-icons" v-if="utilisateur.droit == 3">supervisor_account</i> {{ utilisateur.login }}
c85f3520   Geoffrey PREUD'HOMME   Modification des ...
334
335
                              </div>
                              <div class="collapsible-body">
dc030339   Geoffrey PREUD'HOMME   Modification de s...
336
                                  <umodifier :utilisateur="utilisateur"></umodifier>
2c195774   Geoffrey PREUD'HOMME   Statistiques client
337
                                  <button disabled>Supprimer <todo></todo></button>
c85f3520   Geoffrey PREUD'HOMME   Modification des ...
338
339
340
341
342
343
  
                                  <h5>Transactions</h5>
                                  <todo></todo>
                              </div>
                          </li>
                      </ul>
1de801b7   Geoffrey PREUD'HOMME   Ajouter utilisateur
344
345
346
347
348
                      <div class="fixed-action-btn">
                          <button @click="modal('u_ajouter')">
                              <i class="large material-icons">add</i>
                          </button>
                      </div>
d0fe5751   Geoffrey PREUD'HOMME   Liste des transac...
349
350
                  </div>
              </div>
1de801b7   Geoffrey PREUD'HOMME   Ajouter utilisateur
351
352
              <div id="statistiques">
                  <h4>Statistiques</h4>
2c195774   Geoffrey PREUD'HOMME   Statistiques client
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
                  <h5>Plage de temps <todo></todo></h5>
                  <p>Du <strong>début</strong> jusqu'à <strong>maintenant</strong></p>
                  <button @click="actuStatistiques">Rafraîchir</button>
  
                  <h5>Chiffre d'affaires</h5>
                  <ul>
                      <li><strong>Bénéfices :</strong> {{ statistiques.benefices }} €</li>
                      <li><strong>Recettes :</strong> {{ statistiques.recettes }} €</li>
                      <li><strong>Dettes :</strong> {{ statistiques.dettes }} €</li>
                  </ul>
                  <h5>Factures</h5>
                  <ul>
                      <li><strong>BDE :</strong> {{ statistiques.factureBDE }} €</li>
                  </ul>
                  <h5>Divers</h5>
                  <ul>
                      <li><strong>Nombre de clients :</strong> {{ statistiques.clientsNb }}</li>
                      <li><strong>Consommations :</strong> {{ statistiques.consommationsNb }}</li>
                      <li><strong>Solde moyen :</strong> {{ statistiques.soldeMoy }} €</li>
                  </ul>
1de801b7   Geoffrey PREUD'HOMME   Ajouter utilisateur
373
              </div>
d0fe5751   Geoffrey PREUD'HOMME   Liste des transac...
374
          </div>
1de801b7   Geoffrey PREUD'HOMME   Ajouter utilisateur
375
      </div>
d0fe5751   Geoffrey PREUD'HOMME   Liste des transac...
376
377
  
  
3ad816b7   Geoffrey PREUD'HOMME   Écran de connexion
378
      </div>
e5e2f19a   Geoffrey PREUD'HOMME   Mutli-pages
379
  
07329faa   Geoffrey PREUD'HOMME   Simplification de...
380
      <footer class="page-footer">
3c5e66e0   Geoffrey PREUD'HOMME   Pas de PHP au fin...
381
382
          <div class="footer-copyright">
              <div class="container">
f93fd056   Geoffrey PREUD'HOMME   Numéro de vesion
383
              10p5 <?php echo exec("git describe --tags --dirty"); ?> © Copyright 2016, <a href="http://clubinfo.plil.net">Le Club Info Polytech Lille</a>
3c5e66e0   Geoffrey PREUD'HOMME   Pas de PHP au fin...
384
385
386
387
              </div>
          </div>
      </footer>
  
dc030339   Geoffrey PREUD'HOMME   Modification de s...
388
389
390
391
392
393
394
      <!-- Modèles -->
      <script type="text/template" id="todo">
          <div class="chip green">
              Prochainement
          </div>
      </script>
      <script type="text/template" id="u_modifier">
dc030339   Geoffrey PREUD'HOMME   Modification de s...
395
396
397
398
399
400
401
402
403
404
405
406
407
408
          <form @change="u_droit(utilisateur)">
              <p>
                  <input :name="'droit_' + utilisateur.login" type="radio" :id="'droit_' + utilisateur.login + '_1'" v-model="utilisateur.droit" value="1" :disabled="moi.droit < 3"/>
                  <label :for="'droit_' + utilisateur.login + '_1'">BDE</label>
              </p>
              <p>
                  <input :name="'droit_' + utilisateur.login" type="radio" :id="'droit_' + utilisateur.login + '_2'" v-model="utilisateur.droit" value="2" :disabled="moi.droit < 3"/>
                  <label :for="'droit_' + utilisateur.login + '_2'">Bar</label>
              </p>
              <p>
                  <input :name="'droit_' + utilisateur.login" type="radio" :id="'droit_' + utilisateur.login + '_3'" v-model="utilisateur.droit" value="3" :disabled="moi.droit < 3"/>
                  <label :for="'droit_' + utilisateur.login + '_3'">Président</label>
              </p>
          </form>
dc030339   Geoffrey PREUD'HOMME   Modification de s...
409
410
411
412
413
414
415
416
          <form @submit="u_mdp(utilisateur)">
              <div class="input-field">
                  <i class="material-icons prefix">vpn_key</i>
                  <input type="password" name="mdp" v-model="utilisateur.mdp" length="72">
                  <label for="utilisateur.mdp">Mot de passe</label>
              </div>
              <button :disabled="!utilisateur.mdp">Changer de mot de passe</button>
          </form>
dc030339   Geoffrey PREUD'HOMME   Modification de s...
417
418
419
420
421
422
423
424
425
          <form @submit="u_carte(utilisateur)">
              <div class="input-field">
                  <i class="material-icons prefix">credit_card</i>
                  <input type="text" name="carte" length="8" v-model="utilisateur.idCarte">
                  <label for="utilisateur.idCarte">Carte</label>
              </div>
              <button :disabled="!utilisateur.idCarte">Changer de carte</button>
          </form>
      </script>
3c5e66e0   Geoffrey PREUD'HOMME   Pas de PHP au fin...
426
427
  
      <!--  Scripts-->
2c195774   Geoffrey PREUD'HOMME   Statistiques client
428
429
      <script src="lib/jquery/dist/jquery.js"></script>
      <script src="lib/Materialize/dist/js/materialize.js"></script>
dc030339   Geoffrey PREUD'HOMME   Modification de s...
430
      <script src="lib/vue/dist/vue.js"></script>
3c5e66e0   Geoffrey PREUD'HOMME   Pas de PHP au fin...
431
432
433
434
435
      <script src="js/init.js"></script>
  
  </body>
  
  </html>