Statistiques client

ClubInfoPolytechLille · May 6, 2016 · 2c19577 · 2c19577
1 parent 78ed38b
commit 2c19577
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 10 deletions.
diff --git a/index.html b/index.html
@@ -100,17 +100,17 @@ <h4>Ajouter un utilisateur</h4>
                 </div>
                 <ul class="right hide-on-med-and-down">
                     <li v-if="moi.connecte">
-                        <a class="dropdown-button" href="#utilisateurs" @click="page = 'gestion'">
+                        <a class="dropdown-button" @click="changerPage('gestion', 'utilisateurs')">
                             <i class="material-icons">perm_identity</i> {{ moi.login }} (<i class="material-icons">timer</i> {{ timer }})
                         </a>
                     </li>
                     <li v-if="connecte && page == 'operations'">
-                        <a @click="page = 'gestion'">
+                        <a @click="changerPage('gestion')">
                             <i class="material-icons">settings</i> Gestion
                         </a>
                     </li>
                     <li v-if="connecte && page == 'gestion'">
-                        <a @click="page = 'operations'">
+                        <a @click="changerPage('operations')">
                             <i class="material-icons">play_arrow</i> Opérations
                         </a>
                     </li>
@@ -334,6 +334,7 @@ <h4>Liste des utilisateurs</h4>
                             </div>
                             <div class="collapsible-body">
                                 <umodifier :utilisateur="utilisateur"></umodifier>
+                                <button disabled>Supprimer <todo></todo></button>
 
                                 <h5>Transactions</h5>
                                 <todo></todo>
@@ -349,7 +350,26 @@ <h5>Transactions</h5>
             </div>
             <div id="statistiques">
                 <h4>Statistiques</h4>
-                <todo></todo>
+                <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>
             </div>
         </div>
     </div>
@@ -372,7 +392,6 @@ <h4>Statistiques</h4>
         </div>
     </script>
     <script type="text/template" id="u_modifier">
-        <h5>Changer de droit</h5>
         <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"/>
@@ -387,7 +406,6 @@ <h5>Changer de droit</h5>
                 <label :for="'droit_' + utilisateur.login + '_3'">Président</label>
             </p>
         </form>
-        <h5>Changer de mot de passe</h5>
         <form @submit="u_mdp(utilisateur)">
             <div class="input-field">
                 <i class="material-icons prefix">vpn_key</i>
@@ -396,7 +414,6 @@ <h5>Changer de mot de passe</h5>
             </div>
             <button :disabled="!utilisateur.mdp">Changer de mot de passe</button>
         </form>
-        <h5> Changer de carte </h5>
         <form @submit="u_carte(utilisateur)">
             <div class="input-field">
                 <i class="material-icons prefix">credit_card</i>
@@ -408,8 +425,8 @@ <h5> Changer de carte </h5>
     </script>
 
     <!--  Scripts-->
-    <script src="lib/jquery/dist/jquery.min.js"></script>
-    <script src="lib/Materialize/dist/js/materialize.min.js"></script>
+    <script src="lib/jquery/dist/jquery.js"></script>
+    <script src="lib/Materialize/dist/js/materialize.js"></script>
     <script src="lib/vue/dist/vue.js"></script>
     <script src="js/init.js"></script>
 

diff --git a/js/init.js b/js/init.js
@@ -51,6 +51,7 @@ var app = new Vue({
         clients: [],
         transactions: [],
         utilisateurs: [],
+        statistiques: {},
     },
     methods: {
         // API
@@ -114,6 +115,20 @@ var app = new Vue({
                 }
             })
         },
+        actuStatistiques: function() {
+            var that = this
+            this.api("statistiques", {}, function(retour, donnees) {
+                switch(retour) {
+                    case "ok":
+                        that.statistiques = donnees
+                        break;
+
+                    default:
+                        that.erreur(retour, donnees);
+                        break;
+                }
+            })
+        },
 
         // Affichage
         modal: function(nom) {
@@ -127,6 +142,12 @@ var app = new Vue({
             this.erreurMessage = donnees.message
             $("#modalErreur").openModal();
         },
+        changerPage: function(page, onglet) {
+            this.page = page
+            if (typeof(onglet) == 'string') {
+                $('ul.tabs').tabs('select_tab', onglet);
+            }
+        },
         annuler: function(id) {
             var that = this
             this.api("annuler", {idTransaction: id}, function(retour, donnees) {
@@ -377,4 +398,3 @@ setInterval(function actualiserDate() {
     app.$data.date = Math.floor(Date.now()/1000)
 }, 1000);
 
-