source: trip-planner-front/src/app/location/location.component.html@ 571e0df

Last change on this file since 571e0df was 571e0df, checked in by Ema <ema_spirova@…>, 3 years ago

final presentation

  • Property mode set to 100644
File size: 1.2 KB
Line 
1<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
2 integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
3
4<p-toast></p-toast>
5<h3>Here are all locations</h3>
6<button pButton pRipple type="button" icon="pi pi-bell" class="p-button-rounded p-button-warning"
7 label="Back to my Planners" (click)="onClickBackToMyPlanners()"></button>
8<table class="table">
9 <thead>
10 <tr>
11 <th scope="col">#</th>
12 <th scope="col">Photo</th>
13 <th scope="col">Location name</th>
14 <th scope="col"> Add to my planner</th>
15 <th scope="col">See details </th>
16 </tr>
17 </thead>
18 <tbody>
19 <tr *ngFor="let location of listLocations">
20 <td>{{location.id}}</td>
21 <td><img src="data:image/png;base64,{{location.photo}}" /></td>
22 <td>{{location.name}}</td>
23 <td><button type="button" (click)="show(location)" pButton icon="pi pi-info-circle"
24 label="Add to my planner"></button></td>
25 <td><button type="button" color="primary" pButton icon="pi pi-info-circle"
26 (click)="onClickSeeDetails(location.id)" label="See details"></button>
27 </td>
28 </tr>
29 </tbody>
30</table>
Note: See TracBrowser for help on using the repository browser.