From 1eed10b4e74927403cc98faf6a7b04221dcb994e Mon Sep 17 00:00:00 2001
From: Paulo Reis <paulojreis@gmail.com>
Date: Tue, 14 Feb 2017 10:21:45 +0000
Subject: [PATCH] Add keyboard navigation

---
 .../ide/FeatureOnboardingController.coffee    | 23 +++++++++----------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/services/web/public/coffee/ide/FeatureOnboardingController.coffee b/services/web/public/coffee/ide/FeatureOnboardingController.coffee
index 149cca7e5b..66302f2824 100644
--- a/services/web/public/coffee/ide/FeatureOnboardingController.coffee
+++ b/services/web/public/coffee/ide/FeatureOnboardingController.coffee
@@ -12,24 +12,23 @@ define [
 
 		$scope.dismiss = () ->
 			event_tracking.sendMB "shown-track-changes-onboarding"
-			$scope.showCollabFeaturesOnboarding = false
+			$scope.$applyAsync(() -> $scope.showCollabFeaturesOnboarding = false)
 
 		$scope.gotoPrevStep = () ->
 			if $scope.onboarding.innerStep > 1 
-				$scope.onboarding.innerStep--;
+				$scope.$applyAsync(() -> $scope.onboarding.innerStep--)
 
 		$scope.gotoNextStep = () ->
 			if $scope.onboarding.innerStep < 4
-				$scope.onboarding.innerStep++;
+				$scope.$applyAsync(() -> $scope.onboarding.innerStep++)
 
-		# handleKeypress = (e) ->
-		# 	if e.keyCode == 13
-		# 		if $scope.innerStep == 1
-		# 			$scope.turnCodeCheckOn()
-		# 		else
-		# 			$scope.dismiss()
+		handleKeydown = (e) ->
+			switch e.keyCode
+				when 37 then $scope.gotoPrevStep()		# left directional key
+				when 39, 13 then $scope.gotoNextStep()	# right directional key, enter
+				when 27 then $scope.dismiss()			# escape
 
-		# $(document).on "keypress", handleKeypress
+		$(document).on "keydown", handleKeydown
 
-		# $scope.$on "$destroy", () -> 
-		# 	$(document).off "keypress", handleKeypress
\ No newline at end of file
+		$scope.$on "$destroy", () -> 
+			$(document).off "keydown", handleKeydown
\ No newline at end of file