diff --git a/webpack/component/home/page1.vue b/webpack/component/home/page1.vue index 61f655e..83e7a48 100644 --- a/webpack/component/home/page1.vue +++ b/webpack/component/home/page1.vue @@ -33,7 +33,7 @@ :height="gstore.dimensions.bin.width" :width="gstore.dimensions.bin.margin + (gstore.dimensions.axis.width * value)/gstore.maxValue" :data-info="value"> - {{ value }} + {{ (gstore.titles && gstore.titles[key]) ? value + ' ' + gstore.titles[key] : value }} diff --git a/webpack/data/home.js b/webpack/data/home.js index 3e45aa0..133cb7d 100644 --- a/webpack/data/home.js +++ b/webpack/data/home.js @@ -13,31 +13,40 @@ api.call('GET department/stats', {}, function(rs) { return console.log('No formation found, error: ' + rs.error); } - let maxValue = null; - let maxKeyLength = null; - let data = {}; + let maxValue = null; // plus haute valeur des stats + let maxLabelLength = null; // plus longues chaîne de caractères pour les stats + let data = {}; // ensemble des statistiques à transmettre à VueJS let map = { - "potentiel" : "Heures dûes", - "sous_service" : "Heures à faire", + "potentiel" : "Heures potentielles", + "sous_service" : "Heures en sous-services", "heures_comp" : "Heures comp.", "heures_vacataire" : "Heures vacataires", - "heures_exterieur" : "Heures extérieurs", + "heures_exterieur" : "Heures à l'extérieurs", "heures_ue_desactive" : "Heures UE annulées", "nbr_ue_desactive" : "Nombre d'UE annulées" }; for (let stat in rs.data) { + // détection de la plus grande valeur statistique maxValue = rs.data[stat] > maxValue ? rs.data[stat] : maxValue; - maxKeyLength = stat.length > maxKeyLength ? stat.length : maxKeyLength; + // détection du plus grand nom présent + maxLabelLength = map[stat].length > maxLabelLength ? map[stat].length : maxLabelLength; data[map[stat]] = Math.round(rs.data[stat] * 100) / 100; } + // légendes à afficher en plus de la valeur + gstore.get.titles = {}; + gstore.get.titles[map['heures_ue_desactive']] = `sur ${data[map['nbr_ue_desactive']]} UE annulées`; + + // statistiques à ne pas afficher + delete data[map['nbr_ue_desactive']]; + gstore.get.stats = data; gstore.get.dimensions = { padding: 5, text: { - size: maxKeyLength * 9.5, + size: maxLabelLength * 9.5, alignH: 5, alignV: 20, },