Compare commits

base: retoor:b0666a00900e1b25633433b80da1ef3dd5f2ee71
Branches Tags
retoor:main
retoor:feat/make-database-async
..
compare: retoor:529ebd23fc0b50e2606ecddc5e1199774dd18384
Branches Tags
retoor:main
retoor:feat/make-database-async

No commits in common. "b0666a00900e1b25633433b80da1ef3dd5f2ee71" and "529ebd23fc0b50e2606ecddc5e1199774dd18384" have entirely different histories.
b0666a0090 ... 529ebd23fc

1 changed files with 15 additions and 58 deletions
Show Stats Expand all files Collapse all files

53
src/snek/templates/web.html
View File

@ -32,6 +32,11 @@
}
function initInputField(textBox) {
textBox.addEventListener('change', (e) => {
e.preventDefault();
this.dispatchEvent(new CustomEvent('change', { detail: e.target.value, bubbles: true }));
});
textBox.addEventListener('keydown', (e) => {
if (e.key === 'Enter' && !e.shiftKey) {
e.preventDefault();
@ -42,54 +47,6 @@
}
}
});
textBox.addEventListener("paste", async (e) => {
try {
const clipboardItems = await navigator.clipboard.read();
// DataTransfer needs to be used to modify the files list of the input
const dt = new DataTransfer();
for (const clipboardItem of clipboardItems) {
const fileTypes = clipboardItem.types.filter(type => !type.startsWith('text/'))
for (const fileType of fileTypes) {
const blob = await clipboardItem.getType(fileType);
// Do something with the image blob.
dt.items.add(new File([blob], "image.png", { type: fileType }));
}
}
if (dt.items.length > 0) {
const uploadButton = document.querySelector("upload-button");
const input = uploadButton.shadowRoot.querySelector('.file-input')
input.files = dt.files;
await uploadButton.uploadFiles();
}
} catch (error) {
console.error("Failed to read clipboard contents: ", error);
}
});
const chatInput = document.querySelector(".chat-area")
chatInput.addEventListener("drop", async (e) => {
e.preventDefault();
const dt = e.dataTransfer;
if (dt.items.length > 0) {
const uploadButton = document.querySelector("upload-button");
const input = uploadButton.shadowRoot.querySelector('.file-input')
input.files = dt.files;
await uploadButton.uploadFiles();
}
})
chatInput.addEventListener("dragover", async (e) => {
e.preventDefault();
e.dataTransfer.dropEffect = "link";
})
textBox.focus();
}