harukin/core
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

textcomplete: return up to 100 items and look for for matches in the entire string (not just the beginning) when suggesting emojis

Browse Source
This commit is contained in:
Mario Vavti 2018-10-22 15:36:02 +02:00
parent 26e20f9999
commit 5c36eef039
2 changed files with 34 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
view/js/autocomplete.js
View File

@ -195,12 +195,12 @@ function string2bb(element) {
smilies = { smilies = {
match: /(^|\s)(:[a-z_:]{2,})$/, match: /(^|\s)(:[a-z0-9_:]{2,})$/,
index: 2, index: 2,
cache: true, cache: true,
search: function(term, callback) { $.getJSON('/smilies/json').done(function(data) { callback($.map(data, function(entry) { return entry.text.indexOf(term) === 0 ? entry : null; })); }); }, search: function(term, callback) { $.getJSON('/smilies/json').done(function(data) { callback($.map(data, function(entry) { return entry.text.indexOf(term.substr(1)) !== -1 ? entry : null; })); }); },
//template: function(item) { return item.icon + item.text; },
replace: function(item) { return "$1" + item.text + ' '; }, replace: function(item) { return "$1" + item.text + ' '; },
context: function(text) { return text.toLowerCase(); },
template: smiley_format template: smiley_format
}; };
this.attr('autocomplete','off'); this.attr('autocomplete','off');
@ -209,8 +209,12 @@ function string2bb(element) {
$(this).each(function() { $(this).each(function() {
var editor = new Textarea(this); var editor = new Textarea(this);
var textcomplete = new Textcomplete(editor); var textcomplete = new Textcomplete(editor, {
textcomplete.register([contacts,forums,smilies,tags], {className:'acpopup', zIndex:1020}); dropdown: {
maxCount: 100
}
});
textcomplete.register([contacts,forums,smilies,tags]);
}); });
@ -264,8 +268,12 @@ function string2bb(element) {
$(this).each(function() { $(this).each(function() {
var editor = new Textarea(this); var editor = new Textarea(this);
textcomplete = new Textcomplete(editor); textcomplete = new Textcomplete(editor, {
textcomplete.register([contacts,forums,tags], {className:'acpopup', maxCount:100, zIndex: 1020, appendTo:'nav'}); dropdown: {
maxCount: 100
}
});
textcomplete.register([contacts,forums,tags]);
}); });
textcomplete.on('selected', function() { this.editor.el.form.submit(); }); textcomplete.on('selected', function() { this.editor.el.form.submit(); });
@ -299,8 +307,12 @@ function string2bb(element) {
$(this).each(function() { $(this).each(function() {
var editor = new Textarea(this); var editor = new Textarea(this);
textcomplete = new Textcomplete(editor); textcomplete = new Textcomplete(editor, {
textcomplete.register([contacts], {className:'acpopup', zIndex:1020}); dropdown: {
maxCount: 100
}
});
textcomplete.register([contacts]);
}); });
if(autosubmit) if(autosubmit)
@ -338,8 +350,12 @@ function string2bb(element) {
$(this).each(function() { $(this).each(function() {
var editor = new Textarea(this); var editor = new Textarea(this);
textcomplete = new Textcomplete(editor); textcomplete = new Textcomplete(editor, {
textcomplete.register([names], {className:'acpopup', zIndex:1020}); dropdown: {
maxCount: 100
}
});
textcomplete.register([names]);
}); });
if(autosubmit) if(autosubmit)
@ -420,7 +436,7 @@ function string2bb(element) {
$(this).each(function() { $(this).each(function() {
var editor = new Textarea(this); var editor = new Textarea(this);
var textcomplete = new Textcomplete(editor); var textcomplete = new Textcomplete(editor);
textcomplete.register([bbco], {className:'acpopup', zIndex:1020}); textcomplete.register([bbco]);
}); });
this.keypress(function(e){ this.keypress(function(e){

6
view/theme/redbasic/css/style.css
View File

@ -1474,6 +1474,12 @@ blockquote {
background-color: $item_colour; background-color: $item_colour;
} }
.textcomplete-dropdown {
max-height: 300px;
max-width: 250px;
overflow: auto;
}
.dropdown-item.active { .dropdown-item.active {
color: #fff; color: #fff;
background-color: #007bff; background-color: #007bff;