User login Module for Angular

The User login module for Angular 8 and ionic 4, using this module you can add login feature wthinin a few minites in your Angular/Ionic app. Its provides login template and functionality.

Supports :

• Manual Login (in Angular8 and ionic4 )
• Facebook (in Angular8)
• Google (in Angular8)

Usage

- Import the module in your app.component.ts file

import { UserLoginModule } from '@tekdi/ngtek-user-login';
 
 import { environment } from '../environments/environment';

 const config  = environment.loginConfig;

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    .....
    UserLoginModule.forChild(config),  <---
	....
  ],
  providers: [ ]
})
export class AppModule { }

- environment.ts file :

export const environment = { 
  production: false, 
  loginConfig: { 
    googleClientId: 'XXXXXXXXXdskdshkreas4drf1ihc1.apps.googleusercontent.com', 
    fbAppId: 'XXXXXX969930934', 
    baseUrl: 'https://site-base-url' 
  } 
}; 

- To load login page in an angular app, you can use the below code in your template

Manual Login:

<lib-joomla-login (signInUserData)="SignInUserData($event)"></lib-joomla-login> 

Social Login:

If you want to support Facebook/google login in your app, your need to mention the property on lib-social-login tag.

Eg :
[facebook]="true"
[google]="true"

<lib-social-login (signInUserData)="SignInUserData($event)" [facebook]="true" [google]="true"></lib-social-login>

signInUserData - this function is used to get login reponce.

login.component.ts file:

SignInUserData(loginuser){
  console.log({loginuser});
}

For Bootstrap Design, import below mention line in the src/style.scss( in angular) and src/global.scss( in ionic) file

@import "~bootstrap/dist/css/bootstrap.css";

UserLoginService service :

TO use UserLoginService service in your app you need to import it in your login.component.ts file.

  import { UserLoginService } from 'user-module';
  constructor( private userLoginService: UserLoginService  )

UserLoginService support the following features:

1. login(username, password) :

This function is written for manual login.

Function contains: param username : Login user name Type:Sting param password : Login user password Type:Sting Return Login user data Object json

2. doSocialLogin(accessToken: string, provider: string) :

This function is written for facebook and google login.

Function contains: param accessToken : accesstoken Type:Sting param provider : facebook/google Type:Sting Return Login user data Object json

3. logout(): (Manual login user)

This function is useful for the logout from app.

4. socialLogout(): (Social login user)

This function is useful for the logout from social media.

5. getCurrentUser():

This function returns the logged in user data.

6. isLoggedIn():

Return (boolean) the status about user is logged in or not.