grassrootseconomics/cic-staff-client
8
0
Fork 0
Code Issues 26 Pull Requests Projects Releases Wiki Activity

Add network status component.

Browse Source 
- Tracks status uof user's network connection.
This commit is contained in:
Spencer Ofwiti
2021-04-06 10:32:52 +03:00
parent 4006369793
commit a50bc2f50a
7 changed files with 80 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/app.component.html
View File

@@ -1,9 +1,2 @@
<nav class="navbar navbar-dark bg-dark">
<h1 class="navbar-brand">
<strong *ngIf="noInternetConnection" style="color: red;">OFFLINE </strong>
<img *ngIf="noInternetConnection" width="20rem" src="assets/images/no-wifi.svg" alt="Internet Disconnected">
<strong *ngIf="!noInternetConnection" style="color: lawngreen;">ONLINE </strong>
<img *ngIf="!noInternetConnection" width="20rem" src="assets/images/wifi.svg" alt="Internet Connected">
</h1>
</nav>
<app-network-status></app-network-status>
<router-outlet (activate)="onResize(mediaQuery)"></router-outlet>