got keyboard controls working for yes/no, legal statement and multiple choice

modified:   public/dist/application.js
	modified:   public/dist/application.min.js
	deleted:    public/modules/forms/directives/on-key-press.js

	modified:   public/dist/application.js
	modified:   public/dist/application.min.js
	new file:   public/modules/forms/directives/key-to-option.client.directive.js
	new file:   public/modules/forms/directives/key-to-truthy.client.directive.js
	deleted:    public/modules/forms/directives/on-key-press.client.directive.js
	modified:   public/modules/forms/views/directiveViews/field/legal.html
	modified:   public/modules/forms/views/directiveViews/field/radio.html
	modified:   public/modules/forms/views/directiveViews/field/rating.html
	modified:   public/modules/forms/views/directiveViews/field/yes_no.html

public/modules/forms/directives/key-to-option.client.directive.js

@@ -0,0 +1,28 @@
+'use strict';
+
+angular.module('forms').directive('keyToOption', function(){
+	return {
+		restrict: 'A',
+		scope: {
+			field: '='
+		},
+		link: function($scope, $element, $attrs) {
+			$element.bind('keydown keypress', function(event) {
+				console.log('keypress');
+
+				var keyCode = event.which || event.keyCode;
+				var index = parseInt(String.fromCharCode(keyCode))-1;
+				console.log($scope.field);
+
+
+				if (index < $scope.field.fieldOptions.length) {
+					event.preventDefault();
+					$scope.$apply(function () {
+						$scope.field.fieldValue = $scope.field.fieldOptions[index].option_value;
+					});
+				}
+
+			});
+		}
+	};
+});

public/modules/forms/directives/key-to-truthy.client.directive.js

@@ -0,0 +1,30 @@
+'use strict';
+
+angular.module('forms').directive('keyToTruthy', ['$rootScope', function($rootScope){
+	return {
+		restrict: 'A',
+		scope: {
+			field: '='
+		},
+		link: function($scope, $element, $attrs) {
+			$element.bind('keydown keypress', function(event) {
+				var keyCode = event.which || event.keyCode;
+				var truthyKeyCode = $attrs.keyCharTruthy.charCodeAt(0) - 32;
+				var falseyKeyCode = $attrs.keyCharFalsey.charCodeAt(0) - 32;
+
+				if(keyCode === truthyKeyCode ) {
+					event.preventDefault();
+					$scope.$apply(function() {
+						$scope.field.fieldValue = 'true';
+					});
+				}else if(keyCode === falseyKeyCode){
+					event.preventDefault();
+					$scope.$apply(function() {
+						$scope.field.fieldValue = 'false';
+					});
+				}
+			});
+		}
+	};
+}]);
+

public/modules/forms/directives/on-key-press.client.directive.js

@@ -1,18 +0,0 @@
-'use strict';
-
-angular.module('forms').directive('onKeyPress', ['$rootScope', function($rootScope){
-	return {
-		restrict: 'A',
-		link: function($scope, $element, $attrs) {
-			$element.bind('keydown keypress', function(event) {
-				var keyCode = event.which || event.keyCode;
-				if(keyCode === String.fromCharCode($attrs.keyPressChar)) {
-					event.preventDefault();
-					$rootScope.$apply(function() {
-						$rootScope.$eval($attrs.onKeyPress);
-					});
-				}
-			});
-		}
-	};
-}]);

public/modules/forms/views/directiveViews/field/legal.html

@@ -1,5 +1,6 @@
 <div class="field row radio legal"
-	 on-enter-key="chooseDefaultOption('legal')">
+	 on-enter-key="nextField()"
+	 key-to-truthy key-char-truthy="y" key-char-falsey="n" field="field">
     <div class="col-xs-12 field-title" ng-style="{'color': design.colors.questionColor}">    	
     	<h3>
 			<small class="field-number">
@@ -15,8 +16,7 @@
     <div class="col-xs-12 field-input container">
 		<div class="row-fluid">
             <label class="btn col-md-5 col-xs-12"
-				   ng-class="{activeBtn: field.fieldValue == 'true'}"
+				   ng-class="{activeBtn: field.fieldValue == 'true'}">
-				   ng-click="nextField()">
                 <input class="focusOn"
                     ng-style="{'color': design.colors.answerColor, 'border-color': design.colors.answerColor}" 
                     type="radio" value="true"
@@ -31,8 +31,7 @@
                 <span> I accept </span>
             </label>
             <label class="btn col-md-5 col-md-offset-1 col-xs-12"
-				   ng-class="{activeBtn: field.fieldValue == 'false'}"
+				   ng-class="{activeBtn: field.fieldValue == 'false'}">
-				   ng-click="nextField()">
                 <input class="focusOn"
 					ng-style="{'color': design.colors.answerColor, 'border-color': design.colors.answerColor}"
                     type="radio" value="false"

public/modules/forms/views/directiveViews/field/radio.html

@@ -1,6 +1,7 @@
 <div class="field row radio"
-	 ng-if="field.fieldOptions.length > 0"
+	 on-enter-key="nextField()"
-	 on-enter-key="chooseDefaultOption()">
+	 key-to-option field="field"
+	 ng-if="field.fieldOptions.length > 0">
     <div class="col-xs-12 field-title" ng-style="{'color': design.colors.questionColor}">
 		<h3>
 			<small class="field-number">
@@ -15,11 +16,10 @@
 
         <div ng-repeat="option in field.fieldOptions" class="row-fluid">
             <label class="btn col-md-4 col-xs-12 col-sm-12"
-                    style="margin: 0.5em; padding-left:30px" 
+                    style="margin: 0.5em; padding-left:30px"
-                    ng-click="nextField()"
                     ng-class="{activeBtn: field.fieldValue == field.fieldOptions[$index].option_value}">
 				<div class="letter" style="float:left">
-					{{$index}}
+					{{$index+1}}
 				</div>
 				<input ng-style="{'color': design.colors.answerColor, 'border-color': design.colors.answerColor}"
                     type="radio" class="focusOn"

public/modules/forms/views/directiveViews/field/rating.html

@@ -1,5 +1,5 @@
 <div class="textfield field row"
-	 on-enter-key="chooseDefaultOption('rating')">
+	 on-enter-key="nextField()">
     <div class="col-xs-12 field-title" ng-style="{'color': design.colors.questionColor}">
 	    <h3>
 			<small class="field-number">

public/modules/forms/views/directiveViews/field/yes_no.html

@@ -1,5 +1,7 @@
-<div class="field row radio" ng-click="setActiveField(field._id, index, true)"
+<div class="field row radio"
-		on-enter-key="chooseDefaultOption('yes_no')">
+	 	ng-click="setActiveField(field._id, index, true)"
+	 	on-enter-key="nextField()"
+	 	key-to-truthy key-char-truthy="y" key-char-falsey="n" field="field">
     <div class="col-xs-12 field-title" ng-style="{'color': design.colors.questionColor}">
         <h3 class="row">
 			<small class="field-number">