Step 11.3: Added the join form HTML

client/imports/components/join.ng2.html

@@ -6,19 +6,31 @@
             </a>
         </div>
     </nav>
-
     <div class="content-scrollable">
         <div class="wrapper-auth">
             <div class="at-form">
                 <h1 class="title-auth">Join</h1>
                 <p class="subtitle-auth">Signing in allows you to have private lists</p>
+                <div class="list-errors">
+                    <div *ngFor="let errorText of errors" class="list-item">{{errorText}}</div>
+                </div>
                 <div class="at-pwd-form">
-                    <form role="form" id="at-pwd-form">
-
+                    <form id="at-pwd-form" (ngSubmit)="join()" #joinForm="ngForm">
+                        <div class="input">
+                            <input [(ngModel)]="model.email" required type="text" id="email" name="email" placeholder="Email" class="form-control" autocapitalize="none" autocorrect="off">
+                        </div>
+                        <div class="input">
+                            <input [(ngModel)]="model.password" required type="password" id="password" name="password" class="form-control" placeholder="Password" autocapitalize="none" autocorrect="off">
+                        </div>
+                        <div class="input">
+                            <input [(ngModel)]="model.passwordVerify" required type="password" id="password_verify" class="form-control" name="password_verify" placeholder="Password (Again)" autocapitalize="none" autocorrect="off">
+                        </div>
+                        <button type="submit" class="btn-primary" [disabled]="!joinForm.form.valid">
+                            REGISTER
+                        </button>
                     </form>
                 </div>
             </div>
-
         </div>
     </div>
 </div>