From 273a9b14d97ebdd6ec6e2081a7052aed981a3b9f Mon Sep 17 00:00:00 2001
From: azivner <adam.zivner@gmail.com>
Date: Thu, 8 Nov 2018 18:35:23 +0100
Subject: [PATCH] added copy image to the image detail

---
 .../javascripts/services/note_detail_image.js | 32 ++++++++++++++++++-
 src/views/details/image.ejs                   |  6 +++-
 2 files changed, 36 insertions(+), 2 deletions(-)

diff --git a/src/public/javascripts/services/note_detail_image.js b/src/public/javascripts/services/note_detail_image.js
index cee8e3eb6..df9074298 100644
--- a/src/public/javascripts/services/note_detail_image.js
+++ b/src/public/javascripts/services/note_detail_image.js
@@ -1,12 +1,13 @@
 import utils from "./utils.js";
-import server from "./server.js";
 import protectedSessionHolder from "./protected_session_holder.js";
 import noteDetailService from "./note_detail.js";
+import infoService from "./info.js";
 
 const $component = $('#note-detail-image');
 const $imageView = $('#note-detail-image-view');
 
 const $imageDownload = $("#image-download");
+const $copyToClipboardDownload = $("#image-copy-to-clipboard");
 
 async function show() {
     const currentNote = noteDetailService.getCurrentNote();
@@ -18,6 +19,35 @@ async function show() {
 
 $imageDownload.click(() => utils.download(getFileUrl()));
 
+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');
+    }
+});
+
 function getFileUrl() {
     // electron needs absolute URL so we extract current host, port, protocol
     return utils.getHost() + "/api/notes/" + noteDetailService.getCurrentNoteId()
diff --git a/src/views/details/image.ejs b/src/views/details/image.ejs
index a767ed5a3..e08f5ab1c 100644
--- a/src/views/details/image.ejs
+++ b/src/views/details/image.ejs
@@ -3,5 +3,9 @@
 
     <br/>
     <br/>
-    <button id="file-download" class="btn btn-primary" type="button">Download</button>
+    <button id="image-download" class="btn btn-primary" type="button">Download</button>
+
+    &nbsp;
+
+    <button id="image-copy-to-clipboard" class="btn btn-primary" type="button">Copy to clipboard</button>
 </div>
\ No newline at end of file