stubbed out cursor and enter key press directives for the list pickers

uComponents · May 26, 2014 · 1e4853c · 1e4853c
1 parent 3ab6feb
commit 1e4853c
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 12 deletions.
diff --git a/source/nuComponents.DataTypes/Shared/ListPicker/ListPickerEditorController.js b/source/nuComponents.DataTypes/Shared/ListPicker/ListPickerEditorController.js
@@ -30,6 +30,18 @@ angular
                 return $scope.isSelectable(option) && ($scope.selectedOptions.length < $scope.model.config.listPicker.maxItems || $scope.model.config.listPicker.maxItems <= 0);
             };
 
+            $scope.cursorUp = function () {
+                // TODO: move highlight / active of next selectable
+            };
+
+            $scope.cursorDown = function () {
+                // TODO: move highlight / active of previous selectable
+            };
+
+            $scope.enterKey = function () {
+                // TODO: select highlighted
+            }
+
             // picking an item from 'selectable' for 'selected'
             $scope.selectOption = function (option) {
                 if ($scope.isValidSelection(option)) {

diff --git a/source/nuComponents.DataTypes/Shared/ListPicker/ListPickerEditorDirectives.js b/source/nuComponents.DataTypes/Shared/ListPicker/ListPickerEditorDirectives.js
@@ -33,3 +33,20 @@ angular
             }
         }
     });
+
+angular
+    .module("umbraco.directives")
+    .directive('nuEnterKey', function () {
+        return {
+            restrict: 'A',
+            link: function (scope, element, attrs) {
+
+                element.bind('keydown keypress', function (event) {
+                    if (event.which === 13) {
+                        scope.$apply(attrs.nuCursorDown);
+                        event.preventDefault();
+                    }
+                });
+            }
+        }
+    });
diff --git a/source/nuComponents.DataTypes/Shared/PrefetchListPicker/PrefetchListPickerEditor.html b/source/nuComponents.DataTypes/Shared/PrefetchListPicker/PrefetchListPickerEditor.html
@@ -13,7 +13,10 @@
             <input type="text"
                    placeholder="filter"
                    ng-model="filter"
-                   ng-trim="false" />
+                   ng-trim="false"
+                   nu-cursor-up="cursorUp()"
+                   nu-cursor-down="cursorDown()"
+                   nu-enter-key="enterKey()" />
         </div>
 
         <ng-include src="'App_Plugins/nuComponents/DataTypes/Shared/ListPicker/ListPickerPartial.html'" />

diff --git a/source/nuComponents.DataTypes/Shared/TypeaheadListPicker/TypeaheadListPickerEditor.html b/source/nuComponents.DataTypes/Shared/TypeaheadListPicker/TypeaheadListPickerEditor.html
@@ -14,7 +14,8 @@
                    autocomplete="off"
                    ng-model="typeahead"
                    nu-cursor-up="cursorUp()"
-                   nu-cursor-down="cursorDown()" />
+                   nu-cursor-down="cursorDown()"
+                   nu-enter-key="enterKey()" />
                    <!--nu-blur="clear()" />-->
         </div>
 

diff --git a/.../nuComponents.DataTypes/Shared/TypeaheadListPicker/TypeaheadListPickerEditorController.js b/.../nuComponents.DataTypes/Shared/TypeaheadListPicker/TypeaheadListPickerEditorController.js
@@ -4,15 +4,7 @@ angular
     .controller("nuComponents.DataTypes.Shared.TypeaheadListPicker.TypeaheadListPickerEditorController",
         ['$scope', 
         function ($scope) {
-
-            $scope.cursorUp = function () {
-                // move highlight / active of selectable to next
-            };
-
-            $scope.cursorDown = function () {
-                // move highlight / active of selectable to previous
-            };
-
+
             //$scope.clear = function () {
             //    $scope.typeahead = null;
             //    $scope.selectableOptions = null;
@@ -36,7 +28,7 @@ angular
 
                 }
                 else {
-                    $scope.selectableOptions = null;
+                    $scope.selectableOptions = [];
                 }
 
             });