doneit-web/src/app/services/app-process-status.service.ts

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

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

  status: 'resume' | 'pause' = 'resume'

  constructor() { 
    this.events()
  }

  private events() {
    document.addEventListener('pause', () => {
      // console.log('App going to background');
      this.status = 'pause'
    });

    document.addEventListener('resume', () => {
      // console.log('App going to background');
      this.status = 'resume'
    });
  }
}