source: trip-planner-front/src/app/planner/planner.component.html@ 76712b2

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

pre final presentation

  • Property mode set to 100644
File size: 1.5 KB
RevLine 
[bdd6491]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">
[fa375fe]3
[1ad8e64]4<p-toast></p-toast>
[bdd6491]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
[e29cc2e]16<br>
17<br>
18<p-table [value]="planners" [paginator]="true" [rows]="3" [responsive]="true">
[bdd6491]19
[e29cc2e]20 <ng-template pTemplate="body" let-planner>
[bdd6491]21 <td>
22 <p-card header="{{planner.name}}" subheader="Card Subheader" [style]="{width: '360px'}"
23 styleClass="p-card-shadow">
24 <ng-template pTemplate="header">
25 </ng-template>
26 <p>{{planner.description}}</p>
27 <ng-template pTemplate="footer">
28 <button pButton pRipple type="button" label="Edit" class="p-button-outlined p-button-rounded p-button-help"
29 (click)="onClickEditPlannerGet(planner.id)"></button>
30 <button pButton pRipple type="button" icon="pi pi-times"
31 class="p-button-rounded p-button-danger p-button-outlined" label="Delete"
32 [style]="{'margin-left': '.5em'}" (click)="onDeletePlanner(planner.id)"></button>
33 </ng-template>
34 </p-card>
35 </td>
[e29cc2e]36 </ng-template>
[bdd6491]37</p-table>
Note: See TracBrowser for help on using the repository browser.