trier carte opcom OK

thierry
Tmadkaud 7 years ago
parent 71d6a98812
commit 447cb3a0b4

@ -2,16 +2,18 @@
<div class="container">
<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 *ngIf="(opCommData | async)?.length != 0" class="float-right">
<div class="dropdown" dropdown>
<button dropdownToggle type="button" class="btn btn-info btn-rounded dropdown-toggle waves-light" mdbRippleRadius>
Filtres
</button>
<div class="topButtons col-md-12" style="padding-top: 2%;">
<div *ngIf="(opCommData | async)?.length != 0" class="btnFiltre">
<div class="dropdown" dropdown>
<button dropdownToggle type="button" class="btn btn-info btn-rounded dropdown-toggle waves-light" mdbRippleRadius>
Filtres
</button>
<div class="dropdown-menu">
<a class="dropdown-item" id="opActive" (click)="activeCarte('Active')">Actives</a>
<a class="dropdown-item" id="opToutes" (click)="activeCarte('Toutes')">Toutes</a>
<a class="dropdown-item" id="opInactive" (click)="activeCarte('Inactive')">Inactives</a>
<div class="dropdown-menu">
<a class="dropdown-item" id="crtActive" (click)="activeCarte('Active')">Actives</a>
<a class="dropdown-item" id="crtToutes" (click)="activeCarte('Toutes')">Toutes</a>
<a class="dropdown-item" id="crtInactive" (click)="activeCarte('Inactive')">Inactives</a>
</div>
</div>
</div>
</div>

@ -1,3 +1,13 @@
.topButtons {
display: flex;
flex-direction: row;
}
.btnFiltre {
display: flex;
margin-left: auto;
}
.container {
padding-top: 5%;
}

@ -2,6 +2,21 @@
<div class="container">
<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="topButtons col-md-12" style="padding-top: 2%;">
<div *ngIf="(opCommData | async)?.length != 0" class="btnFiltre">
<div class="dropdown" dropdown>
<button dropdownToggle type="button" class="btn btn-info btn-rounded dropdown-toggle waves-light" mdbRippleRadius>
Filtres
</button>
<div class="dropdown-menu">
<a class="dropdown-item" id="crtActive" (click)="activeCarte('Active')">Actives</a>
<a class="dropdown-item" id="crtToutes" (click)="activeCarte('Toutes')">Toutes</a>
<a class="dropdown-item" id="crtInactive" (click)="activeCarte('Inactive')">Inactives</a>
</div>
</div>
</div>
</div>
<div *ngIf="(carteParrData | async)?.length == 0" class="alert alert-danger">
Cher,<strong><i> {{parrain.firstname}} </i></strong>
<p>Le principe est simple :</p>
@ -14,8 +29,8 @@
<p>carte de parrainage !</p>
</div>
<div class="list-group wow fadeInUpBig">
<div class="card mainCard" *ngFor="let crt of carteParrData | async">
<div *ngIf="(crt.status == statutAffiche) || (statutAffiche == 'Toutes')">
<div *ngFor="let crt of carteParrData | async">
<div class="card mainCard" *ngIf="(crt.status == statutAffiche) || (statutAffiche == 'Toutes')">
<div class="row no-margin">
<img class="col-md-6 card-image mb-1 subCard1" src={{crt.carteTemplate.downloadURL}}>
<!--<div class="col-md-6 card-image mb-1 subCard1" [ngStyle]="{ 'background-image': 'url(' + crt.carteTemplate.downloadURL + ')'}">

@ -1,3 +1,13 @@
.topButtons {
display: flex;
flex-direction: row;
}
.btnFiltre {
display: flex;
margin-left: auto;
}
.container {
padding-top: 5%;
}

Loading…
Cancel
Save