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

emoji picker

main
alexanderroese 2024-07-16 23:02:54 +02:00
parent 9076457639
commit b72f211a65
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

@ -165,22 +165,7 @@
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";
document.getElementById("shx-emoji-picker-button").setAttribute("shx-emoji-picker-loaded", "true")
console.log("modules loaded")
const emojiPicker = document.createElement("emoji-picker");
emojiPicker.classList = "light";
emojiPicker.style.width = "100%";
emojiPicker.addEventListener("emoji-click", (e) => {
console.log("insertText", e.detail.unicode)
// insertText(document.querySelector("#shx-text1"), e.detail.unicode);
});
console.log("loadEmojiPicker");
document.getElementsByClassName("shx-emoji-picker-popup")[0].appendChild(emojiPicker);
console.log("module loaded")
</script>
<script type="text/javascript">
@ -459,7 +444,9 @@
</div>
</div>
<div class="shx-emoji-picker-popup"></div>
<div class="shx-emoji-picker-popup">
<emoji-picker class="light"></emoji-picker>
</div>
`;
}
@ -1062,23 +1049,6 @@
}
this.renderView();
console.log("render current variant", document.getElementById("shx-emoji-picker-button").getAttribute("shx-emoji-picker-loaded"))
if (document.getElementById("shx-emoji-picker-button").getAttribute("shx-emoji-picker-loaded") === "true") {
const emojiPicker = document.createElement("emoji-picker");
emojiPicker.classList = "light";
emojiPicker.style.width = "100%";
emojiPicker.addEventListener("emoji-click", (e) => {
console.log("insertText", e.detail.unicode)
// insertText(document.querySelector("#shx-text1"), e.detail.unicode);
});
console.log("loadEmojiPicker");
document.getElementsByClassName("shx-emoji-picker-popup")[0].appendChild(emojiPicker);
}
}
}