ionic.Gestures.gestures.Hold.defaults.hold_threshold = 20;

var app = angular.module('swipeList', ['ionic']);

app.controller('DemoController', ['$scope', '$ionicSideMenuDelegate', function ($scope, $ionicSideMenuDelegate) {
  
  $ionicSideMenuDelegate.canDragContent(false);
  
  $scope.groups = [
    { selected: true, lounge: "LOL", area: "Game", degree: "1", monitor: "Nicholls" },
    { selected: false, lounge: "WOW", area: "Game", degree: "1", monitor: "Andrea" },
    { selected: false, lounge: "OMG", area: "Expression", degree: "1", monitor: "Osman" },
    { selected: true, lounge: "NaN", area: "None", degree: "2", monitor: "Cuartas" }
  ];
  
} ]);

app.directive('draggable', ['$ionicGesture', function ($ionicGesture) {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
          var rowSize   = 0;
          var container = element.parent()[0];
          var content = element.find('item-content');
          
          function changeIndex(item, to, items) {
            // Change position in array
            arrayMove(items, item.index, to);
            if (to === items.length - 1) {
              container.appendChild(item.element);    
            } else {    
              var i = item.index > to ? to : to + 1;
              container.insertBefore(item.element, container.children[i]);
            }
            setIndex(to);
            TweenLite.to(items, 0.15, { yPercent: 0 });
          }
          
          var animation = TweenLite.to(content, 0.3, {
            boxShadow: "rgba(0,0,0,0.2) 0px 16px 32px 0px",
            force3D: true,
            scale: 1.1,
            paused: true
          });

          var dragger = new Draggable(element, {
            onPress: onPress,
            onDragStart: downAction,
            onRelease: upAction,
            onDrag: dragAction,
            cursor: "inherit",    
            type: "y"
          });

          // Public properties and methods
          var sortable = {
            dragger:  dragger,
            element:  element,
            index:    scope.$index,
            setIndex: setIndex
          };
          
          function setIndex(index) {
            sortable.index = index;
            // Don't layout if you're dragging
            if (!dragger.isDragging) layout();
          }
          
          function onPress(){
            var t = this.target,
                i = 0,
                child = t;
            while (child = child.previousSibling)
              if (child.nodeType === 1) i++;
            t.currentIndex = i;
            t.currentHeight = rowSize = t.offsetHeight;
            t.kids = [].slice.call(t.parentNode.children);
          }

          function downAction() {
            animation.play();
            this.update();
          }

          function dragAction() {
            var t = this.target;
            // Calculate the current index based on element's position
            var index = clamp(Math.round(this.y / t.currentHeight), 0, t.kids.length - 1);
console.log(index);
            if (index !== sortable.index) {
              changeIndex(sortable, index, t.kids);
            }
          }

          function upAction() {
            animation.reverse();
            layout();
          }

          function layout() {    
            TweenLite.to(element, 0.3, { y: sortable.index * rowSize });  
          }
          
          
          // Changes an elements's position in array
          function arrayMove(array, from, to) {
            array.splice(to, 0, array.splice(from, 1)[0]);
          }
          
          // Clamps a value to a min/max
          function clamp(value, a, b) {
            return value < a ? a : (value > b ? b : value);
          }
            
            /*dragger.disable();
            $ionicGesture.on('hold', function (e) {
              dragger.enable();
              dragger.startDrag();
            }, element, { hold_threshold: 20 });*/
          
        }
    };
} ]);