profile page wired, needs to be styles and entity created

src/main/webapp/app/FaeBoo/Profile-temp/profile-temp.module.ts

@@ -0,0 +1,13 @@
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { RouterModule } from '@angular/router';
+
+import { FaeBooSharedModule } from 'app/shared';
+import { PROFILE_ROUTE } from 'app/FaeBoo/Profile-temp/profile-temp.route';
+import { ProfileTempComponent } from 'app/FaeBoo/Profile-temp/profile-temp.component';
+
+@NgModule({
+    imports: [FaeBooSharedModule, RouterModule.forChild([PROFILE_ROUTE])],
+    declarations: [ProfileTempComponent],
+    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+})
+export class ProfileTempModule {}

src/main/webapp/app/FaeBoo/Profile-temp/profile-temp.route.ts

@@ -0,0 +1,12 @@
+import { Route } from '@angular/router';
+
+import { ProfileTempComponent } from 'app/FaeBoo/Profile-temp/profile-temp.component';
+
+export const PROFILE_ROUTE: Route = {
+    path: 'profile',
+    component: ProfileTempComponent,
+    data: {
+        authorities: [],
+        pageTitle: 'profile.title'
+    }
+};

src/main/webapp/app/app.module.ts

@@ -7,6 +7,10 @@ import { NgbDatepickerConfig } from '@ng-bootstrap/ng-bootstrap';
 import { Ng2Webstorage } from 'ngx-webstorage';
 import { NgJhipsterModule } from 'ng-jhipster';
 
+import { ProfileHeadComponent } from 'app/FaeBoo/Profile-head/profile-head.component';
+import { ProfileTempComponent } from 'app/FaeBoo/Profile-temp/profile-temp.component';
+import { ProfileTempModule } from 'app/FaeBoo/Profile-temp/profile-temp.module';
+
 import { AuthInterceptor } from './blocks/interceptor/auth.interceptor';
 import { AuthExpiredInterceptor } from './blocks/interceptor/auth-expired.interceptor';
 import { ErrorHandlerInterceptor } from './blocks/interceptor/errorhandler.interceptor';
@@ -36,11 +40,20 @@ import { JhiMainComponent, NavbarComponent, FooterComponent, PageRibbonComponent
         FaeBooSharedModule.forRoot(),
         FaeBooCoreModule,
         FaeBooHomeModule,
+        ProfileTempModule,
         FaeBooAccountModule,
         // jhipster-needle-angular-add-module JHipster will add new module here
         FaeBooEntityModule
     ],
-    declarations: [JhiMainComponent, NavbarComponent, ErrorComponent, PageRibbonComponent, ActiveMenuDirective, FooterComponent],
+    declarations: [
+        JhiMainComponent,
+        NavbarComponent,
+        ErrorComponent,
+        PageRibbonComponent,
+        ActiveMenuDirective,
+        FooterComponent,
+        ProfileHeadComponent
+    ],
     providers: [
         {
             provide: HTTP_INTERCEPTORS,

src/main/webapp/app/layouts/navbar/navbar.component.html

@@ -18,6 +18,16 @@
                     </span>
                 </a>
             </li>
+
+            <li class="nav-item" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
+                <a class="nav-link" routerLink="/profile" (click)="collapseNavbar();">
+                    <span>
+                        <fa-icon icon="home"></fa-icon>
+                        <span>Profile</span>
+                    </span>
+                </a>
+            </li>
+
             <!-- jhipster-needle-add-element-to-menu - JHipster will add new menu items here -->
             <li *ngSwitchCase="true" ngbDropdown class="nav-item dropdown pointer" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
                 <a class="nav-link dropdown-toggle" ngbDropdownToggle href="javascript:void(0);" id="entity-menu">

src/main/webapp/app/layouts/navbar/navbar.route.ts

@@ -1,6 +1,6 @@
 import { Route } from '@angular/router';
 
-import { NavbarComponent } from './navbar.component';
+import { NavbarComponent } from 'app/layouts';
 
 export const navbarRoute: Route = {
     path: '',