Merge pull request #28 from nunzionapoli/lista-dinamica

Lista dinamica

DETAILS-REL1.8.md

@@ -0,0 +1,56 @@
+# SPID - Sistema Pubblico di Identità Digitale
+
+## Aggiornamento - creazione lista dinamica degli IDP
+
+#### Aggiornamento della pagna HTML di esempio
+
+Rimozione dello scipt di ordinamento
+Rimozione delle lista statica degli IDP ed aggiunta dei bottoni con placeholder per lista dinamica
+
+es. versione GET
+```
+    <a href="#" class="italia-it-button italia-it-button-size-m button-spid" spid-idp-button="#spid-idp-button-medium-get" aria-haspopup="true" aria-expanded="false">
+        <span class="italia-it-button-icon"><img src="img/spid-ico-circle-bb.svg" onerror="this.src='img/spid-ico-circle-bb.png'; this.onerror=null;" alt="" /></span>
+        <span class="italia-it-button-text">Entra con SPID</span>
+    </a>
+    <div id="spid-idp-button-medium-get" class="spid-idp-button spid-idp-button-tip spid-idp-button-relative">
+        <ul id="spid-idp-list-medium-root-get" class="spid-idp-button-menu" data-spid-remote aria-labelledby="spid-idp">
+            <li><a class="dropdown-item" href="https://www.spid.gov.it">Maggiori informazioni</a></li>
+            <li><a class="dropdown-item" href="https://www.spid.gov.it/richiedi-spid">Non hai SPID?</a></li>
+            <li><a class="dropdown-item" href="https://www.spid.gov.it/serve-aiuto">Serve aiuto?</a></li>
+        </ul>
+    </div>
+```
+
+
+es. versione POST
+```
+    <form name="spid_idp_access" action="#" method="post">
+        <input type="hidden" name="param_001" value="" />
+        <input type="hidden" name="param_002" value="" />
+        <input type="hidden" name="param_003" value="" />
+        <a href="#" class="italia-it-button italia-it-button-size-m button-spid" spid-idp-button="#spid-idp-button-medium-post" aria-haspopup="true" aria-expanded="false">
+            <span class="italia-it-button-icon"><img src="img/spid-ico-circle-bb.svg" onerror="this.src='img/spid-ico-circle-bb.png'; this.onerror=null;" alt="" /></span>
+            <span class="italia-it-button-text">Entra con SPID</span>
+        </a>
+        <div id="spid-idp-button-medium-post" class="spid-idp-button spid-idp-button-tip spid-idp-button-relative">
+            <ul id="spid-idp-list-medium-root-post" class="spid-idp-button-menu"  data-spid-remote aria-labelledby="spid-idp">
+            </ul>
+                <li><a class="dropdown-item" href="https://www.spid.gov.it">Maggiori informazioni</a></li>
+                <li><a class="dropdown-item" href="https://www.spid.gov.it/richiedi-spid">Non hai SPID?</a></li>
+                <li><a class="dropdown-item" href="https://www.spid.gov.it/serve-aiuto">Serve aiuto?</a></li>
+            </div>
+    </form>
+```
+
+#### Aggiunta dello script spid-idps.js
+
+Aggiunto lo script che crea l'elemento <li> dinamicamente leggendo un file JSON da una URL oppure da una lista pre-impostata in caso di problemi nel dowload del JSON.
+
+
+
+
+#### Crediti
+
+Il sistema di importazione degli IDPS è ripreso dal progetto [Satosa-Saml2SPID](https://github.com/italia/Satosa-Saml2Spid/)
+

README.md

@@ -5,83 +5,23 @@ Per gestire l’accesso ai servizi pubblici e privati che utilizzano il sistema
 
 
 ## SPID Sp Access Button
-Il pulsante è disponibile in 4 dimensioni (s / m / l / xl) ed in formato “get” (chiamata ad una pagina esterna) e “post” (form interna al pulsante). I diversi IDP sono mostrati in ordine random attraverso una piccola funzione javascript che potrebbe essere sostituita attraverso una procedura di randomizzazione lato server.
+Il pulsante è disponibile in 4 dimensioni (s / m / l / xl) ed in formato “get” (chiamata ad una pagina esterna) e “post” (form interna al pulsante). 
+
+La lista degli IDP è collezionata da una sorgente remota (Registry AgID https://registry.spid.gov.it/entities-idp) e i diversi IDP sono mostrati in ordine random attraverso una funzione javascript.
+
 La pagina di accesso dovrà essere "mobile first" e utilizzabile su ogni tipologia di dispositivo.
 
-Il pulsante è disponibile nella versione da utilizzare in produzione (production) e nella versione da utilizzare in sviluppo (development).
+Nel progetto è disponibile una pagina di esempio (src/spid-sp-access-button.html)
 
 Il sistema richiede Jquery 1.8+.
 
 
-## Struttura del file system
-```
-spid-sp-access-button/
-│
-├── src/
-│   ├── development
-│   │   ├── spid-sp-access-button.html
-│   │   ├── css
-│   │   │   ├── spid-sp-access-button.min.css
-│   │   ├── img
-│   │   │   ├── spid-ico-circle-bb.png
-│   │   │   ├── spid-ico-circle-bb.svg
-│   │   │   ├── spid-idp-arubaid.png
-│   │   │   ├── spid-idp-arubaid.svg
-│   │   │   ├── spid-idp-infocertid.png
-│   │   │   ├── spid-idp-infocertid.svg
-│   │   │   ├── spid-idp-intesaid.png
-│   │   │   ├── spid-idp-intesaid.svg
-│   │   │   ├── spid-idp-lepidaid.png
-│   │   │   ├── spid-idp-lepidaid.svg
-│   │   │   ├── spid-idp-namirialid.png
-│   │   │   ├── spid-idp-namirialid.svg
-│   │   │   ├── spid-idp-posteid.png
-│   │   │   ├── spid-idp-posteid.svg
-│   │   │   ├── spid-idp-sielteid.png
-│   │   │   ├── spid-idp-sielteid.svg
-│   │   │   ├── spid-idp-spiditalia.png
-│   │   │   ├── spid-idp-spiditalia.svg
-│   │   │   ├── spid-idp-teamsystemid.png
-│   │   │   ├── spid-idp-teamsystemid.svg
-│   │   │   ├── spid-idp-timid.png
-│   │   │   ├── spid-idp-timid.svg
-│   │   ├── js
-│   │   │   ├── jquery.min.js
-│   │   │   ├── spid-sp-access-button.min.js
-│   ├── production
-│   │   ├── spid-sp-access-button.html
-│   │   ├── css
-│   │   │   ├── spid-sp-access-button.min.css
-│   │   ├── img
-│   │   │   ├── spid-ico-circle-bb.png
-│   │   │   ├── spid-ico-circle-bb.svg
-│   │   │   ├── spid-idp-arubaid.png
-│   │   │   ├── spid-idp-arubaid.svg
-│   │   │   ├── spid-idp-infocertid.png
-│   │   │   ├── spid-idp-infocertid.svg
-│   │   │   ├── spid-idp-intesaid.png
-│   │   │   ├── spid-idp-intesaid.svg
-│   │   │   ├── spid-idp-lepidaid.png
-│   │   │   ├── spid-idp-lepidaid.svg
-│   │   │   ├── spid-idp-namirialid.png
-│   │   │   ├── spid-idp-namirialid.svg
-│   │   │   ├── spid-idp-posteid.png
-│   │   │   ├── spid-idp-posteid.svg
-│   │   │   ├── spid-idp-sielteid.png
-│   │   │   ├── spid-idp-sielteid.svg
-│   │   │   ├── spid-idp-spiditalia.png
-│   │   │   ├── spid-idp-spiditalia.svg
-│   │   │   ├── spid-idp-teamsystemid.png
-│   │   │   ├── spid-idp-teamsystemid.svg
-│   │   │   ├── spid-idp-timid.png
-│   │   │   ├── spid-idp-timid.svg
-│   │   ├── js
-│   │   │   ├── jquery.min.js
-│   │   │   ├── spid-sp-access-button.min.js
-```
-
 ## Aggiornamenti
 
+### v1.8 (26/01/2023) - [Accedi ai dettagli delle modifiche](DETAILS-REL1.8.md)
+- Rimossa struttura directory obsoleta "development"
+- Creazione dinamica lista IDP 
+
 ### v1.7 (15/07/2022) - [Accedi ai dettagli delle modifiche](DETAILS-REL1.7.md)
 - Aggiunto TeamSystem ID
 - Aggiunto pulsante SPID da utilizzare in produzione e quello da utilizzare in sviluppo
@@ -116,7 +56,7 @@ spid-sp-access-button/
 
 ## Metadata IDP SPID
 ### Metadata con tutti gli IDP SPID
-- [IDP SPID](https://registry.spid.gov.it/metadata/idp/spid-entities-idps.xml)
+- [IDP SPID](https://registry.spid.gov.it/entities?entity_type=idp)
 
 ### Metadata singoli IDP SPID
 - [Aruba ID](https://loginspid.aruba.it/metadata)