safebox/guacamole-client
4
0
Fork 0
mirror of https://github.com/gyurix1968/guacamole-client.git synced 2025-09-06 13:17:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

GUACAMOLE-152: Handle zoom changes with autoFit correctly.

Browse Source
This commit is contained in:
Nick Couchman
2018-05-12 08:13:15 -04:00
parent b4c8bc8058
commit b34d97f82d
3 changed files with 19 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
guacamole/src/main/webapp/app/client/controllers/clientController.js
View File

@@ -741,6 +741,16 @@ angular.module('client').controller('clientController', ['$scope', '$routeParams
$scope.client.clientProperties.autoFit = false;
$scope.client.clientProperties.scale -= 0.1;
};
/**
* When zoom is manually set by entering a value
* into the controller, this method turns off autoFit,
* both in the menu and the clientProperties.
*/
$scope.zoomSet = function zoomSet() {
$scope.menu.autoFit = false;
$scope.client.clientProperties.autoFit = false;
};
$scope.changeAutoFit = function changeAutoFit() {
if ($scope.menu.autoFit && $scope.client.clientProperties.minScale) {

8
guacamole/src/main/webapp/app/client/directives/guacZoomCtrl.js
View File

@@ -26,7 +26,13 @@ angular.module('client').directive('guacZoomCtrl', function guacZoomCtrl() {
restrict: 'A',
require: 'ngModel',
priority: 101,
link: function(scope, element, attr, ngModel) {
link: function(scope, element, attrs, ngModel) {
// Evaluate the ngChange attribute when the model
// changes.
ngModel.$viewChangeListeners.push(function() {
scope.$eval(attrs.ngChange);
});
// When pushing to the menu, mutiply by 100.
ngModel.$formatters.push(function(value) {

3
guacamole/src/main/webapp/app/client/templates/client.html
View File

@@ -154,7 +154,8 @@
<div class="zoom-ctrl">
<input type="number" class="zoom-ctrl" guac-zoom-ctrl
ng-model="client.clientProperties.scale"
ng-model-options="{ updateOn: 'blur submit' }" />%
ng-model-options="{ updateOn: 'blur submit' }"
ng-change="zoomSet();" />%
</div>
<div ng-click="zoomIn()" id="zoom-in"><img src="images/settings/zoom-in.png" alt="+"/></div>
</div>