From dd97c7da4b1d92132794d0f8186ea45205e938f2 Mon Sep 17 00:00:00 2001
From: Vincenzo Cestone <vincenzo.cestone@nubisware.com>
Date: Mon, 22 Apr 2024 16:17:19 +0200
Subject: [PATCH] Added to template.ftl x-twitter svg and js to replace twitter
 icon

---
 .../theme/d4science/login/resources/img/twitter.svg      | 1 +
 .../main/resources/theme/d4science/login/template.ftl    | 9 ++++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 keycloak-d4science-theme/src/main/resources/theme/d4science/login/resources/img/twitter.svg

diff --git a/keycloak-d4science-theme/src/main/resources/theme/d4science/login/resources/img/twitter.svg b/keycloak-d4science-theme/src/main/resources/theme/d4science/login/resources/img/twitter.svg
new file mode 100644
index 0000000..3b560c3
--- /dev/null
+++ b/keycloak-d4science-theme/src/main/resources/theme/d4science/login/resources/img/twitter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="#6a6e73" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>
\ No newline at end of file
diff --git a/keycloak-d4science-theme/src/main/resources/theme/d4science/login/template.ftl b/keycloak-d4science-theme/src/main/resources/theme/d4science/login/template.ftl
index 8c66dc5..bd844a7 100644
--- a/keycloak-d4science-theme/src/main/resources/theme/d4science/login/template.ftl
+++ b/keycloak-d4science-theme/src/main/resources/theme/d4science/login/template.ftl
@@ -222,7 +222,14 @@
                 <#if properties.footerRow?has_content><div style="padding-top: 10px;">${kcSanitize(properties.footerRow)?no_esc}</div></#if>
             </#if>
         </footer>
-
+        <script>
+          let url = '${url.resourcesPath}/img/twitter.svg';
+          let iele = document.querySelectorAll('.fa-twitter');
+          iele.forEach(e => {
+            e.classList.remove('fa-twitter');
+            e.innerHTML = '<img src="' + url + '" style="width: 80%; height: 80%;" />';
+          })
+        </script>
     </div>
 </div>
 </body>