From f8f4d23c4e95b3c77bb40b9ac71c5101acd87d04 Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Wed, 1 Oct 2025 13:52:14 +0200
Subject: [PATCH] =?UTF-8?q?Aktualisiert=20die=20Schaltfl=C3=A4chen=20im=20?=
 =?UTF-8?q?MyTischtennisAccount.vue,=20um=20die=20Benutzeroberfl=C3=A4che?=
 =?UTF-8?q?=20zu=20verbessern.=20=C3=84ndert=20den=20Text=20der=20Schaltfl?=
 =?UTF-8?q?=C3=A4che=20"Verbindung=20testen"=20in=20"Erneut=20einloggen"?=
 =?UTF-8?q?=20und=20entfernt=20die=20Testausgabe=20f=C3=BCr=20Login-Tests.?=
 =?UTF-8?q?=20Optimiert=20die=20Erfolgsmeldung=20nach=20erfolgreichem=20Lo?=
 =?UTF-8?q?gin=20und=20aktualisiert=20die=20Account-Daten.=20Entfernt=20di?=
 =?UTF-8?q?e=20nicht=20mehr=20ben=C3=B6tigte=20Funktionalit=C3=A4t=20f?=
 =?UTF-8?q?=C3=BCr=20den=20Login-Flow-Test.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/MyTischtennisAccount.vue | 119 +-------------------
 1 file changed, 5 insertions(+), 114 deletions(-)

diff --git a/frontend/src/views/MyTischtennisAccount.vue b/frontend/src/views/MyTischtennisAccount.vue
index 00db5b5..f49b9e2 100644
--- a/frontend/src/views/MyTischtennisAccount.vue
+++ b/frontend/src/views/MyTischtennisAccount.vue
@@ -36,17 +36,10 @@
           
           <div class="button-group">
             <button class="btn-primary" @click="openEditDialog">Account bearbeiten</button>
-            <button class="btn-secondary" @click="testConnection">Verbindung testen</button>
-            <button class="btn-secondary" @click="testLoginFlow">Test: Login-Flow</button>
+            <button class="btn-secondary" @click="testConnection">Erneut einloggen</button>
             <button class="btn-danger" @click="deleteAccount">Account trennen</button>
           </div>
         </div>
-        
-        <!-- Test-Ausgabe -->
-        <div v-if="testResult" class="test-result" :class="testResult.type">
-          <h3>Test-Ergebnis:</h3>
-          <pre>{{ testResult.data }}</pre>
-        </div>
       </div>
       
       <div v-else class="no-account">
@@ -89,8 +82,7 @@ export default {
     return {
       loading: true,
       account: null,
-      showDialog: false,
-      testResult: null
+      showDialog: false
     };
   },
   mounted() {
@@ -131,16 +123,15 @@ export default {
     },
     
     async testConnection() {
-      this.testResult = null;
       try {
         await apiClient.post('/mytischtennis/verify');
         this.$store.dispatch('showMessage', {
-          text: 'Verbindung erfolgreich! Login funktioniert.',
+          text: 'Login erfolgreich! Verbindungsdaten aktualisiert.',
           type: 'success'
         });
-        await this.loadAccount(); // Aktualisiere lastLoginSuccess
+        await this.loadAccount(); // Aktualisiere Account-Daten inkl. clubId, fedNickname
       } catch (error) {
-        const message = error.response?.data?.message || 'Verbindung fehlgeschlagen';
+        const message = error.response?.data?.message || 'Login fehlgeschlagen';
         
         if (error.response?.status === 400 && message.includes('Kein Passwort gespeichert')) {
           // Passwort-Dialog öffnen
@@ -154,71 +145,6 @@ export default {
       }
     },
     
-    async testLoginFlow() {
-      this.testResult = null;
-      
-      try {
-        // 1. Verify Login
-        console.log('Testing login...');
-        const verifyResponse = await apiClient.post('/mytischtennis/verify');
-        console.log('Login successful:', verifyResponse.data);
-        
-        // 2. Get Session
-        console.log('Fetching session...');
-        const sessionResponse = await apiClient.get('/mytischtennis/session');
-        console.log('Session data:', sessionResponse.data);
-        
-        // 3. Check Status
-        console.log('Checking status...');
-        const statusResponse = await apiClient.get('/mytischtennis/status');
-        console.log('Status:', statusResponse.data);
-        
-        this.testResult = {
-          type: 'success',
-          data: {
-            message: 'Alle Tests erfolgreich!',
-            login: {
-              accessToken: verifyResponse.data.accessToken ? '✓ vorhanden' : '✗ fehlt',
-              expiresAt: verifyResponse.data.expiresAt,
-              clubId: verifyResponse.data.clubId || '✗ nicht gefunden',
-              clubName: verifyResponse.data.clubName || '✗ nicht gefunden'
-            },
-            session: {
-              accessToken: sessionResponse.data.session?.accessToken ? '✓ vorhanden' : '✗ fehlt',
-              refreshToken: sessionResponse.data.session?.refreshToken ? '✓ vorhanden' : '✗ fehlt',
-              cookie: sessionResponse.data.session?.cookie ? '✓ vorhanden' : '✗ fehlt',
-              userData: sessionResponse.data.session?.userData ? '✓ vorhanden' : '✗ fehlt',
-              expiresAt: sessionResponse.data.session?.expiresAt
-            },
-            status: statusResponse.data
-          }
-        };
-        
-        this.$store.dispatch('showMessage', {
-          text: 'Test erfolgreich! Details siehe unten.',
-          type: 'success'
-        });
-        
-      } catch (error) {
-        console.error('Test failed:', error);
-        
-        this.testResult = {
-          type: 'error',
-          data: {
-            message: 'Test fehlgeschlagen',
-            error: error.response?.data?.message || error.message,
-            status: error.response?.status,
-            details: error.response?.data
-          }
-        };
-        
-        this.$store.dispatch('showMessage', {
-          text: `Test fehlgeschlagen: ${error.response?.data?.message || error.message}`,
-          type: 'error'
-        });
-      }
-    },
-    
     async deleteAccount() {
       if (!confirm('Möchten Sie die Verknüpfung zum myTischtennis-Account wirklich trennen?')) {
         return;
@@ -384,40 +310,5 @@ h1 {
 .btn-danger:hover {
   background-color: #c82333;
 }
-
-.test-result {
-  background: white;
-  border-radius: 8px;
-  padding: 1.5rem;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-  margin-top: 1rem;
-}
-
-.test-result.success {
-  border-left: 4px solid #28a745;
-}
-
-.test-result.error {
-  border-left: 4px solid #dc3545;
-}
-
-.test-result h3 {
-  margin-top: 0;
-  margin-bottom: 1rem;
-  color: #333;
-}
-
-.test-result pre {
-  background: #f8f9fa;
-  border: 1px solid #dee2e6;
-  border-radius: 4px;
-  padding: 1rem;
-  overflow-x: auto;
-  font-family: 'Courier New', monospace;
-  font-size: 0.875rem;
-  line-height: 1.5;
-  white-space: pre-wrap;
-  word-wrap: break-word;
-}
 </style>