From e71e9c7ce960ec95edd4af5783a62efb14fc1607 Mon Sep 17 00:00:00 2001 From: Pliable Pixels Date: Sat, 5 Sep 2020 09:31:45 -0400 Subject: #963 allow size selection of thumbs --- www/css/style.css | 10 ++++++++++ www/js/DevOptionsCtrl.js | 29 +++++++++++++++++++++++++++++ www/js/EventCtrl.js | 22 ++++++++++++++++++++-- www/js/NVR.js | 10 +++++++++- www/lang/locale-en.json | 3 +++ www/templates/devoptions.html | 9 +++++++++ www/templates/events.html | 22 ++++++++++++---------- 7 files changed, 92 insertions(+), 13 deletions(-) (limited to 'www') diff --git a/www/css/style.css b/www/css/style.css index 1ee1b9ab..3cb1ef4a 100644 --- a/www/css/style.css +++ b/www/css/style.css @@ -1910,6 +1910,16 @@ fill-opacity: 0.8; } +.largeThumbs { + margin-left:auto; + margin-right:auto; + display:block; +} + +.smallThumbs { + float:right; + padding-left:20px; +} @media (min-width:600px) { .montage-time { diff --git a/www/js/DevOptionsCtrl.js b/www/js/DevOptionsCtrl.js index d735f967..2af824b5 100644 --- a/www/js/DevOptionsCtrl.js +++ b/www/js/DevOptionsCtrl.js @@ -143,6 +143,8 @@ angular.module('zmApp.controllers').controller('zmApp.DevOptionsCtrl', ['$scope' NVR.debug("SaveDevOptions: Saving to disk"); NVR.setLogin($scope.loginData); + + //console.log ($scope.loginData); NVR.getMonitors(1); } @@ -210,6 +212,33 @@ angular.module('zmApp.controllers').controller('zmApp.DevOptionsCtrl', ['$scope' }); }; + $scope.selectEventViewThumbsSize = function() { + + var buttons = [ + + { text: $translate.instant('kEventViewThumbsSmall'), value:'small' }, + { text: $translate.instant('kEventViewThumbsLarge'), value:'large' }, + + ]; + + $ionicActionSheet.show({ + titleText: $translate.instant('kSelect'), + buttons: buttons, + + cancelText: $translate.instant('kButtonCancel'), + cancel: function() { + NVR.debug ('obfuscation actionsheet cancelled'); + }, + buttonClicked: function(index) { + + $scope.loginData.eventViewThumbsSize = buttons[index].value; + NVR.debug ('changed event view thumbs size to:'+$scope.loginData.eventViewThumbsSize ); + return true; + }, + + }); + }; + $scope.saveDevOptions = function () { saveDevOptions(); diff --git a/www/js/EventCtrl.js b/www/js/EventCtrl.js index d7dd4fc1..a83f6b1e 100644 --- a/www/js/EventCtrl.js +++ b/www/js/EventCtrl.js @@ -195,6 +195,14 @@ angular.module('zmApp.controllers') //console.log ("********* BEFORE ENTER"); // + $scope.thumbClass = 'small'; + var ld = NVR.getLogin(); + if (ld.eventViewThumbsSize == 'large') { + NVR.debug ('Switching to big thumbs style'); + $scope.thumbClass = 'large'; + } else { + NVR.debug ('using small thumbs style'); + } $scope.mid = ''; $scope.$on ("alarm", function() { @@ -2955,8 +2963,18 @@ angular.module('zmApp.controllers') function computeThumbnailSize(mw, mh, mo) { - tw = Math.round(0.9 * $rootScope.devWidth); - th = Math.round(0.7 * $rootScope.devHeight); + var ld = NVR.getLogin(); + + if (ld.eventViewThumbsSize == 'large') { + tw = Math.round(0.9 * $rootScope.devWidth); + th = Math.round(0.7 * $rootScope.devHeight); + } else { + tw = Math.round(0.4 * $rootScope.devWidth); + th = Math.round(0.3 * $rootScope.devHeight); + } + + + var ratio = mw / mh; var result = { diff --git a/www/js/NVR.js b/www/js/NVR.js index 5bdc23b9..a3cf0189 100644 --- a/www/js/NVR.js +++ b/www/js/NVR.js @@ -227,7 +227,9 @@ angular.module('zmApp.controllers') 'httpCordovaNoEncode': false, 'currentZMGroupNames': [], 'unsupported': {}, - 'monitorSpecific': {} + 'monitorSpecific': {}, + 'eventViewThumbs': true, + 'eventViewThumbsSize': 'small', }; @@ -1567,6 +1569,12 @@ angular.module('zmApp.controllers') } + if (typeof loginData.eventViewThumbsSize == 'undefined') { + + loginData.eventViewThumbsSize = 'small'; + + } + if (typeof loginData.enableSlowLoading == 'undefined') { loginData.enableSlowLoading = false; diff --git a/www/lang/locale-en.json b/www/lang/locale-en.json index 088f21b3..abae59f6 100644 --- a/www/lang/locale-en.json +++ b/www/lang/locale-en.json @@ -113,6 +113,9 @@ "kEventServerVersionTitle" :"Event Server version not supported", "kEventSingleImageScale" :"Event single image scale", "kEventStillRecording" :"event is still recording - showing live feed", + "kEventViewThumbsSize" :"thumbnail size", + "kEventViewThumbsSmall" :"small", + "kEventViewThumbsLarge" :"large", "kEvents" :"events", "kEventsCap" :"Events", "kExampleServer" :"eg. My House", diff --git a/www/templates/devoptions.html b/www/templates/devoptions.html index 00361460..68f605cd 100644 --- a/www/templates/devoptions.html +++ b/www/templates/devoptions.html @@ -198,6 +198,15 @@ + +