From 78e5ce16e203635efec73f80fc926bc4bc1bd9de Mon Sep 17 00:00:00 2001
From: Abdulraahman Dabbagh <1924466@stud.hs-mannheim.de>
Date: Sun, 29 Jun 2025 16:59:38 +0200
Subject: [PATCH] =?UTF-8?q?Tooltip=20f=C3=BCr=20'Alle=20Kennzahlen=20sind?=
 =?UTF-8?q?=20bereits=20trainiert'=20hinzugef=C3=BCgt,=20statischer=20Text?=
 =?UTF-8?q?=20entfernt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 project/frontend/src/routes/config.tsx | 70 +++++++++++++++-----------
 1 file changed, 41 insertions(+), 29 deletions(-)

diff --git a/project/frontend/src/routes/config.tsx b/project/frontend/src/routes/config.tsx
index 08e422b..eef808b 100644
--- a/project/frontend/src/routes/config.tsx
+++ b/project/frontend/src/routes/config.tsx
@@ -8,6 +8,8 @@ import Snackbar from "@mui/material/Snackbar";
 import MuiAlert from "@mui/material/Alert";
 import { useState, useEffect } from "react";
 import CircularProgress from "@mui/material/CircularProgress";
+import Tooltip from "@mui/material/Tooltip";
+
 
 
 
@@ -36,9 +38,7 @@ function ConfigPage() {
         try {
             const res = await fetch(`${API_HOST}/api/kpi/settings`);
             const data = await res.json();
-            console.log("🔍 GELADENE KPIs:", data);
             const untrainedExists = data.some((kpi: any) => {
-                console.log("➡️", kpi.name, "is_trained:", kpi.is_trained);
                 return kpi.is_trained === false;
             });
             setHasUntrainedKPIs(untrainedExists);
@@ -84,7 +84,7 @@ function ConfigPage() {
         checkInitialTrainingStatus();
     }, []);
 
-    
+
     const handleAddNewKPI = () => {
         navigate({
             to: "/config-add",
@@ -137,7 +137,7 @@ function ConfigPage() {
                     setSnackbarOpen(true);
                     setTrainingRunning(false);
 
-                    fetchKPISettings(); // 👉 hier hinzufügen!
+                    fetchKPISettings();
 
 
                 }
@@ -179,24 +179,43 @@ function ConfigPage() {
                     </Box>
                     <Box display="flex" flexDirection="column" alignItems="flex-end" gap={1}>
                         <Box display="flex" gap={2}>
-                            <Button
-                                variant="contained"
-                                onClick={handleTriggerTraining}
-                                disabled={trainingRunning || !hasUntrainedKPIs}
-                                sx={{
-                                    backgroundColor: "#383838",
-                                    "&:hover": { backgroundColor: "#2e2e2e" },
-                                }}
-                            >
-                                {trainingRunning ? (
-                                    <>
-                                        <CircularProgress size={20} sx={{ color: "white", mr: 1 }} />
-                                        Wird trainiert...
-                                    </>
-                                ) : (
-                                    "Neu trainieren"
-                                )}
-                            </Button>
+                            {trainingRunning || !hasUntrainedKPIs ? (
+                                <Tooltip title="Alle Kennzahlen sind bereits trainiert.">
+                                    <span>
+                                        <Button
+                                            variant="contained"
+                                            onClick={handleTriggerTraining}
+                                            disabled
+                                            sx={{
+                                                backgroundColor: "#383838",
+                                                "&:hover": { backgroundColor: "#2e2e2e" },
+                                            }}
+                                        >
+                                            {trainingRunning ? (
+                                                <>
+                                                    <CircularProgress size={20} sx={{ color: "white", mr: 1 }} />
+                                                    Wird trainiert...
+                                                </>
+                                            ) : (
+                                                "Neu trainieren"
+                                            )}
+                                        </Button>
+                                    </span>
+                                </Tooltip>
+                            ) : (
+                                <Button
+                                    variant="contained"
+                                    onClick={handleTriggerTraining}
+                                    sx={{
+                                        backgroundColor: "#383838",
+                                        "&:hover": { backgroundColor: "#2e2e2e" },
+                                    }}
+                                >
+                                    Neu trainieren
+                                </Button>
+                            )}
+
+
 
                             <Button
                                 variant="contained"
@@ -209,14 +228,7 @@ function ConfigPage() {
                                 Neue Kennzahl hinzufügen
                             </Button>
                         </Box>
-
-                        {!hasUntrainedKPIs && (
-                            <Typography variant="body2" color="text.secondary" mt={1}>
-                                Alle Kennzahlen sind bereits trainiert.
-                            </Typography>
-                        )}
                     </Box>
-
                 </Box>
 
                 {/* Tabelle */}