Add directive for textarea with label and count

Author: Nick Litwin

app/directives/tc-textarea/tc-textarea.directive.js

@@ -0,0 +1,22 @@
+(function() {
+  'use strict';
+
+  angular.module('tcUIComponents').directive('tcTextarea', tcTextarea);
+
+  function tcTextarea() {
+    return {
+      restrict: 'E',
+      templateUrl: 'directives/tc-textarea/tc-textarea.html',
+      scope: {
+        labelText: '@',
+        placeholder: '@',
+        characterCount: '=',
+        characterCountMax: '@',
+        commentValue: '='
+      },
+      link: function(scope) {
+        console.log(scope);
+      }
+    }
+  }
+})();

app/directives/tc-textarea/tc-textarea.jade

@@ -0,0 +1,7 @@
+label.tc-textarea__label {{labelText}}
+  span.tc-textarea__char-count(ng-if="characterCount")
+    span.tc-textarea__char-count--current {{commentValue.length || 0}}
+
+    span {{' / ' + characterCountMax}}
+
+textarea(placeholder="{{placeholder}}", ng-model="commentValue", maxlength="{{characterCountMax}}")