From beb9f4ca67b7de10f6985979ea4d63fe306cb6dc Mon Sep 17 00:00:00 2001
From: Pliable Pixels <pliablepixels@gmail.com>
Date: Tue, 8 Sep 2020 19:45:16 -0400
Subject: #970 recompute device w/h on entry into events - needed only when you
 start in events view on app start. earlier dimensions are not accurate,
 leading to whitespace till you rotate

---
 www/js/NVR.js | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

(limited to 'www/js/NVR.js')

diff --git a/www/js/NVR.js b/www/js/NVR.js
index 99116eb4..93897623 100644
--- a/www/js/NVR.js
+++ b/www/js/NVR.js
@@ -326,6 +326,21 @@ angular.module('zmApp.controllers')
         return  p? loginData.unsupported[p]:loginData.unsupported;
       }
 
+      function computeDeviceSize() {
+        var pixelRatio = window.devicePixelRatio || 1;
+        $rootScope.pixelRatio = pixelRatio;
+        $rootScope.devWidth = ((window.innerWidth > 0) ? window.innerWidth : screen.width);
+        $rootScope.devHeight = ((window.innerHeight > 0) ? window.innerHeight : screen.height);
+        $rootScope.videoHeight = $rootScope.devHeight - 20;
+        $rootScope.devWidthIgnorePix = $rootScope.devWidth;
+          
+        $rootScope.devWidth *= pixelRatio;
+        $rootScope.devHeight *= pixelRatio;
+
+        debug("resize/orient: " + $rootScope.devWidth + "(w) * " + $rootScope.devHeight+"(h)");
+
+      }
+
       function getBandwidth() {
         // if mode is not on always return high
         if (loginData.enableLowBandwidth == false) {
@@ -2867,6 +2882,9 @@ angular.module('zmApp.controllers')
         getSnapshotFrame: function () {
           return snapshotFrame;
         },
+        computeDeviceSize: function () {
+          return computeDeviceSize();
+        },
 
         //-----------------------------------------------------------------------------
         // This function returns a list of monitors
-- 
cgit v1.2.3