Consolidate members list.

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

@@ -67,24 +67,30 @@
 					on-toggle="toggleTrackChangesForEveryone(isOn);"
 					disabled="!project.features.trackChanges || !permissions.write"
 				)
-			li.rp-tc-state-item
+			//- li.rp-tc-state-item(
-				span.rp-tc-state-item-name.rp-tc-state-item-owner(
+			//- 	ng-init="formattedOwner = formatUser(project.owner);"
-					ng-class="{ 'rp-tc-state-item-name-disabled' : reviewPanel.trackChangesOnForEveryone}"
+			//- )
-					style="color: hsl({{ users[project.owner._id].hue }}, 70%, 40%);"
+			//- 	pre {{ project.owner | json }}
-				) {{ users[project.owner._id].name }}
+			//- 	pre {{ formattedOwner | json }}
-				review-panel-toggle(
+			//- 	span.rp-tc-state-item-name.rp-tc-state-item-owner(
-					ng-model="reviewPanel.trackChangesState[project.owner._id].value"
+			//- 		ng-class="{ 'rp-tc-state-item-name-disabled' : reviewPanel.trackChangesOnForEveryone}"
-					on-toggle="toggleTrackChangesForUser(isOn, project.owner._id);"
+			//- 		style="color: hsl({{ formattedOwner.hue }}, 70%, 40%);"
-					disabled="reviewPanel.trackChangesOnForEveryone || !project.features.trackChanges || !permissions.write"
+			//- 	) {{ formattedOwner.name }}
-				)
+			//- 	review-panel-toggle(
-			li.rp-tc-state-item(ng-repeat="member in project.members | filter:{ privileges: 'readAndWrite' }")
+			//- 		ng-model="reviewPanel.trackChangesState[formattedOwner.id].value"
+			//- 		on-toggle="toggleTrackChangesForUser(isOn, formattedOwner.id);"
+			//- 		disabled="reviewPanel.trackChangesOnForEveryone || !project.features.trackChanges || !permissions.write"
+			//- 	)
+			li.rp-tc-state-item(
+				ng-repeat="member in reviewPanel.formattedProjectMembers"
+			)
 				span.rp-tc-state-item-name(
 					ng-class="{ 'rp-tc-state-item-name-disabled' : reviewPanel.trackChangesOnForEveryone}"
-					style="color: hsl({{ users[member._id].hue }}, 70%, 40%);"
+					style="color: hsl({{ member.hue }}, 70%, 40%);"
-				) {{ users[member._id].name }}
+				) {{ member.name }}
 				review-panel-toggle(
-					ng-model="reviewPanel.trackChangesState[member._id].value"
+					ng-model="reviewPanel.trackChangesState[member.id].value"
-					on-toggle="toggleTrackChangesForUser(isOn, member._id);"
+					on-toggle="toggleTrackChangesForUser(isOn, member.id);"
 					disabled="reviewPanel.trackChangesOnForEveryone || !project.features.trackChanges || !permissions.write"
 				)
 

services/web/public/coffee/ide/review-panel/controllers/ReviewPanelController.coffee

@@ -33,6 +33,7 @@ define [
 			commentThreads: {}
 			resolvedThreadIds: {}
 			rendererData: {}
+			formattedProjectMembers: {}
 			fullTCStateCollapsed: true
 			loadingThreads: false
 			# All selected changes. If a aggregated change (insertion + deletion) is selection, the two ids
@@ -68,6 +69,15 @@ define [
 			if !visible
 				$scope.ui.reviewPanelOpen = false
 
+		$scope.$watch "project.members", (members) ->
+			$scope.reviewPanel.formattedProjectMembers = {}
+			if $scope.project?.owner?
+				$scope.reviewPanel.formattedProjectMembers[$scope.project.owner._id] = formatUser($scope.project.owner)
+			if $scope.project?.members?
+				for member in members
+					if member.privileges == "readAndWrite"
+						$scope.reviewPanel.formattedProjectMembers[member._id] = formatUser(member)
+
 		$scope.commentState =
 			adding: false
 			content: ""
@@ -648,6 +658,7 @@ define [
 			return if _inited
 			project = ide.$scope.project
 			if project.features.trackChanges
+				window.trackChangesState ?= false
 				applyTrackChangesStateToClient(window.trackChangesState)
 			else
 				applyTrackChangesStateToClient(false)