gdev-gep-login
La pagina di login per applicativi GEP con form input dominio, utente, password. Immagine di sfondo, logo, placeholders e messaggio di errore personalizzabili da props.
Tabella dei contenuti
[TOC]
Utilizzo
Installazione
yarn install
Test del componente
I file src/main.js e src/Test.vue non vengono inclusi nella build, servono al solo scopo di poter testare il
componente senza dover creare un progetto di test esterno.
Apportare le modifiche che si vogliono testare al file Test.vue, poi lanciare il comando:
yarn serve
Compilazione del progetto per successiva pubblicazione su npm
yarn build
Vengono generati i file all'interno della directory dist
Pubblicazione del pacchetto su npm
npm publish --access public
Se viene generato errore di login, occorre prima lanciare:
npm adduser
Props e funzionalita
Props
| Prop | Descrizione | Tipo | Default | Obbligatoria |
|---|---|---|---|---|
| logging-in | Da impostare a true durante la chiamata API per login | Boolean | false | Yes |
| form-bg-variant | Variante del colore di sfondo della form. Utilizzare valori bootstrap | String | 'light' | |
| show-domain | Da passare false se dominio non necessario per login | Boolean | Yes | |
| domain-placeholder | Placeholder campo input DOMINIO | String | Domain | |
| username-placeholder | Placeholder campo input USERNAME | String | Username | |
| password-placeholder | Placeholder campo input PASSWORD | String | Password | |
| login-button-text | Testo interno al pulsante di submit | String | Yes | |
| error | ATTENZIONE: impsotare in sync (:error.sync="error") | Boolean | Yes | |
| error-message | Stringa da visualizzare dentro al b-alert | String | Yes |
Slot
| Slot | Descrizione |
|---|---|
| background | Immagine di sfondo a tutto schermo |
| logo | Immagine visualizzata in alto nella form |
Eventi
| Evento | Descrizione | Arguments |
|---|---|---|
| login-form-submit | Evento chiamato su click del pulsante submit | oggetto che contiene: domain, username, password |