Skip to content
This repository was archived by the owner on Jun 24, 2024. It is now read-only.

Added method to refresh the placeholder of an affix #28

Open
leonex-cs1 wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Added method to refresh the placeholder of an affix #28

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
6862afa
Added method to refresh the placeholder of an affix
leonex-cs1 Apr 14, 2016
9e905c6
Remove 'affix'-class from placeholder clone
leonex-cs1 Apr 14, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 18 additions & 6 deletions dist/ngScrollSpy.debug.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -198,12 +198,24 @@ mod.service('ScrollSpy', function($window) {

});
mod.directive('affix', function(ScrollSpy) {
var affixCloneFn= function(elem) {
if (!elem.data('$ngScrollSpy.placeholder')) {
var affixCloneFn= function(elem, affixClass) {
if (!elem.prop('ngScrollSpy')) {
var placeholder = elem.clone();
elem.data('$ngScrollSpy.placeholder', placeholder);
placeholder.removeClass(affixClass).addClass('ngscrollspy-placeholder');
elem.prop('ngScrollSpy', {
'placeholder': placeholder,
'refreshPlaceholder': function() {
var newPlaceholder = elem.clone();
newPlaceholder.removeClass(affixClass).addClass('ngscrollspy-placeholder');
if (placeholder[0].parentNode) {
placeholder[0].parentNode.replaceChild(newPlaceholder[0], placeholder[0]);
}

elem.prop('ngScrollSpy').placeholder = newPlaceholder;
}
});
}
return elem.data('$ngScrollSpy.placeholder');
return elem.prop('ngScrollSpy').placeholder;
};

var affixFn= function(shouldAffixFn, wasAffixed, affixClass, affixOptions, elem) {
Expand All @@ -213,13 +225,13 @@ mod.directive('affix', function(ScrollSpy) {
if(affixOptions.placeholder) {
// insert cloned element into DOM to serve as a placeholder,
// because the original element (elem) will be pulled out of the flow by getting affixed
elem.after(affixCloneFn(elem));
elem.after(affixCloneFn(elem, affixClass));
}
elem.addClass(affixClass);
} else {
if(affixOptions.placeholder) {
// remove clone from DOM again
affixCloneFn(elem).detach();
affixCloneFn(elem, affixClass).detach();
}
elem.removeClass(affixClass);
}
Expand Down
24 changes: 18 additions & 6 deletions dist/ngScrollSpy.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -198,12 +198,24 @@ mod.service('ScrollSpy', function($window) {

});
mod.directive('affix', function(ScrollSpy) {
var affixCloneFn= function(elem) {
if (!elem.data('$ngScrollSpy.placeholder')) {
var affixCloneFn= function(elem, affixClass) {
if (!elem.prop('ngScrollSpy')) {
var placeholder = elem.clone();
elem.data('$ngScrollSpy.placeholder', placeholder);
placeholder.removeClass(affixClass).addClass('ngscrollspy-placeholder');
elem.prop('ngScrollSpy', {
'placeholder': placeholder,
'refreshPlaceholder': function() {
var newPlaceholder = elem.clone();
newPlaceholder.removeClass(affixClass).addClass('ngscrollspy-placeholder');
if (placeholder[0].parentNode) {
placeholder[0].parentNode.replaceChild(newPlaceholder[0], placeholder[0]);
}

elem.prop('ngScrollSpy').placeholder = newPlaceholder;
}
});
}
return elem.data('$ngScrollSpy.placeholder');
return elem.prop('ngScrollSpy').placeholder;
};

var affixFn= function(shouldAffixFn, wasAffixed, affixClass, affixOptions, elem) {
Expand All @@ -213,13 +225,13 @@ mod.directive('affix', function(ScrollSpy) {
if(affixOptions.placeholder) {
// insert cloned element into DOM to serve as a placeholder,
// because the original element (elem) will be pulled out of the flow by getting affixed
elem.after(affixCloneFn(elem));
elem.after(affixCloneFn(elem, affixClass));
}
elem.addClass(affixClass);
} else {
if(affixOptions.placeholder) {
// remove clone from DOM again
affixCloneFn(elem).detach();
affixCloneFn(elem, affixClass).detach();
}
elem.removeClass(affixClass);
}
Expand Down
2 changes: 1 addition & 1 deletion dist/ngScrollSpy.min.js
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

24 changes: 18 additions & 6 deletions src/affix.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,22 @@
mod.directive('affix', function(ScrollSpy) {
var affixCloneFn= function(elem) {
if (!elem.data('$ngScrollSpy.placeholder')) {
var affixCloneFn= function(elem, affixClass) {
if (!elem.prop('ngScrollSpy')) {
var placeholder = elem.clone();
elem.data('$ngScrollSpy.placeholder', placeholder);
placeholder.removeClass(affixClass).addClass('ngscrollspy-placeholder');
elem.prop('ngScrollSpy', {
'placeholder': placeholder,
'refreshPlaceholder': function() {
var newPlaceholder = elem.clone();
newPlaceholder.removeClass(affixClass).addClass('ngscrollspy-placeholder');
if (placeholder[0].parentNode) {
placeholder[0].parentNode.replaceChild(newPlaceholder[0], placeholder[0]);
}

elem.prop('ngScrollSpy').placeholder = newPlaceholder;
}
});
}
return elem.data('$ngScrollSpy.placeholder');
return elem.prop('ngScrollSpy').placeholder;
};

var affixFn= function(shouldAffixFn, wasAffixed, affixClass, affixOptions, elem) {
Expand All @@ -14,13 +26,13 @@ mod.directive('affix', function(ScrollSpy) {
if(affixOptions.placeholder) {
// insert cloned element into DOM to serve as a placeholder,
// because the original element (elem) will be pulled out of the flow by getting affixed
elem.after(affixCloneFn(elem));
elem.after(affixCloneFn(elem, affixClass));
}
elem.addClass(affixClass);
} else {
if(affixOptions.placeholder) {
// remove clone from DOM again
affixCloneFn(elem).detach();
affixCloneFn(elem, affixClass).detach();
}
elem.removeClass(affixClass);
}
Expand Down