Add page for the fe classes

mobile/www/js/feclass-stats.js

@@ -0,0 +1,51 @@
+/*
+File name : feclass-stats.js
+Description : Display the stats of a class with various graphs
+ */
+
+const GRAPH_CONTAINER_CLASS_GR_ID = "container-class-gr";
+let actualClassId;
+
+function displayClassGrowthRates() {
+    const classGrowthRates = feData.classGrowthRates.map(x => (x.idClass == actualClassId) ? x : null).filter((x) => x != null);
+    displayTableOfGrowthRates(classGrowthRates, displayGraphOfGrowthRatesForClass);
+}
+
+function displayGraphOfGrowthRatesForClass() {
+    if ($$("#btn-graph-column-chart").hasClass("button-active")) {
+        displayColumnChartOfClassGrowthRates();
+    } else {
+        displayPolarSpiderOfClassGrowthRates();
+    }
+}
+
+function displayColumnChartOfClassGrowthRates() {
+    const className = feData.classes.find(x => x.id == actualClassId).name;
+    const classGrowthRates = getClassGrowthRates(actualClassId);
+    const statsNames = feData.stats.map(x => x.name);
+    const statsValues = [];
+    const classData = {
+        name: className
+    };
+
+    classGrowthRates.forEach(gr => {
+        statsValues.push(gr.value);
+    });
+    classData.data = statsValues;
+
+    displayColumnChart(GRAPH_CONTAINER_CLASS_GR_ID, statsNames, [classData]);
+}
+
+function displayPolarSpiderOfClassGrowthRates() {
+    const classGrowthRates = getClassGrowthRates(actualClassId);
+    const statsNames = feData.stats.map(x => x.name);
+    const statsValues = classGrowthRates.map(x => x.value);
+
+    const classData = [{
+        name: feData.classes.find(x => x.id == actualClassId).name,
+        data: statsValues,
+    }];
+
+    displayPolarSpider(GRAPH_CONTAINER_CLASS_GR_ID, statsNames, classData);
+}
+