Andromeda/jank-client-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

custom emoji picker

Browse source 
merges fbb7ed3c9c (diff-beb98739004ececc621a1ab4a177e04f96d8d358c215716df0dcf1e1cb0f453c) and makes it fully functional along with CSS fixes
This commit is contained in:
MathMan05 2024-08-13 13:53:52 -05:00
parent 96faadddd0
commit ece9ebceb5
8 changed files with 174 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

72
webpage/emoji.ts
View file

@ -110,7 +110,7 @@ class Emoji{
Emoji.decodeEmojiList(e);
})
}
static async emojiPicker(x:number,y:number):Promise<Emoji|string>{
static async emojiPicker(x:number,y:number, localuser:Localuser):Promise<Emoji|string>{
let res:(r:Emoji|string)=>void;
const promise:Promise<Emoji|string>=new Promise((r)=>{res=r;})
const menu=document.createElement("div");
@ -118,6 +118,65 @@ class Emoji{
menu.style.top=y+"px";
menu.style.left=x+"px";
const title=document.createElement("h2");
title.textContent=Emoji.emojis[0].name;
title.classList.add("emojiTitle");
menu.append(title);
console.log("menu :3");
const selection=document.createElement("div");
selection.classList.add("flexltr","dontshrink","emojirow");
console.log("menu :3");
const body=document.createElement("div");
body.classList.add("emojiBody");
let isFirst = true;
localuser.guilds.filter(guild => guild.id != "@me" && guild.emojis.length > 0).forEach(guild => {
const select = document.createElement("div")
select.classList.add("emojiSelect")
if (guild.properties.icon) {
const img = document.createElement("img")
img.classList.add("pfp", "servericon", "emoji-server")
img.crossOrigin = "anonymous"
img.src = localuser.info.cdn + "/icons/" + guild.properties.id + "/" + guild.properties.icon + ".png?size=48"
img.alt = "Server: " + guild.properties.name
select.appendChild(img)
} else {
const div = document.createElement("span")
div.textContent = guild.properties.name.replace(/'s /g, " ").replace(/\w+/g, word => word[0]).replace(/\s/g, "")
select.append(div)
}
selection.append(select)
const clickEvent = () => {
title.textContent = guild.properties.name
body.innerHTML = ""
for (const emojit of guild.emojis) {
const emojiElem = document.createElement("div")
emojiElem.classList.add("emojiSelect")
const emojiClass = new Emoji({
id: emojit.id,
name: emojit.name,
animated: emojit.animated
},localuser)
emojiElem.append(emojiClass.getHTML())
body.append(emojiElem)
emojiElem.addEventListener("click", () => {
res(emojiClass)
Contextmenu.currentmenu.remove()
})
}
}
select.addEventListener("click", clickEvent)
if (isFirst) {
clickEvent()
isFirst = false
}
})
setTimeout(()=>{
if(Contextmenu.currentmenu!=""){
@ -128,16 +187,7 @@ class Emoji{
Contextmenu.keepOnScreen(menu);
},10)
const title=document.createElement("h2");
title.textContent=Emoji.emojis[0].name;
title.classList.add("emojiTitle");
menu.append(title);
console.log("menu :3");
const selection=document.createElement("div");
selection.classList.add("flexltr","dontshrink");
console.log("menu :3");
const body=document.createElement("div");
body.classList.add("emojiBody");
let i=0;
for(const thing of Emoji.emojis){
const select=document.createElement("div");