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

scanner-carte html list des scans

Browse Source
thierry
Viiciouss 7 years ago
parent d06f9c1796
commit dc70f9003e
2 changed files with 150 additions and 98 deletions
Show Stats Download Patch File Download Diff File

235
src/app/components/opCommercial/scanner-carte/scanner-carte.component.html
Unescape Escape View File

@ -7,109 +7,148 @@
</ul>--> </ul>-->
<app-nav-commercant></app-nav-commercant> <app-nav-commercant></app-nav-commercant>
<div class="container" style="padding-top:10%"> <div class="container">
<div class="card"> <div class="col-md-12" id="scanPart1">
<div class="card-block"> <div class="card">
<p class="h5 text-center mb-4">Scanner Carte</p> <div class="card-block">
<!--<p class="text-center mb-4" style="padding-top: 2%;">Choisissez quelle type de fieulle voulez-vous scanner la carte</p> <p class="h5 text-center mb-4">Scanner Carte</p>
<form class="form-inline flex-center"> <!--<p class="text-center mb-4" style="padding-top: 2%;">Choisissez quelle type de fieulle voulez-vous scanner la carte</p>
<div class="md-form" style="padding-left: 2%;"> <form class="form-inline flex-center">
<input name="group2" type="radio" class="with-gap" id="Newfilleul" value="Newfilleul" (click)="initFilSelect()" [(ngModel)]="radioFilleul"> <div class="md-form" style="padding-left: 2%;">
<label for="Newfilleul">Nouveau Filleul</label> <input name="group2" type="radio" class="with-gap" id="Newfilleul" value="Newfilleul" (click)="initFilSelect()" [(ngModel)]="radioFilleul">
</div> <label for="Newfilleul">Nouveau Filleul</label>
<div class="md-form" style="padding-left: 2%;"> </div>
<input name="group2" type="radio" class="with-gap" id="FilleulExist" value ="FilleulExist" (click)="initFilSelect()" [(ngModel)]="radioFilleul"> <div class="md-form" style="padding-left: 2%;">
<label for="FilleulExist">Filleul Existant</label> <input name="group2" type="radio" class="with-gap" id="FilleulExist" value ="FilleulExist" (click)="initFilSelect()" [(ngModel)]="radioFilleul">
</div> <label for="FilleulExist">Filleul Existant</label>
</form> </div>
Si cest un nouveau filleul </form>
<div *ngIf="radioFilleul === 'Newfilleul'"> Si cest un nouveau filleul
<div class="md-form"> <div *ngIf="radioFilleul === 'Newfilleul'">
<i class="fa fa-address-card prefix grey-text"></i> <div class="md-form">
<input type="text" id="orangeForm-Familyname" [(ngModel)]="filleul.idCard" placeholder="ID carte"> <i class="fa fa-address-card prefix grey-text"></i>
</div> <input type="text" id="orangeForm-Familyname" [(ngModel)]="filleul.idCard" placeholder="ID carte">
<div class="md-form"> </div>
<i class="fa fa-user prefix grey-text"></i> <div class="md-form">
<input type="text" id="orangeForm-Familyname" [(ngModel)]="filleul.familyname" placeholder="Family name"> <i class="fa fa-user prefix grey-text"></i>
</div> <input type="text" id="orangeForm-Familyname" [(ngModel)]="filleul.familyname" placeholder="Family name">
<div class="md-form"> </div>
<i class="fa fa-user prefix grey-text"></i> <div class="md-form">
<input type="text" id="orangeForm-Firstname" [(ngModel)]="filleul.firstname" placeholder="Firstname"> <i class="fa fa-user prefix grey-text"></i>
</div> <input type="text" id="orangeForm-Firstname" [(ngModel)]="filleul.firstname" placeholder="Firstname">
<form class="form-inline"> </div>
<div class="md-form"> <form class="form-inline">
<i class="fa fa-venus-mars prefix grey-text"></i> <div class="md-form">
<input name="group3" type="radio" class="with-gap" id="homme" value="Homme" [(ngModel)]="filleul.sex"> <i class="fa fa-venus-mars prefix grey-text"></i>
<label for="homme">Homme</label> <input name="group3" type="radio" class="with-gap" id="homme" value="Homme" [(ngModel)]="filleul.sex">
</div> <label for="homme">Homme</label>
<div class="md-form" style="padding-left: 2%;"> </div>
<input name="group3" type="radio" class="with-gap" id="femme" value="Femme" [(ngModel)]="filleul.sex"> <div class="md-form" style="padding-left: 2%;">
<label for="femme">Femme</label> <input name="group3" type="radio" class="with-gap" id="femme" value="Femme" [(ngModel)]="filleul.sex">
</div> <label for="femme">Femme</label>
</form> </div>
<div class="md-form"> </form>
<i class="fa fa-birthday-cake prefix grey-text"></i> <div class="md-form">
<input type="date" id="orangeForm-Birthday" [(ngModel)]="filleul.birthday" placeholder="Birthday"> <i class="fa fa-birthday-cake prefix grey-text"></i>
</div> <input type="date" id="orangeForm-Birthday" [(ngModel)]="filleul.birthday" placeholder="Birthday">
<div class="md-form"> </div>
<i class="fa fa-envelope prefix grey-text"></i> <div class="md-form">
<input type="email" id="orangeForm-email" [(ngModel)]="filleul.email" placeholder="Email" name="email" required pattern="^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$" #email="ngModel"> <i class="fa fa-envelope prefix grey-text"></i>
<div *ngIf="email.errors && email.errors.pattern && (email.dirty || email.touched)" class="alert alert-danger"> <input type="email" id="orangeForm-email" [(ngModel)]="filleul.email" placeholder="Email" name="email" required pattern="^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$" #email="ngModel">
Email is required and format should be <strong><i>john@filleul.fr</i></strong>. <div *ngIf="email.errors && email.errors.pattern && (email.dirty || email.touched)" class="alert alert-danger">
</div> Email is required and format should be <strong><i>john@filleul.fr</i></strong>.
</div> </div>
<label> </div>
En cliquant sur Créer un compte, vous acceptez nos Conditions <label>
et indiquez que vous aves lu notre Politique d'utilisation des En cliquant sur Créer un compte, vous acceptez nos Conditions
données, y compris notre Utilisation des cookies. et indiquez que vous aves lu notre Politique d'utilisation des
</label> données, y compris notre Utilisation des cookies.
<div class="text-center" style="margin-top:5%"> </label>
<button class="btn btn-light-green waves-light" [disabled]="email.errors" (click)="registerNewFilleul()">Creer nouveau filleul & scanner carte</button> <div class="text-center" style="margin-top:5%">
<button class="btn btn-cyan" (click)="goToOpComm()">Back</button> <button class="btn btn-light-green waves-light" [disabled]="email.errors" (click)="registerNewFilleul()">Creer nouveau filleul & scanner carte</button>
</div> <button class="btn btn-cyan" (click)="goToOpComm()">Back</button>
</div>--> </div>
<!-- Fin Si cest un nouveau filleul --> </div>-->
<!-- Fin Si cest un nouveau filleul -->
<!-- Si cest un filleul existant -->
<div *ngIf="true"> <!-- Si cest un filleul existant -->
<div *ngIf="true">
<p>{{filleulSelect}}</p>
<div class="md-form"> <p>{{filleulSelect}}</p>
<i class="fa fa-user prefix grey-text"></i> <div class="md-form">
<input <i class="fa fa-user prefix grey-text"></i>
#queryF <input
(keyup)="filter(queryF.value)" #queryF
type="text" class="form-control" placeholder="Cherchez Filleul Existants..."> (keyup)="filter(queryF.value)"
<div *ngFor="let filleul of filteredFilleulsTest"> type="text" class="form-control" placeholder="Cherchez Filleul Existants...">
<a (click)="getIdFilleul(filleul.uid)">{{filleul.firstname}} {{filleul.familyname}}</a> <div *ngFor="let filleul of filteredFilleulsTest">
<p> <a (click)="getIdFilleul(filleul.uid)">{{filleul.firstname}} {{filleul.familyname}}</a>
Carte ID: <p>
{{filleul?.idCard}} Carte ID:
</p> {{filleul?.idCard}}
</p>
</div>
</div>
<div class="md-form">
<i class="fa fa-address-card prefix grey-text"></i>
<input
#query
(keyup)="filterCarte(query.value)"
type="text" class="form-control" placeholder="ID carte">
<!--<input type="text" id="orangeForm-Familyname" placeholder="ID carte" [(ngModel)]="carteIDTemp">[(ngModel)]="filleul.idCard"-->
</div>
<label>
En cliquant sur Créer un compte, vous acceptez nos Conditions
et indiquez que vous aves lu notre Politique d'utilisation des
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</button>
<button class="btn btn-cyan" (click)="goToOpComm()">Back</button>
</div>
</div> </div>
<!-- Fin Si cest un filleul existant -->
</div> </div>
</div>
</div>
<div class="md-form"> <hr>
<i class="fa fa-address-card prefix grey-text"></i>
<input <div class="card col-md-12" id="scanPart2">
#query <h4 class="h5 text-center mb-4">Liste de vos scans</h4>
(keyup)="filterCarte(query.value)" <div class="row">
type="text" class="form-control" placeholder="ID carte"> <!--Grid column-->
<!--<input type="text" id="orangeForm-Familyname" placeholder="ID carte" [(ngModel)]="carteIDTemp">[(ngModel)]="filleul.idCard"--> <!--*ngFor="let scan of scanList | async"-->
</div> <div class="col-lg-4 col-md-6">
<!--Card-->
<div class="card card-cascade wider">
<!--Card image-->
<div class="view gradient-card-header blue-gradient">
<h2 class="h3-responsive mb-2">Title of the news</h2>
<p class=""><i class="fa fa-calendar"></i> 26.07.2017</p>
</div>
<!--/Card image-->
<!--Card content-->
<div class="card-body text-center">
<p class="card-text mr-2 ml-2">espace text 1</p>
<p class="card-text mr-2 ml-2">espace text 2</p>
<p class="card-text mr-2 ml-2">espace text 2</p>
</div>
<!--/.Card content-->
</div>
<!--/.Card-->
<label>
En cliquant sur Créer un compte, vous acceptez nos Conditions
et indiquez que vous aves lu notre Politique d'utilisation des
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</button>
<button class="btn btn-cyan" (click)="goToOpComm()">Back</button>
</div> </div>
</div> </div>
<!-- Fin Si cest un filleul existant -->
</div>
</div> </div>
</div> </div>

13
src/app/components/opCommercial/scanner-carte/scanner-carte.component.scss
Unescape Escape View File

@ -1,3 +1,16 @@
.container {
padding-top: 10%;
}
.card { .card {
padding: 5%; padding: 5%;
} }
#scanPart1 {
padding-bottom: 5%;
height: 50%;
}
#scanPart2 {
margin-top: 5%;
height: 50%;
}

Write Preview
Loading…
Cancel
Save