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
92
93
94
95
96
97
98
99
100
101
102
103
104
|
odoo.define('website.editor.link', function (require) {
'use strict';
var weWidgets = require('wysiwyg.widgets');
var wUtils = require('website.utils');
weWidgets.LinkDialog.include({
xmlDependencies: (weWidgets.LinkDialog.prototype.xmlDependencies || []).concat(
['/website/static/src/xml/website.editor.xml']
),
events: _.extend({}, weWidgets.LinkDialog.prototype.events || {}, {
'change select[name="link_anchor"]': '_onAnchorChange',
'input input[name="url"]': '_onURLInput',
}),
custom_events: _.extend({}, weWidgets.LinkDialog.prototype.custom_events || {}, {
website_url_chosen: '_onAutocompleteClose',
}),
LINK_DEBOUNCE: 1000,
/**
* @constructor
*/
init: function () {
this._super.apply(this, arguments);
this._adaptPageAnchor = _.debounce(this._adaptPageAnchor, this.LINK_DEBOUNCE);
},
/**
* Allows the URL input to propose existing website pages.
*
* @override
*/
start: function () {
var def = this._super.apply(this, arguments);
wUtils.autocompleteWithPages(this, this.$('input[name="url"]'));
this.opened(this._adaptPageAnchor.bind(this));
return def;
},
//--------------------------------------------------------------------------
// Private
//--------------------------------------------------------------------------
/**
* @private
*/
_adaptPageAnchor: function () {
var urlInputValue = this.$('input[name="url"]').val();
var $pageAnchor = this.$('.o_link_dialog_page_anchor');
var isFromWebsite = urlInputValue[0] === '/';
var $selectMenu = this.$('select[name="link_anchor"]');
var $anchorsLoading = this.$('.o_anchors_loading');
if ($selectMenu.data("anchor-for") !== urlInputValue) { // avoid useless query
$anchorsLoading.removeClass('d-none');
$pageAnchor.toggleClass('d-none', !isFromWebsite);
$selectMenu.empty();
wUtils.loadAnchors(urlInputValue).then(function (anchors) {
_.each(anchors, function (anchor) {
$selectMenu.append($('<option>', {text: anchor}));
});
always();
}).guardedCatch(always);
} else {
always();
}
function always() {
$anchorsLoading.addClass('d-none');
$selectMenu.prop("selectedIndex", -1);
}
$selectMenu.data("anchor-for", urlInputValue);
},
//--------------------------------------------------------------------------
// Handlers
//--------------------------------------------------------------------------
/**
* @private
*/
_onAutocompleteClose: function () {
this._onURLInput();
},
/**
* @private
*/
_onAnchorChange: function () {
var anchorValue = this.$('[name="link_anchor"]').val();
var $urlInput = this.$('[name="url"]');
var urlInputValue = $urlInput.val();
if (urlInputValue.indexOf('#') > -1) {
urlInputValue = urlInputValue.substr(0, urlInputValue.indexOf('#'));
}
$urlInput.val(urlInputValue + anchorValue);
},
/**
* @override
*/
_onURLInput: function () {
this._super.apply(this, arguments);
this._adaptPageAnchor();
},
});
});
|
