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

envoyer carte v1

Browse Source
thierry
Tmadkaud 7 years ago
parent 53b7c50c8c
commit 0b3b24b021
6 changed files with 191 additions and 2 deletions
Show Stats Download Patch File Download Diff File

141
src/app/components/opCommercial/envoyer-carte/envoyer-carte.component.html
Unescape Escape View File

@ -0,0 +1,141 @@
<p>
envoyer-carte works!
</p>
<button (click)="goToOpComm()">Back</button>
<div class="card">
<div class="well">
<p class="h5 text-center mb-4">Envoyer Carte</p>
<label>
<form class="form-inline">
<div class="md-form">
<input name="group2" type="radio" class="with-gap" id="Newparrain" value="Newparrain">
<label for="Newparrain">Nouveau Parrain</label>
</div>
<div class="md-form">
<input name="group2" type="radio" class="with-gap" id="ParrainExist" value ="ParrainExist">
<label for="ParrainExist">Parrain Existant</label>
</div>
</form>
</label>
<!--Si cest un parrain-->
<div *ngIf="false" class="alert alert-danger">
<div class="md-form">
<i class="fa fa-user prefix grey-text"></i>
<input type="text" id="orangeForm-Familyname" [(ngModel)]="parrain.familyname" placeholder="Family name">
</div>
<div class="md-form">
<i class="fa fa-user prefix grey-text"></i>
<input type="text" id="orangeForm-Firstname" [(ngModel)]="parrain.firstname" placeholder="Firstname">
</div>
<form class="form-inline">
<div class="md-form">
<i class="fa fa-venus-mars prefix grey-text"></i>
<input name="group3" type="radio" class="with-gap" id="homme" value="Homme" [(ngModel)]="parrain.sex">
<label for="homme">Homme</label>
</div>
<div class="md-form">
<input name="group3" type="radio" class="with-gap" id="femme" value="Femme" [(ngModel)]="parrain.sex">
<label for="femme">Femme</label>
</div>
</form>
<div class="md-form">
<i class="fa fa-birthday-cake prefix grey-text"></i>
<input type="date" id="orangeForm-Birthday" [(ngModel)]="parrain.birthday" placeholder="Birthday">
</div>
<div class="md-form">
<i class="fa fa-envelope prefix grey-text"></i>
<input type="email" id="orangeForm-email" [(ngModel)]="parrain.email" placeholder="Email" name="email" required pattern="^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$" #email="ngModel">
<div *ngIf="email.errors && email.errors.pattern && (email.dirty || email.touched)" class="alert alert-danger">
Email is required and format should be <strong><i>john@parrain.fr</i></strong>.
</div>
</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-deep-orange" [disabled]="email.errors">Creer nouveau parrain & envoyer carte</button>
</div>
</div>
<!--Fin Si cest un parrain-->
<!--Si cest un commercant-->
<div *ngIf="true" class="alert alert-danger">
<div class="dropdown" dropdown>
<button dropdownToggle type="button" class="btn btn-primary dropdown-toggle waves-light" mdbRippleRadius>
Dropdown
</button>
<div class="dropdown-menu">
<h6 class="dropdown-header">Parrains</h6>
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
<div class="md-form">
<i class="fa fa-birthday-cake prefix grey-text"></i>
<input type="date" id="orangeForm-Birthday" placeholder="Birthday">
</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-deep-orange" (click)="register()">S'inscrire</button>
<button class="btn btn-cyan" (click)="loadHomeComponent()">Back</button>
</div>
</div>
<!--Fin Si cest un commercant-->
<!--Si cest un connu et affilié-->
<div *ngIf="false" class="alert alert-danger">
<div class="dropdown" dropdown>
<button dropdownToggle type="button" class="btn btn-primary dropdown-toggle waves-light" mdbRippleRadius>
Dropdown
</button>
<div class="dropdown-menu">
<h6 class="dropdown-header">Parrains existant</h6>
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
<div class="md-form">
<i class="fa fa-birthday-cake prefix grey-text"></i>
<input type="date" id="orangeForm-Birthday" placeholder="Birthday">
</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-deep-orange" (click)="register()">S'inscrire</button>
<button class="btn btn-cyan" (click)="loadHomeComponent()">Back</button>
</div>
</div>
<!--Fin Si cest un connu et affilié-->
</div>
</div>

0
src/app/components/opCommercial/envoyer-carte/envoyer-carte.component.scss
Unescape Escape View File

25
src/app/components/opCommercial/envoyer-carte/envoyer-carte.component.spec.ts
Unescape Escape View File

@ -0,0 +1,25 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { EnvoyerCarteComponent } from './envoyer-carte.component';
describe('EnvoyerCarteComponent', () => {
let component: EnvoyerCarteComponent;
let fixture: ComponentFixture<EnvoyerCarteComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ EnvoyerCarteComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(EnvoyerCarteComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

18
src/app/components/opCommercial/envoyer-carte/envoyer-carte.component.ts
Unescape Escape View File

@ -0,0 +1,18 @@
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
@Component({
selector: 'app-envoyer-carte',
templateUrl: './envoyer-carte.component.html',
styleUrls: ['./envoyer-carte.component.scss']
})
export class EnvoyerCarteComponent implements OnInit {
constructor(private router: Router) { }
ngOnInit() {
}
goToOpComm() {
this.router.navigate(['/opCommercial']);
}
}

4
src/app/components/opCommercial/op-commercial/op-commercial.component.html
Unescape Escape View File

@ -15,11 +15,12 @@
<div class="btn-group">
<button (click)="goToCreaOpCom()">Nouvelle opération Commercial</button>
<button (click)="goToProfil()">Profil</button>
<button (click)="goToEnCart()">Envoyer carte</button>
</div>
<div class="list-group">
<div class="card mainCard" *ngFor="let op of opCommData | async">
<div class="row">
<div class="col-md-6 card card-image mb-3 subCard1" style="background-image: url({{op.carteTemplate.downloadURL}});">
<div class="col-md-6 card card-image mb-3 subCard1" style="background-image: url(https://mdbootstrap.com/img/Photos/Avatars/img%20%2831%29.jpg);">
<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 cardPart2">
@ -39,4 +40,5 @@
</div>
</div>
</div>

5
src/app/components/opCommercial/op-commercial/op-commercial.component.ts
Unescape Escape View File

@ -35,6 +35,7 @@ export class OpCommercialComponent implements OnInit, OnDestroy {
this.commercant = new Commercant();
this.user.subscribe(
(auth) => {
console.log("afAuth.authState : " + auth.toJSON());
if (auth) {
this.opCommData = this.afDb.list('/OperationCommercial/', {
query: {
@ -67,7 +68,9 @@ export class OpCommercialComponent implements OnInit, OnDestroy {
goToProfil(){
this.router.navigate(['/profil']);
}
goToEnCart(){
this.router.navigate(['/EnvoyerCarte']);
}
ngOnInit() {
}
ngOnDestroy() {}

Write Preview
Loading…
Cancel
Save