emoji picker

main
alexanderroese 2024-07-16 22:09:50 +02:00
parent dedee9af47
commit 0f75f84a89
1 changed files with 8 additions and 42 deletions

View File

@ -159,6 +159,14 @@
} }
</style> </style>
<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'
</script>
<script type="text/javascript"> <script type="text/javascript">
const FilamentList = { const FilamentList = {
@ -1065,47 +1073,5 @@
</script> </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");
}; */
}, 1500)
})
</script>
{% endif %} {% endif %}