mirrors/binwiederhier-ntfy
1
0
Fork 0
mirror of https://github.com/binwiederhier/ntfy.git synced 2024-12-14 11:47:33 +00:00
Code Activity

Web: support pasting images to PublishDialog

Browse source
This commit is contained in:
Cao Mingjun 2023-11-25 07:39:20 +00:00 committed by GitHub
parent 00fe639a95
commit 4b1468cfd8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 24 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
web/src/components/Messaging.jsx
View file

@ -26,6 +26,16 @@ const Messaging = (props) => {
setAttachFile(null);
};
const getPastedImage = (ev) => {
const { items } = ev.clipboardData;
for (let i = 0; i < items.length; i += 1) {
if (items[i].type.indexOf("image") !== -1) {
return items[i].getAsFile();
}
}
return null;
};
return (
<>
{subscription && (
@ -35,6 +45,7 @@ const Messaging = (props) => {
onMessageChange={setMessage}
onFilePasted={setAttachFile}
onOpenDialogClick={handleOpenDialogClick}
getPastedImage={getPastedImage}
/>
)}
<PublishDialog
@ -44,6 +55,7 @@ const Messaging = (props) => {
topic={subscription?.topic ?? ""}
message={message}
attachFile={attachFile}
getPastedImage={getPastedImage}
onClose={handleDialogClose}
onDragEnter={() => props.onDialogOpenModeChange((prev) => prev || PublishDialog.OPEN_MODE_DRAG)} // Only update if not already open
onResetOpenMode={() => props.onDialogOpenModeChange(PublishDialog.OPEN_MODE_DEFAULT)}
@ -67,15 +79,10 @@ const MessageBar = (props) => {
};
const handlePaste = (ev) => {
const clipboardData = ev.clipboardData || window.clipboardData;
const { items } = clipboardData;
for (let i = 0; i < items.length; i += 1) {
if (items[i].type.indexOf("image") !== -1) {
const blob = items[i].getAsFile();
props.onFilePasted(blob);
props.onOpenDialogClick();
break;
}
const blob = props.getPastedImage(ev);
if (blob) {
props.onFilePasted(blob);
props.onOpenDialogClick();
}
};

8
web/src/components/PublishDialog.jsx
View file

@ -241,6 +241,13 @@ const PublishDialog = (props) => {
}
}, [props.attachFile]);
const handlePaste = (ev) => {
const blob = props.getPastedImage(ev);
if (blob) {
updateAttachFile(blob);
}
};
const handleAttachFileChanged = async (ev) => {
await updateAttachFile(ev.target.files[0]);
};
@ -363,6 +370,7 @@ const PublishDialog = (props) => {
inputProps={{
"aria-label": t("publish_dialog_message_label"),
}}
onPaste={handlePaste}
/>
<FormControlLabel
label={t("publish_dialog_checkbox_markdown")}