Historique carte de parrainage2

src/app/app.module.ts

@@ -27,6 +27,7 @@ import { EnvoyerCarteComponent } from './components/opCommercial/envoyer-carte/e
 import { ScannerCarteComponent } from './components/opCommercial/scanner-carte/scanner-carte.component';
 import { EditProfilComponent } from './components/profil/edit-profil/edit-profil.component';
 import { DebiterCarteComponent } from './components/opCommercial/debiter-carte/debiter-carte.component';
+import { CarteEnvoyerComponent } from './components/carteParrainage/carte-envoyer/carte-envoyer.component';
 
 
 
@@ -44,7 +45,8 @@ import { DebiterCarteComponent } from './components/opCommercial/debiter-carte/d
     EnvoyerCarteComponent,
     EditProfilComponent,
     ScannerCarteComponent,
-    DebiterCarteComponent
+    DebiterCarteComponent,
+    CarteEnvoyerComponent
   ],
   imports: [
     BrowserModule,

src/app/app.routes.ts

@@ -9,6 +9,9 @@ import { EnvoyerCarteComponent } from './components/opCommercial/envoyer-carte/e
 import { ScannerCarteComponent } from './components/opCommercial/scanner-carte/scanner-carte.component';
 import { EditProfilComponent } from './components/profil/edit-profil/edit-profil.component'
 import { DebiterCarteComponent } from './components/opCommercial/debiter-carte/debiter-carte.component';
+import { CarteEnvoyerComponent } from './components/carteParrainage/carte-envoyer/carte-envoyer.component';
+
+
 
 export const AppRoutes = [
   {path: '', component: HomeComponent},
@@ -21,5 +24,6 @@ export const AppRoutes = [
   {path: 'EnvoyerCarte/:idOp', component: EnvoyerCarteComponent},
   {path: 'scannerCarte/:idOp', component: ScannerCarteComponent},
   {path: 'debiterCarte/:idOp', component: DebiterCarteComponent},
-  {path: 'editProfil', component: EditProfilComponent}
+  {path: 'editProfil', component: EditProfilComponent},
+  {path: 'historiqueCarte', component: CarteEnvoyerComponent }
 ];

src/app/components/opCommercial/op-commercial/op-commercial.component.html

@@ -1,5 +1,5 @@
 
-<div class="container" style="padding-top:5%">
+<div class="container">
 
   <!--
 <ul>
@@ -12,9 +12,9 @@
 -->
   <h4 class="h5 text-center mb-4" style="padding-top: 5%;">Liste de vos operations commercials</h4>
   <div class="row" style="padding-top: 5%;">
-    <button class="btn btn-primary btn-rounded waves-light" (click)="goToCreaOpCom()">Nouvelle opération Commercial</button>
+    <button class="btn btn-primary btn-rounded waves-light" (click)="goToCreaOpCom()">Nouvelle opération Commerciale</button>
+    <button class="btn btn-primary btn-rounded waves-light" (click)="goToCarteEnvoyer()">Historique carte envoyer</button>
     <button class="btn btn-default btn-rounded waves-light" (click)="goToProfil()">Profil</button>
-
   </div>
   <div class="list-group">
     <div class="card mainCard" *ngFor="let op of opCommData | async">

src/app/components/opCommercial/op-commercial/op-commercial.component.scss

@@ -8,6 +8,9 @@
   width: 103%;
 }
 
+.container {
+  padding-top:5%;
+}
 
 .subCard1 {
   height: auto;

src/app/components/opCommercial/op-commercial/op-commercial.component.ts

@@ -93,6 +93,10 @@ export class OpCommercialComponent implements OnInit, OnDestroy {
     this.router.navigate(['/debiterCarte', idOp]);
   }
 
+  goToCarteEnvoyer() {
+    this.router.navigate(['/historiqueCarte']);
+  }
+