From 63e4714f2c423fd0078e6075a6cb232f107b2d6a Mon Sep 17 00:00:00 2001 From: Chris Field Date: Wed, 20 Nov 2024 16:56:38 +0100 Subject: [PATCH] Update index.html --- index.html | 136 ++++++++++++++++++++++++++++++----------------------- 1 file changed, 78 insertions(+), 58 deletions(-) diff --git a/index.html b/index.html index a054449..d76cd05 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,7 @@ "name": "skillcoins.de", "url": "https://skillcoins.de", "logo": "https://skillcoins.de/logo.png", - "description": "Die Plattform, die Lernen belohnt. Verdiene V-Bucks, Steam-Guthaben und mehr durch effektives Lernmanagement.", + "description": "Effizientes Rechnungsmanagement für Unternehmen. Einfach und sicher Rechnungen erstellen und versenden. Mahnungserinnerungen, digitale und postalische Zustellung, sichere Zahlungseingänge.", "founder": { "@type": "Person", "name": "Christian Heinrich Hohlfeld" @@ -27,7 +27,7 @@ }, "service": { "@type": "Service", - "serviceType": "Lernmanagement und Belohnungssystem", + "serviceType": "Rechnungsmanagement", "provider": { "@type": "Organization", "name": "skillcoins.de" @@ -36,19 +36,19 @@ "@type": "Place", "name": "Deutschland" }, - "description": "Erstellen, versenden und verwalten Sie Lernaufgaben einfach und effizient. Automatisierte Belohnungszuordnung, Benachrichtigungen und Überwachung von Lernfortschritten." + "description": "Erstellen, versenden und verwalten Sie Rechnungen einfach und effizient. Automatisierte Zahlungszuordnung, Mahnungen und Überwachung von Zahlungseingängen." }, "offers": { "@type": "Offer", "priceCurrency": "EUR", "price": "30.00", - "description": "Monatlicher Service für Lernmanagement, Belohnungen und Fortschrittszuordnung", + "description": "Monatlicher Service für Rechnungsmanagement, Mahnungen und Zahlungszuordnung", "url": "https://skillcoins.de" }, "product": { "@type": "Product", - "name": "Lernmanagement Service", - "description": "Effizientes Lernmanagement für Unternehmen und Einzelpersonen", + "name": "Rechnungsmanagement Service", + "description": "Effizientes Rechnungsmanagement für Unternehmen", "offers": { "@type": "Offer", "priceCurrency": "EUR", @@ -58,13 +58,13 @@ } } - skillcoins.de – Die Plattform, die Lernen belohnt + skillcoins.de – Effizientes Rechnungsmanagement für Unternehmen - + + content="Erstellen und verwalten Sie Rechnungen einfach und sicher. Automatisierte Mahnungen, digitale und postalische Rechnungszustellung, sichere Zahlungseingänge."> @@ -72,34 +72,35 @@ + content="skillcoins.de macht das Erstellen, Versenden und Verfolgen von Rechnungen einfach – mit automatischer Zahlungszuordnung."> - - + + - + - + -
-
+
+
- skillcoins.de +
skillcoins.de
-
-
+
+
-
-

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!

+ + +
+ +
-
+
+ + + @@ -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(); });