feat(package): integration of firebase auth inngx-auth-firebaseui-register #323

Author: AnthonyNahas

src/module/components/ngx-auth-firebaseui-register/ngx-auth-firebaseui-register.component.html

@@ -56,26 +56,26 @@
         </mat-form-field>
 
         <!--        <div *ngIf="this.tosUrl || this.privacyPolicyUrl"-->
-<!--        <div-->
-<!--          class="terms"-->
-<!--          fxLayout="row" fxLayoutAlign="center center"-->
-<!--          [@animate]="{value:'*',params:{duration:'250ms',y:'100px'}}">-->
-<!--          <mat-checkbox aria-label="I read and accept" name="terms" required>-->
-<!--            <span>{{readAncAcceptText}}</span>-->
-<!--            <span>&nbsp;</span>-->
-<!--            <a target="_blank"-->
-<!--               [href]="this.tosUrl">-->
-<!--              Terms of Service and Conditions-->
-<!--            </a>-->
-<!--          </mat-checkbox>-->
-<!--        </div>-->
+        <!--        <div-->
+        <!--          class="terms"-->
+        <!--          fxLayout="row" fxLayoutAlign="center center"-->
+        <!--          [@animate]="{value:'*',params:{duration:'250ms',y:'100px'}}">-->
+        <!--          <mat-checkbox aria-label="I read and accept" name="terms" required>-->
+        <!--            <span>{{readAncAcceptText}}</span>-->
+        <!--            <span>&nbsp;</span>-->
+        <!--            <a target="_blank"-->
+        <!--               [href]="this.tosUrl">-->
+        <!--              Terms of Service and Conditions-->
+        <!--            </a>-->
+        <!--          </mat-checkbox>-->
+        <!--        </div>-->
 
-        <button
-          [disabled]="registerForm.invalid"
-          aria-label="CREATE AN ACCOUNT"
-          class="submit-button"
-          [color]="colorAccent"
-          mat-raised-button>
+        <button mat-raised-button
+                aria-label="CREATE AN ACCOUNT"
+                class="submit-button"
+                [color]="colorAccent"
+                [disabled]="registerForm.invalid"
+                (click)="createAccount()">
           {{createAccountButtonText}}
         </button>
       </form>

src/module/components/ngx-auth-firebaseui-register/ngx-auth-firebaseui-register.component.ts

@@ -129,4 +129,14 @@ export class NgxAuthFirebaseuiRegisterComponent implements OnInit, OnDestroy {
     this._unsubscribeAll.next();
     this._unsubscribeAll.complete();
   }
+
+  async createAccount() {
+    return await this.authProcess.signUp(
+      this.registerForm.get('name').value,
+      {
+        email: this.registerForm.get('email').value,
+        password: this.registerForm.get('password').value
+      }
+    )
+  }
 }