truc
This commit is contained in:
commit
50fd7539ac
21 changed files with 188 additions and 77 deletions
|
|
@ -109,6 +109,7 @@
|
|||
<label for="floatingInput">Adresse email</label>
|
||||
</div>
|
||||
|
||||
<<<<<<< HEAD
|
||||
<div class="form-floating">
|
||||
<input
|
||||
type="date"
|
||||
|
|
@ -132,6 +133,16 @@
|
|||
/>
|
||||
<label for="floatingInputfirstName">Adresse</label>
|
||||
</div>
|
||||
=======
|
||||
<div class="form-floating">
|
||||
<input type="text"
|
||||
class="form-control"
|
||||
id="floatingInputTelephone"
|
||||
placeholder=""
|
||||
name="telephone"
|
||||
formControlName="telephoneFc">
|
||||
<label for="floatingInputfirstName">Téléphone</label>
|
||||
>>>>>>> a04bef695410a222414a12ccffad18d2706be72b
|
||||
|
||||
<button
|
||||
class="w-100 btn btn-lg btn-secondary"
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
<app-header></app-header>
|
||||
<app-side-bar></app-side-bar>
|
||||
<app-humeur></app-humeur>
|
||||
|
||||
<app-deconnexion></app-deconnexion>
|
||||
|
||||
<div class="container">
|
||||
|
|
@ -37,3 +39,5 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<app-footer></app-footer>
|
||||
|
||||
|
|
|
|||
|
|
@ -33,11 +33,5 @@ export class PageDashboardComponent implements OnInit {
|
|||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
// récuperer l id du membre s=qui est connecté
|
||||
//recuperer l id dans le token grace au user id du getCurrentMembreId
|
||||
// placer ce userId dans la methode getMembreId a la place de l id
|
||||
//********************************************************************
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,22 +0,0 @@
|
|||
|
||||
<body>
|
||||
|
||||
<h2>Mon humeur :</h2>
|
||||
|
||||
|
||||
|
||||
|
||||
<p><img src="{{monHumeurLien}}" *ngIf="monHumeurLien" ></p>
|
||||
|
||||
<p>Je modifie mon avatar :</p>
|
||||
|
||||
|
||||
<div class="humeur" *ngFor="let humor of tabHumeur; let i=index">
|
||||
<img src="{{humor.lien}}" alt="{{humor.title}}" (click)="onChoixHumeur(i)">
|
||||
</div>
|
||||
|
||||
|
||||
<div >
|
||||
|
||||
|
||||
</div> </body>
|
||||
|
|
@ -1,23 +0,0 @@
|
|||
|
||||
|
||||
|
||||
p>img {
|
||||
width: 85px;
|
||||
height: 85px;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.humeur {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: grey;
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -1,39 +0,0 @@
|
|||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-page-humeur',
|
||||
templateUrl: './page-humeur.component.html',
|
||||
styleUrls: ['./page-humeur.component.scss']
|
||||
})
|
||||
|
||||
export class PageHumeurComponent implements OnInit {
|
||||
|
||||
monHumeurLien! : string[];
|
||||
monHumeurTitle! : string[] ;
|
||||
|
||||
|
||||
tabHumeur= [
|
||||
{ title : "Je vais bien", lien : "assets/images/emoticon-heureux.png"},
|
||||
{ title : "Je pleure", lien : "assets/images/emoticon-pleurer.png"},
|
||||
{ title : "Je suis fatigué", lien : "assets/images/emoticon-fatigue.png"},
|
||||
{ title : "Je suis en colère", lien : "assets/images/emoticon-insulter.png"},
|
||||
{ title : "Je suis malade", lien : "assets/images/emoticon-vomir.png"} ]
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit(): void { }
|
||||
|
||||
onChoixHumeur(numero: number){
|
||||
this.monHumeurTitle= [this.tabHumeur[numero].title];
|
||||
this.monHumeurLien= [this.tabHumeur[numero].lien];
|
||||
|
||||
console.log("humeur titre est : ", this.monHumeurTitle);
|
||||
console.log("humeur lien est : ", this.monHumeurLien);
|
||||
console.log("index humeur est : ", numero );
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
|
@ -23,3 +23,4 @@ describe('PageNotFoundComponent', () => {
|
|||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
|
||||
|
|
|
|||
31
src/app/pages/page-support/page-support.component.html
Normal file
31
src/app/pages/page-support/page-support.component.html
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<!-- <div>
|
||||
<app-header></app-header>
|
||||
<app-side-bar></app-side-bar>
|
||||
</div> -->
|
||||
|
||||
|
||||
<div>
|
||||
<h2>Demande support</h2>
|
||||
<form action="/demande_support" method="post">
|
||||
|
||||
<label for="name">Nom :</label>
|
||||
<div>
|
||||
<input type="text" id="name" value="Votre nom" name="user_name">
|
||||
</div>
|
||||
|
||||
<label for="mail">E-mail :</label>
|
||||
<div>
|
||||
<input type="email" id="mail" name="user_mail" value="Votre adresse mail">
|
||||
</div>
|
||||
<label for="msg">Message :</label>
|
||||
<div>
|
||||
|
||||
<textarea id="msg" name="user_message">Formulez votre demande ici</textarea>
|
||||
</div>
|
||||
<div class="button">
|
||||
|
||||
<button class="btn btn-primary">Envoyez votre message</button>
|
||||
<button type="button" class="btn btn-danger">Effacer</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
39
src/app/pages/page-support/page-support.component.scss
Normal file
39
src/app/pages/page-support/page-support.component.scss
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
form {
|
||||
background-color: rgb(184, 202, 235);
|
||||
width: 600px;
|
||||
border: 3px solid blue;
|
||||
margin: 0 auto;
|
||||
border-radius: 1em;
|
||||
padding:3em;
|
||||
}
|
||||
|
||||
input, textarea {
|
||||
width: 500px;
|
||||
color :rgb(153, 171, 208)
|
||||
}
|
||||
|
||||
button {
|
||||
margin-left: .9em;
|
||||
}
|
||||
|
||||
h2{
|
||||
text-align: center;
|
||||
color : blue;
|
||||
}
|
||||
|
||||
label {
|
||||
color : rgb(65, 47, 221);
|
||||
text-align: left;
|
||||
width: 90px;
|
||||
}
|
||||
|
||||
textarea {
|
||||
height: 8em;
|
||||
color :rgb(153, 171, 208)
|
||||
}
|
||||
|
||||
.button {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -1,20 +1,20 @@
|
|||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { PageHumeurComponent } from './page-humeur.component';
|
||||
import { PageSupportComponent } from './page-support.component';
|
||||
|
||||
describe('PageHumeurComponent', () => {
|
||||
let component: PageHumeurComponent;
|
||||
let fixture: ComponentFixture<PageHumeurComponent>;
|
||||
describe('PageSupportComponent', () => {
|
||||
let component: PageSupportComponent;
|
||||
let fixture: ComponentFixture<PageSupportComponent>;
|
||||
|
||||
beforeEach(async () => {
|
||||
await TestBed.configureTestingModule({
|
||||
declarations: [ PageHumeurComponent ]
|
||||
declarations: [ PageSupportComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
});
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(PageHumeurComponent);
|
||||
fixture = TestBed.createComponent(PageSupportComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
19
src/app/pages/page-support/page-support.component.ts
Normal file
19
src/app/pages/page-support/page-support.component.ts
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
//DRIVEN FORM
|
||||
@Component({
|
||||
selector: 'app-page-support',
|
||||
templateUrl: './page-support.component.html',
|
||||
styleUrls: ['./page-support.component.scss']
|
||||
})
|
||||
export class PageSupportComponent implements OnInit {
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit(): void {
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue