Add direction

Author: tricinel

angular-legacy-sortable.js

@@ -104,14 +104,30 @@
 
               var newIndex = oldIndex;
 
-              if (evt.key === 'ArrowUp' || evt.keyCode === 38) {
-                evt.preventDefault();
-                newIndex = oldIndex - 1;
+              var direction = options.direction || 'vertical';
+
+              if (direction === 'vertical') {
+                if (evt.key === 'ArrowUp' || evt.keyCode === 38) {
+                  evt.preventDefault();
+                  newIndex = oldIndex - 1;
+                }
+
+                if (evt.key === 'ArrowDown' || evt.keyCode === 40) {
+                  evt.preventDefault();
+                  newIndex = oldIndex + 1;
+                }
               }
 
-              if (evt.key === 'ArrowDown' || evt.keyCode === 40) {
-                evt.preventDefault();
-                newIndex = oldIndex + 1;
+              if (direction === 'horizontal') {
+                if (evt.key === 'ArrowLeft' || evt.keyCode === 37) {
+                  evt.preventDefault();
+                  newIndex = oldIndex - 1;
+                }
+
+                if (evt.key === 'ArrowRight' || evt.keyCode === 39) {
+                  evt.preventDefault();
+                  newIndex = oldIndex + 1;
+                }
               }
 
               var items = getSource();

example/exampleApp.js

@@ -11,7 +11,6 @@ angular.module('exampleApp', ['ng-sortable'])
       this.items = ['burgers', 'chips', 'hotdog', 'icecream']
       this.sortableConf = {
         handle: '.drag-handle',
-        draggable: 'li',
         forceFallback: true,
         onStart: this.onStart,
         onMove: this.onMove,