source: trip-planner-front/src/app/location/location.component.html@ 8d391a1

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

primeNG components

  • Property mode set to 100644
File size: 1.1 KB
RevLine 
[ceaed42]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">
[e29cc2e]3 <p-toast></p-toast>
[6c1585f]4<h3>Here are all locations</h3>
[e29cc2e]5<button pButton pRipple type="button" icon="pi pi-bell" class="p-button-rounded p-button-warning" label="Back to my Planners" (click)="onClickBackToMyPlanners()"></button>
6<table class="table">
[ceaed42]7 <thead>
8 <tr>
9 <th scope="col">#</th>
10 <th scope="col">Location name</th>
11 <th scope="col"> Add to my planner</th>
12 <th scope="col">See details </th>
13 </tr>
14 </thead>
15 <tbody>
16 <tr *ngFor="let location of listLocations">
17 <td>{{location.id}}</td>
18 <td>{{location.name}}</td>
[e29cc2e]19 <td><button type="button" (click)="show(location)" pButton icon="pi pi-info-circle"
20 label="Add to my planner"></button></td>
21 <td><button type="button" color="primary" pButton icon="pi pi-info-circle"
22 (click)="onClickSeeDetails(location.id)" label="See details"></button></td>
23 </tr>
[ceaed42]24 </tbody>
[e29cc2e]25</table>
26
Note: See TracBrowser for help on using the repository browser.