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

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

create initial planner and routing 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)="onClickEditPlanner(planner.id)">
14 <mat-icon>edit</mat-icon> Edit
15 </button>
16
17 <button mat-raised-button color="accent">
18 <mat-icon>remove_red_eye</mat-icon>Details
19 </button>
20 </mat-card-actions>
21 </mat-card>
22 </mat-grid-tile>
23</mat-grid-list>
Note: See TracBrowser for help on using the repository browser.