Functional directives TS

2020-04-13 08:27:10 -05:00
parent 38873afa43
commit aed8d4a3da
15 changed files with 138 additions and 120 deletions
--- a/app/assets/javascripts/directives/functional/infiniteScroll.ts
+++ b/app/assets/javascripts/directives/functional/infiniteScroll.ts
@@ -0,0 +1,22 @@
+/* @ngInject */
+export function infiniteScroll() {
+  return {
+    link: function (scope: ng.IScope, elem: JQLite, attrs: any) {
+      const scopeAny = scope as any;
+      const offset = parseInt(attrs.threshold) || 0;
+      const e = elem[0];
+      scopeAny.onScroll = () => {
+        if (
+          scope.$eval(attrs.canLoad) &&
+          e.scrollTop + e.offsetHeight >= e.scrollHeight - offset
+        ) {
+          scope.$apply(attrs.infiniteScroll);
+        }
+      };
+      elem.on('scroll', scopeAny.onScroll);
+      scope.$on('$destroy', () => {
+        elem.off('scroll', scopeAny.onScroll);;
+      });
+    }
+  };
+}