This commit is contained in:
kek7198 2021-12-06 11:44:41 -06:00
parent 677e19c722
commit 9ca7a1eb6a
3 changed files with 6 additions and 6 deletions

View file

@ -812,7 +812,7 @@ function loadEmojis(form) {
let arr = EMOJIS_STRINGS[i].emojis
for (let j = 0; j < arr.length; j++) {
str += `<button class="m-1 p-[3px] bg-transparent hover:bg-gray-200 w-16 h-16 overflow-hidden" onclick="getEmoji('${arr[j]}')" data-bs-toggle="tooltip" title=":${arr[j]}:" delay:="0"><img loading="lazy" class="object-contain" width=50 src="/assets/images/emojis/${arr[j]}.webp" alt="${arr[j]}-emoji"></button>`;
str += `<button class="m-1 p-[3px] bg-transparent hover:bg-gray-300 w-16 h-16 overflow-hidden" onclick="getEmoji('${arr[j]}')" data-bs-toggle="tooltip" title=":${arr[j]}:" delay:="0"><img loading="lazy" class="object-contain" width=50 src="/assets/images/emojis/${arr[j]}.webp" alt="${arr[j]}-emoji"></button>`;
}
container.innerHTML = str
@ -826,7 +826,7 @@ function loadEmojis(form) {
let container = document.getElementById(`EMOJIS_${EMOJIS_STRINGS[i].type}`)
for (let j = 0; j < arr.length; j++) {
if (arr[j].match(search_bar.value.toLowerCase()) || search_bar.value.toLowerCase().match(arr[j])) {
str += `<button class="m-1 p-[3px] bg-transparent hover:bg-gray-200 w-16 h-16 overflow-hidden" onclick="getEmoji('${arr[j]}')" data-bs-toggle="tooltip" title=":${arr[j]}:" delay:="0"><img loading="lazy" class="object-contain" width=50 src="/assets/images/emojis/${arr[j]}.webp" alt="${arr[j]}-emoji"></button>`;
str += `<button class="m-1 p-[3px] bg-transparent hover:bg-gray-300 w-16 h-16 overflow-hidden" onclick="getEmoji('${arr[j]}')" data-bs-toggle="tooltip" title=":${arr[j]}:" delay:="0"><img loading="lazy" class="object-contain" width=50 src="/assets/images/emojis/${arr[j]}.webp" alt="${arr[j]}-emoji"></button>`;
}
}
@ -836,12 +836,12 @@ function loadEmojis(form) {
for (const [key, value] of Object.entries(arr2)) {
if (str.includes(`'${key}'`)) continue;
if (key.match(search_bar.value.toLowerCase()) || search_bar.value.toLowerCase().match(key)) {
str += `<button class="m-1 p-[3px] bg-transparent hover:bg-gray-200 w-16 h-16 overflow-hidden" onclick="getEmoji('${key}')" data-bs-toggle="tooltip" title=":${key}:" delay:="0"><img loading="lazy" class="object-contain" width=50 src="/assets/images/emojis/${key}.webp" alt="${key}-emoji"></button>`;
str += `<button class="m-1 p-[3px] bg-transparent hover:bg-gray-300 w-16 h-16 overflow-hidden" onclick="getEmoji('${key}')" data-bs-toggle="tooltip" title=":${key}:" delay:="0"><img loading="lazy" class="object-contain" width=50 src="/assets/images/emojis/${key}.webp" alt="${key}-emoji"></button>`;
}
else {
for (let j = 0; j < value.length; j++) {
if (value[j].match(search_bar.value.toLowerCase())) {
str += `<button class="m-1 p-[3px] bg-transparent hover:bg-gray-200 w-16 h-16 overflow-hidden" onclick="getEmoji('${key}')" data-bs-toggle="tooltip" title=":${key}:" delay:="0"><img loading="lazy" class="object-contain" width=50 src="/assets/images/emojis/${key}.webp" alt="${key}-emoji"></button>`;
str += `<button class="m-1 p-[3px] bg-transparent hover:bg-gray-300 w-16 h-16 overflow-hidden" onclick="getEmoji('${key}')" data-bs-toggle="tooltip" title=":${key}:" delay:="0"><img loading="lazy" class="object-contain" width=50 src="/assets/images/emojis/${key}.webp" alt="${key}-emoji"></button>`;
break;
}
}

View file

@ -27,7 +27,7 @@ def favorite_emojis(x):
str = ""
emojis = sorted(x.items(), key=lambda x: x[1], reverse=True)[:25]
for k, v in emojis:
str += f'<button class="m-1 p-[3px] bg-transparent hover:bg-gray-200 w-16 h-16 overflow-hidden" onclick="getEmoji(\'{k}\')" data-bs-toggle="tooltip" title=":{k}:" delay:="0"><img loading="lazy" width=50 src="/assets/images/emojis/{k}.webp" alt="{k}-emoji"></button>'
str += f'<button class="m-1 p-[3px] bg-transparent hover:bg-gray-300 w-16 h-16 overflow-hidden" onclick="getEmoji(\'{k}\')" data-bs-toggle="tooltip" title=":{k}:" delay:="0"><img loading="lazy" width=50 src="/assets/images/emojis/{k}.webp" alt="{k}-emoji"></button>'
return str
@app.context_processor

View file

@ -1 +1 @@
<div class="animate-pulse hover:bg-gray-200"></div>
<div class="animate-pulse hover:bg-gray-300"></div>