FilesExpand file tree

 master

/

ctrlshiftselect.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

118 lines (93 loc) · 4.47 KB

 master

/

ctrlshiftselect.js

Copy path

Top

File metadata and controls

• Code
• Blame

118 lines (93 loc) · 4.47 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

angular.module('davidbohunek.ctrlshiftselect', [])

.directive('ctrlshiftselect', [function () {

return {

restrict: 'A',

controller: function ($scope, $element, $attrs) {

if ($attrs.ctrlshiftselectClass) {

this.selectedClass = $attrs.ctrlshiftselectClass;

} else {

this.selectedClass = 'selected';

}

var childItems = [];

var lastSelectedItemScope;

var setSelected = function (modelGetter, scope, value) {

modelGetter.assign(scope, value);

$scope.$digest();

if (value) {

lastSelectedItemScope = scope;

}

};

this.initChild = function (childItem) {

childItems.push(childItem);

};

this.onShiftClick = function (element, modelGetter, scope) {

//select all items between the last one selected and the clicked one

var lastSelectedItemScopeStored = lastSelectedItemScope;

var isSelecting = false;

for (var i = 0; i < childItems.length; i++) {

var childItem = childItems[i];

if (isSelecting) {

setSelected(childItem.modelGetter, childItem.scope, true);

}

if (childItem.scope === scope || childItem.scope === lastSelectedItemScopeStored) {

isSelecting = !isSelecting;

}

if (isSelecting) {

setSelected(childItem.modelGetter, childItem.scope, true);

}

}

};

this.onCtrlClick = function (element, modelGetter, scope) {

//revert selection of clicked item

var currentValue = modelGetter(scope);

setSelected(modelGetter, scope, !currentValue);

};

this.onPlainClick = function (element, modelGetter, scope) {

//deselect all

for (var i = 0; i < childItems.length; i++) {

var childItem = childItems[i];

setSelected(childItem.modelGetter, childItem.scope, false);

}

//select the clicked item

setSelected(modelGetter, scope, true);

};

}

};

}])

.directive('ctrlshiftselectModel', ['$parse', function ($parse) {

return {

restrict: 'A',

require: '^ctrlshiftselect',

link: function (scope, element, attributes, controller) {

var modelGetter = $parse(attributes.ctrlshiftselectModel);

controller.initChild({

modelGetter: modelGetter,

scope: scope

});

scope.$watch(attributes.ctrlshiftselectModel, function (newValue) {

if (newValue) {

element.addClass(controller.selectedClass);

} else {

element.removeClass(controller.selectedClass);

}

});

var onMouseDown = function(event) {

//left mouse click

if (event.which !== 1) {

return true;

}

if (event.shiftKey) {

controller.onShiftClick(element, modelGetter, scope);

} else if (event.ctrlKey) {

controller.onCtrlClick(element, modelGetter, scope);

} else {

controller.onPlainClick(element, modelGetter, scope);

}

};

element.on('mousedown', onMouseDown);

scope.$on("$destroy", function() {

element.off('mousedown', onMouseDown);

});

}

};

}]);