createEmoji : function(emoji) {
var el = document.createElement('img');
el.src = emoji.url;
el.className = ghe.vars.emojiClass + ' emoji';
el.title = el.alt = ghe.vars.emojiImgTemplate.replace(ghe.regex.template, emoji.name);
// el.align = 'absmiddle'; // deprecated attribute
return el;
},
// used by autocomplete (atwho) filter function
matches : function(query, labels) {
if (query === '') {
return 1;
}
labels = labels || '';
var i, partial,
count = 0,
isCS = this.settings.caseSensitive,
arry = (isCS ? labels : labels.toUpperCase()).split(/[\s,_]+/),
parts = (isCS ? query : query.toUpperCase()).split(/[,_]/),
len = parts.length;
for (i = 0; i < len; i++) {
// full match or partial
partial = arry.join('_').indexOf(parts.join('_'));
if (arry.indexOf(parts[i]) > -1 || partial > -1) {
count++;
}
// give more weight to results with indexOf closer to zero
if (partial > -1 && partial < len / 2) {
count++;
}
}
// return fraction of query matches
return count / len;
},
emojiSort : function(a, b) {
return a.name > b.name ? 1 : a.name < b.name ? -1 : 0;
},
// init when comment textarea is focused
initAutocomplete : function($el) {
if (!$el.data('atwho')) {
var indx, imgLen, txtLen, name, group,
text = [],
data = [];
// combine data
for (name in ghe.collections) {
if (ghe.collections.hasOwnProperty(name)) {
group = ghe.collections[name].slice(1);
if (ghe.collections[name][0].type === 'text') {
text = text.concat(group);
} else {
data = data.concat(group);
}
}
}
imgLen = data.length;
if (imgLen) {
// alphabetic sort
data = data.sort(ghe.emojiSort);
// add prepend name to labels
for (indx = 0; indx < imgLen; indx++) {
data[indx].labels = data[indx].name.replace(/_/g, ' ') + ' ' + data[indx].labels;
}
// add emoji autocomplete to comment textareas
$el.atwho({
// first two characters from emojiImgTemplate
at : ghe.vars.emojiImgTemplate.split('${name}')[0],
data : data,
searchKey: 'labels',
displayTpl : '