Add directive to show change entries.

services/web/public/coffee/ide/review-panel/ReviewPanelManager.coffee

@@ -5,6 +5,7 @@ define [
 	"ide/review-panel/directives/reviewPanelSorted"
 	"ide/review-panel/directives/reviewPanelToggle"
 	"ide/review-panel/directives/changeEntry"
+	"ide/review-panel/directives/aggregateChangeEntry"
 	"ide/review-panel/directives/commentEntry"
 	"ide/review-panel/directives/addCommentEntry"
 	"ide/review-panel/directives/bulkActionsEntry"

services/web/public/coffee/ide/review-panel/directives/aggregateChangeEntry.coffee

@@ -0,0 +1,30 @@
+define [
+	"base"
+], (App) ->
+	App.directive "aggregateChangeEntry", ($timeout) ->
+		restrict: "E"
+		templateUrl: "aggregateChangeEntryTemplate"
+		scope: 
+			entry: "="
+			user: "="
+			permissions: "="
+			onAccept: "&"
+			onReject: "&"
+			onIndicatorClick: "&"
+			onBodyClick: "&"
+		link: (scope, element, attrs) ->
+			scope.contentLimit = 40
+			scope.isCollapsed = true
+			scope.needsCollapsing = false
+
+			element.on "click", (e) ->
+				if $(e.target).is('.rp-entry, .rp-entry-description, .rp-entry-body, .rp-entry-action-icon i')
+					scope.onBodyClick()
+
+			scope.toggleCollapse = () ->
+				scope.isCollapsed = !scope.isCollapsed
+				$timeout () ->
+					scope.$emit "review-panel:layout"
+
+			# scope.$watch "entry.content.length", (contentLength) ->
+			# 	scope.needsCollapsing = contentLength > scope.contentLimit