compteurs des listes debiter si carte expiré

src/app/components/admin/demande-op-commercial/demande-op-commercial.component.html

@@ -3,7 +3,7 @@
 <div class="container">
 
   <div class="col-md-12" id="demandes">
-    <h4 class="mb-5 mt-1 font-bold wow fadeInDown text-center" style="padding-top: 5%;">Demande d'opération commerciale</h4>
+    <h4 class="mb-5 mt-1 font-bold wow fadeInDown text-center" style="padding-top: 5%;">Demande d'opération commerciale ({{(opCommDataEnCours | async)?.length}})</h4>
     <div class="list-group wow fadeInLeftBig">
       <div class="card mainCard" *ngFor="let op of opCommDataEnCours | async">
         <div class="row no-margin" id="testt">
@@ -63,7 +63,7 @@
 
 
   <div class="col-md-12" id="historique">
-    <h4 class="mb-5 mt-1 font-bold wow fadeInDown text-center" style="padding-top: 5%;">Cartes rejetées</h4>
+    <h4 class="mb-5 mt-1 font-bold wow fadeInDown text-center" style="padding-top: 5%;">Cartes rejetées ({{(opCommDataRejeter | async)?.length}})</h4>
     <div class="list-group wow fadeInLeftBig">
 
       <div class="card mainCard" *ngFor="let op of opCommDataRejeter | async">

src/app/components/admin/list-carte-envoyer/list-carte-envoyer.component.html

@@ -54,7 +54,7 @@
   </div>
 
   <div class="col-md-12">
-    <h4 class="mb-5 mt-1 font-bold wow fadeInDown text-center" style="padding-top: 5%;">Liste des cartes de parrainages issues de l'opération commerciale ci-dessus : {{opComm?.name}}</h4>
+    <h4 class="mb-5 mt-1 font-bold wow fadeInDown text-center" style="padding-top: 5%;">Liste des cartes de parrainages issues de l'opération commerciale ci-dessus : {{opComm?.name}} ({{(carteParList | async)?.length}})</h4>
     <div class="list-group wow fadeInLeftBig">
       <div class="card mainCard" *ngFor="let crt of carteParList | async">
         <div class="row no-margin">

src/app/components/admin/list-scan-effecter/list-scan-effecter.component.html

@@ -12,7 +12,7 @@
 -->
   <app-nav-admin></app-nav-admin>
   <div class="card col-md-12 wow fadeInLeft" id="scanPart2">
-    <h4 class="mb-5 mt-1 font-bold wow fadeInDown text-center" style="padding-top: 2%;">Liste des scans effectués</h4>
+    <h4 class="mb-5 mt-1 font-bold wow fadeInDown text-center" style="padding-top: 2%;">Liste des scans effectués ({{(scanList | async)?.length}})</h4>
     <div class="row">
       <!--Grid column-->
       <div class="col-lg-6 col-md-6" *ngFor="let scan of scanList | async">

src/app/components/admin/liste-op-commercial/liste-op-commercial.component.html

@@ -11,7 +11,7 @@
 -->
   <app-nav-admin></app-nav-admin>
   <div class="col-md-12">
-    <h4 class="mb-5 mt-1 font-bold wow fadeInDown text-center" style="padding-top: 5%;">Liste des operations commerciales</h4>
+    <h4 class="mb-5 mt-1 font-bold wow fadeInDown text-center" style="padding-top: 5%;">Liste des operations commerciales ({{filteredOpCommercials?.length}})</h4>
     <div class="btn-block flex-center align-middle" style="padding-top: 2%;">
       <!--<button class="btn btn-primary btn-rounded waves-light" id="nouvelleOp" (click)="goToCreaOpCom()">Nouvelle opération Commerciale</button>-->
       <!--<button class="btn btn-primary btn-rounded waves-light" (click)="goToCarteEnvoyer()">Historique carte envoyer</button>-->
@@ -43,6 +43,7 @@
             <div class="card-block row no-margin">
               <div class="col-md-8" id="subCard2Part1">
                 <div id="opTitle">
+                  <label>Tarif XJC: {{op.tarifXJCParrain}} €</label>
                   <label>Operation Commerciale: {{op.name}}</label>
                   <label>Commercant: {{op.commercantOpCom.commercialName}}</label>
                 </div>
@@ -81,7 +82,7 @@
 
 
   <div class="col-md-12">
-    <h4 class="mb-5 mt-1 font-bold wow fadeInDown text-center" style="padding-top: 5%;">Historique des opérations bloquées</h4>
+    <h4 class="mb-5 mt-1 font-bold wow fadeInDown text-center" style="padding-top: 5%;">Historique des opérations bloquées ({{(opCommDataBloquer | async)?.length}})</h4>
     <div class="btn-block flex-center align-middle" style="padding-top: 2%;">
       <!--<button class="btn btn-primary btn-rounded waves-light" id="nouvelleOp" (click)="goToCreaOpCom()">Nouvelle opération Commerciale</button>-->
       <!--<button class="btn btn-primary btn-rounded waves-light" (click)="goToCarteEnvoyer()">Historique carte envoyer</button>-->

src/app/components/carteParrainage/carte-envoyer/carte-envoyer.component.html

@@ -1,6 +1,6 @@
 <app-nav-commercant></app-nav-commercant>
 <div class="container">
-  <h4 class="mb-5 mt-1 font-bold wow fadeInDown text-center" style="padding-top: 5%;">Historique des cartes envoyées</h4>
+  <h4 class="mb-5 mt-1 font-bold wow fadeInDown text-center" style="padding-top: 5%;">Historique des cartes envoyées ({{(carteParData | async)?.length}})</h4>
   <!--<button class="btn btn-primary btn-rounded waves-light" (click)="goToOpCom()">Retour aux Opérations commerciales</button>-->
   <div class="list-group wow fadeInUpBig">
     <div *ngFor="let crt of (carteParData | async); let i = index;">

src/app/components/carteParrainage/carte-parrainage/carte-parrainage.component.html

@@ -1,7 +1,7 @@
 <app-nav-parrain></app-nav-parrain>
 <div class="container">
 
-  <h4 class="mb-5 mt-1 font-bold wow fadeInDown text-center" style="padding-top: 5%;">Cartes de parrainage</h4>
+  <h4 class="mb-5 mt-1 font-bold wow fadeInDown text-center" style="padding-top: 5%;">Cartes de parrainage ({{(carteParrData | async)?.length}})</h4>
   <div class="list-group wow fadeInUpBig">
     <div class="card mainCard" *ngFor="let crt of carteParrData | async">
       <div class="row no-margin">

src/app/components/navigationBar/navigationBar.component.html

@@ -7,10 +7,10 @@
     <ul class="navbar-nav mr-auto">
 
       <li class="nav-item waves-light" mdbRippleRadius>
-        <a class="nav-link" pageScroll="#features" [pageScrollOffset]="50" [pageScrollDuration]="700" [pageScrollEasing]="functionName" [pageScrollInterruptible]="false" (pageScrollFinish)="doSmth($event)" href="#features">À propos</a>
+        <a class="nav-link" pageScroll="#features" [pageScrollOffset]="50" [pageScrollDuration]="700" [pageScrollInterruptible]="false" href="#features">À propos</a>
       </li>
       <li class="nav-item waves-light" mdbRippleRadius>
-        <a class="nav-link" pageScroll="#projects" [pageScrollOffset]="60" [pageScrollDuration]="700" [pageScrollEasing]="functionName" [pageScrollInterruptible]="false" (pageScrollFinish)="doSmth($event)" href="#projects">Fonctionnalités</a>
+        <a class="nav-link" pageScroll="#projects" [pageScrollOffset]="60" [pageScrollDuration]="700" [pageScrollInterruptible]="false" href="#projects">Fonctionnalités</a>
       </li>
 
 <!--      <li class="nav-item waves-light" mdbRippleRadius *ngIf="afficheLogout === true" >

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

@@ -12,7 +12,7 @@
 -->
   <app-nav-commercant></app-nav-commercant>
 
-  <h4 class="mb-5 mt-1 font-bold wow fadeInDown text-center" style="padding-top: 5%;">Operations commerciales</h4>
+  <h4 class="mb-5 mt-1 font-bold wow fadeInDown text-center" style="padding-top: 5%;">Operations commerciales ({{(opCommData | async)?.length}})</h4>
   <div class="btn-block flex-center align-middle" style="padding-top: 2%;">
     <button class="btn btn-primary btn-rounded waves-light" id="nouvelleOp" (click)="goToCreaOpCom()">Nouvelle opération commerciale</button>
     <!--<button class="btn btn-primary btn-rounded waves-light" (click)="goToCarteEnvoyer()">Historique carte envoyer</button>-->
@@ -67,7 +67,7 @@
       <div class="card-data" id="footerCard">
         <ul>
           <li class="float-right"><i class="fa fa-check-square-o" aria-hidden="true"></i>Validation: {{op.validationXJC}}</li>
-          <li class="float-right" style="padding-right: 2%"><i class="fa fa-info-circle" aria-hidden="true"></i>Statut:</li>
+          <li class="float-right" style="padding-right: 2%"><i class="fa fa-info-circle" aria-hidden="true"></i>Statut: {{op.status}}</li>
           <li class="float-left"><i class="fa fa-clock-o"></i>Valable du {{op.dateDebut | date:'dd/MM/yyyy'}} au {{op.dateFin | date:'dd/MM/yyyy'}}</li>
         </ul>
       </div>

src/app/components/opCommercial/scanner-carte/scanner-carte.component.html

@@ -105,7 +105,8 @@
             données, y compris notre Utilisation des cookies.
           </label>
           <div class="text-center" style="margin-top:5%">
-            <button class="btn btn-light-green waves-light" [disabled]="filleulSelect === ''" (click)="scanCarteFil()">Scanner Carte du filleul {{filleulSelect}}</button>
+
+            <button class="btn btn-light-green waves-light" [disabled]="filleulSelect === '' || carteParSelected === '' || cartePar.status === 'Inactive'" (click)="scanCarteFil()">Scanner Carte du filleul {{filleulSelect}}</button>
             <button class="btn btn-cyan" (click)="goToOpComm()">Retour</button>
           </div>
         </div>
@@ -117,7 +118,7 @@
   <hr>
 
   <div class="card col-md-12 wow fadeInLeft" id="scanPart2">
-    <h5 class="mb-5 mt-1 font-bold wow fadeInDown text-center">Liste des scans</h5>
+    <h5 class="mb-5 mt-1 font-bold wow fadeInDown text-center">Liste des scans ({{(scanList | async)?.length}})</h5>
     <div class="row">
       <!--Grid column-->
       <!--*ngFor="let scan of scanList | async"-->

src/app/components/opCommercial/scanner-carte/scanner-carte.component.ts

@@ -29,6 +29,7 @@ import { Scan } from '../../../../models/Scan';
 export class ScannerCarteComponent implements OnInit, OnDestroy {
 
   filleulSelect: string;
+  carteParSelected: string;
   radioFilleul: string;
   user: Observable<firebase.User>;
   localUser: any;
@@ -66,6 +67,7 @@ export class ScannerCarteComponent implements OnInit, OnDestroy {
 
     this.radioFilleul = '';
     this.filleulSelect = '';
+    this.carteParSelected = '';
     this.avAdmin = '';
     this.filleul = new Filleul();
     this.scan = new Scan();
@@ -144,8 +146,10 @@ export class ScannerCarteComponent implements OnInit, OnDestroy {
       this.carteTest.filter(c => (c.uid).includes(query)) :
       [];
     if (this.filteredCartesTest !== []){
+
       for(let i = 0; i < this.filteredCartesTest.length;i++){
         if (this.filteredCartesTest[i].uid === query) {
+          this.carteParSelected = this.filteredCartesTest[i].uid;
           console.log('succes id carte est: ' + this.filteredCartesTest[i].uid);
           console.log('succes le parrain de la carte est: ' + this.filteredCartesTest[i].parrainCarte.firstname);
           this.cartePar = this.filteredCartesTest[i];