This commit is contained in:
Aevann1 2021-08-22 15:28:32 +02:00
parent 120f52d82a
commit a717e0e95c
2 changed files with 32 additions and 8 deletions

View file

@ -68,6 +68,10 @@ document.body.addEventListener('keydown', function(event) {
}
]
let search_bar = document.getElementById("emoji_search");
let search_container = document.getElementById('emoji-tab-search')
if(search_bar.value == ""){
for (i=0; i < emojis.length; i++) {
let container = document.getElementById(`EMOJIS_${emojis[i].type}`)
@ -75,12 +79,31 @@ document.body.addEventListener('keydown', function(event) {
let arr = emojis[i].emojis
for (j=0; j < arr.length; j++) {
str += `<button class="btn m-1 px-0 nobackground" onclick="getEmoji(\'${arr[j]}\', \'${form}\')" style="width:40px; overflow: hidden; border: none;" data-toggle="tooltip" title=":${arr[j]}:" delay:="0"><img width=40 src="/assets/images/emojis/${arr[j]}.gif" alt="${arr[j]}-emoji"/></button>`;
if(arr[j].match(search_bar.value)){
str += `<button class="btn m-1 px-0" onclick="getEmoji(\'${arr[j]}\', \'${form}\')" style="width:40px; overflow: hidden; border: none;" data-toggle="tooltip" title=":${arr[j]}:" delay:="0"><img width=30 src="/assets/images/emojis/${arr[j]}.gif" alt="${arr[j]}-emoji"/></button>`;
}
}
container.innerHTML = str
search_container.innerHTML = ""
}
}else{
let str = ''
for (i=0; i < emojis.length; i++) {
let arr = emojis[i].emojis
let container = document.getElementById(`EMOJIS_${emojis[i].type}`)
for (j=0; j < arr.length; j++) {
if(arr[j].match(search_bar.value)){
str += `<button class="btn m-1 px-0" onclick="getEmoji(\'${arr[j]}\', \'${form}\')" style="width:40px; overflow: hidden; border: none;" data-toggle="tooltip" title=":${arr[j]}:" delay:="0"><img width=30 src="/assets/images/emojis/${arr[j]}.gif" alt="${arr[j]}-emoji"/></button>`;
}
}
container.innerHTML = ""
}
search_container.innerHTML = str
}
search_bar.oninput = function(){loadEmojis(form, true);};
}
function getGif(searchTerm) {

View file

@ -28,6 +28,7 @@
</li>
</ul>
</div>
<input class="form-control mt-2 w-auto" type="text" id="emoji_search" placeholder="Search..">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<i class="fal fa-times text-muted"></i>
</button>