Sha256: 84596b892039c4c6c83c989ee9c894028468c72efc83bca8349b8908722ae733
Contents?: true
Size: 1.74 KB
Versions: 5
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 (name.indexOf(" ") > -1) {
return `${prefix}"${name}" `
} else {
return `${prefix}${name} `
}
}
}], {dropdownClassName: 'thredded--textcomplete-dropdown'});
}
}
ThreddedMentionAutocompletion.MATCH_RE = /(^@|\s@)"?((?:\w| )+)$/;
Version data entries
5 entries across 5 versions & 1 rubygems