@spotinst/spinnaker-deck/app/scripts/modules/core/src/utils/infiniteScroll.directive.js

Spinnaker-Deck service, forked with support to Spotinst

'use strict';

/*
  This is a hacked version of https://github.com/sroze/ngInfiniteScroll
  extracted entirely from this Plunkr: http://plnkr.co/edit/OwhFCyHz0mO1yZMj5UW5?p=preview
  based on this comment https://github.com/angular-ui/ui-select/issues/389#issuecomment-95295234

  This is what using ui-select has done to us.
 */

import * as angular from 'angular';

export const CORE_UTILS_INFINITESCROLL_DIRECTIVE = 'spinnaker.core.utils.infiniteScroll.directive';
export const name = CORE_UTILS_INFINITESCROLL_DIRECTIVE; // for backwards compatibility
angular.module(CORE_UTILS_INFINITESCROLL_DIRECTIVE, []).directive('infiniteScroll', [
  '$rootScope',
  '$window',
  '$timeout',
  function ($rootScope, $window, $timeout) {
    return {
      link: function (scope, elem, attrs) {
        let scrollDistance = 0;
        let scrollEnabled = true;
        let checkWhenEnabled = false;

        $window = angular.element($window);
        elem.css('overflow-y', 'auto');
        elem.css('overflow-x', 'hidden');
        elem.css('height', 'inherit');
        if (attrs.infiniteScrollDistance != null) {
          scope.$watch(attrs.infiniteScrollDistance, function (value) {
            return (scrollDistance = parseInt(value, 10));
          });
        }
        if (attrs.infiniteScrollDisabled != null) {
          scope.$watch(attrs.infiniteScrollDisabled, function (value) {
            scrollEnabled = !value;
            if (scrollEnabled && checkWhenEnabled) {
              checkWhenEnabled = false;
              return handler();
            }
          });
        }
        $rootScope.$on('refreshStart', function () {
          elem.animate({ scrollTop: '0' });
        });
        const handler = function () {
          const container = $(elem.children()[0]);
          const elementBottom = elem.offset().top + elem.height();
          const containerBottom = container.offset().top + container.height();
          const remaining = containerBottom - elementBottom;
          const shouldScroll = remaining <= elem.height() * scrollDistance;
          if (shouldScroll && scrollEnabled) {
            if ($rootScope.$$phase) {
              return scope.$eval(attrs.infiniteScroll);
            } else {
              return scope.$apply(attrs.infiniteScroll);
            }
          } else if (shouldScroll) {
            return (checkWhenEnabled = true);
          }
        };
        elem.on('scroll', handler);
        scope.$on('$destroy', function () {
          return $window.off('scroll', handler);
        });
        return $timeout(function () {
          if (attrs.infiniteScrollImmediateCheck) {
            if (scope.$eval(attrs.infiniteScrollImmediateCheck)) {
              return handler();
            }
          } else {
            return handler();
          }
        }, 0);
      },
    };
  },
]);