design-shibboleth-idp-theme

Template Bootstrap Italia per Shibboleth IdP > 3.2

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.

Installazione

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) e views (template) in idp.home;
• Effettuare il rebuild del file WAR tramite linea di comando (idp.home/bin/build.sh o idp.home/bin/build.bat);
• Riavviare il web server (tomcat, jetty o altro servlet container).

Gestione Shibboleth messages

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="https://github.com/italia/design-shibboleth-idp-theme/raw/master/$request.getContextPath()#springMessage("idp.logo")"
     alt="#springMessageText("idp.logo.alt-text", "logo")"
     width="100%">
<!--
<svg class="icon">
    <use xlink:href="https://github.com/italia/design-shibboleth-idp-theme/blob/master/$request.getContextPath()/bootstrap-italia/svg/sprite.svg#it-code-circle"></use>
</svg>

Template custom

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 cartella unical-style
• Includere <link rel="stylesheet" href="https://github.com/italia/design-shibboleth-idp-theme/blob/master/$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 o idp.home\bin\build.bat);
• Riavviare il web server (tomcat, jetty o altro servlet container).

Galleria

Login

Agreement

Custom Login