31 lines
791 B
TypeScript
31 lines
791 B
TypeScript
|
import {Component, OnInit, ChangeDetectionStrategy, ChangeDetectorRef} from '@angular/core';
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
selector: 'app-network-status',
|
||
|
|
templateUrl: './network-status.component.html',
|
||
|
|
styleUrls: ['./network-status.component.scss'],
|
||
|
|
changeDetection: ChangeDetectionStrategy.OnPush
|
||
|
|
})
|
||
|
|
export class NetworkStatusComponent implements OnInit {
|
||
|
|
noInternetConnection: boolean = !navigator.onLine;
|
||
|
|
|
||
|
|
constructor(
|
||
|
|
private cdr: ChangeDetectorRef,
|
||
|
|
) {
|
||
|
|
this.handleNetworkChange();
|
||
|
|
}
|
||
|
|
|
||
|
|
ngOnInit(): void {
|
||
|
|
}
|
||
|
|
|
||
|
|
handleNetworkChange(): void {
|
||
|
|
setTimeout(() => {
|
||
|
|
if (!navigator.onLine !== this.noInternetConnection) {
|
||
|
|
this.noInternetConnection = !navigator.onLine;
|
||
|
|
this.cdr.detectChanges();
|
||
|
|
}
|
||
|
|
this.handleNetworkChange();
|
||
|
|
}, 5000);
|
||
|
|
}
|
||
|
|
}
|