webinterface/client/js/auth.js

68 lines
2.7 KiB
JavaScript

import { showAlert } from './shared_functions.js';
// Registrierungs-Event
document.getElementById('registerForm').addEventListener('submit', async (event) => {
event.preventDefault();
const username = document.getElementById('regUsername').value;
const email = document.getElementById('regEmail').value;
const password = document.getElementById('regPassword').value;
try {
const response = await fetch('http://localhost:8015/api/auth/register', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ username, email, password })
});
const data = await response.json();
if (response.ok) {
showAlert('Registrierung erfolgreich! Bitte loggen Sie sich ein.', 'success');
} else {
showAlert(data.message || 'Registrierung fehlgeschlagen');
}
} catch (error) {
console.error('Fehler bei der Registrierung:', error);
// Check for network error
if (error.message.includes('Failed to fetch') || error.message.includes('ERR_CONNECTION_REFUSED')) {
showAlert('Verbindungsfehler: Die Verbindung zum Server wurde abgelehnt. Bitte überprüfen Sie die Serververbindung.');
} else {
showAlert('Ein unerwarteter Fehler ist aufgetreten. Bitte versuchen Sie es später erneut.');
}
}
});
// Login-Event
document.getElementById('loginForm').addEventListener('submit', async (event) => {
event.preventDefault();
const email = document.getElementById('loginEmail').value;
const password = document.getElementById('loginPassword').value;
try {
const response = await fetch('http://localhost:8015/api/auth/login', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ email, password })
});
const data = await response.json();
if (response.ok) {
localStorage.setItem('token', data.token); // Token speichern
window.location.href = 'welcome.html'; // Weiterleitung zur Willkommensseite
} else {
showAlert(data.message || 'Login fehlgeschlagen');
}
} catch (error) {
console.error('Fehler beim Login:', error);
// Check for network error
if (error.message.includes('Failed to fetch') || error.message.includes('ERR_CONNECTION_REFUSED')) {
showAlert('Verbindungsfehler: Die Verbindung zum Server wurde abgelehnt. Bitte überprüfen Sie die Serververbindung.');
} else {
showAlert('Ein unerwarteter Fehler ist aufgetreten. Bitte versuchen Sie es später erneut.');
}
}
});