liste carte envoyer ok liste scan en cours
Tmadkaud
7 years ago
parent
7eb759fb45
commit
d06f9c1796
@ -1,39 +1,85 @@
|
||||
<app-nav-admin></app-nav-admin>
|
||||
<div class="container" style="padding-top:5%">
|
||||
|
||||
<h4 class="h5 text-center mb-4" style="padding-top: 5%;">Liste de vos cartes de parrainage</h4>
|
||||
<div class="list-group">
|
||||
<div class="card mainCard" *ngFor="let crt of carteParrData | async">
|
||||
<div class="row">
|
||||
<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 + ')'}">
|
||||
|
||||
<div class="col-md-12">
|
||||
<h4 class="h5 text-center mb-4" style="padding-top: 5%;">Apercu de votre opération commerciale</h4>
|
||||
<div class="card mainCard">
|
||||
<div class="row" id="testt">
|
||||
<div class="col-md-6 mb-1 subCard1" id="subCard1">
|
||||
<img src="{{opComm?.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 *ngIf="commercant !== undefined" >
|
||||
<div class="col-md-6 flex-center card-block cardPart1"></div>
|
||||
<div class="col-md-6 flex-center card-block card-image mb-1 cardPart2">
|
||||
<p></p>
|
||||
</div>
|
||||
<div class="col-md-6 flex-center card-block cardPart1">{{opComm?.commercantOpCom.commercialName}}</div>
|
||||
<div class="col-md-6 flex-center card-block card-image mb-1 cardPart2 image2" [ngStyle]="{ 'background-image': 'url(' + opComm?.commercantOpCom.image.downloadURL + ')'}">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row secondRow">
|
||||
<div class="col-md-6 flex-center cardPart3"><p></p></div>
|
||||
<div class="col-md-6 flex-center cardPart4"><p></p></div>
|
||||
<div class="col-md-6 flex-center cardPart3"><p>{{opComm?.name}}</p></div>
|
||||
<div class="col-md-6 flex-center cardPart4"><p>{{opComm?.uid}}</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
</div>
|
||||
<div class="col-md-6 card subCard2">
|
||||
<label>Status de la carte: {{crt.status}}</label>
|
||||
<label>date Debut: {{crt.dateDebut | date:'dd/MM/yyyy'}}</label>
|
||||
<label>date Fin: {{crt.dateFin | date:'dd/MM/yyyy'}}</label>
|
||||
<label>avantage Cumule: {{crt.avantageCumule}}</label>
|
||||
<label>avantage Recuperer: {{crt.avantageRecuperer}}</label>
|
||||
<label>ID de la carte: {{crt.uid}}</label>
|
||||
<div class="card-block row">
|
||||
<div class="col-md-12" id="subCard2Part1">
|
||||
<div id="opTitle">
|
||||
<label>Validation: {{opComm?.validationXJC}}</label>
|
||||
<label>Operation Commerciale: {{opComm?.name}}</label>
|
||||
</div>
|
||||
<div id="opAvantages">
|
||||
<label>Avantage parrain: {{opComm?.avantageParrain}}</label>
|
||||
<label>Avantage filleul: {{opComm?.avantageFilleul}}</label>
|
||||
</div>
|
||||
<div id="opLogs">
|
||||
<label>Carte(s) envoyée(s): {{opComm?.nbEnvoie}}</label>
|
||||
<label>Carte(s) scannée(s): {{opComm?.nbScan}}</label>
|
||||
<label>Carte(s) débitée(s): {{opComm?.nbDebiter}}</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-block col-md-12" id="subCard2Part3">
|
||||
<h100 class="float-right">Du {{opComm?.dateDebut | date:'dd/MM/yyyy'}} au {{opComm?.dateFin | date:'dd/MM/yyyy'}}</h100>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<h4 class="h5 text-center mb-4" style="padding-top: 5%;">Liste des cartes de parrainages issu de l'opération commerciale ci-dessus : {{opComm?.name}}</h4>
|
||||
<div class="list-group">
|
||||
<div class="card mainCard" *ngFor="let crt of carteParList | async">
|
||||
<div class="row">
|
||||
<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 + ')'}">
|
||||
|
||||
<div class="view">
|
||||
<div class="row firstRow">
|
||||
<div *ngIf="commercant !== undefined" >
|
||||
<div class="col-md-6 flex-center card-block cardPart1"></div>
|
||||
<div class="col-md-6 flex-center card-block card-image mb-1 cardPart2">
|
||||
<p></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row secondRow">
|
||||
<div class="col-md-6 flex-center cardPart3"><p></p></div>
|
||||
<div class="col-md-6 flex-center cardPart4"><p></p></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
<div class="col-md-6 card subCard2">
|
||||
<label>Status de la carte: {{crt.status}}</label>
|
||||
<label>date Debut: {{crt.dateDebut | date:'dd/MM/yyyy'}}</label>
|
||||
<label>date Fin: {{crt.dateFin | date:'dd/MM/yyyy'}}</label>
|
||||
<label>avantage Cumule: {{crt.avantageCumule}}</label>
|
||||
<label>avantage Recuperer: {{crt.avantageRecuperer}}</label>
|
||||
<label>ID de la carte: {{crt.uid}}</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@ -1,15 +1,60 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { Component, OnInit, OnDestroy } from '@angular/core';
|
||||
import { Router } from '@angular/router';
|
||||
import { Observable } from 'rxjs/Observable';
|
||||
|
||||
import { OperationCommerciale } from '../../../../models/OperationCommerciale';
|
||||
import { AngularFireDatabase, FirebaseListObservable, FirebaseObjectObservable } from 'angularfire2/database';
|
||||
|
||||
import * as firebase from 'firebase/app';
|
||||
import { AngularFireAuth } from 'angularfire2/auth';
|
||||
import { AuthService } from '../../../services/auth/auth.service';
|
||||
import { OpCommercialService } from '../../../services/opCommercial/op-commercial.service';
|
||||
import { Commercant } from '../../../../models/Commercant';
|
||||
|
||||
import { ActivatedRoute } from '@angular/router';
|
||||
|
||||
@Component({
|
||||
selector: 'app-list-carte-envoyer',
|
||||
templateUrl: './list-carte-envoyer.component.html',
|
||||
styleUrls: ['./list-carte-envoyer.component.scss']
|
||||
styleUrls: ['./list-carte-envoyer.component.scss'],
|
||||
providers: [AuthService, OpCommercialService]
|
||||
})
|
||||
export class ListCarteEnvoyerComponent implements OnInit {
|
||||
export class ListCarteEnvoyerComponent implements OnInit, OnDestroy {
|
||||
opComm: OperationCommerciale;
|
||||
opCommList: FirebaseListObservable<any[]>;
|
||||
carteParList: FirebaseListObservable<any[]>;
|
||||
constructor(public afAuth: AngularFireAuth, public afDb: AngularFireDatabase,
|
||||
private router: Router, private authService: AuthService,
|
||||
private route: ActivatedRoute, private opComService: OpCommercialService) {
|
||||
|
||||
constructor() { }
|
||||
this.route.params.subscribe(params => {
|
||||
this.carteParList = this.afDb.list('/CarteParrainage/', {
|
||||
query: {
|
||||
orderByChild: 'operationCommercialID',
|
||||
equalTo: params['idOp']
|
||||
}
|
||||
});
|
||||
this.opCommList = this.afDb.list('/OperationCommercial/', {
|
||||
query: {
|
||||
orderByChild: 'uid',
|
||||
equalTo: params['idOp']
|
||||
}
|
||||
});
|
||||
this.opCommList.forEach(op => {
|
||||
op.forEach(element => {
|
||||
this.opComm = element;
|
||||
});
|
||||
});
|
||||
/*this.opCommList.forEach(op => {
|
||||
op.forEach(element => {
|
||||
this.opComm = element;
|
||||
});
|
||||
});*/
|
||||
});
|
||||
}
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
|
||||
ngOnDestroy() {
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,15 +1,64 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { Component, OnInit, OnDestroy } from '@angular/core';
|
||||
import { Router } from '@angular/router';
|
||||
import { Observable } from 'rxjs/Observable';
|
||||
|
||||
import { OperationCommerciale } from '../../../../models/OperationCommerciale';
|
||||
import { AngularFireDatabase, FirebaseListObservable, FirebaseObjectObservable } from 'angularfire2/database';
|
||||
|
||||
import * as firebase from 'firebase/app';
|
||||
import { AngularFireAuth } from 'angularfire2/auth';
|
||||
import { AuthService } from '../../../services/auth/auth.service';
|
||||
import { OpCommercialService } from '../../../services/opCommercial/op-commercial.service';
|
||||
import { Commercant } from '../../../../models/Commercant';
|
||||
|
||||
import { ActivatedRoute } from '@angular/router';
|
||||
@Component({
|
||||
selector: 'app-list-scan-effecter',
|
||||
templateUrl: './list-scan-effecter.component.html',
|
||||
styleUrls: ['./list-scan-effecter.component.scss']
|
||||
styleUrls: ['./list-scan-effecter.component.scss'],
|
||||
providers: [AuthService, OpCommercialService]
|
||||
})
|
||||
export class ListScanEffecterComponent implements OnInit {
|
||||
export class ListScanEffecterComponent implements OnInit, OnDestroy {
|
||||
|
||||
constructor() { }
|
||||
opComm: OperationCommerciale;
|
||||
opCommList: FirebaseListObservable<any[]>;
|
||||
ScanList: FirebaseListObservable<any[]>;
|
||||
|
||||
ngOnInit() {
|
||||
constructor(public afAuth: AngularFireAuth, public afDb: AngularFireDatabase,
|
||||
private router: Router, private authService: AuthService,
|
||||
private route: ActivatedRoute, private opComService: OpCommercialService) {
|
||||
this.route.params.subscribe(params => {
|
||||
|
||||
this.opCommList = this.afDb.list('/OperationCommercial/', {
|
||||
query: {
|
||||
orderByChild: 'uid',
|
||||
equalTo: params['idOp']
|
||||
}
|
||||
});
|
||||
this.opCommList.forEach(op => {
|
||||
op.forEach(element => {
|
||||
this.opComm = element;
|
||||
|
||||
|
||||
this.ScanList = this.afDb.list('/Scan/', {
|
||||
query: {
|
||||
orderByChild: 'operationCommercial/uid',
|
||||
equalTo: params['idOp']
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
});
|
||||
/*this.opCommList.forEach(op => {
|
||||
op.forEach(element => {
|
||||
this.opComm = element;
|
||||
});
|
||||
});*/
|
||||
});
|
||||
}
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
ngOnDestroy() {
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue