safebox/guacamole-client
4
0
Fork 0
mirror of https://github.com/gyurix1968/guacamole-client.git synced 2025-10-31 00:53:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

GUAC-958: Adjust viewport height based purely on scroll state. Manually scroll if we suspect doing so may result in height adjustments.

Browse Source
This commit is contained in:
Michael Jumper
2015-01-29 12:54:38 -08:00
parent 1542af3056
commit 1ea2d40c19
1 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
guacamole/src/main/webapp/app/client/directives/guacViewport.js
View File

@@ -31,8 +31,8 @@ angular.module('client').directive('guacViewport', [function guacViewport() {
scope: {},
transclude: true,
templateUrl: 'app/client/templates/guacViewport.html',
controller: ['$scope', '$window', '$document', '$element',
function guacViewportController($scope, $window, $document, $element) {
controller: ['$scope', '$interval', '$window', '$document', '$element',
function guacViewportController($scope, $interval, $window, $document, $element) {
/**
* The fullscreen container element.
@@ -69,7 +69,7 @@ angular.module('client').directive('guacViewport', [function guacViewport() {
var scrollHeight = document.body.scrollHeight;
// Calculate new height
var adjustedHeight = $window.innerHeight - scrollTop;
var adjustedHeight = scrollHeight - scrollTop;
// Only update if not in response to our own call to scrollTo()
if (scrollLeft !== scrollWidth && scrollTop !== scrollHeight
@@ -84,14 +84,22 @@ angular.module('client').directive('guacViewport', [function guacViewport() {
}
// Manually attempt scroll if height has not been adjusted
else if (adjustedHeight === 0)
$window.scrollTo(scrollWidth, scrollHeight);
};
// Fit container within visible region when window scrolls
$window.addEventListener('scroll', fitVisibleArea);
// Clean up event listener on destroy
// Poll every 10ms, in case scroll event does not fire
var pollArea = $interval(fitVisibleArea, 10);
// Clean up on destruction
$scope.$on('$destroy', function destroyViewport() {
$window.removeEventListener('scroll', fitVisibleArea);
$interval.cancel(pollArea);
});
}]