doneit-web/src/app/pages/login/login.page.ts

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { AuthService } from 'src/app/services/auth.service';
import { User, UserForm } from 'src/app/models/user.model';
import { ToastService } from 'src/app/services/toast.service';
import { environment } from 'src/environments/environment';
import { AlertController, ModalController } from '@ionic/angular';
import { StorageService } from 'src/app/services/storage.service';
import { AuthConnstants } from 'src/app/config/auth-constants';
import { PhotoService } from 'src/app/services/photo.service';
import { NotificationsService } from 'src/app/services/notifications.service';
import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
import crypto  from  'crypto-js'
import { SuccessMessageComponent } from 'src/app/shared/popover/success-message/success-message.component';
import { BadRequestComponent } from 'src/app/shared/popover/bad-request/bad-request.component';

//import { Token } from '../../models/token.model';
//import { FCM } from 'cordova-plugin-fcm-with-dependecy-updated/ionic/ngx';

/* import { Plugins, PushNotification, PushNotificationToken, PushNotificationActionPerformed } from '@capacitor/core';
const { PushNotifications } = Plugins;
*/

@Component({
  selector: 'app-login',
  templateUrl: './login.page.html',
  styleUrls: ['./login.page.scss'],
})
export class LoginPage implements OnInit {

  logstatus: boolean;
  username: string = environment.defaultuser;
  password: string = environment.defaultuserpwd;
  userattempt: UserForm;
  code = []
  setPint = false

  pin = localStorage.getItem('PIN') != null

  constructor(
    private http: HttpClient,
    private notificatinsservice: NotificationsService,
    private router: Router,
    private authService: AuthService,
    private storageService: StorageService,
    private toastService: ToastService,
    private photoService: PhotoService,
    public alertController: AlertController,
    private modalController: ModalController
    //private fcm: FCM
  ) { }

  ngOnInit() {}

  //Function to validade the login inputs
  validateInput() {
    return (
      this.username.trim().length > 0
      && this.password.trim().length > 0
    );
  }

  async presentAlert(message: string) {
    const alert = await this.alertController.create({
      cssClass: 'my-custom-class',
      header: 'Mensagem do sistema',
      message: message,
      buttons: ['OK']
    });

    await alert.present();
  }

  loginRocketChat() {

    let postData = {
      "user": this.username,
      "password": this.password,
    }

    this.authService.loginChat(postData).subscribe((res: any) => {
      console.log(res.data);
      this.storageService.store(AuthConnstants.AUTH, res.data);
      console.log('Login to Rocket chat OK');
    }, (error: any) => {
      console.log('Network error');
      this.presentAlert('Network error ' + error);
    });
  }

  getToken() {
    // this.notificatinsservice.getAndpostToken(this.username);
  }

  async Login() {

    if (this.validateInput()) {
      this.userattempt = {
        username: this.username,
        password: this.password,
        domainName: environment.domain,
        BasicAuthKey: ""
      }
      if (await this.authService.login(this.userattempt)) {
        this.loginRocketChat();
        //this.getToken();

        if(!this.pin) {
          this.setPint = true
          this.pin = true
        } else {
          this.router.navigate(['/home/events']);
        }

      }
      else {
        //this.toastService.presentToast('Não foi possível fazer login"');
        this.presentAlert('O nome de utilizador e palavra-passe estão incorretas ou verifique a sua conexão com a internet e volte a tentar.');
      }
    }
    else {
      //this.toastService.presentToast('Preencha todos campos');
      this.presentAlert('Por favor, insira o seu nome de utilizador e palavra-passe.');
    }
  }

  setCode(code: string) {
    if(this.code.length < 4) {
      this.code.push(code)
    }

    if(this.code.length == 4) {
      
      const code = this.code.join('')
      const encrypted = crypto.SHA1(code)
  
      if(this.setPint) {
        this.storePin()
      } else {
        this.pinLogin()
      }
    }

  }

  clearCode() {
    this.code =[]
  }

  pinLogin() { 
    
    const code = this.code.join('')
    const encrypted = crypto.SHA1(code)

    if( encrypted == localStorage.getItem('PIN')) {
      //this.successMessage()
      this.router.navigate(['/home/events']);
    } else {
      this.badRequest()
      this.code = []
    }

  }

  storePin() {

    const code = this.code.join('')
    const encrypted = crypto.SHA1(code)

    localStorage.setItem('PIN', encrypted)

    this.router.navigate(['/home/events']);

  }

  async successMessage(message?: string) {
    
    const modal = await this.modalController.create({
      component: SuccessMessageComponent,
       componentProps: {
        message: message || 'Processo efetuado' ,
      },
      cssClass: 'modal modal-desktop'
    });

    modal.present()
    
    setTimeout(()=>{
      modal.dismiss()
    },3000)
    
  }

  async badRequest(message?: string) {
    const modal = await this.modalController.create({
      component: BadRequestComponent,
       componentProps: {
        message: message || 'Processo não efetuado' ,
      },
      cssClass: 'modal modal-desktop'
    });

    modal.present()
    
    setTimeout(()=>{
      modal.dismiss()
    },3000)
  }

}