Split directives into separate files

website/public/js/directives/task-focus.directive.js

@@ -0,0 +1,24 @@
+'use strict';
+
+angular
+  .module('habitrpg')
+  .directive('taskFocus', taskFocus);
+
+taskFocus.$inject = ['$timeout'];
+
+/**
+ * Directive that places focus on the element it is applied to when the
+ * expression it binds to evaluates to true.
+ */
+
+function taskFocus($timeout) {
+  return function(scope, elem, attrs) {
+    scope.$watch(attrs.taskFocus, function(newVal) {
+      if (newVal) {
+        $timeout(function() {
+          elem[0].focus();
+        }, 0, false);
+      }
+    });
+  }
+}