Upload templates/index.html with huggingface_hub
Browse files- templates/index.html +11 -9
templates/index.html
CHANGED
|
@@ -2317,12 +2317,12 @@ let radarMetrics = [];
|
|
| 2317 |
// Métriques de radar par défaut (sans abréviations)
|
| 2318 |
const DEFAULT_RADAR_METRICS = [
|
| 2319 |
{ label: "Démarrage des activités", value: 85 },
|
| 2320 |
-
{ label: "
|
| 2321 |
{ label: "Niveau moyen de compétence", value: 68 },
|
| 2322 |
-
{ label: "Taux d'erreur
|
| 2323 |
{ label: "Achèvement des activités", value: 74 },
|
| 2324 |
{ label: "Interactions avec les ressources", value: 80 },
|
| 2325 |
-
{ label: "
|
| 2326 |
];
|
| 2327 |
|
| 2328 |
// Noms des métriques traduits en français
|
|
@@ -2950,7 +2950,8 @@ function loadScenario(index) {
|
|
| 2950 |
|
| 2951 |
// Mettre à jour le radar avec les nouvelles métriques
|
| 2952 |
if (s.radar && s.radar.length > 0) {
|
| 2953 |
-
|
|
|
|
| 2954 |
} else {
|
| 2955 |
// Utiliser les métriques par défaut avec variation pour chaque scénario
|
| 2956 |
radarMetrics = DEFAULT_RADAR_METRICS.map(metric => {
|
|
@@ -3097,7 +3098,7 @@ function updateCompactRadarMetricsGrid() {
|
|
| 3097 |
radarMetrics.forEach(metric => {
|
| 3098 |
// Déterminer la classe de couleur selon la valeur
|
| 3099 |
let colorClass = "";
|
| 3100 |
-
|
| 3101 |
if (metric.value >= 70) colorClass = "high";
|
| 3102 |
else if (metric.value >= 40) colorClass = "medium";
|
| 3103 |
else colorClass = "low";
|
|
@@ -3110,7 +3111,7 @@ function updateCompactRadarMetricsGrid() {
|
|
| 3110 |
else if (metric.label.includes("Taux d'erreur")) icon = "🎯";
|
| 3111 |
else if (metric.label.includes("Achèvement")) icon = "🏁";
|
| 3112 |
else if (metric.label.includes("Interactions")) icon = "📚";
|
| 3113 |
-
else if (metric.label.includes("
|
| 3114 |
|
| 3115 |
// Déterminer la description
|
| 3116 |
let description = "";
|
|
@@ -3118,10 +3119,9 @@ function updateCompactRadarMetricsGrid() {
|
|
| 3118 |
else if (metric.label.includes("Éléments des connaissances validées")) description = "Taux de validation des skills";
|
| 3119 |
else if (metric.label.includes("Niveau moyen")) description = "Degré de maîtrise des compétences";
|
| 3120 |
else if (metric.label.includes("Taux d'erreur")) description = "Précision et attention";
|
| 3121 |
-
else if (metric.label.includes("Score")) description = "Taux de performance";
|
| 3122 |
else if (metric.label.includes("Achèvement")) description = "Terminaison des tâches";
|
| 3123 |
else if (metric.label.includes("Interactions")) description = "Usage des micro-ressources (vidéos)";
|
| 3124 |
-
else if (metric.label.includes("
|
| 3125 |
|
| 3126 |
const metricCard = document.createElement("div");
|
| 3127 |
metricCard.className = "compact-metric-card";
|
|
@@ -4200,7 +4200,9 @@ function updateStats(scenario) {
|
|
| 4200 |
|
| 4201 |
// Activité moyenne à partir des données radar
|
| 4202 |
if (avgActivityElem && scenario.radar && scenario.radar.length > 0) {
|
| 4203 |
-
|
|
|
|
|
|
|
| 4204 |
avgActivityElem.textContent = Math.round(avgRadar) + "%";
|
| 4205 |
}
|
| 4206 |
}
|
|
|
|
| 2317 |
// Métriques de radar par défaut (sans abréviations)
|
| 2318 |
const DEFAULT_RADAR_METRICS = [
|
| 2319 |
{ label: "Démarrage des activités", value: 85 },
|
| 2320 |
+
{ label: "Éléments des connaissances validées", value: 72 },
|
| 2321 |
{ label: "Niveau moyen de compétence", value: 68 },
|
| 2322 |
+
{ label: "Taux d'erreur", value: 35 },
|
| 2323 |
{ label: "Achèvement des activités", value: 74 },
|
| 2324 |
{ label: "Interactions avec les ressources", value: 80 },
|
| 2325 |
+
{ label: "Score", value: 78 }
|
| 2326 |
];
|
| 2327 |
|
| 2328 |
// Noms des métriques traduits en français
|
|
|
|
| 2950 |
|
| 2951 |
// Mettre à jour le radar avec les nouvelles métriques
|
| 2952 |
if (s.radar && s.radar.length > 0) {
|
| 2953 |
+
// Filtrer pour enlever "Engagement global" si présent (au cas où)
|
| 2954 |
+
radarMetrics = s.radar.filter(metric => metric.label !== "Engagement global");
|
| 2955 |
} else {
|
| 2956 |
// Utiliser les métriques par défaut avec variation pour chaque scénario
|
| 2957 |
radarMetrics = DEFAULT_RADAR_METRICS.map(metric => {
|
|
|
|
| 3098 |
radarMetrics.forEach(metric => {
|
| 3099 |
// Déterminer la classe de couleur selon la valeur
|
| 3100 |
let colorClass = "";
|
| 3101 |
+
|
| 3102 |
if (metric.value >= 70) colorClass = "high";
|
| 3103 |
else if (metric.value >= 40) colorClass = "medium";
|
| 3104 |
else colorClass = "low";
|
|
|
|
| 3111 |
else if (metric.label.includes("Taux d'erreur")) icon = "🎯";
|
| 3112 |
else if (metric.label.includes("Achèvement")) icon = "🏁";
|
| 3113 |
else if (metric.label.includes("Interactions")) icon = "📚";
|
| 3114 |
+
else if (metric.label.includes("Score")) icon = "🔧";
|
| 3115 |
|
| 3116 |
// Déterminer la description
|
| 3117 |
let description = "";
|
|
|
|
| 3119 |
else if (metric.label.includes("Éléments des connaissances validées")) description = "Taux de validation des skills";
|
| 3120 |
else if (metric.label.includes("Niveau moyen")) description = "Degré de maîtrise des compétences";
|
| 3121 |
else if (metric.label.includes("Taux d'erreur")) description = "Précision et attention";
|
|
|
|
| 3122 |
else if (metric.label.includes("Achèvement")) description = "Terminaison des tâches";
|
| 3123 |
else if (metric.label.includes("Interactions")) description = "Usage des micro-ressources (vidéos)";
|
| 3124 |
+
else if (metric.label.includes("Score")) description = "Degré d'activité et d'implication";
|
| 3125 |
|
| 3126 |
const metricCard = document.createElement("div");
|
| 3127 |
metricCard.className = "compact-metric-card";
|
|
|
|
| 4200 |
|
| 4201 |
// Activité moyenne à partir des données radar
|
| 4202 |
if (avgActivityElem && scenario.radar && scenario.radar.length > 0) {
|
| 4203 |
+
// Filtrer pour enlever "Engagement global" si présent
|
| 4204 |
+
const filteredRadar = scenario.radar.filter(metric => metric.label !== "Engagement global");
|
| 4205 |
+
const avgRadar = filteredRadar.reduce((sum, item) => sum + item.value, 0) / filteredRadar.length;
|
| 4206 |
avgActivityElem.textContent = Math.round(avgRadar) + "%";
|
| 4207 |
}
|
| 4208 |
}
|