AnisB
/
XJC
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

demande-op list cartes

Browse Source
thierry
Viiciouss 7 years ago
parent 4015aa88a7
commit 4e8293f484
3 changed files with 109 additions and 11 deletions
Show Stats Download Patch File Download Diff File

104
src/app/components/admin/demande-op-commercial/demande-op-commercial.component.html
Unescape Escape View File

@ -1,13 +1,115 @@
<div class="container">
<app-nav-admin></app-nav-admin>
<div class="container">
<div class="col-md-12" id="demandes">
<h4 class="h5 text-center mb-4" style="padding-top: 5%;">Nouvelles demandes d'opérations</h4>
<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 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>
<div class="col-md-6 card subCard2">
<div class="card-block row">
<div class="col-md-8" id="subCard2Part1">
<div id="opTitle">
<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" (click)="goToEnCart(op.uid)">Envoyer</button>
<button class="btn btn-outline-default btn-rounded" (click)="goToScanCart(op.uid)">Scanner</button>
<button class="btn btn-outline-info btn-rounded" (click)="goToDebiterCart(op.uid)">Débiter</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>
</div>
</div>
<hr>
<div class="col-md-12" id="historique">
<h4 class="h5 text-center mb-4" style="padding-top: 5%;">Historique des cartes rejeter</h4>
<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 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>
<div class="col-md-6 card subCard2">
<div class="card-block row">
<div class="col-md-8" id="subCard2Part1">
<div id="opTitle">
<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" (click)="goToEnCart(op.uid)">Envoyer</button>
<button class="btn btn-outline-default btn-rounded" (click)="goToScanCart(op.uid)">Scanner</button>
<button class="btn btn-outline-info btn-rounded" (click)="goToDebiterCart(op.uid)">Débiter</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>
</div>
</div>
</div>

3
src/app/components/admin/demande-op-commercial/demande-op-commercial.component.scss
Unescape Escape View File

@ -1,3 +1,6 @@
.container {
padding-top: 5%;
}
#demandes {
height: 50%;
}

13
src/app/components/navigationBar/nav-admin/nav-admin.component.html
Unescape Escape View File

@ -14,16 +14,9 @@
</li>
-->
<ul class="navbar-nav nav-flex-icons">
<li class="nav-item avatar">
<ul class="navbar-nav mr-auto">
<li class="nav-item waves-light" mdbRippleRadius>
<a class="nav-link dropdown-toggle waves-effect waves-light" id="navbarDropdownMenuLink-5" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="{{avatarCommercant}}" class="circle-avatar img-fluid rounded-circle"></a>
</li>
</ul>
</li>
<li class="nav-item dropdown" dropdown>
<a dropdownToggle mdbRippleRadius type="button" class="nav-link dropdown-toggle waves-light" mdbRippleRadius>
{{nameCommercant}}<span class="caret"></span></a>
<li class="nav-item">
<a class="nav-link waves-light" mdbRippleRadius>
xjc@gmail.com</a>
</li>
</ul>

Write Preview
Loading…
Cancel
Save