From 5ba37004ea1d46f74a697ef1a21a3b1ee1184a04 Mon Sep 17 00:00:00 2001
From: Marvin Scham <dev@marvinscham.de>
Date: Sun, 8 May 2022 16:54:42 +0200
Subject: [PATCH] Keycloak JS test

---
 config.yml | 51 ++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 50 insertions(+), 1 deletion(-)

diff --git a/config.yml b/config.yml
index 6c915f3..e04ad9d 100644
--- a/config.yml
+++ b/config.yml
@@ -13,7 +13,56 @@ message:
   icon: 'fa fa-info'
 
 header: false
-footer: '<p class="footer"><a href="https://marvinscham.de" target="_blank">Made with <i class="far fa-heart"></i> by <img src="../assets/tools/ms-sw.png" alt="MS"></a> — <a href="https://auth.schmökerei.de/realms/schmoekerei/protocol/openid-connect/logout?redirect_uri=https%3A%2F%2Fxn--schmkerei-37a.de"><i class="fas fa-sign-out-alt"></i> Überall ausloggen</a></p>'
+footer: '
+<script src="https://auth.xn--schmkerei-37a.de/js/keycloak.js" type="text/javascript"></script>
+    <script type="text/javascript">
+    const keycloak = Keycloak({
+        "realm": "schmoekerei",
+        "auth-server-url": "https://auth.xn--schmkerei-37a.de",
+        "ssl-required": "external",
+        "resource": "account",
+        "public-client": true,
+        "confidential-port": 0,
+        "url": "https://auth.xn--schmkerei-37a.de",
+        "clientId": "homer",
+        "enable-cors": true
+    });
+    const loadData = () => {
+        console.log(keycloak.subject);
+        if (keycloak.idToken) {
+            document.getElementById("keycloak-footer").innerHTML = "Angemeldet als " + keycloak.idTokenParsed
+                .preferred_username + ". <i class=\"fas fa-sign-out-alt\"></i> Ausloggen";
+            document.getElementById("keycloak-footer").href =
+                "https://auth.schmökerei.de/realms/schmoekerei/protocol/openid-connect/logout?redirect_uri=https%3A%2F%2Fxn--schmkerei-37a.de";
+            document.getElementById("login").href = "https://auth.schmökerei.de/realms/schmoekerei/account";
+        } else {
+            keycloak.loadUserProfile(function() {
+                document.getElementById("keycloak-footer").innerHTML = "Angemeldet als " + keycloak.profile
+                    .username + ". <i class=\"fas fa-sign-out-alt\"></i> Ausloggen";
+                document.getElementById("keycloak-footer").href =
+                    "https://auth.schmökerei.de/realms/schmoekerei/protocol/openid-connect/logout?redirect_uri=https%3A%2F%2Fxn--schmkerei-37a.de";
+                document.getElementById("login").href =
+                    "https://auth.schmökerei.de/realms/schmoekerei/account";
+            }, function() {
+                // console.log("Failed to retrieve user details. Please enable claims or account role");
+            });
+        }
+    };
+    const loadFailure = () => {
+        // console.log("Failed to load data.  Check console log");
+    };
+    const reloadData = () => {
+        keycloak.updateToken(10)
+            .success(loadData)
+            .error(() => {
+                // console.log("Failed to load data.  User is logged out.");
+            });
+    }
+    keycloak.init({
+        onLoad: "check-sso"
+    }).success(reloadData);
+    </script>
+<p class="footer"><a href="https://marvinscham.de" target="_blank">Made with <i class="far fa-heart"></i> by <img src="../assets/tools/ms-sw.png" alt="MS"></a> — <a id="keycloak-footer" href="https://auth.xn--schmkerei-37a.de/realms/schmoekerei/protocol/openid-connect/auth?client_id=homer&response_type=code&redirect_uri=https://schmökerei.de"><i class="fas fa-sign-in-alt"></i> Anmeldung/Registrierung</a></p>'
 
 stylesheet:
   - 'assets/custom.css'