source: trip-planner-front/src/app/planner/planner.component.html@ 6fe77af

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

add location feature

  • Property mode set to 100644
File size: 1.6 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
6
7<nav class="navbar navbar-light bg-light justify-content-between">
8 <button pButton pRipple type="button" label="Create initial planner" class="p-button-help " (click)="show()"></button>
9 <form class="form-inline">
10 <span>Hello, {{userDisplayName}}</span>
11 <button class="btn btn-outline-success my-2 my-sm-0" type="submit" (click)="onClickLogout()">Log out</button>
12 </form>
13</nav>
14
15<button pButton pRipple type="button" label="Add location" class="p-button-help " (click)="onClickAddLocation()"></button>
16
17<br>
18<br>
19<p-table [value]="planners" [paginator]="true" [rows]="3" [responsive]="true">
20
21 <ng-template pTemplate="body" let-planner>
22 <td>
23 <p-card header="{{planner.name}}" subheader="Card Subheader" [style]="{width: '360px'}"
24 styleClass="p-card-shadow">
25 <ng-template pTemplate="header">
26 </ng-template>
27 <p>{{planner.description}}</p>
28 <ng-template pTemplate="footer">
29 <button pButton pRipple type="button" label="Edit" class="p-button-outlined p-button-rounded p-button-help"
30 (click)="onClickEditPlannerGet(planner.id)"></button>
31 <button pButton pRipple type="button" icon="pi pi-times"
32 class="p-button-rounded p-button-danger p-button-outlined" label="Delete"
33 [style]="{'margin-left': '.5em'}" (click)="onDeletePlanner(planner.id)"></button>
34 </ng-template>
35 </p-card>
36 </td>
37 </ng-template>
38</p-table>
Note: See TracBrowser for help on using the repository browser.