Template css/html per Shibboleth Identity Provider (IdP ver. > 4.1) costruito al di sopra di Bootstrap Italia v1.4.3.
Questo progetto eredita tutte le funzionalità, componenti, griglie e classi di utilità definite nelle Linee Guida di Design per i siti web della Pubblica Amministrazione, mediante i pattern e i componenti definiti nello UI Kit di Designers Italia.
QUI è possibile prendere visione del codice sorgente per l'implementazione di tutti i componenti grafici messi a disposizione.
Considerando idp.home
(solitamente /opt/shibboleth-idp) come path di installazione di shibboleth-idp, seguire i seguenti passaggi:
- Copiare le cartelle
edit-webapp
(file statici) eviews
(template) inidp.home
; - Effettuare il rebuild del file WAR tramite linea di comando (
idp.home/bin/build.sh
oidp.home/bin/build.bat
); - Riavviare il web server (tomcat, jetty o altro servlet container).
Le stringhe contenute in idp.home/messages/messages_XX.properties
possono essere personalizzate e incluse nel codice dei template.
Esempio di modifica del logo (location: idp.home/views/bi_header_wrapper.vm
):
<!-- Use Shibboleth logo -->
<img src="$request.getContextPath()#springMessage("idp.logo")"
alt="#springMessageText("idp.logo.alt-text", "logo")"
width="100%">
<!--
<svg class="icon">
<use xlink:href="$request.getContextPath()/bootstrap-italia/svg/sprite.svg#it-code-circle"></use>
</svg>
E' possibile personalizzare il template di base adeguandolo allo stile della propria organizzazione.
Esempio (stile per l'Università della Calabria):
- In
edit-webapp
è presente la cartellaunical-style
- Includere
<link rel="stylesheet" href="$request.getContextPath()/unical-style/css/unical-style.css">
a valle dei fogli di stile - Effettuare il rebuild del file WAR tramite linea di comando (
idp.home/bin/build.sh
oidp.home\bin\build.bat
); - Riavviare il web server (tomcat, jetty o altro servlet container).