Skip to content

Commit c9d8ce7

Browse files
AdonisVienetAdonisVienet
committed
Ajout list offre (sans image)
1 parent c414c1b commit c9d8ce7

File tree

2 files changed

+59
-267
lines changed

2 files changed

+59
-267
lines changed

‎src/app/table-list/table-list.component.html‎

Lines changed: 45 additions & 266 deletions
Original file line numberDiff line numberDiff line change
@@ -4,275 +4,54 @@
44
<div class="col-md-12">
55
<p>Ici on pourra mettre des exmples d'offres, genre villa pas cher, appart parisien au top, etc.</p>
66
</div>
7-
<<div class="col-md-12">
7+
<div class="col-md-12">
88
<p>Ici on pourra mettre un bouton et un champ pour faire des recherches spécifique</p>
99
<button mat-raised-button type="submit" class="btn btn-danger pull-right">Lancer la recherche !</button>
10-
</div>
11-
12-
<!--<div class="image-dropdown">
13-
<button class="dropdown-button">
14-
<img src="assets/img/maison.jpg" alt="Image 1">
15-
</button>
16-
<div class="dropdown-content">
17-
<img src="assets/img/sidebar-1.jpg" alt="Image 2">
18-
<img src="assets/img/sidebar-2.jpg" alt="Image 3">
19-
</div>
20-
</div>-->
21-
10+
</div>
2211

23-
<!--<div class="col-md-12">
24-
<div class="card">
25-
<div class="card-header card-header-danger">
26-
<h4 class="card-title ">Simple Table</h4>
27-
<p class="card-category"> Here is a subtitle for this table</p>
28-
</div>
29-
<div class="card-body">
30-
<div class="table-responsive">
31-
<table class="table">
32-
<thead class=" text-primary">
33-
<th>
34-
ID
35-
</th>
36-
<th>
37-
Name
38-
</th>
39-
<th>
40-
Country
41-
</th>
42-
<th>
43-
City
44-
</th>
45-
<th>
46-
Salary
47-
</th>
48-
</thead>
49-
<tbody>
50-
<tr>
51-
<td>
52-
1
53-
</td>
54-
<td>
55-
Dakota Rice
56-
</td>
57-
<td>
58-
Niger
59-
</td>
60-
<td>
61-
Oud-Turnhout
62-
</td>
63-
<td class="text-primary">
64-
$36,738
65-
</td>
66-
</tr>
67-
<tr>
68-
<td>
69-
2
70-
</td>
71-
<td>
72-
Minerva Hooper
73-
</td>
74-
<td>
75-
Curaçao
76-
</td>
77-
<td>
78-
Sinaai-Waas
79-
</td>
80-
<td class="text-primary">
81-
$23,789
82-
</td>
83-
</tr>
84-
<tr>
85-
<td>
86-
3
87-
</td>
88-
<td>
89-
Sage Rodriguez
90-
</td>
91-
<td>
92-
Netherlands
93-
</td>
94-
<td>
95-
Baileux
96-
</td>
97-
<td class="text-primary">
98-
$56,142
99-
</td>
100-
</tr>
101-
<tr>
102-
<td>
103-
4
104-
</td>
105-
<td>
106-
Philip Chaney
107-
</td>
108-
<td>
109-
Korea, South
110-
</td>
111-
<td>
112-
Overland Park
113-
</td>
114-
<td class="text-primary">
115-
$38,735
116-
</td>
117-
</tr>
118-
<tr>
119-
<td>
120-
5
121-
</td>
122-
<td>
123-
Doris Greene
124-
</td>
125-
<td>
126-
Malawi
127-
</td>
128-
<td>
129-
Feldkirchen in Kärnten
130-
</td>
131-
<td class="text-primary">
132-
$63,542
133-
</td>
134-
</tr>
135-
<tr>
136-
<td>
137-
6
138-
</td>
139-
<td>
140-
Mason Porter
141-
</td>
142-
<td>
143-
Chile
144-
</td>
145-
<td>
146-
Gloucester
147-
</td>
148-
<td class="text-primary">
149-
$78,615
150-
</td>
151-
</tr>
152-
</tbody>
153-
</table>
154-
</div>
155-
</div>
156-
</div>
157-
</div>-->
158-
<!--<div class="col-md-12">
159-
<div class="card card-plain">
160-
<div class="card-header card-header-danger">
161-
<h4 class="card-title mt-0"> Top 5 des plus recherchés</h4>
162-
<p class="card-category">Si vous manquez d'inspi, voici les biens les plus demandés...</p>
163-
</div>
164-
<div class="card-body">
165-
<div class="table-responsive">
166-
<table class="table table-hover">
167-
<thead class="">
168-
<th>
169-
Type de bien
170-
</th>
171-
<th>
172-
Ville
173-
</th>
174-
<th>
175-
Country
176-
</th>
177-
<th>
178-
City
179-
</th>
180-
<th>
181-
Salary
182-
</th>
183-
</thead>
184-
<tbody>
185-
<tr>
186-
<td>
187-
1
188-
</td>
189-
<td>
190-
Dakota Rice
191-
</td>
192-
<td>
193-
Niger
194-
</td>
195-
<td>
196-
Oud-Turnhout
197-
</td>
198-
<td>
199-
$36,738
200-
</td>
201-
</tr>
202-
<tr>
203-
<td>
204-
2
205-
</td>
206-
<td>
207-
Minerva Hooper
208-
</td>
209-
<td>
210-
Curaçao
211-
</td>
212-
<td>
213-
Sinaai-Waas
214-
</td>
215-
<td>
216-
$23,789
217-
</td>
218-
</tr>
219-
<tr>
220-
<td>
221-
3
222-
</td>
223-
<td>
224-
Sage Rodriguez
225-
</td>
226-
<td>
227-
Netherlands
228-
</td>
229-
<td>
230-
Baileux
231-
</td>
232-
<td>
233-
$56,142
234-
</td>
235-
</tr>
236-
<tr>
237-
<td>
238-
4
239-
</td>
240-
<td>
241-
Philip Chaney
242-
</td>
243-
<td>
244-
Korea, South
245-
</td>
246-
<td>
247-
Overland Park
248-
</td>
249-
<td>
250-
$38,735
251-
</td>
252-
</tr>
253-
<tr>
254-
<td>
255-
5
256-
</td>
257-
<td>
258-
Doris Greene
259-
</td>
260-
<td>
261-
Malawi
262-
</td>
263-
<td>
264-
Feldkirchen in Kärnten
265-
</td>
266-
<td>
267-
$63,542
268-
</td>
269-
</tr>
270-
</tbody>
271-
</table>
12+
<!--Table d'affichage des offres-->
13+
<div class="container-fluid mt--7">
14+
<div class="row">
15+
<div class="col">
16+
<div class="card shadow">
17+
<div class="card-header border-0">
18+
<h3 class="mb-0">List des offres</h3>
19+
</div>
20+
<div class="table-responsive">
21+
<table class="table align-items-center table-flush">
22+
<thead class="thead-light">
23+
<tr>
24+
<th scope="col">imageOffre</th>
25+
<th scope="col">description</th>
26+
<th scope="col">ville</th>
27+
<th scope="col">adresse</th>
28+
<th scope="col">surfaceOffre</th>
29+
<th scope="col">orientationOffre</th>
30+
<th scope="col">etatOffre</th>
31+
<th scope="col">typeOffre</th>
32+
<th scope="col">prixOffre</th>
33+
<th scope="col">disponibiliteOffre</th>
34+
<!-- <th style="text-align: center;" scope="col">Action</th> -->
35+
</tr>
36+
</thead>
37+
<tbody>
38+
<tr *ngFor="let o of offres">
39+
<td>{{o.imageOffre}}</td>
40+
<td>{{o.description}}</td>
41+
<td>{{o.ville}}</td>
42+
<td>{{o.adresse}}</td>
43+
<td>{{o.surfaceOffre}}</td>
44+
<td>{{o.orientationOffre}}</td>
45+
<td>{{o.etatOffre}}</td>
46+
<td>{{o.typeOffre}}</td>
47+
<td>{{o.prixOffre}}</td>
48+
<td>{{o.disponibiliteOffre}}</td>
49+
</tr>
50+
</tbody>
51+
</table>
52+
</div>
27253
</div>
27354
</div>
27455
</div>
275-
</div>-->
276-
</div>
277-
</div>
278-
</div>
56+
</div>
57+
<!--Table d'affichage des offres-->

‎src/app/table-list/table-list.component.ts‎

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,8 @@
11
import { Component, OnInit } from '@angular/core';
2+
import { Router } from '@angular/router';
3+
import { AppService } from 'app/app.service';
4+
import { Offre } from 'app/model/offre';
5+
import { OffreService } from 'app/services/offre.service';
26

37
@Component({
48
selector: 'app-table-list',
@@ -7,9 +11,18 @@ import { Component, OnInit } from '@angular/core';
711
})
812
export class TableListComponent implements OnInit {
913

10-
constructor() { }
14+
offres: any[];
15+
16+
offre: Offre = new Offre();
17+
18+
constructor(private offreService: OffreService, private appService: AppService, private router: Router) { }
1119

1220
ngOnInit() {
21+
this.findAllOffre();
22+
}
23+
24+
findAllOffre() {
25+
this.offreService.findAll().subscribe(data => { this.offres = data; });
1326
}
1427

1528
}

0 commit comments

Comments
 (0)