source: trip-planner-front/src/app/planner/edit-planner/edit-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: 2.0 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<h3>Here you can edit your planner</h3>
4
5<form [formGroup] = "form" (ngSubmit)="onSubmit()">
6 <div class="form-gorup">
7 <p>Planner name</p>
8 <mat-form-field appearance="fill">
9 <input matInput required type="text" formControlName="name" placeholder="Planner name">
10 </mat-form-field>
11 <p>Planner description</p>
12 <mat-form-field appearance="fill">
13 <textarea matInput required formControlName="description" type="text" placeholder="Planner description"></textarea>
14 </mat-form-field>
15 </div>
16 <div class="container mb-4" >
17 <div class="row">
18 <div class="col-12">
19 <div class="table-responsive">
20 <table class="table table-striped">
21 <thead>
22 <tr>
23 <th scope="col">Location name</th>
24 </tr>
25 </thead>
26 <tbody>
27 <tr>
28 <td> <button mat-raised-button color="primary" (click)="onClickAddLocation()">
29 Add locations
30 </button>
31 </td>
32 </tr>
33 <tr *ngFor ="let location of locations">
34 <td>
35 {{location.name}}
36 </td>
37 </tr>
38 </tbody>
39 </table>
40 </div>
41 </div>
42 </div>
43 </div>
44 <button pButton pRipplelabel label="Save" class="p-button-help"></button>
45 <button pButton pRipple label="Back" class="p-button-info" (click)="onClickBack()" [style]="{'margin-left': '.5em'}"></button>
46
47</form>
48
Note: See TracBrowser for help on using the repository browser.