forked from ClickerMonkey/SemanticUI-Angular
-
Notifications
You must be signed in to change notification settings - Fork 0
/
sm-sticky.js
91 lines (73 loc) · 2 KB
/
sm-sticky.js
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
(function(app)
{
app
.factory('SemanticStickyLink', ['SemanticUI', SemanticStickyLink])
.directive('smStickyBind', ['SemanticUI', SemanticStickyBind])
.directive('smSticky', ['SemanticStickyLink', SemanticSticky])
;
var BEHAVIORS = {
smStickyRefresh: 'refresh'
};
angular.forEach( BEHAVIORS, function(method, directive)
{
app.directive( directive, ['SemanticUI', function(SemanticUI)
{
return SemanticUI.createBehavior( directive, 'sticky', method );
}]);
});
function SemanticStickyBind(SemanticUI)
{
return SemanticUI.createBind( 'smStickyBind', 'sticky' );
}
function SemanticSticky(SemanticStickyLink)
{
return {
restrict: 'E',
replace: true,
transclude: true,
scope: {
/* Optional */
context: '@',
settings: '=',
onInit: '=',
/* Events */
onReposition: '=',
onScroll: '=',
onStick: '=',
onUnstick: '=',
onTop: '=',
onBottom: '='
},
template: '<div class="ui sticky" ng-transclude></div>',
link: SemanticStickyLink
};
}
function SemanticStickyLink(SemanticUI)
{
return function(scope, element, attributes)
{
element.ready(function()
{
var settings = scope.settings || {};
SemanticUI.linkSettings( scope, element, attributes, 'sticky', true );
SemanticUI.linkEvents( scope, settings, $.fn.sticky.settings, {
onReposition: 'onReposition',
onScroll: 'onScroll',
onStick: 'onStick',
onStick: 'onStick',
onTop: 'onTop',
onBottom: 'onBottom'
});
if ( !settings.context )
{
settings.context = scope.context;
}
element.sticky( settings );
if ( angular.isFunction( scope.onInit ) )
{
scope.onInit( element );
}
});
};
}
})( angular.module('semantic-ui-sticky', ['semantic-ui-core']) );