ngx-jonas-login

Angular Jonas Login

Getting Started

Installation

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 { }

Usage

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'
  ]

Settings

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	''

Callback Methods

• onSubmit - Return the values entered in the input fields. Example : (onSelect)="onFormSubmit($event)"

Running unit tests

Run ng test NgxJonasLogin to execute the unit tests.

Development

This project was generated with Angular CLI version 7.1.4.

Contributions

Contributions are welcome, please open an issue and preferrably file a pull request.

Opening Issue

Please share sample code using codesandbox.com or stackblitz.com to help me re-produce the issue.

License

MIT License.