Sampath-Lokuge

void main() {
  const vicki = User(id: 24, name: 'Vicki');
  print(vicki.id);
}


class User { 

  final int id;
  final String name;

Sampath-Lokuge

setPayPal(): void {

    forkJoin([this.translateService.get(['Client.Pay-With-PayPal', 'Client.Pay-Now']),
    this.translateService.get('Client.Please-Click-And-Make-The-Payment', { value: environment.parcelDeliveryCost })])
      .subscribe(([res1, res2]) => {
        this.payPal = {
          title: res1['Client.Pay-With-PayPal'],
          payPalUrl: environment.payPalUrl,
          description: res2,
          parentButtonText: res1['Client.Pay-With-PayPal'],

Sampath-Lokuge

{
  "extends": "tslint:recommended",
  "rulesDirectory": [
    "codelyzer"
  ],
  "rules": {
    "array-type": false,
    "arrow-parens": false,
    "deprecation": {
      "severity": "warn"

Sampath-Lokuge

.color-white {
    color: white !important;
}

.background-transparent {
    background: transparent !important;
}

.width-85-percent {

Sampath-Lokuge

export interface UserProfile {
    id: string;
    name: string;
    email: string;
    creationTime: any;
}

Sampath-Lokuge

import { Injectable } from '@angular/core';
import { AngularFirestore, AngularFirestoreDocument } from '@angular/fire/firestore';
import { AngularFireAuth } from '@angular/fire/auth';
import { ShowToastService } from './show-toast.service';
import * as firebase from 'firebase/app';
import { UserProfile } from '../models/user-profile';
import { Facebook } from '@ionic-native/facebook/ngx';
import { Observable } from 'rxjs';
import { first } from 'rxjs/operators';
import { GooglePlus } from '@ionic-native/google-plus/ngx';

Sampath-Lokuge

import { Injectable } from '@angular/core';
import { ToastController } from '@ionic/angular';

@Injectable({
  providedIn: 'root'
})
export class ShowToastService {

  constructor(private toastCtrl: ToastController) { }

Sampath-Lokuge

import { Injectable } from '@angular/core';
import { LoadingController } from '@ionic/angular';

@Injectable({
  providedIn: 'root'
})
export class LoadingService {

  constructor(private loadingCtrl: LoadingController) { }

Sampath-Lokuge

<ion-content class="sign-in">
  <ion-grid>
    <ion-row>
      <ion-col size="12" text-center class="color-white">
        <h5>Loyalty</h5>
      </ion-col>
    </ion-row>
    <ion-row>
      <ion-col size="12" class="color-white" text-center>
        <h6>Log in to your account</h6>

Sampath-Lokuge

import { Component, OnInit } from '@angular/core';
import { FormGroup, FormBuilder, Validators } from '@angular/forms';
import { NavController } from '@ionic/angular';
import { ShowToastService } from 'src/app/services/show-toast.service';
import { LoadingService } from 'src/app/services/loading.service';
import { AuthenticationService } from 'src/app/services/authentication.service';

@Component({
  selector: 'app-login',
  templateUrl: './login.page.html',