creation navAdmin

src/app/app.module.ts

@@ -34,6 +34,7 @@ import { NavParrainComponent } from './components/navigationBar/nav-parrain/nav-
 import { AuthGuard } from './core/auth.guard';
 import { AuthService } from './services/auth/auth.service';
 import { AdminComponent } from './components/admin/admin.component';
+import { NavAdminComponent } from './components/navigationBar/nav-admin/nav-admin.component';
 
 
 @NgModule({
@@ -54,7 +55,8 @@ import { AdminComponent } from './components/admin/admin.component';
     CarteEnvoyerComponent,
     NavCommercantComponent,
     NavParrainComponent,
-    AdminComponent
+    AdminComponent,
+    NavAdminComponent
   ],
   imports: [
     BrowserModule,

src/app/components/navigationBar/nav-admin/nav-admin.component.html

@@ -0,0 +1,31 @@
+<navbar SideClass="navbar navbar-expand-lg navbar-dark fixed-top scrolling-navbar indigo">
+  <logo>
+    <a class="logo navbar-brand waves-light" mdbRippleRadius><strong>ParrainApp</strong></a>
+  </logo>
+  <links>
+    <ul class="navbar-nav mr-auto">
+      <li class="nav-item active waves-light" [class.active]="opCommercialLink.classList.contains('active')"> <a class="nav-link waves-light" #validationOpLink routerLink="/opCommercial" routerLinkActive="active">Validation d'opération</a></li>
+      <li class="nav-item active waves-light" [class.active]="historiqueCarteLink.classList.contains('active')"> <a class="nav-link waves-light" #listeOpLink routerLink="/historiqueCarte" routerLinkActive="active">Liste des opérations</a></li>
+    </ul>
+
+
+    <!--      <li class="nav-item waves-light" mdbRippleRadius *ngIf="afficheLogout === true" >
+            <a class="nav-link"  (click)="logout()">Logout</a>
+          </li>
+    -->
+    <ul class="navbar-nav nav-flex-icons">
+      <li class="nav-item avatar">
+        <ul class="navbar-nav mr-auto">
+          <li class="nav-item waves-light" mdbRippleRadius>
+            <a class="nav-link dropdown-toggle waves-effect waves-light" id="navbarDropdownMenuLink-5" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="{{avatarCommercant}}" class="circle-avatar img-fluid rounded-circle"></a>
+          </li>
+        </ul>
+      </li>
+      <li class="nav-item dropdown" dropdown>
+        <a dropdownToggle mdbRippleRadius type="button" class="nav-link dropdown-toggle waves-light" mdbRippleRadius>
+          {{nameCommercant}}<span class="caret"></span></a>
+      </li>
+    </ul>
+
+  </links>
+</navbar>

src/app/components/navigationBar/nav-admin/nav-admin.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NavAdminComponent } from './nav-admin.component';
+
+describe('NavAdminComponent', () => {
+  let component: NavAdminComponent;
+  let fixture: ComponentFixture<NavAdminComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ NavAdminComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(NavAdminComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/navigationBar/nav-admin/nav-admin.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-nav-admin',
+  templateUrl: './nav-admin.component.html',
+  styleUrls: ['./nav-admin.component.scss']
+})
+export class NavAdminComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}