fix(demo): disable sorting between examples

Author: thgreasi

demo/demo.css

@@ -32,8 +32,3 @@
 	border: 5px solid #000;
 	border-radius: 15px;
 }
-
-.logList:before {
-	background-color: #FFF;
-}
-

demo/demo.html

@@ -14,7 +14,7 @@ <h1>Sortable items</h1>
   </div>
 
   <h1>Connected items</h1>
-  <div ng-controller="connectedController" class="section row">
+  <div ng-controller="connectedController" class="section row connectedItemsExample">
     <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>

demo/demo.js

@@ -1,20 +1,22 @@
 
 var myapp = angular.module('sortableApp', ['ui.sortable']);
 
-myapp.controller('sortableController', function ($scope) {
-  'use strict';
-
-  var tmpList = [];
-
-  for (var i = 1; i <= 6; i++){
-    tmpList.push({
-      text: 'Item ' + i,
+myapp.buildArray = function(name, size) {
+  var i, array = [];
+  for (i = 1; i <= size; i++){
+    array.push({
+      text: name + ' ' + i ,
       value: i
     });
   }
 
-  $scope.list = tmpList;
+  return array;
+};
 
+myapp.controller('sortableController', function ($scope) {
+  'use strict';
+
+  $scope.list = myapp.buildArray('Item', 5);
 
   $scope.sortingLog = [];
 
@@ -31,21 +33,9 @@ myapp.controller('sortableController', function ($scope) {
 });
 
 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.leftArray = myapp.buildArray('Left', 5);
+  $scope.rightArray = myapp.buildArray('Right', 7);
   $scope.sortableOptions = {
-    connectWith: '.list'
+    connectWith: '.connectedItemsExample .list'
   };
 });