Added sample code for Login with Google & LinkedIn

Documentation/Initial Prototype/src-gen/initial_code/angular/login-options/login-options.component.html

+<form #form="ngForm" *ngIf="noLoginUser">
+    <div class="ui-g ui-fluid fixedtoolbar" id="fixedtoolbar">
+        <div class="ui-g-12 nopad">
+            <p-toolbar>
+                <div class="ui-toolbar-center">
+                    Login
+                </div>
+            </p-toolbar>
+        </div>
+    </div>
+
+    <div class="fixedtoolbar-top-padding mobile-top-padding80">
+        <div class="ui-g form-group">
+            <div class="ui-g-12 ui-md-6 ui-md-offset-3 single-btn-container">
+                <p-button icon="fa fa-linkedin" (onClick)="socicalMediaLogin('linkedIn')" label="Login with Linked In"></p-button>
+            </div>
+        </div>
+        <div class="ui-g form-group">
+            <div class="ui-g-12 ui-md-6 ui-md-offset-3 single-btn-container">
+                <p-button icon="fa fa-google" (onClick)="socicalMediaLogin('google')" label="Login with Google"></p-button>
+            </div>
+        </div>
+    </div>
+</form>
+<p-progressSpinner *ngIf="showLoader"></p-progressSpinner>

Documentation/Initial Prototype/src-gen/initial_code/angular/login-options/login-options.component.ts

+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { Subscription } from 'rxjs/Subscription';
+import { environment } from '../../../environments/environment';
+import { UserService } from '../../oneit/services/user.service';
+import { AppService } from './../../app.service';
+import { UtilsService } from './../../oneit/services/utils.service';
+
+
+@Component({
+    selector: 'app-login-options',
+    templateUrl: './login-options.component.html'
+})
+export class LoginOptionsComponent implements OnInit, OnDestroy {
+
+    subscriptions: Array<Subscription> = [];
+    showLoader: boolean = false;
+    showLogoutMessage: boolean = false;
+    noLoginUser: boolean = false;
+
+    constructor(private router: Router,
+                private activatedRoute: ActivatedRoute,
+                private appService: AppService,
+                private utilsService: UtilsService,
+                private userService: UserService) {
+            }
+
+    ngOnInit() {
+        this.showLoader = true;
+
+        this.subscriptions.push(this.userService.reloadUserDetails()
+            .subscribe(
+                data => {
+                    this.showLoader = false;
+                    const userID = this.userService.getUserid();
+
+                    if (userID != null) {
+                        this.noLoginUser = false;
+                        this.router.navigate(['home']);
+                        return;
+                    }
+
+                    this.noLoginUser = true;
+                }
+            )
+        );
+
+        this.activatedRoute.fragment.subscribe((fragment: string) => {
+            if (fragment == 'logout') {
+                this.showLogoutMessage = true;
+            }
+        });
+    }
+
+    socicalMediaLogin(type : string) {
+        this.utilsService.clearErrorMessages();
+        this.showLoader = true;
+        const params = {
+            environment: environment.envName,
+            nextPage: window.location.href.split('/#/')[0] + '/#/registration/' + type
+        };
+        const svc = type === 'linkedIn' ? 'LoginWithLinkedIn' : 'LoginWithGoogle';
+
+        this.subscriptions.push(this.appService.socicalMediaLogin(svc,params)
+            .subscribe(
+                data => {
+                    if (data.destination) {
+                        this.showLoader = false;
+                        window.location.href = data.destination;
+                        return;
+                    }
+                },
+                error => {
+                    this.showLoader = false;
+                    this.utilsService.handleError(error);
+                }
+            )
+        );
+    }
+
+    ngOnDestroy() {
+        this.utilsService.unsubscribeSubscriptions(this.subscriptions);
+    }
+}