import {Component, OnInit} from '@angular/core';

import {SwUpdate} from '@angular/service-worker';

import {MatSnackBar, MatSnackBarRef, SimpleSnackBar} from '@angular/material';

@Component({

  selector: 'app-root',

  templateUrl: './app.component.html',

  styleUrls: ['./app.component.scss']

})

export class AppComponent implements OnInit{

  snackBarRef: MatSnackBarRef<SimpleSnackBar>;

  constructor( private swUpdate: SwUpdate,

               public snackBar: MatSnackBar) {

  }

  ngOnInit() {

    // check that whether service worker is enabled or not

    if (this.swUpdate.isEnabled) {

      // if there is a new service worker version

      this.swUpdate.available.subscribe(() => {

        this.snackBarRef = this.snackBar.open('The new page is ready to update', 'Reload Page', {

          duration: ,

        });

      });

      // refresh the page

      this.snackBarRef.onAction().subscribe(() => {

        window.location.reload();

      });

    }

  }

}