Skip to content

Commit b61cddf

Browse files
authored
Merge pull request #18 from AdonisVienet/localBapt
l'onglet contact est fait
2 parents 964cf02 + 062cf9a commit b61cddf

File tree

6 files changed

+114
-81
lines changed

6 files changed

+114
-81
lines changed
Lines changed: 75 additions & 78 deletions
Original file line numberDiff line numberDiff line change
@@ -1,85 +1,82 @@
1-
<h1>Ici on mettra le formulaire pour créer une question et les différents logo insta and co</h1>
2-
<p>numéro de tel</p>
3-
<p>adresse du siege</p>
4-
<p>adresse mail</p>
1+
<div class="container-fluid mt--7" style="background-color: white;">
2+
<br>
3+
<br>
4+
<h3><b>Vous avez aimez cette application ?</b></h3>
5+
<p style="font-size: larger;">Le principe d'une <b>agence immobilière 100% dématérialisée</b> vous plait ? <br>Alors
6+
suivez nous sur tous nos réseaux sociaux pour ne rien rater de nos <b>prochaines expériences !</b> </p>
7+
<br>
8+
<br>
9+
<p>Sur Facebook : <a href="https://fr-fr.facebook.com/"> <img src="assets/img/fb.png" width="50" height="50">
10+
</a>
11+
</p>
12+
<br>
13+
<p>Sur Instagram : <a href="https://www.instagram.com/"> <img src="assets/img/insta.jpg" width="50" height="50">
14+
</a></p>
15+
<br>
16+
<p>Sur Twitter : &nbsp; &nbsp; <a href="https://twitter.com/"> <img src="assets/img/twitter.jpg" width="50"
17+
height="50">
18+
</a></p>
19+
<br>
20+
<p style="font-size: larger;">Pour toute question, ou pour faire une réclamation, n'hésitez pas à remplir le
21+
formulaire ci joint. <br> Nous
22+
donnerons
23+
suite à vos retours dans <b>les plus bref délais ! </b></p>
24+
<br>
25+
<br>
526

6-
7-
8-
<!--div class="main-content">
9-
<div class="container-fluid">
10-
<div class="row">
11-
<div class="col-md-8 ml-auto mr-auto">
12-
<div class="card">
13-
<div class="card-header card-header-danger">
14-
<h4 class="card-title">Material Dashboard PRO Angular</h4>
15-
<p class="card-category">Are you looking for more components? Please check our Premium Version of Material Dashboard Angular.</p>
27+
<div>
28+
<div>
29+
<div>
30+
<div>
31+
<div>
32+
<h3 style="color: chocolate; margin: auto;"><b>Posez-nous une question </b></h3>
1633
</div>
17-
<div class="card-body">
18-
<div class="table-responsive table-upgrade">
19-
<table class="table">
20-
<thead>
21-
<tr>
22-
<th></th>
23-
<th class="text-center">Free</th>
24-
<th class="text-center">PRO</th>
25-
</tr>
26-
</thead>
27-
<tbody>
28-
<tr>
29-
<td>Components</td>
30-
<td class="text-center">60</td>
31-
<td class="text-center">200</td>
32-
</tr>
33-
<tr>
34-
<td>Plugins</td>
35-
<td class="text-center">2</td>
36-
<td class="text-center">15</td>
37-
</tr>
38-
<tr>
39-
<td>Example Pages</td>
40-
<td class="text-center">3</td>
41-
<td class="text-center">27</td>
42-
</tr>
43-
<tr>
44-
<td>Login, Register, Pricing, Lock Pages</td>
45-
<td class="text-center"><i class="fa fa-times text-danger"></i></td>
46-
<td class="text-center"><i class="fa fa-check text-success"></i></td>
47-
</tr>
48-
<tr>
49-
<td>DataTables, VectorMap, SweetAlert, Wizard, jQueryValidation, FullCalendar etc...</td>
50-
<td class="text-center"><i class="fa fa-times text-danger"></i></td>
51-
<td class="text-center"><i class="fa fa-check text-success"></i></td>
52-
</tr>
53-
<tr>
54-
<td>Mini Sidebar</td>
55-
<td class="text-center"><i class="fa fa-times text-danger"></i></td>
56-
<td class="text-center"><i class="fa fa-check text-success"></i></td>
57-
</tr>
58-
<tr>
59-
<td>Premium Support</td>
60-
<td class="text-center"><i class="fa fa-times text-danger"></i></td>
61-
<td class="text-center"><i class="fa fa-check text-success"></i></td>
62-
</tr>
63-
<tr>
64-
<td></td>
65-
<td class="text-center">Free</td>
66-
<td class="text-center">Just $59</td>
67-
</tr>
68-
<tr>
69-
<td class="text-center"></td>
70-
<td class="text-center">
71-
<a href="javascript:void(0)" class="btn btn-round btn-fill btn-default disabled">Current Version</a>
72-
</td>
73-
<td class="text-center">
74-
<a target="_blank" href="https://www.creative-tim.com/product/material-dashboard-pro-angular2?ref=md-free-angular-upgrade-live" class="btn btn-round btn-fill btn-info">Upgrade to PRO</a>
75-
</td>
76-
</tr>
77-
</tbody>
78-
</table>
34+
</div>
35+
</div>
36+
<div class="card-body">
37+
<form (ngSubmit)="saveQuestion()">
38+
<div class="pl-lg-4">
39+
<div class="row">
40+
<div class="col-lg-3">
41+
<div class="form-group" style="border: 5px; border-color: chocolate; margin: auto;">
42+
<label class="form-control-label" for="input-objetQuestion"
43+
style=" color: black; margin: auto;">Objet de la question</label>
44+
<input type="text" [(ngModel)]="question.objetQuestion" name="objetQuestion"
45+
id="input-objetQuestion" class="form-control form-control-alternative"
46+
placeholder="Réclamation, etc.. ">
47+
</div>
48+
</div>
49+
</div>
50+
<div class="row">
51+
<div class="col-lg-8">
52+
<div class="form-group" style="margin: auto;"> <label class="form-control-label"
53+
for="input-descriptionQuestion" style=" color: black; margin: auto;">Description
54+
de la
55+
question</label> <input type="text" [(ngModel)]="question.descriptionQuestion"
56+
name="descriptionQuestion" id="input-descriptionQuestion"
57+
class="form-control form-control-alternative" placeholder="Dites nous tout">
58+
</div>
59+
</div>
7960
</div>
8061
</div>
81-
</div>
62+
<div style="position: relative; left: 100px;">
63+
<button class="btn btn-danger" style="background-color: chocolate;">Contactez-nous</button>
64+
</div>
65+
</form>
8266
</div>
8367
</div>
8468
</div>
85-
</div>-->
69+
<br>
70+
<br>
71+
<div class="container-fluid mt--7" style="background-color: white;">
72+
<div style="text-align: center;">
73+
<p style="font-size: large;"> <b>Nos coordonées : </b></p>
74+
<p>Numéro de téléphone : 0101010101</p>
75+
<p>Adresse du siège : 32 rue des Dév' 75000 Paris</p>
76+
<p>Adresse mail : [email protected]</p>
77+
<br>
78+
<p>&nbsp;</p>
79+
</div>
80+
</div>
81+
</div>
82+
<!--Formulaire d'ajout fin-->
Lines changed: 39 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,51 @@
11
import { Component, OnInit } from '@angular/core';
2+
import { Router } from '@angular/router';
3+
import { AppService } from 'app/app.service';
4+
import { Question } from 'app/model/question';
5+
import { QuestionService } from 'app/services/question.service';
26

37
@Component({
48
selector: 'app-upgrade',
59
templateUrl: './upgrade.component.html',
610
styleUrls: ['./upgrade.component.css']
711
})
812
export class UpgradeComponent implements OnInit {
13+
// Déclaration d'un tableau d'utilisateur
14+
// any : n'importe quel type de données
15+
// ! ==> le tableau n'est pas initialisé
16+
questions!: any[];
17+
question: Question = new Question();
18+
// DI : par constructeur
19+
constructor(private questionService: QuestionService, private appService: AppService, private router: Router) { }
920

10-
constructor() { }
21+
ngOnInit(): void {
22+
this.saveQuestion();
23+
}
1124

12-
ngOnInit() {
25+
findAllQuestion() {
26+
// Utilisation de l'expression lambde dans le subscribe
27+
// data => {this.users = data}
28+
this.questionService.findAll().subscribe(data => { this.questions = data; });
1329
}
1430

15-
}
31+
saveQuestion() {
32+
this.questionService.save(this.question).subscribe(
33+
() => {
34+
this.findAllQuestion();
35+
this.question = new Question();
36+
}
37+
)
38+
}
39+
deleteOffre(id: number) {
40+
this.questionService.delete(id).subscribe(() => { this.findAllQuestion(); })
41+
}
42+
43+
editQuestion(question: Question) {
44+
// localStorage : créer un attribut (name="editUserId") dans le navigateur et lui affecter une valeur (ediUserId= idUtilisateur)
45+
// étape 1 : MAJ du composant
46+
localStorage.removeItem("editQuestionId");
47+
// étape 2 : Séleectionner une ligne
48+
localStorage.setItem("editQuestionId", question.idQuestion.toString());
49+
this.router.navigate(['/editQuestionId', question.idQuestion]);
50+
}
51+
}

src/assets/img/fb.jpg

1.8 MB
Loading

src/assets/img/fb.png

13.7 KB
Loading

src/assets/img/insta.jpg

7.42 KB
Loading

src/assets/img/twitter.jpg

19.5 KB
Loading

0 commit comments

Comments
 (0)