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

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

edit planner form with angular

  • Property mode set to 100644
File size: 981 bytes
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<button mat-raised-button (click)="openDialog()">Create initial planner</button>
4
5<mat-grid-list cols="4" >
6 <mat-grid-tile *ngFor="let planner of planners">
7 <mat-card class="d-flex flex-column">
8 <mat-card-title>{{planner.name}}</mat-card-title>
9 <mat-card-content>
10 {{planner.description}}
11 </mat-card-content>
12 <mat-card-actions class="mt-auto">
13 <button mat-raised-button color="primary" (click)="onClickEditPlannerGet(planner.id)">
14 <mat-icon>edit</mat-icon> Edit
15 </button>
16 <button mat-raised-button color="accent">
17 <mat-icon>remove_red_eye</mat-icon>Details
18 </button>
19 </mat-card-actions>
20 </mat-card>
21 </mat-grid-tile>
22</mat-grid-list>
Note: See TracBrowser for help on using the repository browser.