This is an Angular module to useful for user login in an angular app. It provides the login template, user can login and logout using this module.
import { UserLoginModule, LoginService } from '@tekdi/ngtek-user-login';
import { environment } from '../environments/environment';
const config = environment.loginConfig;
@NgModule({
declarations: [
AppComponent
],
imports: [
.....
UserLoginModule.forRoot(config), <---
....
],
providers: [ ]
})
export class AppModule { }
export const environment = {
production: false,
loginConfig: {
googleClientId: 'XXXXXXXXXdskdshkreas4drf1ihc1.apps.googleusercontent.com',
fbAppId: 'XXXXXX969930934',
baseUrl: 'https://site-base-url'
}
};
<ngtek-joomla-login
[navUrl]="navUrl"
[userLogin]="userLogin"
(signInUserData)="SignInUserData($event)">
</ngtek-joomla-login>
- userLogin attribute: Pass array with string name which you want to add in your login page like facebook, gmail and manual login.
userLogin = [
'manual-login',
'facebook',
'google'
];
navUrl = "home"
signInUserData - this function is used to get login reponce.
For Bootstrap Design, import below mention line in the style.css file
@import "~bootstrap/dist/css/bootstrap.css";