mti
/
ptut-vhost
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge branch 'page-home'

This commit is contained in:
Guillaume FAUVET 2018-03-31 13:40:51 +02:00
parent 1e93e712c3 1c2de0b5df
commit f65513a241
2 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
webpack/component/home/page1.vue
View File

@ -33,7 +33,7 @@
:height="gstore.dimensions.bin.width" :height="gstore.dimensions.bin.width"
:width="gstore.dimensions.bin.margin + (gstore.dimensions.axis.width * value)/gstore.maxValue" :width="gstore.dimensions.bin.margin + (gstore.dimensions.axis.width * value)/gstore.maxValue"
:data-info="value"> :data-info="value">
<title>{{ value }}</title> <title>{{ (gstore.titles && gstore.titles[key]) ? value + ' ' + gstore.titles[key] : value }}</title>
</rect> </rect>
</template> </template>
</template> </template>

25
webpack/data/home.js
View File

@ -13,31 +13,40 @@ api.call('GET department/stats', {}, function(rs) {
return console.log('No formation found, error: ' + rs.error); return console.log('No formation found, error: ' + rs.error);
} }
let maxValue = null; let maxValue = null; // plus haute valeur des stats
let maxKeyLength = null; let maxLabelLength = null; // plus longues chaîne de caractères pour les stats
let data = {}; let data = {}; // ensemble des statistiques à transmettre à VueJS
let map = { let map = {
"potentiel" : "Heures dûes", "potentiel" : "Heures potentielles",
"sous_service" : "Heures à faire", "sous_service" : "Heures en sous-services",
"heures_comp" : "Heures comp.", "heures_comp" : "Heures comp.",
"heures_vacataire" : "Heures vacataires", "heures_vacataire" : "Heures vacataires",
"heures_exterieur" : "Heures extérieurs", "heures_exterieur" : "Heures à l'extérieurs",
"heures_ue_desactive" : "Heures UE annulées", "heures_ue_desactive" : "Heures UE annulées",
"nbr_ue_desactive" : "Nombre d'UE annulées" "nbr_ue_desactive" : "Nombre d'UE annulées"
}; };
for (let stat in rs.data) { for (let stat in rs.data) {
// détection de la plus grande valeur statistique
maxValue = rs.data[stat] > maxValue ? rs.data[stat] : maxValue; 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; 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.stats = data;
gstore.get.dimensions = { gstore.get.dimensions = {
padding: 5, padding: 5,
text: { text: {
size: maxKeyLength * 9.5, size: maxLabelLength * 9.5,
alignH: 5, alignH: 5,
alignV: 20, alignV: 20,
}, },