npm install ngx-jonas-login --save
And then include it in your module
import {NgxJonasLoginModule} from 'ngx-jonas-login'
// ...
@NgModule({
declarations: [
....
],
imports: [
...
NgxJonasLoginModule
]
})
export class AppModule { }
import { Component, OnInit } from '@angular/core';
export class AppComponent implements OnInit {
title = 'Client Login';
logo = './images/white_-logo.png';
background = './images/black_white_background.png';
version = '2019.45.321'
isJonasBrowser = true;
onFormSubmit(event){
//your logic here
}
}
And then add it in your html
<ngx-jonas-login
[title]="title"
[version]="version"
[logo]="logo"
[backgroundImage]="background"
[isJonasBrowser]="isJonasBrowser"
(onSubmit)="onFormSubmit($event)"
>
</ngx-jonas-login>
And then add it in your global style.css
@import '../node_modules/bootstrap/dist/css/bootstrap.min.css';
@import '../node_modules/font-awesome/css/font-awesome.min.css'
OR in Angular.json/ Angular-cli.json
"styles": [
'node_modules/bootstrap/dist/css/bootstrap.min.css',
'node_modules/font-awesome/css/font-awesome.min.css'
]
Setting | Type | Description | Default Value |
---|---|---|---|
title | String | Title of Login Form | Login |
version | String | Version No. of Application | '' |
logo | String | Logo that will be displayed on the top of form | '' |
backgroundImage | String | Background image of login form. (Default will be white) | '' |
isLoggingIn | Boolean | Tells the componenet to show the spinner or not. Should be set to true after the login button clicked | false |
loginMessage | String | The message that should appear next to spinner. Should be set after the login button clicked | '' |
-
onSubmit
- Return the values entered in the input fields. Example : (onSelect)="onFormSubmit($event)"
Run ng test NgxJonasLogin
to execute the unit tests.
This project was generated with Angular CLI version 7.1.4.
Contributions are welcome, please open an issue and preferrably file a pull request.
Please share sample code using codesandbox.com or stackblitz.com to help me re-produce the issue.
MIT License.