-
-
Willkommen bei skillcoins.de
-
Die Plattform, die Lernen belohnt. Verdiene V-Bucks, Steam-Guthaben und mehr durch effektives Lernmanagement.
-
+
+
Willkommen bei SkillCoins
+
Lerne, sammle Punkte und verdiene digitale Belohnungen!
+
+
+
+
+
-
+
+
+
+
+ Nicht eingeloggt.
+
@@ -147,6 +157,8 @@
Willkommen bei skillcoins.de
const themeToggle = document.getElementById('theme-toggle');
const lightIcon = document.getElementById('theme-toggle-light-icon');
const darkIcon = document.getElementById('theme-toggle-dark-icon');
+ const statusContainer = document.getElementById('status-container');
+ const statusText = document.getElementById('status');
const apiUrl = 'https://resourceserver.de/v1/graphql'; // Hasura GraphQL endpoint
// Initialize Keycloak
@@ -173,47 +185,19 @@
Willkommen bei skillcoins.de
function updateUIOnLogin() {
registerButton.classList.add('hidden');
logoutButton.classList.remove('hidden');
+ statusContainer.classList.remove('alert-info', 'hidden');
+ statusText.textContent = 'Eingeloggt.';
}
// UI aktualisieren für ausgeloggt Zustand
function updateUIOnLogout() {
registerButton.classList.remove('hidden');
logoutButton.classList.add('hidden');
+ statusContainer.classList.remove('alert-success', 'alert-error');
+ statusContainer.classList.add('alert-info', 'hidden');
+ statusText.textContent = 'Nicht eingeloggt.';
}
- // Initialisierung von Keycloak ohne automatische Weiterleitung
- keycloak.init({
- checkLoginIframe: false,
- onLoad: 'check-sso' // Überprüft, ob eine Sitzung besteht, ohne zum Login zu zwingen
- }).then(function (authenticated) {
- if (authenticated) {
- localStorage.setItem('keycloak-token', keycloak.token);
- updateUIOnLogin();
- } else {
- checkToken();
- }
-
- // Event Listener für den Registrieren-Button
- registerButton.addEventListener('click', function () {
- if (!keycloak.authenticated) {
- keycloak.register();
- }
- });
-
- // Event Listener für den Logout-Button
- logoutButton.addEventListener('click', function () {
- if (keycloak.authenticated) {
- keycloak.logout().then(() => {
- localStorage.removeItem('keycloak-token');
- keycloak.authenticated = false;
- updateUIOnLogout();
- });
- }
- });
- }).catch(function (err) {
- console.error('Failed to initialize Keycloak:', err);
- });
-
// Dark Mode Toggle Funktionalität
function applyTheme(theme) {
if (theme === 'dark') {
@@ -253,6 +237,42 @@
Willkommen bei skillcoins.de
// Initialisieren des Themes beim Laden der Seite
initializeTheme();
+
+ // Initialisierung von Keycloak ohne automatische Weiterleitung
+ keycloak.init({
+ checkLoginIframe: false,
+ onLoad: 'check-sso' // Überprüft, ob eine Sitzung besteht, ohne zum Login zu zwingen
+ }).then(function (authenticated) {
+ if (authenticated) {
+ localStorage.setItem('keycloak-token', keycloak.token);
+ updateUIOnLogin();
+ } else {
+ checkToken();
+ }
+
+ // Event Listener für den Registrieren-Button
+ registerButton.addEventListener('click', function () {
+ if (!keycloak.authenticated) {
+ keycloak.register();
+ }
+ });
+
+ // Event Listener für den Logout-Button
+ logoutButton.addEventListener('click', function () {
+ if (keycloak.authenticated) {
+ keycloak.logout().then(() => {
+ localStorage.removeItem('keycloak-token');
+ keycloak.authenticated = false;
+ updateUIOnLogout();
+ });
+ }
+ });
+ }).catch(function (err) {
+ console.error('Fehler bei der Initialisierung von Keycloak:', err);
+ });
+
+ // Überprüfen des Tokens beim Laden der Seite
+ checkToken();
});