82 lines
2.8 KiB
JavaScript
82 lines
2.8 KiB
JavaScript
|
Hooks.once("init", async function () {});
|
||
|
|
let currentJournalId;
|
||
|
|
|
||
|
|
async function addImage(app, url, currentJournalId) {
|
||
|
|
var journalEntry;
|
||
|
|
//create image tag with url of item
|
||
|
|
var containerParagraph;
|
||
|
|
var image = new Image();
|
||
|
|
//append the child to the body of the journal entry -- gotta figure out how to add it to the journal entry specifically
|
||
|
|
var journalDiv = document.getElementById(currentJournalId);
|
||
|
|
var journalForm = journalDiv.getElementsByTagName("form")[0];
|
||
|
|
var editorContent = journalForm.getElementsByClassName("editor-content")[0];
|
||
|
|
containerParagraph = journalForm.getElementsByClassName("editor-content")[0].querySelector("p"); //appendChild(containerParagraph);
|
||
|
|
if (containerParagraph == null) {
|
||
|
|
containerParagraph = document.createElement("p");
|
||
|
|
journalForm.getElementsByClassName("editor-content")[0].appendChild(containerParagraph);
|
||
|
|
}
|
||
|
|
containerParagraph.appendChild(image);
|
||
|
|
image.src = url;
|
||
|
|
app.object.data.content = editorContent.innerHTML;
|
||
|
|
app.object.update({
|
||
|
|
content: app.object.data.content,
|
||
|
|
});
|
||
|
|
|
||
|
|
await app.submit();
|
||
|
|
}
|
||
|
|
|
||
|
|
async function handleDrop(app, event, currentJournalId) {
|
||
|
|
event.preventDefault();
|
||
|
|
|
||
|
|
var files = event.dataTransfer.files;
|
||
|
|
for (let f of files) {
|
||
|
|
checkSource(app, f, currentJournalId);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
//implemented and tweaked these methods from DragUpload by cswendrowski
|
||
|
|
//https://github.com/cswendrowski/FoundryVTT-Drag-Upload/blob/master/dragupload.js
|
||
|
|
|
||
|
|
async function checkSource(app, file, currentJournalId) {
|
||
|
|
if (typeof ForgeVTT != "undefined" && ForgeVTT.usingTheForge) {
|
||
|
|
source = "forgevtt";
|
||
|
|
} else {
|
||
|
|
var source = "data";
|
||
|
|
}
|
||
|
|
let response;
|
||
|
|
if (file.isExternalUrl) {
|
||
|
|
response = {
|
||
|
|
path: file.url,
|
||
|
|
};
|
||
|
|
} else {
|
||
|
|
response = await FilePicker.upload(
|
||
|
|
source,
|
||
|
|
game.settings.get("journal-to-canvas-slideshow", "imageSaveLocation"),
|
||
|
|
file,
|
||
|
|
{}
|
||
|
|
);
|
||
|
|
}
|
||
|
|
addImage(app, response.path, currentJournalId);
|
||
|
|
}
|
||
|
|
|
||
|
|
Hooks.on("renderJournalSheet", (app, html, options) => {
|
||
|
|
currentJournalId = html[0].id;
|
||
|
|
var journalDiv = html[0];
|
||
|
|
if (!journalDiv.querySelector("div.editor")) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
journalDiv.querySelector("div.editor").addEventListener("drop", (event) => {
|
||
|
|
handleDrop(app, event, currentJournalId);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
Hooks.once("init", async function () {
|
||
|
|
game.settings.register("DragDropIntoJournal", "imageSaveLocation", {
|
||
|
|
name: "Image Save Location",
|
||
|
|
hint: "Where in your Data folder would you like to save the images you drag into journal entries? Input the file path to your prefered folder here.",
|
||
|
|
scope: "client",
|
||
|
|
config: true,
|
||
|
|
type: String,
|
||
|
|
default: "",
|
||
|
|
});
|
||
|
|
});
|