Changeset 6c1585f for trip-planner-front/src/app/planner/edit-planner/edit-planner.component.html

Timestamp:

11/04/21 23:10:39 (3 years ago)

Author:

Ema <ema_spirova@…>

Branches:

master

Children:

ceaed42

Parents:

6a80231

Message:

edit planner form with angular

File:

• trip-planner-front/src/app/planner/edit-planner/edit-planner.component.html (modified) (3 diffs)

trip-planner-front/src/app/planner/edit-planner/edit-planner.component.html

@@ -3 +3 @@
 <h3>Here you can edit your planner</h3>
 
-<form>
+<form [formGroup] = "form" (ngSubmit)="onSubmit()">
     <div class="form-gorup">
         <p>Planner name</p>
         <mat-form-field appearance="fill">
-          <input matInput required   type="text" name="name"  placeholder="Planner name">
+          <input matInput required type="text" formControlName="name"  placeholder="Planner name">
         </mat-form-field>
         <p>Planner description</p>
         <mat-form-field appearance="fill">
-          <textarea matInput required name="description"  type="text" placeholder="Planner description"></textarea>
+          <textarea matInput required formControlName="description"  type="text" placeholder="Planner description"></textarea>
         </mat-form-field>
     </div>
@@ -25 +25 @@
                         </thead>
                         <tbody>
-                        <tr>
-                            
+                        <tr>                           
                             <td> <button mat-raised-button color="primary" (click)="onClickAddLocation()">
                                  Add locations
@@ -38 +37 @@
         </div>
     </div>
-    <button mat-raised-button color="primary" (click)="onClickSavePlanner()">
+    <button mat-raised-button color="primary" >
         <mat-icon>edit</mat-icon> Save
       </button>