Menu Close
In fact, it has the 39mm Oystersteel monobloc middle-case of the OP essentially, which appears a little more curvaceous than the flat, trapezoid profile of the 40mm Oystersteel Submariner. The bezel of the replica rolex watches Explorer I is different on each: The OP has a domed, high-polish bezel, while the Explorer I has what Rolex calls a "Smooth" bezel. It has a flat surface instead of the convex bezel of the OP, with nicely polished.

Social authentication module for Angular 5

Social authentication module for Angular 5

Social login api for Angular 5. Includes Facebook and Google login.

AOT Compatible.

Getting started

Install via npm

npm install --save angular5-social-login

Import the module

In app.module.ts,

...

import {
    SocialLoginModule,
    AuthServiceConfig,
    GoogleLoginProvider,
    FacebookLoginProvider,
} from "angular5-social-login";


// Configs 
export function getAuthServiceConfigs() {
  let config = new AuthServiceConfig(
      [
        {
          id: FacebookLoginProvider.PROVIDER_ID,
	      provider: new FacebookLoginProvider("Your-Facebook-app-id")
        },
        {
          id: GoogleLoginProvider.PROVIDER_ID,
	      provider: new GoogleLoginProvider("Your-Google-Client-Id")
        },
      ];
  );
  return config;
}

@NgModule({
  imports: [
    ...
    SocialLoginModule
  ],
  providers: [
    ...
    {
      provide: AuthServiceConfig,
      useFactory: getAuthServiceConfigs
    }
  ],
  bootstrap: [...]
})

export class AppModule { }

Usage :

In signin.component.ts,

import {Component, OnInit} from '@angular/core'; import { AuthService, FacebookLoginProvider, GoogleLoginProvider } from 'angular5-social-login'; @Component({ selector: 'app-signin', templateUrl: './signin.component.html', styleUrls: ['./signin.component.css'] }) export class SigninComponent implements OnInit { constructor( private socialAuthService: AuthService ) {} public socialSignIn(socialPlatform : string) { let socialPlatformProvider; if(socialPlatform == "facebook"){ socialPlatformProvider = FacebookLoginProvider.PROVIDER_ID; }else if(socialPlatform == "google"){ socialPlatformProvider = GoogleLoginProvider.PROVIDER_ID; } this.socialAuthService.signIn(socialPlatformProvider).then( (userData) => { console.log(socialPlatform+" sign in data : " , userData); // Now sign-in with userData ... } ); } }

In signin.component.html,

<h1> Sign in </h1> <button (click)="socialSignIn('facebook')">Sign in with Facebook</button> <button (click)="socialSignIn('google')">Signin in with Google</button>

Facebook App Id :

You need to create your own app by going to Facebook Developers page.
Add Facebook login under products and configure Valid OAuth redirect URIs.

Google Client Id :

Follow this official documentation on how to
Create a Google API Console project and client ID
.

View Source Code