only participate in track changes test if they are shown view

services/web/app/views/project/editor/track-changes.jade

@@ -1,6 +1,6 @@
 div#trackChanges(ng-show="ui.view == 'track-changes'")
-	span(sixpack-switch="track_changes_feature_info")
-		span(sixpack-default)
+	span(ng-controller="TrackChangesPremiumPopup")
+		span(ng-if="versioningPopupType == 'default'")
 			.upgrade-prompt(ng-show="!project.features.versioning")
 				.message(ng-show="project.owner._id == user.id")
 
@@ -16,7 +16,7 @@ div#trackChanges(ng-show="ui.view == 'track-changes'")
 						a.small(href, ng-click="toggleTrackChanges()") #{translate("cancel")}
 					p.small(ng-show="startedFreeTrial") #{translate("refresh_page_after_starting_free_trial")}
 				
-		.upgrade-prompt(ng-show="!project.features.versioning", sixpack-when="longform")
+		.upgrade-prompt(ng-show="!project.features.versioning", ng-if="versioningPopupType == 'longform'")
 			.message(ng-show="project.owner._id == user.id")
 
 				p Upgrade to see your Entire Project History, plus:

services/web/public/coffee/ide/track-changes/controllers/TrackChangesListController.coffee

@@ -1,6 +1,16 @@
 define [
 	"base"
 ], (App) ->
+
+	App.controller "TrackChangesPremiumPopup", ($scope, ide, sixpack)->
+		$scope.$watch "ui.view", ->
+			if $scope.ui.view == "track-changes"
+				if $scope.project?.features?.versioning
+					$scope.versioningPopupType = "default"
+				else if $scope.ui.view == "track-changes"
+					sixpack.participate 'track_changes_feature_info', ['default', 'longform'], (chosenVariation, rawResponse)->
+						$scope.versioningPopupType = chosenVariation
+
 	App.controller "TrackChangesListController", ["$scope", "ide", ($scope, ide) ->
 		$scope.hoveringOverListSelectors = false