Permalink
Browse files

Step 22.13: Create a form with code verification

  • Loading branch information...
1 parent 5ad2962 commit fc0eb474b3390c21796da63c7ac1d4691d463dc0 @dotansimha dotansimha committed with DAB0mB Sep 27, 2016
Showing with 11 additions and 1 deletion.
  1. +11 −1 client/imports/app/auth/login.component.mobile.html
@@ -9,7 +9,7 @@
<p class="md-body-2"> Sign in with SMS</p>
</div>
- <form [formGroup]="phoneForm" #f="ngForm" (ngSubmit)="send()"
+ <form [formGroup]="phoneForm" *ngIf="!isStepTwo" #f="ngForm" (ngSubmit)="send()"
layout="column" layout-fill layout-padding layout-margin>
<md-input formControlName="phone" type="text" placeholder="Phone"></md-input>
@@ -19,6 +19,16 @@
</div>
</form>
+ <form *ngIf="isStepTwo" [formGroup]="verifyForm" #f="ngForm" (ngSubmit)="verify()"
+ layout="column" layout-fill layout-padding layout-margin>
+
+ <md-input formControlName="code" type="text" placeholder="Code"></md-input>
+
+ <div layout="row" layout-align="space-between center">
+ <button md-raised-button class="md-primary" type="submit" aria-label="verify">Verify code</button>
+ </div>
+ </form>
+
<div [hidden]="error == ''">
<md-toolbar class="md-warn" layout="row" layout-fill layout-padding layout-margin>
<p class="md-body-1">{{ error }}</p>

0 comments on commit fc0eb47

Please sign in to comment.