removed duplicate first and last name inputs

Author: jthk1106

src/pages/register/register.html

@@ -61,76 +61,43 @@ <h1 id="title">INTRANSITION</h1>
       <ion-item class="input" no-lines *ngIf="!validate.controls.email.valid  && (validate.controls.email.dirty || submitAttempt)">
         <p class="invalid-text">Enter a valid email</p>
       </ion-item><br>
-      
-      <ion-row justify-content-center>
-        <ion-col col-10>
-          <ion-item no-lines>
-            <ion-input 
-              class="inputs"
-              type="text" 
-              #first 
-              placeholder="First Name" 
-              formControlName='first' 
-              [class.invalid]="!validate.controls.first.valid && (validate.controls.first.dirty || submitAttempt)">
-            </ion-input> 
-          </ion-item>
-          <ion-item no-lines *ngIf="!validate.controls.first.valid  && (validate.controls.first.dirty || submitAttempt)">
-            <p class="invalid-text">Enter a valid name</p>
-          </ion-item><br>
-        </ion-col>
-      </ion-row>
 
-      <ion-row justify-content-center>
-        <ion-col col-10>
-          <ion-item no-lines>
-            <ion-input 
-              type="text" 
-              #last 
-              placeholder="Last Name" 
-              formControlName='last'
-              [class.invalid]="!validate.controls.last.valid && (validate.controls.last.dirty || submitAttempt)">
-            </ion-input> 
-          </ion-item>
-          <ion-item no-lines *ngIf="!validate.controls.last.valid  && (validate.controls.last.dirty || submitAttempt)">
-            <p class="invalid-text">Enter a valid name</p>
-          </ion-item><br>
-        </ion-col>
-      </ion-row>
+      <div formGroupName="pass">
+        <ion-row justify-content-center>
+          <ion-col col-10>
+            <ion-item no-lines>
+              <ion-input  
+                type="password" 
+                #pass 
+                placeholder="Password" 
+                formControlName='password'
+                [class.invalid]="!validate.controls.pass.controls.password.valid && (validate.controls.pass.controls.password.dirty || submitAttempt)">
+              </ion-input> 
+            </ion-item>
+            <ion-item no-lines *ngIf="!validate.controls.pass.controls.password.valid && (validate.controls.pass.controls.password.dirty || submitAttempt)">
+              <p class="invalid-text">Enter a password between 6-30 characters using only letters and numbers</p>
+            </ion-item><br>
+          </ion-col>
+        </ion-row>
+        
+        <ion-row justify-content-center>
+          <ion-col col-10>
+            <ion-item no-lines>
+              <ion-input 
+                type="password" 
+                #repass 
+                placeholder="Password Confirmation" 
+                formControlName='passwordCheck'
+                [class.invalid]="!validate.controls.pass.controls.passwordCheck.valid && (validate.controls.pass.controls.passwordCheck.dirty || submitAttempt)">
+              </ion-input>
+            </ion-item>
+            <ion-item no-lines *ngIf="!validate.controls.pass.valid  && (validate.controls.pass.controls.passwordCheck.dirty || submitAttempt)">
+              <p class="invalid-text">Passwords do not match</p>
+            </ion-item>
+          </ion-col>
+        </ion-row>
+      </div>
 
-      
-      <ion-row justify-content-center>
-        <ion-col col-10>
-          <ion-item no-lines>
-            <ion-input  
-              type="password" 
-              #pass 
-              placeholder="Password" 
-              formControlName='password'
-              [class.invalid]="!validate.controls.password.valid && (validate.controls.password.dirty || submitAttempt)">
-            </ion-input> 
-          </ion-item>
-          <ion-item no-lines *ngIf="!validate.controls.password.valid  && (validate.controls.password.dirty || submitAttempt)">
-            <p class="invalid-text">Enter a password between 6-30 characters using only letters and numbers</p>
-          </ion-item><br>
-        </ion-col>
-      </ion-row>
-      
-      <ion-row justify-content-center>
-        <ion-col col-10>
-          <ion-item no-lines>
-            <ion-input 
-              type="password" 
-              #repass 
-              placeholder="Password Confirmation" 
-              formControlName='passwordCheck'
-              [class.invalid]="!validate.controls.passwordCheck.valid && (validate.controls.passwordCheck.dirty || submitAttempt)">
-            </ion-input>
-          </ion-item>
-          <ion-item no-lines *ngIf="!validate.controls.passwordCheck.valid  && (validate.controls.passwordCheck.dirty || submitAttempt)">
-            <p class="invalid-text">Passwords do not match</p>
-          </ion-item>
-        </ion-col>
-      </ion-row>
       <button id="register-button"color="secondary" ion-button [disabled]="!validate.valid" type="submit">REGISTER</button>
     </form>