From 6fc3de9e9f7c65e34270c0c0e32d234719b236a1 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Fri, 28 Jan 2022 00:39:56 -0800
Subject: [PATCH] moved some of the options in EQ screen to a context menu
 button

---
 src/renderer/views/components/equalizer.ejs | 48 ++++++++++++++++++---
 1 file changed, 41 insertions(+), 7 deletions(-)

diff --git a/src/renderer/views/components/equalizer.ejs b/src/renderer/views/components/equalizer.ejs
index dd59b2fd..fca497dd 100644
--- a/src/renderer/views/components/equalizer.ejs
+++ b/src/renderer/views/components/equalizer.ejs
@@ -103,13 +103,7 @@
                         <button class="md-btn" style="width:100%" @click="resetGain()">{{$root.getLz('term.reset')}}</button>
                     </div>
                     <div class="col">
-                        <button class="md-btn" style="width:100%" @click="addPreset()">New Preset</button>
-                    </div>
-                    <div class="col">
-                        <button class="md-btn" :disabled="!$root.cfg.audio.equalizer.userGenerated" style="width:100%" @click="deletePreset()">Delete Preset</button>
-                    </div>
-                    <div class="col">
-                        <button class="md-btn" :disabled="!$root.cfg.audio.equalizer.userGenerated" style="width:100%" @click="sharePreset($event)">Share...</button>
+                        <button class="md-btn" style="width:100%" @click="presetOptions($event)">Menu</button>
                     </div>
                 </div>
             </div>
@@ -230,6 +224,46 @@
         mounted() {
         },
         methods: {
+            presetOptions(event) {
+                let menu = {
+                    items: {
+                        "new": {
+                            "icon": "./assets/feather/plus.svg",
+                            name: "New Preset...",
+                            action: () => {
+                                this.addPreset()
+                            }
+                        },
+                        "delete": {
+                            "icon": "./assets/feather/x-circle.svg",
+                            name: "Delete Preset",
+                            action: () => {
+                                this.deletePreset()
+                            }
+                        },
+                        "import": {
+                            "icon": "./assets/feather/share.svg",
+                            "name": app.getLz('action.import'),
+                            "action": function () {
+                                notyf.error("Not implemented yet")
+                            }
+                        },
+                        "export": {
+                            "icon": "./assets/feather/share.svg",
+                            "name": app.getLz('action.export'),
+                            "action": function () {
+                                notyf.error("Not implemented yet")
+                            }
+                        },
+                    }
+                }
+
+                if(!this.$root.cfg.audio.equalizer.userGenerated) {
+                    delete menu.items.delete
+                }
+
+                app.showMenuPanel(menu, event)
+            },
             sharePreset(event) {
                 let menu = {
                     items: [