I widget dell'area personale sono una serie di componenti js/html/css che sono inseribili in una qualunque pagina web. In particolare alcuni di questi sono servizi built-in che i comuni devono offrire
Widget generali:
Login Box
Satisfy
I servizi built-in implementati sono:
Richiedi assistenza
Segnala problema in città
Prenota appuntamento
Pagamenti dovuti
I servizi sono presenti in ogni tenant fin dalla sua creazione e non sono modificabili dagli amministratori. Inoltre possono generare pratiche del tutto simili a quelle dei servizi tradizionali, ma il modulo è standard e come amministratore non è possibile modificarlo.
Ogni tenant (ente) punta in automatico alla sua versione widget compatibile in modo automatico
Tutti i widget possono essere caricati con bootstrap-italia 2 se il sito che lo contiene non carica già una versione di bts2 oppure senza
Esempio
Versione con bootstrap-italia 2
"https://servizi.comune.bugliano.pi.it/widgets/bookings/bootstrap-italia@2/js/bookings.js"
"https://servizi.comune.bugliano.pi.it/widgets/bookings/bootstrap-italia@2/css/bookings.css"
Versione senza bootstrap-italia 2
"https://servizi.comune.bugliano.pi.it/widgets/bookings/js/bookings.js"
"https://servizi.comune.bugliano.pi.it/widgets/bookings/css/bookings.css"
Se in una pagina ci sono più widget lo script con le variabili si inserisce una volta
Codice da inserire nella pagina per il caricamento del widget, sostituire <domain> con il link dell'area personale dell’ente es: https://servizi.comune.bugliano.pi.it
Il widget restituisce come pagina di default / oppure /# la pagina di invio nuova segnalazione
Sotto la path /#/segnalazioni restituisce la pagina della lista di segnalazioni Sotto la path /#/segnalazioni/{id} restituisce la pagine del dettaglio di una segnalazione
Dalla versione 1.5.0 è stata aggiunta una nuova variabile per limitare la ricerca degli indirizzi tramite zone, configurando un bounding_box (x1,y1,x2,y2) x = longitudine, y = latitudine
Dalla versione 1.6.0 sono state aggiunte due variabili d'ambiante per la configurazione del provider delle mappe basato su nominatim di default il provider è configurato su nominatim.openstreetmap.org.
OC_MAP_SEARCH_PROVIDER configura il provider di ricerca es. ricerca indirizzi da select
All'occorrenza può essere cambiato con un'altro provider custom basato su nominatim
OC_MAP_REVERSE_PROVIDER configura il provider di ricerca inversa, ovvero restituisce l'indirizzo da punto su mappa, es. quando sposto un marker da mappa mi restituisce un indirizzo testuale.
All'occorrenza può essere cambiato con un'altro provider custom basato su nominatim
Configurazione per mostrare il campo Valuta l'importanza del problema Dalla versione 1.14.3
OC_SHOW_SEVERITY_FIELD gestisce l'abilitazione del campo Valuta l'importanza del problema nel form della segnalazione disservizio. Di default il campo è nascosto.
window.OC_SHOW_SEVERITY_FIELD=true;
Personalizzazione campi obbligatori per la segnalazione disservizio.
Dalla versione 1.16.7
Per rendere obbligatori altri campi del form delle segnalazioni oltre a quelli già previsti di default è possibile popolarewindow.OC_REQUIRED_FIELDS con la lista dei campi che si vuole rendere obbligatori.
Categorie con canali esterni (dalla versione 1.12.3)
Per le categorie configurate con link esterni, il widget invita l'utente a proseguire tramite i canali esterni e impedisce la prosecuzione della compilazione e dell'invio della segnalazione.
I link esterni vanno configurati nel json richiamato tramite window.OC_CATEGORIES_URL popolando all'interno della categoria, il valore external_ref (opzionale) con i seguenti campi:
Configurazione apertura dettaglio segnalazione (dalla versione 1.16.0)
Al termine della compilazione e di invio di una segnalazione se l'utente si è autenticato è presente un link per andare al dettaglio della segnalazione.
Di default il link punta al dettaglio della segnalazione sull'area personale, in alternativa è possibile configurare l'apertura del dettaglio rimanendo nel widget tramite variabile window.OC_SHOW_DETAIL_ON_WEBSITE=true
è stata aggiunta la possibilità di auto generasi un breadcrums semplice del tipo Home / Segnalazioni dove Home è la homepage del sito e segnalzioni è la route del widget, aggiungendo la variabile:
window.OC_RENDER_BREADCRUMB=true
se la variabile non è presente o ha valore false la breadcrums non verrà abilitata
Pulsante accedi all'area personale
<divid="oc-login-box"></div><script>window.OC_BASE_URL='https://servizi.comune.bugliano.pi.it/lang';window.OC_AUTH_URL='https://servizi.comune.bugliano.pi.it/lang/login';window.OC_SPID_BUTTON='true'// da usare se si vuole utilizzare la versione senza popup login spidwindow.OC_AUTH_LABEL='SPID/CNS/EIDAS/CIE'</script><scriptsrc="https://servizi.comune.bugliano.pi.it/widgets/login-box/bootstrap-italia@2/js/login-box.js"></script>
Se si hanno altri tipi di autenticazione oltre a SPID è possibile personalizzare il titolo del popup.
window.OC_AUTH_LABEL = 'Testo personalizzato'
Il pulsante Accedi dopo aver effettuato la login può mostrare un menù a tendina con vari voci che ti ridirigono all'area personale, per abilitarlo omettere o impostare come da variabile sotto a false
window.OC_USER_MENU_DISABLED = false
Per disabilitarlo e vedere solo al voce do logout impostare la variabile a true
window.OC_USER_MENU_DISABLED = true
Satisfy
Tutte le versioni del widget sono disponibili sulla pagina
Consigliamo di utilizzare sempre l'ultima versione aggiornata. Tutte le versioni che puntano alla stanza si aggiornano automaticamente.
Includere la versione con BI 2 se il sito contenitore non usa BI 2 - versione auto-aggiornante
data-entrypoints -> obbligatorio e serve per caricare la configurazione globale del widget
Se si vuole usare una versione CDN utilizzare lo questo script
data-api-ratings -> non obbligatorio, da utilizzare se si ha un endpoint custom per le POST del salvataggio della soddisfazione utente.
Se non configurata prenderà di default:"https://satisfy.opencityitalia.it/api/v1/ratings"
data-api-configs -> non obbligatorio, da utilizzare se si ha un endpoint custom per le chiamate API GRAPHQL
Se non configurata prenderà di default:
"https://satisfy.opencityitalia.it/v1/graphql"
