Sha256: d1ed8256da726b22d60fa75d73e0e5e1422bfed89664a425b9e91be32e38668f
Contents?: true
Size: 1.74 KB
Versions: 9
Compression:
Stored size: 1.74 KB
Contents
class ThreddedMentionAutocompletion {
constructor($) {
this.$ = $;
this.textareaSelector = 'textarea';
}
init($nodes){
const $textarea = $nodes.find(this.textareaSelector);
this.autocompleteMinLength = parseInt($nodes.data('autocompleteMinLength'), 10);
this.automentionCompletion($textarea, $nodes.data('autocompleteUrl'));
}
escapeHtml(text) {
return this.$('<div/>').text(text).html();
}
formatUser({avatar_url, name, escapeHtml}) {
return "<div class='thredded--select2-user-result'>" +
`<img class='thredded--select2-user-result__avatar' src='${this.escapeHtml(avatar_url)}' >` +
`<span class='thredded--select2-user-result__name'>${this.escapeHtml(name)}</span>` +
'</div>';
}
automentionCompletion($textarea, autocompleteUrl) {
let mentionAC = this;
$textarea.textcomplete([{
match: ThreddedMentionAutocompletion.MATCH_RE,
search (term, callback, match) {
if(term.length < this.autocompleteMinLength){
return callback({});
}
let termsUrl = `${autocompleteUrl}?q=${term}`;
$.ajax({url: termsUrl}).done(function (response) {
callback($.map(response.results, function ({avatar_url, id, name}) {
return {avatar_url, id, name, match};
}));
});
},
template ({avatar_url, name}) {
return mentionAC.formatUser({avatar_url, name});
},
replace ({name, match}) {
let prefix = match[1];
if (/[., ()]/.test(name)) {
return `${prefix}"${name}" `
} else {
return `${prefix}${name} `
}
}
}], {dropdownClassName: 'thredded--textcomplete-dropdown'});
}
}
ThreddedMentionAutocompletion.MATCH_RE = /(^@|\s@)"?([\w.,\- ()]+)$/;
Version data entries
9 entries across 9 versions & 1 rubygems