External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-01-11 10:00:01 -03:30
Code Issues Packages Projects Releases Wiki Activity

Handle edge cases for auto resize module directive

Browse Source
This commit is contained in:
Joe Fiorini 2015-01-29 16:40:50 -05:00
parent e28869c63d
commit 6b509e2814
1 changed files with 24 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
awx/ui/static/js/directives/auto-size-module.js
View File

@ -1,5 +1,5 @@
angular.module('DashboardGraphs')
.directive('autoSizeModule', ['$window', function($window) {
.directive('autoSizeModule', ['$window', '$timeout', function($window, $timeout) {
// Adjusts the size of the module so that all modules
// fit into a single a page; assumes there are 2 rows
@ -7,6 +7,21 @@ angular.module('DashboardGraphs')
// by the navbar & the count summaries module
return function(scope, element, attr) {
// We need to trigger a resize on the first call
// to this when the view things load; but we don't want
// to trigger a global window resize for everything that
// has an auto resize, since they'll all pick it up with
// a single call
var triggerResize =
_.throttle(function() {
$($window).resize();
}, 1000);
function adjustSizeInitially() {
adjustSize();
triggerResize();
}
function adjustSize() {
var winHeight = $($window).height(),
available_height = winHeight - $('#main-menu-container .navbar').outerHeight() - $('#count-container').outerHeight() - 120;
@ -19,11 +34,18 @@ angular.module('DashboardGraphs')
$($window).off('resize', adjustSize);
});
// Wait a second or until dashboardReady triggers,
// whichever comes first. The timeout handles cases
// where dashboardReady never fires.
var dashboardReadyTimeout = $timeout(adjustSizeInitially, 500);
// This makes sure count-container div is loaded
// by controllers/Home.js before we use it
// to determine the available window height
scope.$on('dashboardReady', function() {
adjustSize();
$timeout.cancel(dashboardReadyTimeout);
adjustSizeInitially();
});
};