|
|
|
@ -10,60 +10,122 @@
|
|
|
|
|
<button (click)="goToProfil()">Back</button>
|
|
|
|
|
-->
|
|
|
|
|
<app-nav-admin></app-nav-admin>
|
|
|
|
|
<h4 class="h5 text-center mb-4" style="padding-top: 5%;">Liste des operations commerciales</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>-->
|
|
|
|
|
<!--<button class="btn btn-default btn-rounded waves-light" (click)="goToProfil()">Profil</button>-->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="list-group">
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<h4 class="h5 text-center mb-4" style="padding-top: 5%;">Liste des operations commerciales</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>-->
|
|
|
|
|
<!--<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">
|
|
|
|
|
<div class="row" id="testt">
|
|
|
|
|
<div class="col-md-6 mb-1 subCard1" id="subCard1">
|
|
|
|
|
<img src="{{op.carteTemplate.downloadURL}}" id="image1" class="mx-auto d-block flex-center card-img-overlay" alt="Responsive image">
|
|
|
|
|
<div class="view">
|
|
|
|
|
<div class="row firstRow">
|
|
|
|
|
<div class="col-md-6 flex-center card-block cardPart1">{{commercant.commercialName}}</div>
|
|
|
|
|
<div class="col-md-6 flex-center card-block card-image mb-1 cardPart2 image2" [ngStyle]="{ 'background-image': 'url(' + commercant.image.downloadURL + ')'}">
|
|
|
|
|
<div class="card mainCard" *ngFor="let op of opCommData | async">
|
|
|
|
|
<div class="row" id="testt">
|
|
|
|
|
<div class="col-md-6 mb-1 subCard1" id="subCard1">
|
|
|
|
|
<img src="{{op.carteTemplate.downloadURL}}" id="image1" class="mx-auto d-block flex-center card-img-overlay" alt="Responsive image">
|
|
|
|
|
<div class="view">
|
|
|
|
|
<div class="row firstRow">
|
|
|
|
|
<div class="col-md-6 flex-center card-block cardPart1">{{commercant.commercialName}}</div>
|
|
|
|
|
<div class="col-md-6 flex-center card-block card-image mb-1 cardPart2 image2" [ngStyle]="{ 'background-image': 'url(' + commercant.image.downloadURL + ')'}">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row secondRow">
|
|
|
|
|
<div class="col-md-6 flex-center cardPart3"><p>{{op.name}}</p></div>
|
|
|
|
|
<div class="col-md-6 flex-center cardPart4"><p>{{op.uid}}</p></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row secondRow">
|
|
|
|
|
<div class="col-md-6 flex-center cardPart3"><p>{{op.name}}</p></div>
|
|
|
|
|
<div class="col-md-6 flex-center cardPart4"><p>{{op.uid}}</p></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-6 card subCard2">
|
|
|
|
|
<div class="card-block row">
|
|
|
|
|
<div class="col-md-8" id="subCard2Part1">
|
|
|
|
|
<div id="opTitle">
|
|
|
|
|
<label>Validation: {{op.validationXJC}}</label>
|
|
|
|
|
<label>Operation Commerciale: {{op.name}}</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="opAvantages">
|
|
|
|
|
<label>Avantage parrain: {{op.avantageParrain}}</label>
|
|
|
|
|
<label>Avantage filleul: {{op.avantageFilleul}}</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="opLogs">
|
|
|
|
|
<label>Carte(s) envoyée(s): {{op.nbEnvoie}}</label>
|
|
|
|
|
<label>Carte(s) scannée(s): {{op.nbScan}}</label>
|
|
|
|
|
<label>Carte(s) débitée(s): {{op.nbDebiter}}</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-2" id="subCard2Part2">
|
|
|
|
|
<button class="btn btn-outline-primary btn-rounded">Tarif</button>
|
|
|
|
|
<button class="btn btn-outline-default btn-rounded">Bloquer</button>
|
|
|
|
|
<button class="btn btn-outline-info btn-rounded">CrtEnv</button>
|
|
|
|
|
<button class="btn btn-outline-info btn-rounded">Scans</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-block col-md-12" id="subCard2Part3">
|
|
|
|
|
<h100 class="float-right">Du {{op.dateDebut | date:'dd/MM/yyyy'}} au {{op.dateFin | date:'dd/MM/yyyy'}}</h100>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-6 card subCard2">
|
|
|
|
|
<div class="card-block row">
|
|
|
|
|
<div class="col-md-8" id="subCard2Part1">
|
|
|
|
|
<div id="opTitle">
|
|
|
|
|
<label>Validation: {{op.validationXJC}}</label>
|
|
|
|
|
<label>Operation Commerciale: {{op.name}}</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<hr>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="col-md-12">
|
|
|
|
|
<h4 class="h5 text-center mb-4" style="padding-top: 5%;">Historique des opérations bloquées</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>-->
|
|
|
|
|
<!--<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">
|
|
|
|
|
<div class="row" id="testt">
|
|
|
|
|
<div class="col-md-6 mb-1 subCard1" id="subCard1">
|
|
|
|
|
<img src="{{op.carteTemplate.downloadURL}}" id="image1" class="mx-auto d-block flex-center card-img-overlay" alt="Responsive image">
|
|
|
|
|
<div class="view">
|
|
|
|
|
<div class="row firstRow">
|
|
|
|
|
<div class="col-md-6 flex-center card-block cardPart1">{{commercant.commercialName}}</div>
|
|
|
|
|
<div class="col-md-6 flex-center card-block card-image mb-1 cardPart2 image2" [ngStyle]="{ 'background-image': 'url(' + commercant.image.downloadURL + ')'}">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="opAvantages">
|
|
|
|
|
<label>Avantage parrain: {{op.avantageParrain}}</label>
|
|
|
|
|
<label>Avantage filleul: {{op.avantageFilleul}}</label>
|
|
|
|
|
<div class="row secondRow">
|
|
|
|
|
<div class="col-md-6 flex-center cardPart3"><p>{{op.name}}</p></div>
|
|
|
|
|
<div class="col-md-6 flex-center cardPart4"><p>{{op.uid}}</p></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="opLogs">
|
|
|
|
|
<label>Carte(s) envoyée(s): {{op.nbEnvoie}}</label>
|
|
|
|
|
<label>Carte(s) scannée(s): {{op.nbScan}}</label>
|
|
|
|
|
<label>Carte(s) débitée(s): {{op.nbDebiter}}</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-6 card subCard2">
|
|
|
|
|
<div class="card-block row">
|
|
|
|
|
<div class="col-md-8" id="subCard2Part1">
|
|
|
|
|
<div id="opTitle">
|
|
|
|
|
<label>Validation: {{op.validationXJC}}</label>
|
|
|
|
|
<label>Operation Commerciale: {{op.name}}</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="opAvantages">
|
|
|
|
|
<label>Avantage parrain: {{op.avantageParrain}}</label>
|
|
|
|
|
<label>Avantage filleul: {{op.avantageFilleul}}</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="opLogs">
|
|
|
|
|
<label>Carte(s) envoyée(s): {{op.nbEnvoie}}</label>
|
|
|
|
|
<label>Carte(s) scannée(s): {{op.nbScan}}</label>
|
|
|
|
|
<label>Carte(s) débitée(s): {{op.nbDebiter}}</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-2" id="subCard2Part2">
|
|
|
|
|
<button class="btn btn-outline-primary btn-rounded">Débloquer</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-2" id="subCard2Part2">
|
|
|
|
|
<button class="btn btn-outline-primary btn-rounded">Tarif</button>
|
|
|
|
|
<button class="btn btn-outline-default btn-rounded">Bloquer</button>
|
|
|
|
|
<button class="btn btn-outline-info btn-rounded">CrtEnv</button>
|
|
|
|
|
<button class="btn btn-outline-info btn-rounded">Scans</button>
|
|
|
|
|
<div class="card-block col-md-12" id="subCard2Part3">
|
|
|
|
|
<h100 class="float-right">Du {{op.dateDebut | date:'dd/MM/yyyy'}} au {{op.dateFin | date:'dd/MM/yyyy'}}</h100>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-block col-md-12" id="subCard2Part3">
|
|
|
|
|
<h100 class="float-right">Du {{op.dateDebut | date:'dd/MM/yyyy'}} au {{op.dateFin | date:'dd/MM/yyyy'}}</h100>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|