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
|
// (De|Re)activate when help tours start|stop
$(document).on('tourstart.studip tourend.studip', function(event) {
STUDIP.Sidebar.setSticky(event.type === 'tourend.studip');
});
// Handle dynamic content
if (window.MutationObserver !== undefined) {
// Attach mutation observer to #layout_content and trigger it on
// changes to class and style attributes (which affect the height
// of the content). Trigger a recalculation of the sticky kit when
// a mutation occurs so the sidebar will
$(document).ready(function() {
if ($('#layout_content').length === 0) {
return;
}
var target = $('#layout_content').get(0),
stickyObserver = new window.MutationObserver(function() {
window.requestAnimationFrame(function() {
$(document.body).trigger('sticky_kit:recalc');
});
});
stickyObserver.observe(target, {
attributes: true,
attributeFilter: ['style', 'class'],
characterData: true,
childList: true,
subtree: true
});
});
} else {
// Stores document height (we will need this to check for changes)
var doc_height;
function heightChangeHandler() {
var curr_height = $(document).height();
if (doc_height !== curr_height) {
doc_height = curr_height;
$(document.body).trigger('sticky_kit:recalc');
}
}
STUDIP.domReady(() => {
doc_height = $(document).height();
});
// Recalculcate positions on ajax and img load events.
// Inside the handlers the current document height is compared
// to the previous height before the event occured so recalculation
// only happens on actual changes
$(document).on('ajaxComplete', heightChangeHandler);
$(document).on('load', '#layout_content img', heightChangeHandler);
// Specialized handler to trigger recalculation when wysiwyg
// instances are created.
$(document).on('load.wysiwyg', 'textarea', function() {
$(document.body).trigger('sticky_kit:recalc');
});
}
// Engage
STUDIP.domReady(() => {
STUDIP.Sidebar.setSticky();
STUDIP.Sidebar.checkActiveLineHeight();
});
|
