Add expandable text area directive; apply it to review panel text areas.

services/web/app/views/project/editor/review-panel.jade

@@ -193,6 +193,7 @@ script(type='text/ng-template', id='commentEntryTemplate')
 							) {{ comment.user.name }}: 
 							| {{ comment.content }}
 						textarea.rp-comment-input(
+							expandable-text-area
 							ng-if="comment.editing"
 							ng-model="comment.content"
 							ng-keypress="saveEditOnEnter($event, comment);"
@@ -219,6 +220,7 @@ script(type='text/ng-template', id='commentEntryTemplate')
 				i.fa.fa-spinner.fa-spin
 			.rp-comment-reply(ng-if="permissions.comment")
 				textarea.rp-comment-input(
+					expandable-text-area
 					ng-model="entry.replyContent"
 					ng-keypress="handleCommentReplyKeyPress($event);"
 					stop-propagation="click"
@@ -309,6 +311,7 @@ script(type='text/ng-template', id='addCommentEntryTemplate')
 			div(ng-if="state.isAdding")
 				.rp-new-comment
 					textarea.rp-comment-input(
+						expandable-text-area
 						ng-model="state.content"
 						ng-keypress="handleCommentKeyPress($event);"
 						placeholder="Add your comment here"

services/web/public/coffee/directives/expandableTextArea.coffee

@@ -0,0 +1,17 @@
+define [
+	"base"
+], (App) ->
+	App.directive "expandableTextArea", () ->
+		restrict: "A"
+		link: (scope, el) ->
+			resetHeight = () ->
+				console.log el.val()
+				el.css("height", "auto")
+				el.css("height", el.prop("scrollHeight"))
+
+			scope.$watch (() -> el.val()), resetHeight
+
+			resetHeight()
+
+
+	

services/web/public/coffee/ide.coffee

@@ -28,6 +28,7 @@ define [
 	"directives/onEnter"
 	"directives/stopPropagation"
 	"directives/rightClick"
+	"directives/expandableTextArea"
 	"services/queued-http"
 	"filters/formatDate"
 	"main/event"