source: trip-planner-front/src/app/planner/edit-planner/edit-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: 1.7 KB
RevLine 
[6a80231]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>
6 <div class="form-gorup">
7 <p>Planner name</p>
8 <mat-form-field appearance="fill">
9 <input matInput required type="text" name="name" placeholder="Planner name">
10 </mat-form-field>
11 <p>Planner description</p>
12 <mat-form-field appearance="fill">
13 <textarea matInput required name="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
29 <td> <button mat-raised-button color="primary" (click)="onClickAddLocation()">
30 Add locations
31 </button>
32 </td>
33 </tr>
34 </tbody>
35 </table>
36 </div>
37 </div>
38 </div>
39 </div>
40 <button mat-raised-button color="primary" (click)="onClickSavePlanner()">
41 <mat-icon>edit</mat-icon> Save
42 </button>
43</form>
44
45
Note: See TracBrowser for help on using the repository browser.