From cbe76cc19d5164743a399e598814a8e4145d26f9 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Sat, 19 Feb 2022 01:29:38 -0800
Subject: [PATCH] added open artwork in browser

---
 src/renderer/index.js                             | 10 ++++++++++
 .../views/components/mediaitem-artwork.ejs        | 15 ++++++++++++++-
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/src/renderer/index.js b/src/renderer/index.js
index 61a2dc3a..dc7a064e 100644
--- a/src/renderer/index.js
+++ b/src/renderer/index.js
@@ -421,6 +421,16 @@ const app = new Vue({
             }
             app.routeView(item)
         },
+        saveFile(fileName,urlFile){
+            let a = document.createElement("a");
+            a.style = "display: none";
+            document.body.appendChild(a);
+            a.href = urlFile;
+            a.download = fileName;
+            a.click();
+            window.URL.revokeObjectURL(url);
+            a.remove();
+        },
         async showMenuPanel(data, event) {
             app.menuPanel.visible = true;
             app.menuPanel.content.name = data.name ?? "";
diff --git a/src/renderer/views/components/mediaitem-artwork.ejs b/src/renderer/views/components/mediaitem-artwork.ejs
index e39a621b..16a79210 100644
--- a/src/renderer/views/components/mediaitem-artwork.ejs
+++ b/src/renderer/views/components/mediaitem-artwork.ejs
@@ -1,5 +1,5 @@
 <script type="text/x-template" id="mediaitem-artwork">
-    <div class="mediaitem-artwork" :class="[{'rounded': (type == 'artists')}, classes]" :key="url">
+    <div class="mediaitem-artwork" @contextmenu="contextMenu" :class="[{'rounded': (type == 'artists')}, classes]" :key="url">
         <img :src="app.getMediaItemArtwork(url, size, width)"
              decoding="async"
              :style="{background: bgcolor}"
@@ -61,6 +61,19 @@
             this.getClasses()
         },
         methods: {
+            contextMenu(event) {
+                let self = this
+                app.showMenuPanel({
+                    items: {
+                        "save": {
+                            name: "Open artwork in browser",
+                            action: () => {
+                                window.open(app.getMediaItemArtwork(self.url, 1024, 1024))
+                            }
+                        }
+                    }
+                }, event)
+            },
             getVideoPriority() {
                 if(app.cfg.visual.animated_artwork == "always") {
                     return true;