demo: add case of connected list

connected list is also a good feature of ui-sortable.
add one more case to demo.

Author: walkingice

demo/demo.html

@@ -1,4 +1,5 @@
 <section ng-app="sortableApp">
+  <h1>Sortable items</h1>
   <div ng-controller="sortableController" class="section row">
     <div class="col-sm-offset-2 col-sm-4">
       <ul ui-sortable="sortableOptions" ng-model="list" class="list">
@@ -11,4 +12,18 @@
       </ul>
     </div>
   </div>
+
+  <h1>Connected items</h1>
+  <div ng-controller="connectedController" class="section row">
+    <div class="col-sm-offset-2 col-sm-4">
+      <ul ui-sortable="sortableOptions" ng-model="leftArray" class="list">
+        <li ng-repeat="item in leftArray" class="item">{{item.text}}</li>
+      </ul>
+    </div>
+    <div class="col-sm-4">
+      <ul ui-sortable="sortableOptions" ng-model="rightArray" class="list">
+        <li ng-repeat="item in rightArray" class="item">{{item.text}}</li>
+      </ul>
+    </div>
+  </div>
 </section>

demo/demo.js

@@ -28,4 +28,24 @@ myapp.controller('sortableController', function ($scope) {
       $scope.sortingLog.push(logEntry);
     }
   };
-});
+});
+
+myapp.controller('connectedController', function ($scope) {
+  function buildArray(name, size) {
+      var i, array = [];
+      for (i = 1; i <= size; i = i + 1){
+        array.push({
+          text: name + ' ' + i ,
+          value: i
+        });
+      }
+
+      return array;
+    }
+
+  $scope.leftArray = buildArray('Left', 5);
+  $scope.rightArray = buildArray('Right', 7);
+  $scope.sortableOptions = {
+    connectWith: '.list'
+  };
+});