diff --git a/projects/common/src/fm/components/app/app.component.html b/projects/common/src/fm/components/app/app.component.html
index ee20526..b449d64 100644
--- a/projects/common/src/fm/components/app/app.component.html
+++ b/projects/common/src/fm/components/app/app.component.html
@@ -26,4 +26,9 @@
+
+
+ No connection, check your internet connection
+
+
diff --git a/projects/common/src/fm/components/app/app.component.scss b/projects/common/src/fm/components/app/app.component.scss
index 5782958..fee4b35 100644
--- a/projects/common/src/fm/components/app/app.component.scss
+++ b/projects/common/src/fm/components/app/app.component.scss
@@ -87,3 +87,21 @@ body { background: #f1f1f1; line-height: 18px; user-select:none;}
.fullscreen > .user-menu {
top:1em;
}
+
+.healthstatus-container {
+ width: 100%;
+ position: absolute;
+ bottom: 0px;
+ overflow: hidden;
+ transition: height 0.5s ease-out;
+ height:3.25em;
+}
+
+.healthstatus {
+ width: 100%;
+ padding: 1em;
+}
+
+.online {
+ height:0;
+}
diff --git a/projects/common/src/fm/components/app/app.component.ts b/projects/common/src/fm/components/app/app.component.ts
index f435b86..3d4abc1 100644
--- a/projects/common/src/fm/components/app/app.component.ts
+++ b/projects/common/src/fm/components/app/app.component.ts
@@ -35,6 +35,7 @@ export class AppComponent implements OnInit, OnDestroy {
public currentFolder: Observable;
public folderParents: Observable;
public fullScreen: Observable;
+ public isOnline: Observable;
public routeLoading: Observable;
public menuVisible: Observable;
public accountMenuVisible: Observable;
@@ -100,6 +101,7 @@ export class AppComponent implements OnInit, OnDestroy {
ngOnInit() {
this.fullScreen = this.store.select(appReducers.selectGetFullScreen);
+ this.isOnline = this.store.select(appReducers.SelectGetIsOnline);
this.routeLoading = this.store.select(appReducers.selectGetRouteLoading);
this.menuVisible = this.store.select(appReducers.SelectGetMenuVisible);
this.accountMenuVisible = this.store.select(appReducers.SelectGetAccountMenuVisible);
diff --git a/projects/common/src/fm/reducers/app-common.reducer.ts b/projects/common/src/fm/reducers/app-common.reducer.ts
index 19a5fa0..0e27053 100644
--- a/projects/common/src/fm/reducers/app-common.reducer.ts
+++ b/projects/common/src/fm/reducers/app-common.reducer.ts
@@ -33,7 +33,7 @@ export const initialState: State = {
menuVisible: false,
userPackages: {},
accountMenuVisible: false,
- isOnline: window.navigator.onLine
+ isOnline: true
}
export function reducer(state = initialState, action: appCommonActions.Actions ): State {
diff --git a/projects/common/src/fm/services/healthcheck.service.ts b/projects/common/src/fm/services/healthcheck.service.ts
index 8888196..8633cc9 100644
--- a/projects/common/src/fm/services/healthcheck.service.ts
+++ b/projects/common/src/fm/services/healthcheck.service.ts
@@ -19,7 +19,7 @@ import { AppConfig } from "../shared/app.config";
}
check(interval:number): Observable {
- let retval = new BehaviorSubject(false);
+ let retval = new BehaviorSubject(true);
setInterval(() => {
this.httpClient.get(`${this.ApiEndpoint()}/api/v1/healthcheck`).pipe(map(() => true),catchError((error) => of(false))).toPromise().then((status) => {
retval.next(status);