gCubeSystem
/
keycloak-d4science-spi-parent
17
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added and replaced `orcid` IdP logo in the same way of the `X` one

This commit is contained in:
Mauro Mugnaini 2024-04-23 10:39:32 +02:00
parent dd97c7da4b
commit 31fbe6e9f7
Signed by: mauro.mugnaini
GPG Key ID: 2440CFD0EB321EA8
3 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
keycloak-d4science-theme/src/main/resources/theme/d4science/login/resources/img/orcid.svg Normal file
View File

@ -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 d="M294.8 188.2h-45.9V342h47.5c67.6 0 83.1-51.3 83.1-76.9 0-41.6-26.5-76.9-84.7-76.9zM256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm-80.8 360.8h-29.8v-207.5h29.8zm-14.9-231.1a19.6 19.6 0 1 1 19.6-19.6 19.6 19.6 0 0 1 -19.6 19.6zM300 369h-81V161.3h80.6c76.7 0 110.4 54.8 110.4 103.9C410 318.4 368.4 369 300 369z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 561 B

16
keycloak-d4science-theme/src/main/resources/theme/d4science/login/template.ftl
View File

@ -223,11 +223,19 @@
</#if>
</footer>
<script>
let url = '${url.resourcesPath}/img/twitter.svg';
let iele = document.querySelectorAll('.fa-twitter');
iele.forEach(e => {
// Replacing twitter icon that is not still available on this fa bundle
let twitterUrl = '${url.resourcesPath}/img/twitter.svg';
let ieleTwitter = document.querySelectorAll('.fa-twitter');
ieleTwitter.forEach(e => {
e.classList.remove('fa-twitter');
e.innerHTML = '<img src="' + url + '" style="width: 80%; height: 80%;" />';
e.innerHTML = '<img src="' + twitterUrl + '" style="width: 80%; height: 80%;" />';
})
// Replacing orcid icon that is not still available on this fa bundle
let orchidUrl = '${url.resourcesPath}/img/orcid.svg';
let ieleOrcid = document.querySelectorAll('.fa-orcid');
ieleOrcid.forEach(e => {
e.classList.remove('fa-orcid');
e.innerHTML = '<img src="' + orchidUrl + '" style="width: 80%; height: 80%;" />';
})
</script>
</div>

3
keycloak-d4science-theme/src/main/resources/theme/d4science/login/theme.properties
View File

@ -38,4 +38,5 @@ ECLogoAlt=EU Horizon programme
kcFormCardWideClass=card-d4s-wide
kcLogoIdP-eosc-oidc=fa fa-university
kcLogoIdP-isti-keycloak-oidc=fa fa-university
kcLogoIdP-isti-keycloak-oidc=fa fa-university
kcLogoIdP-orcid=fa fa-orcid