Split directives into separate files

website/public/js/directives/when-scrolled.directive.js

@@ -0,0 +1,17 @@
+'use strict';
+
+angular
+  .module('habitrpg')
+  .directive('whenScrolled', whenScrolled);
+
+function whenScrolled() {
+  return function(scope, elm, attr) {
+    var raw = elm[0];
+
+    elm.bind('scroll', function() {
+      if (raw.scrollTop + raw.offsetHeight >= raw.scrollHeight) {
+        scope.$apply(attr.whenScrolled);
+      }
+    });
+  };
+}