app.js 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. angular.module('app', [
  2. 'hljs',
  3. 'ang-drag-drop'
  4. ]).controller('MainCtrl', function($scope) {
  5. $scope.men = [
  6. 'John',
  7. 'Jack',
  8. 'Mark',
  9. 'Ernie',
  10. 'Mike (Locked)'
  11. ];
  12. $scope.women = [
  13. 'Jane',
  14. 'Jill',
  15. 'Betty',
  16. 'Mary'
  17. ];
  18. $scope.addText = '';
  19. $scope.dropValidateHandler = function($drop, $event, $data) {
  20. if ($data === 'Mike (Locked)') {
  21. return false;
  22. }
  23. if ($drop.element[0] === $event.srcElement.parentNode) {
  24. // Don't allow moving to same container
  25. return false;
  26. }
  27. return true;
  28. };
  29. $scope.dropSuccessHandler = function($event, index, array) {
  30. array.splice(index, 1);
  31. };
  32. $scope.dropFailureHandler = function($event, index, array) {
  33. alert(array[index] + ' could be dropped into left list!')
  34. };
  35. $scope.onDrop = function($event, $data, array, index) {
  36. if (index !== undefined) {
  37. array.splice(index, 0, $data);
  38. } else {
  39. array.push($data);
  40. }
  41. };
  42. $scope.getCustomDragElementId = function (index) {
  43. return 'customDrag' + (index % 2);
  44. }
  45. });