2018-11-08 17:11:00 +08:00
|
|
|
import utils from "./utils.js";
|
|
|
|
import protectedSessionHolder from "./protected_session_holder.js";
|
|
|
|
import noteDetailService from "./note_detail.js";
|
2018-11-09 01:35:23 +08:00
|
|
|
import infoService from "./info.js";
|
2018-11-08 17:11:00 +08:00
|
|
|
|
2018-11-08 17:30:35 +08:00
|
|
|
const $component = $('#note-detail-image');
|
|
|
|
const $imageView = $('#note-detail-image-view');
|
2018-11-08 17:11:00 +08:00
|
|
|
|
2018-11-08 17:30:35 +08:00
|
|
|
const $imageDownload = $("#image-download");
|
2018-11-09 01:35:23 +08:00
|
|
|
const $copyToClipboardDownload = $("#image-copy-to-clipboard");
|
2018-11-08 17:11:00 +08:00
|
|
|
|
|
|
|
async function show() {
|
|
|
|
const currentNote = noteDetailService.getCurrentNote();
|
|
|
|
|
2018-11-08 17:30:35 +08:00
|
|
|
$component.show();
|
2018-11-08 17:11:00 +08:00
|
|
|
|
2018-11-08 17:30:35 +08:00
|
|
|
$imageView.prop("src", `/api/images/${currentNote.noteId}/${currentNote.title}`);
|
2018-11-08 17:11:00 +08:00
|
|
|
}
|
|
|
|
|
2018-11-08 17:30:35 +08:00
|
|
|
$imageDownload.click(() => utils.download(getFileUrl()));
|
2018-11-08 17:11:00 +08:00
|
|
|
|
2018-11-09 01:35:23 +08:00
|
|
|
function selectImage(element) {
|
|
|
|
const selection = window.getSelection();
|
|
|
|
const range = document.createRange();
|
|
|
|
range.selectNodeContents(element);
|
|
|
|
selection.removeAllRanges();
|
|
|
|
selection.addRange(range);
|
|
|
|
}
|
|
|
|
|
|
|
|
$copyToClipboardDownload.click(() => {
|
|
|
|
$component.attr('contenteditable','true');
|
|
|
|
|
|
|
|
try {
|
|
|
|
selectImage($component.get(0));
|
|
|
|
|
|
|
|
const success = document.execCommand('copy');
|
|
|
|
|
|
|
|
if (success) {
|
|
|
|
infoService.showMessage("Image copied to the clipboard");
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
infoService.showAndLogError("Could not copy the image to clipboard.");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
finally {
|
|
|
|
window.getSelection().removeAllRanges();
|
|
|
|
$component.removeAttr('contenteditable');
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
2018-11-08 17:11:00 +08:00
|
|
|
function getFileUrl() {
|
|
|
|
// electron needs absolute URL so we extract current host, port, protocol
|
|
|
|
return utils.getHost() + "/api/notes/" + noteDetailService.getCurrentNoteId()
|
|
|
|
+ "/download?protectedSessionId=" + encodeURIComponent(protectedSessionHolder.getProtectedSessionId());
|
|
|
|
}
|
|
|
|
|
|
|
|
export default {
|
|
|
|
show,
|
|
|
|
getContent: () => null,
|
|
|
|
focus: () => null,
|
|
|
|
onNoteChange: () => null,
|
|
|
|
cleanup: () => null
|
|
|
|
}
|