Blame view

js/init.js 7.07 KB
79bb411d   Geoffrey PREUD'HOMME   Possibilité de se...
1
2
3
4
5
6
7
8
9
10
11
  // Constantes
  var JETON_TAILLE = 30 // Taille d'un jeton
  var JETON_DUREE = 10*60 // Temps de validité du jeton en secondes
  
  var TRANSACTION_CREATION = 1
  var TRANSACTION_RECHARGEMENT = 2
  var TRANSACTION_PAIEMENT = 3
  var TRANSACTION_VIDANGE = 4
  
  var TRANSACTION_DUREE = 60
  
344a37ad   Geoffrey PREUD'HOMME   Création de clients
12
13
  var PEUT_NFC = false
  
07329faa   Geoffrey PREUD'HOMME   Simplification de...
14
  // Préparation de l'interactivité
bf26706c   Geoffrey PREUD'HOMME   Écran principal
15
16
17
  $(function(){
      $('.button-collapse').sideNav();
      $('.modal-trigger').leanModal()
07329faa   Geoffrey PREUD'HOMME   Simplification de...
18
      $('form').submit(function() { return false });
4525b510   Geoffrey PREUD'HOMME   Des trucs useless
19
      $('[name=idCarte]').characterCounter();
2146d35a   Geoffrey PREUD'HOMME   Vue interactive
20
  });
bf26706c   Geoffrey PREUD'HOMME   Écran principal
21
  
2146d35a   Geoffrey PREUD'HOMME   Vue interactive
22
  // Application
79bb411d   Geoffrey PREUD'HOMME   Possibilité de se...
23
  
2146d35a   Geoffrey PREUD'HOMME   Vue interactive
24
25
26
  var app = new Vue({
      el: 'body',
      data: {
344a37ad   Geoffrey PREUD'HOMME   Création de clients
27
28
29
          // Constantes
          PEUT_NFC: PEUT_NFC,
          // Affichage
e5e2f19a   Geoffrey PREUD'HOMME   Mutli-pages
30
          page: 'connexion',
2146d35a   Geoffrey PREUD'HOMME   Vue interactive
31
32
          erreurTitre: '',
          erreurMessage: '',
344a37ad   Geoffrey PREUD'HOMME   Création de clients
33
          // Session
9868802a   Geoffrey PREUD'HOMME   Liste des clients
34
35
36
          login: '',
          droit: '',
          jeton: '',
344a37ad   Geoffrey PREUD'HOMME   Création de clients
37
          connecte: false,
2146d35a   Geoffrey PREUD'HOMME   Vue interactive
38
          date: 1,
9868802a   Geoffrey PREUD'HOMME   Liste des clients
39
40
          // Données
          clients: [],
d0fe5751   Geoffrey PREUD'HOMME   Liste des transac...
41
          transactions: [],
2146d35a   Geoffrey PREUD'HOMME   Vue interactive
42
43
44
45
46
47
48
49
      },
      methods: {
          // API
          apiBrute: function(chemin, donnees, cb) {
              $.post('api/' + chemin, donnees, function(data) {
                  cb(data['status'], data);
              })
          },
344a37ad   Geoffrey PREUD'HOMME   Création de clients
50
51
52
53
          api: function(chemin, donnees, cb) {
              donnees['jeton'] = this.jeton
              this.apiBrute(chemin, donnees, cb)
          },
9868802a   Geoffrey PREUD'HOMME   Liste des clients
54
55
56
57
58
59
60
61
62
63
64
65
66
67
          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;
                  }
              })
          },
d0fe5751   Geoffrey PREUD'HOMME   Liste des transac...
68
69
70
71
72
          actuTransactions: function() {
              var that = this
              this.api("transactions", {}, function(retour, donnees) {
                  switch(retour) {
                      case "ok":
d0fe5751   Geoffrey PREUD'HOMME   Liste des transac...
73
74
75
76
77
78
79
80
                          that.transactions = donnees.transactions
                          break;
  
                      default:
                          that.erreur(retour, donnees);
                          break;
                  }
              })
d0fe5751   Geoffrey PREUD'HOMME   Liste des transac...
81
          },
9868802a   Geoffrey PREUD'HOMME   Liste des clients
82
  
2146d35a   Geoffrey PREUD'HOMME   Vue interactive
83
84
85
86
87
88
89
90
91
          // Affichage
          toast: function(texte) {
              Materialize.toast(texte, 4000);
          },
          erreur: function(retour, donnees) {
              this.erreurTitre = retour
              this.erreurMessage = donnees['message']
              $("#modalErreur").openModal();
          },
d0fe5751   Geoffrey PREUD'HOMME   Liste des transac...
92
          annuler: function(id) {
c450b12e   Geoffrey PREUD'HOMME   Annulation + ombres
93
94
95
96
97
98
99
100
101
102
103
104
105
              var that = this
              this.api("annuler", {idTransaction: id}, function(retour, donnees) {
                  switch(retour) {
                      case "ok":
                          that.toast("Client " + donnees.client + " : " + donnees.soldeAncien + " → " + donnees.soldeNouveau)
                          break;
  
                      default:
                          that.erreur(retour, donnees);
                          break;
                  }
              });
          },
d0fe5751   Geoffrey PREUD'HOMME   Liste des transac...
106
          transaction: function(id, texte) {
c450b12e   Geoffrey PREUD'HOMME   Annulation + ombres
107
108
109
110
111
112
              var that = this
              var interieur = $('<span>').text(texte + ' ').append($('<a>').text('Annuler').one('click', function() {
                  that.annuler(id)
              }))
              that.toast(interieur);
          },
2146d35a   Geoffrey PREUD'HOMME   Vue interactive
113
114
          // Fonctionnement
          connecter: function() {
2146d35a   Geoffrey PREUD'HOMME   Vue interactive
115
116
117
118
119
120
121
122
123
              var that = this;
              this.apiBrute("utilisateur/connexion", {login: this.login , mdp: this.mdp} , function(retour, donnees) {
                  that.mdp = ''
                  switch(retour) {
                      case "ok":
                          that.login = donnees.login
                          that.droit = donnees.droit
                          that.jeton = donnees.jeton
                          that.connecte = that.date
e5e2f19a   Geoffrey PREUD'HOMME   Mutli-pages
124
125
                          that.toast("Correctement identifié en tant que " + that.login + " pour " + JETON_DUREE/60+ " minutes")
                          that.page = 'operations'
c450b12e   Geoffrey PREUD'HOMME   Annulation + ombres
126
                          break;
79bb411d   Geoffrey PREUD'HOMME   Possibilité de se...
127
  
2146d35a   Geoffrey PREUD'HOMME   Vue interactive
128
129
130
131
132
                      default:
                          that.erreur(retour, donnees);
                          break;
                  }
              })
07329faa   Geoffrey PREUD'HOMME   Simplification de...
133
              return false
2146d35a   Geoffrey PREUD'HOMME   Vue interactive
134
          },
344a37ad   Geoffrey PREUD'HOMME   Création de clients
135
          creer: function() {
344a37ad   Geoffrey PREUD'HOMME   Création de clients
136
              var that = this
9868802a   Geoffrey PREUD'HOMME   Liste des clients
137
              this.api("client/ajouter", {idCarte: this.idCarte, solde: this.solde, decouvert: this.decouvert}, function(retour, donnees) {
344a37ad   Geoffrey PREUD'HOMME   Création de clients
138
139
                  switch(retour) {
                      case "ok":
c450b12e   Geoffrey PREUD'HOMME   Annulation + ombres
140
                          that.transaction(donnees.idTransaction, "Client " + that.idCarte + " crée avec un solde de " + that.solde + " €")
344a37ad   Geoffrey PREUD'HOMME   Création de clients
141
142
                          break;
  
1dc9797d   Geoffrey PREUD'HOMME   Reste des transac...
143
144
145
146
147
148
149
150
151
152
153
                      default:
                          that.erreur(retour, donnees);
                          break;
                  }
              });
          },
          recharger: function() {
              var that = this
              this.api("client/recharger", {idCarte: this.idCarte, montant: this.credit}, function(retour, donnees) {
                  switch(retour) {
                      case "ok":
c450b12e   Geoffrey PREUD'HOMME   Annulation + ombres
154
                          that.transaction(donnees.idTransaction, "Client " + that.idCarte + " rechargé : " + donnees.soldeAncien + " + " + that.credit + " → " + donnees.soldeNouveau + " €")
344a37ad   Geoffrey PREUD'HOMME   Création de clients
155
156
157
158
159
160
161
                          break;
  
                      default:
                          that.erreur(retour, donnees);
                          break;
                  }
              });
1dc9797d   Geoffrey PREUD'HOMME   Reste des transac...
162
163
164
165
166
167
168
169
170
171
172
173
          },
          payer: function(quantite) {
              var that = this
              var options = {idCarte: this.idCarte}
              if (typeof(quantite) == 'number') {
                  options.quantite = quantite
              } else {
                  options.montant = that.prix
              }
              this.api("client/payer", options, function(retour, donnees) {
                  switch(retour) {
                      case "ok":
c450b12e   Geoffrey PREUD'HOMME   Annulation + ombres
174
                          that.transaction(donnees.idTransaction, "Client " + that.idCarte + " débité : " + donnees.soldeAncien + " - " + donnees.montant + " → " + donnees.soldeNouveau + " €")
1dc9797d   Geoffrey PREUD'HOMME   Reste des transac...
175
176
177
178
179
180
181
182
183
184
185
186
187
                          break;
  
                      default:
                          that.erreur(retour, donnees);
                          break;
                  }
              });
          },
          vidanger: function() {
              var that = this
              this.api("client/vidange", {idCarte: this.idCarte}, function(retour, donnees) {
                  switch(retour) {
                      case "ok":
c450b12e   Geoffrey PREUD'HOMME   Annulation + ombres
188
                          that.transaction(donnees.idTransaction, "Client " + that.idCarte + " vidé : " + donnees.soldeAncien + " → 0 €")
1dc9797d   Geoffrey PREUD'HOMME   Reste des transac...
189
190
191
192
193
194
195
196
                          break;
  
                      default:
                          that.erreur(retour, donnees);
                          break;
                  }
              });
          },
2146d35a   Geoffrey PREUD'HOMME   Vue interactive
197
198
      },
      computed: {
2146d35a   Geoffrey PREUD'HOMME   Vue interactive
199
200
          timer: function() {
              var secondes = this.connecte + JETON_DUREE - this.date
e5e2f19a   Geoffrey PREUD'HOMME   Mutli-pages
201
202
203
              var minutes = Math.floor(secondes/60)
              var secondes = secondes % 60
              return  minutes + ':' + (secondes < 10 ? '0' : '') + secondes
2146d35a   Geoffrey PREUD'HOMME   Vue interactive
204
205
206
          }
      },
  })
79bb411d   Geoffrey PREUD'HOMME   Possibilité de se...
207
  
d0fe5751   Geoffrey PREUD'HOMME   Liste des transac...
208
209
210
211
  Vue.filter('date', function(timestamp) {
      return Date(timestamp).toLocaleString();
  })
  
2146d35a   Geoffrey PREUD'HOMME   Vue interactive
212
213
214
  setInterval(function actualiserDate() {
      app.$data.date = Math.floor(Date.now()/1000)
  }, 1000);
79bb411d   Geoffrey PREUD'HOMME   Possibilité de se...

79bb411d   Geoffrey PREUD'HOMME   Possibilité de se...