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

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

primeNG components

  • 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" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
2
3
4<button pButton pRipple type="button" label="Create initial planner" class="p-button-help " (click)="show()"></button>
5<br>
6<br>
7<p-table [value]="planners" [paginator]="true" [rows]="3" [responsive]="true">
8
9 <ng-template pTemplate="body" let-planner>
10 <td >
11 <p-card header="{{planner.name}}" subheader="Card Subheader" [style]="{width: '360px'}" styleClass="p-card-shadow">
12 <ng-template pTemplate="header">
13 </ng-template>
14 <p>{{planner.description}}</p>
15 <ng-template pTemplate="footer">
16 <button pButton pRipple type="button" label="Edit" class="p-button-outlined p-button-rounded p-button-help" (click)="onClickEditPlannerGet(planner.id)"></button>
17 <button pButton pRipple type="button" icon="pi pi-times" class="p-button-rounded p-button-danger p-button-outlined" label="Delete" [style]="{'margin-left': '.5em'}"></button>
18 </ng-template>
19 </p-card>
20 </td>
21 </ng-template>
22</p-table>
23
24
Note: See TracBrowser for help on using the repository browser.