Items can be moved to collapsed columns with new context menu item.

VERSION

@@ -7,5 +7,5 @@ Changelog
  * Uploaded files show username immediately
  * Multiple concurrent logins are now possible
  * Animations can be disabled per user
- * Items can be dropped onto collapsed columns
+ * Items can be moved to collapsed columns with new context menu item
 

js/controllers/boards.js

@@ -71,6 +71,13 @@ function ($scope, $routeParams, $location, $interval, $window,
         $scope.deleteItem();
     };
 
+    $scope.changeItemLane = function() {
+        $scope.itemFormData.loadItem($scope.contextItem);
+        $scope.itemFormData.isAdd = false;
+
+        $scope.submitItem($scope.itemFormData);
+    };
+
     $scope.contextItem = {}; // Needs to exist prior to onContextMenu call.
     $scope.onContextMenu = function(laneId, item) {
         $scope.contextItem = item;
@@ -198,6 +205,15 @@ function ($scope, $routeParams, $location, $interval, $window,
     // This is not the Angular way.
     $scope.updateSortables = function() {
         var that = this.$parent;
+        $('.columnHeader').sortable({
+            connectWith: '.itemContainer',
+            change: function() {
+                alert('change');
+            },
+            stop: function() {
+                alert('stop');
+            }
+        });
         $('.itemContainer').sortable({
             connectWith: '.itemContainer',
             placeholder: 'draggable-placeholder',

js/controllers/boardsItemForm.js

@@ -120,6 +120,7 @@ function ($scope, BoardService) {
             });
         }
     };
+    $scope.$parent.submitItem = $scope.submitItem;
 
     var isSuccess = function(data) {
         $scope.alerts.showAlerts(data.alerts);

partials/board.html

@@ -41,7 +41,7 @@ <h3><span class="fa fa-exclamation-triangle"></span> Error Loading Board</h3>
             <div class="boardColumn" data-ng-repeat="lane in currentBoard.ownLane | orderBy:'position':false"
                  data-ng-class="{'collapsed': lane.collapsed}" data-lane-id="{{ lane.id }}"
                  data-context-menu="onContextMenu(lane.id)" data-target="laneMenu">
-                <h3>{{ lane.name }}
+                <h3 class="columnHeader">{{ lane.name }}
                     <span class="badge" title="Column Items" data-ng-if="lane.collapsed">
                         {{ lane.ownItem.length || 0 }}
                     </span>
@@ -105,6 +105,15 @@ <h4>{{ item.title }}</h4>
                         </a>
                     </li>
                     <li role="presentation" class="divider"></li>
+                    <li role="presentation">
+                        Move to Column:<br />
+                        <select class="form-control"
+                            data-ng-model="contextItem.lane_id"
+                            data-ng-change="changeItemLane()"
+                            data-ng-options="lane.id as lane.name for lane in currentBoard.ownLane | orderBy:'position':false">
+                        </select>
+                    </li>
+                    <li role="presentation" class="divider"></li>
                     <li role="presentation">
                         <a role="menuitem" style="cursor: default" data-ng-click="openAddItem()">
                             Add New Item