Jannex
/
SHX-Theme
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

emoji picker

main
alexanderroese 2024-07-16 22:21:41 +02:00
parent 97db1fae1f
commit 824891e58e
1 changed files with 4 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
snippets/shx-3d-render-input.liquid
View File

@ -947,6 +947,8 @@
//this.showLoadingSpinner();
console.log("render view")
}
updateSelectColorSwatch(event) {
@ -1048,45 +1050,13 @@
</script>
<script type="module">
console.log("loading module");
import "https://cdn.jsdelivr.net/npm/emoji-picker-element@^1/index.js";
import insertText from "https://cdn.jsdelivr.net/npm/insert-text-at-cursor@0.3.0/index.js";
window.addEventListener("DOMContentLoaded", () => {
setTimeout(() => {
console.log("timeout")
const emojiPicker = document.createElement("emoji-picker")
emojiPicker.classList = "light"
emojiPicker.style.width = "100%"
emojiPicker.addEventListener("emoji-click", (e) => {
insertText(document.querySelector("#shx-text1"), e.detail.unicode);
});
console.log("add picker")
document.getElementsByClassName("shx-emoji-picker-popup")[0].appendChild(emojiPicker)
/*
document.querySelector(".shx-emoji-picker-popup").addEventListener("emoji-click", (e) => {
console.log("emoji click")
// insertText(document.querySelector("#shx-text1"), e.detail.unicode);
});
console.log("reg", document.getElementsByClassName("shx-emoji-picker-button"))
document.getElementsByClassName("shx-emoji-picker-button")[0].onclick = () => {
console.log("toggle popup")
document.querySelector(".shx-emoji-picker-popup").classList.toggle("shown");
}; */
}, 2000);
});
</script>
</script>
{% endif %}