Permalink
Browse files

Step 18.7: Update the new party form

  • Loading branch information...
1 parent 4930149 commit 37d689c3a969d3da0de9847eb23b718b178518d1 @dotansimha dotansimha committed with DAB0mB Sep 27, 2016
Showing with 18 additions and 12 deletions.
  1. +18 −12 client/imports/app/parties/parties-form.component.html
@@ -1,15 +1,21 @@
-<form [formGroup]="addForm" (ngSubmit)="addParty()">
- <label>Name</label>
- <input type="text" formControlName="name">
+<form [formGroup]="addForm" (ngSubmit)="addParty()" class="form-inline">
+ <fieldset class="form-group">
+ <label for="partyName">Party name</label>
+ <input id="partyName" class="form-control" type="text" formControlName="name" placeholder="Party name" />
- <label>Description</label>
- <input type="text" formControlName="description">
+ <label for="description">Description</label>
+ <input id="description" class="form-control" type="text" formControlName="description" placeholder="Description">
- <label>Location</label>
- <input type="text" formControlName="location">
+ <label for="location_name">Location</label>
+ <input id="location_name" class="form-control" type="text" formControlName="location" placeholder="Location name">
- <label>Public</label>
- <input type="checkbox" formControlName="public">
-
- <button type="submit">Add</button>
-</form>
+ <div class="checkbox">
+ <label>
+ <input type="checkbox" formControlName="public">
+ Public
+ </label>
+ </div>
+
+ <button type="submit" class="btn btn-primary">Add</button>
+ </fieldset>
+</form>

0 comments on commit 37d689c

Please sign in to comment.