feat(package): enhanced - i18n | ngx-auth-firebaseui-login comp. #316

Author: AnthonyNahas

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

@@ -14,23 +14,23 @@
       <form name="loginForm" [formGroup]="loginForm" novalidate>
 
         <mat-form-field [appearance]="appearance">
-          <input matInput placeholder="Email" formControlName="email">
+          <input matInput [placeholder]="emailText" formControlName="email">
           <mat-icon matSuffix color="primary">email</mat-icon>
           <mat-error *ngIf="loginForm.get('email').hasError('required')">
-            Email is required
+            {{emailErrorRequiredText}}
           </mat-error>
           <mat-error
             *ngIf="!loginForm.get('email').hasError('required') &&
                                 loginForm.get('email').hasError('email')">
-            Please enter a valid email address
+            {{emailErrorPatternText}}
           </mat-error>
         </mat-form-field>
 
         <mat-form-field [appearance]="appearance">
-          <input matInput type="password" placeholder="Password" formControlName="password">
+          <input matInput type="password" [placeholder]="passwordText" formControlName="password">
           <mat-icon matSuffix color="primary">lock</mat-icon>
           <mat-error>
-            Password is required
+            {{passwordErrorRequiredText}}
           </mat-error>
         </mat-form-field>
 
@@ -60,6 +60,10 @@
         <span class="text">{{orLabelText}}</span>
       </div>
 
+      <!--      <ngx-auth-firebaseui-providers layout="column"-->
+      <!--                                     theme="raised"-->
+      <!--                                     [providers]="providers"></ngx-auth-firebaseui-providers>-->
+
       <button mat-raised-button class="google">
         Google
       </button>

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

@@ -27,6 +27,15 @@ export class NgxAuthFirebaseuiLoginComponent implements OnInit {
   @Input() dontHaveAnAccountText = 'Don\'t have an account?';
   @Input() createAccountButtonText = 'Create an account';
 
+  // i18n email
+  @Input() emailText = 'Email';
+  @Input() emailErrorRequiredText = 'Email is required';
+  @Input() emailErrorPatternText = 'Please enter a valid email address';
+
+  // i18n password
+  @Input() passwordText = 'Password';
+  @Input() passwordErrorRequiredText = 'Password is required';
+
   // Events
   @Output() onSuccess: any;
   @Output() onError: any;