1 files changed, 23 insertions, 0 deletions

diff --git a/client/src/app/shared/misc/screen.service.ts b/client/src/app/shared/misc/screen.service.ts
new file mode 100644
index 000000000..5b17a914a
--- /dev/null
+++ b/client/src/app/shared/misc/screen.service.ts
@@ -0,0 +1,23 @@
+import { Injectable, NgZone } from '@angular/core'
+
+@Injectable()
+export class ScreenService {
+  private windowInnerWidth: number
+
+  constructor (private zone: NgZone) {
+    this.windowInnerWidth = window.innerWidth
+
+    // Try to cache a little bit window.innerWidth
+    this.zone.runOutsideAngular(() => {
+      setInterval(() => this.windowInnerWidth = window.innerWidth, 500)
+    })
+  }
+
+  isInSmallView () {
+    return this.windowInnerWidth < 600
+  }
+
+  isInMobileView () {
+    return this.windowInnerWidth < 500
+  }
+}