Ngx-jonas-login NPM

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	false
loginMessage	String	The message that should appear next to spinner. Should be set after the login button clicked	''	false