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|