lightcordwarez
/
BetterDiscordApp-v2
mirror of https://github.com/JsSucks/BetterDiscordApp
1
0
Fork 0
Code Issues 3 Releases Wiki Activity

Make autocomplete function like Discord one except with ;

This commit is contained in:
Jiiks 2018-03-15 14:11:48 -03:00
parent e1f3bd2f41
commit 13f7ce0cad
1 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
client/src/ui/components/common/Autocomplete.vue
View File

@ -68,7 +68,7 @@
methods: { methods: {
prevents(e) { prevents(e) {
if (!this.open) return; if (!this.open) return;
if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp' && e.key !== 'Tab') return; if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp' && e.key !== 'Tab' && e.key !== 'Enter') return;
e.stopPropagation(); e.stopPropagation();
e.preventDefault(); e.preventDefault();
}, },
@ -83,24 +83,28 @@
}, },
searchEmotes(e) { searchEmotes(e) {
if (this.traverse(e)) return; if (this.traverse(e)) return;
if (e.key === 'Tab' && this.open) { if (e.key === 'Tab' || e.key === 'Enter' && this.open) {
const selected = this.emotes[this.selectedIndex]; const selected = this.emotes[this.selectedIndex];
if (!selected) return; if (!selected) return;
this.inject(selected); this.inject(selected);
this.reset(); this.reset();
return; return;
} }
if (e.key === 'Tab' && !this.open) this.open = true;
if (!this.open) return;
const { selectionEnd, value } = e.target; const { selectionEnd, value } = e.target;
this.sterm = value.substr(0, selectionEnd).split(/\s+/g).pop(); this.sterm = value.substr(0, selectionEnd).split(/\s+/g).pop();
if (this.sterm.length < 3) { if (!this.sterm.startsWith(';')) {
this.reset();
return;
}
if (this.sterm.length < 4) {
this.reset(); this.reset();
return; return;
} }
this.title = this.sterm; this.title = this.sterm;
this.emotes = EmoteModule.filter(new RegExp(this.sterm, ''), 10); this.emotes = EmoteModule.filter(new RegExp(this.sterm.substr(1), ''), 10);
this.open = this.emotes.length; this.open = this.emotes.length;
}, },
traverse(e) { traverse(e) {
@ -128,7 +132,7 @@
const ta = document.querySelector('.chat textarea'); const ta = document.querySelector('.chat textarea');
if (!ta) return; if (!ta) return;
const { selectionEnd, value } = ta; const { selectionEnd, value } = ta;
const en = `:${emote.id}:`; const en = `;${emote.id};`;
let substr = value.substr(0, selectionEnd); let substr = value.substr(0, selectionEnd);
substr = substr.replace(new RegExp(this.sterm + '$'), en); substr = substr.replace(new RegExp(this.sterm + '$'), en);