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
|
odoo.define('website.s_table_of_content', function (require) {
'use strict';
const publicWidget = require('web.public.widget');
const {extraMenuUpdateCallbacks} = require('website.content.menu');
const TableOfContent = publicWidget.Widget.extend({
selector: 'section .s_table_of_content_navbar_sticky',
disabledInEditableMode: false,
/**
* @override
*/
async start() {
await this._super(...arguments);
this._updateTableOfContentNavbarPosition();
extraMenuUpdateCallbacks.push(this._updateTableOfContentNavbarPosition.bind(this));
},
/**
* @override
*/
destroy() {
this.$target.css('top', '');
this.$target.find('.s_table_of_content_navbar').css('top', '');
this._super(...arguments);
},
//--------------------------------------------------------------------------
// Private
//--------------------------------------------------------------------------
/**
* @private
*/
_updateTableOfContentNavbarPosition() {
let position = 0;
const $fixedElements = $('.o_top_fixed_element');
_.each($fixedElements, el => position += $(el).outerHeight());
const isHorizontalNavbar = this.$target.hasClass('s_table_of_content_horizontal_navbar');
this.$target.css('top', isHorizontalNavbar ? position : '');
this.$target.find('.s_table_of_content_navbar').css('top', isHorizontalNavbar ? '' : position + 20);
const $mainNavBar = $('#oe_main_menu_navbar');
position += $mainNavBar.length ? $mainNavBar.outerHeight() : 0;
position += isHorizontalNavbar ? this.$target.outerHeight() : 0;
$().getScrollingElement().scrollspy({target: '.s_table_of_content_navbar', method: 'offset', offset: position + 100, alwaysKeepFirstActive: true});
},
});
publicWidget.registry.anchorSlide.include({
//--------------------------------------------------------------------------
// Private
//--------------------------------------------------------------------------
/**
* Overridden to add the height of the horizontal sticky navbar at the scroll value
* when the link is from the table of content navbar
*
* @override
* @private
*/
_computeExtraOffset() {
let extraOffset = this._super(...arguments);
if (this.$el.hasClass('table_of_content_link')) {
const tableOfContentNavbarEl = this.$el.closest('.s_table_of_content_navbar_sticky.s_table_of_content_horizontal_navbar');
if (tableOfContentNavbarEl.length > 0) {
extraOffset += $(tableOfContentNavbarEl).outerHeight();
}
}
return extraOffset;
},
});
publicWidget.registry.snippetTableOfContent = TableOfContent;
return TableOfContent;
});
|
