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 @@
- - +
- - -
-

Test-Ergebnis:

-
{{ testResult.data }}
-
@@ -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; -}