1
1
// Make multiple matches sortable
2
2
uis . directive ( 'uiSelectSort' , [ '$timeout' , 'uiSelectConfig' , 'uiSelectMinErr' , function ( $timeout , uiSelectConfig , uiSelectMinErr ) {
3
3
return {
4
- require : '^uiSelect' ,
4
+ require : '^^ uiSelect' ,
5
5
link : function ( scope , element , attrs , $select ) {
6
6
if ( scope [ attrs . uiSelectSort ] === null ) {
7
- throw uiSelectMinErr ( 'sort' , " Expected a list to sort" ) ;
7
+ throw uiSelectMinErr ( 'sort' , ' Expected a list to sort' ) ;
8
8
}
9
9
10
10
var options = angular . extend ( {
11
11
axis : 'horizontal'
12
12
} ,
13
13
scope . $eval ( attrs . uiSelectSortOptions ) ) ;
14
14
15
- var axis = options . axis ,
16
- draggingClassName = 'dragging' ,
17
- droppingClassName = 'dropping' ,
18
- droppingBeforeClassName = 'dropping-before' ,
19
- droppingAfterClassName = 'dropping-after' ;
15
+ var axis = options . axis ;
16
+ var draggingClassName = 'dragging' ;
17
+ var droppingClassName = 'dropping' ;
18
+ var droppingBeforeClassName = 'dropping-before' ;
19
+ var droppingAfterClassName = 'dropping-after' ;
20
20
21
21
scope . $watch ( function ( ) {
22
22
return $select . sortable ;
23
- } , function ( n ) {
24
- if ( n ) {
23
+ } , function ( newValue ) {
24
+ if ( newValue ) {
25
25
element . attr ( 'draggable' , true ) ;
26
26
} else {
27
27
element . removeAttr ( 'draggable' ) ;
28
28
}
29
29
} ) ;
30
30
31
- element . on ( 'dragstart' , function ( e ) {
31
+ element . on ( 'dragstart' , function ( event ) {
32
32
element . addClass ( draggingClassName ) ;
33
33
34
- ( e . dataTransfer || e . originalEvent . dataTransfer ) . setData ( 'text/plain' , scope . $index ) ;
34
+ ( event . dataTransfer || event . originalEvent . dataTransfer ) . setData ( 'text/plain' , scope . $index ) ;
35
35
} ) ;
36
36
37
37
element . on ( 'dragend' , function ( ) {
@@ -43,10 +43,10 @@ uis.directive('uiSelectSort', ['$timeout', 'uiSelectConfig', 'uiSelectMinErr', f
43
43
this . splice ( to , 0 , this . splice ( from , 1 ) [ 0 ] ) ;
44
44
} ;
45
45
46
- var dragOverHandler = function ( e ) {
47
- e . preventDefault ( ) ;
46
+ var dragOverHandler = function ( event ) {
47
+ event . preventDefault ( ) ;
48
48
49
- var offset = axis === 'vertical' ? e . offsetY || e . layerY || ( e . originalEvent ? e . originalEvent . offsetY : 0 ) : e . offsetX || e . layerX || ( e . originalEvent ? e . originalEvent . offsetX : 0 ) ;
49
+ var offset = axis === 'vertical' ? event . offsetY || event . layerY || ( event . originalEvent ? event . originalEvent . offsetY : 0 ) : event . offsetX || event . layerX || ( event . originalEvent ? event . originalEvent . offsetX : 0 ) ;
50
50
51
51
if ( offset < ( this [ axis === 'vertical' ? 'offsetHeight' : 'offsetWidth' ] / 2 ) ) {
52
52
element . removeClass ( droppingAfterClassName ) ;
@@ -60,10 +60,10 @@ uis.directive('uiSelectSort', ['$timeout', 'uiSelectConfig', 'uiSelectMinErr', f
60
60
61
61
var dropTimeout ;
62
62
63
- var dropHandler = function ( e ) {
64
- e . preventDefault ( ) ;
63
+ var dropHandler = function ( event ) {
64
+ event . preventDefault ( ) ;
65
65
66
- var droppedItemIndex = parseInt ( ( e . dataTransfer || e . originalEvent . dataTransfer ) . getData ( 'text/plain' ) , 10 ) ;
66
+ var droppedItemIndex = parseInt ( ( event . dataTransfer || event . originalEvent . dataTransfer ) . getData ( 'text/plain' ) , 10 ) ;
67
67
68
68
// prevent event firing multiple times in firefox
69
69
$timeout . cancel ( dropTimeout ) ;
@@ -73,9 +73,9 @@ uis.directive('uiSelectSort', ['$timeout', 'uiSelectConfig', 'uiSelectMinErr', f
73
73
} ;
74
74
75
75
var _dropHandler = function ( droppedItemIndex ) {
76
- var theList = scope . $eval ( attrs . uiSelectSort ) ,
77
- itemToMove = theList [ droppedItemIndex ] ,
78
- newIndex = null ;
76
+ var theList = scope . $eval ( attrs . uiSelectSort ) ;
77
+ var itemToMove = theList [ droppedItemIndex ] ;
78
+ var newIndex = null ;
79
79
80
80
if ( element . hasClass ( droppingBeforeClassName ) ) {
81
81
if ( droppedItemIndex < scope . $index ) {
@@ -120,8 +120,8 @@ uis.directive('uiSelectSort', ['$timeout', 'uiSelectConfig', 'uiSelectMinErr', f
120
120
element . on ( 'drop' , dropHandler ) ;
121
121
} ) ;
122
122
123
- element . on ( 'dragleave' , function ( e ) {
124
- if ( e . target != element ) {
123
+ element . on ( 'dragleave' , function ( event ) {
124
+ if ( event . target != element ) {
125
125
return ;
126
126
}
127
127
element . removeClass ( droppingClassName ) ;
0 commit comments