rDrama
/
rDrama
9
10
Fork 6
Code Issues Pull Requests Packages Releases Wiki Activity

show author and usage count in popup emoji modal

pull/142/head
Aevann 2023-03-19 16:08:53 +02:00
parent c1eda5123c
commit d66e404e00
1 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
files/assets/js/emoji_modal.js
View File

@ -148,7 +148,7 @@ emojiRequest.onload = async () => {
if(! (emojis instanceof Array )) if(! (emojis instanceof Array ))
throw new TypeError("[EMOJI DIALOG] rDrama's server should have sent a JSON-coded Array!"); throw new TypeError("[EMOJI DIALOG] rDrama's server should have sent a JSON-coded Array!");
globalEmojis = emojis.map(i => i.name); globalEmojis = emojis.map(({name, author, count}) => ({name, author, count}));
let classes = new Set(); let classes = new Set();
const bussyDOM = document.createElement("div"); const bussyDOM = document.createElement("div");
@ -360,8 +360,10 @@ function populate_speed_emoji_modal(results, textbox)
const MAXXX = 25; const MAXXX = 25;
// Not sure why the results is a Set... but oh well // Not sure why the results is a Set... but oh well
let i = 0; let i = 0;
for (let result of results) for (let emoji of results)
{ {
const name = emoji.name
if (i++ > MAXXX) return i; if (i++ > MAXXX) return i;
let emoji_option = document.createElement("div"); let emoji_option = document.createElement("div");
emoji_option.className = "speed-modal-option emoji-option " + (i === 1 ? "selected" : ""); emoji_option.className = "speed-modal-option emoji-option " + (i === 1 ? "selected" : "");
@ -369,18 +371,26 @@ function populate_speed_emoji_modal(results, textbox)
let emoji_option_img = document.createElement("img"); let emoji_option_img = document.createElement("img");
emoji_option_img.className = "speed-modal-image emoji-option-image"; emoji_option_img.className = "speed-modal-image emoji-option-image";
// This is a bit // This is a bit
emoji_option_img.src = `/e/${result}.webp`; emoji_option_img.src = `/e/${name}.webp`;
let emoji_option_text = document.createElement("span"); let emoji_option_text = document.createElement("span");
emoji_option_text.title = result;
emoji_option_text.innerText = result;
if (current_word.includes("#")) result = `#${result}` emoji_option_text.title = name;
if (current_word.includes("!")) result = `!${result}`
if(emoji.author !== undefined && emoji.author !== null)
emoji_option_text.title += "\nauthor\t" + emoji.author
if(emoji.count !== undefined)
emoji_option_text.title += "\nused\t" + emoji.count;
emoji_option_text.innerText = name;
if (current_word.includes("#")) name = `#${name}`
if (current_word.includes("!")) name = `!${name}`
emoji_option.addEventListener('click', () => { emoji_option.addEventListener('click', () => {
selecting = false; selecting = false;
speed_carot_modal.style.display = "none"; speed_carot_modal.style.display = "none";
textbox.value = textbox.value.replace(new RegExp(current_word+"(?=\\s|$)", "g"), `:${result}: `) textbox.value = textbox.value.replace(new RegExp(current_word+"(?=\\s|$)", "g"), `:${name}: `)
textbox.focus() textbox.focus()
if (document.location.pathname != '/chat'){ if (document.location.pathname != '/chat'){
markdown(textbox) markdown(textbox)
@ -436,7 +446,7 @@ function update_speed_emoji_modal(event)
// Do the search (and do something with it) // Do the search (and do something with it)
const resultSet = emojisSearchDictionary.completeSearch(current_word.substr(1).replace(/#/g, "").replace(/!/g, "")) const resultSet = emojisSearchDictionary.completeSearch(current_word.substr(1).replace(/#/g, "").replace(/!/g, ""))
const found = globalEmojis.filter(value => resultSet.has(value)); const found = globalEmojis.filter(i => resultSet.has(i.name));
populate_speed_emoji_modal(found, event.target); populate_speed_emoji_modal(found, event.target);