2 files changed, 23 insertions, 14 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
+  }
+}
diff --git a/client/src/app/shared/misc/utils.ts b/client/src/app/shared/misc/utils.ts
index 2219ac802..53aff1b24 100644
--- a/client/src/app/shared/misc/utils.ts
+++ b/client/src/app/shared/misc/utils.ts
@@ -96,26 +96,12 @@ function lineFeedToHtml (obj: object, keyToNormalize: string) {
   })
 }
 
-// Try to cache a little bit window.innerWidth
-let windowInnerWidth = window.innerWidth
-setInterval(() => windowInnerWidth = window.innerWidth, 500)
-
-function isInSmallView () {
-  return windowInnerWidth < 600
-}
-
-function isInMobileView () {
-  return windowInnerWidth < 500
-}
-
 export {
   objectToUrlEncoded,
   getParameterByName,
   populateAsyncUserVideoChannels,
   getAbsoluteAPIUrl,
   dateToHuman,
-  isInSmallView,
-  isInMobileView,
   immutableAssign,
   objectToFormData,
   lineFeedToHtml