From aa9c25eb367720dbc2a3e0b135046396a4d74488 Mon Sep 17 00:00:00 2001
From: kyw504100 <kyw504100@hotmail.com>
Date: Tue, 22 Feb 2022 11:17:48 +0800
Subject: [PATCH] message in plug-in menu

---
 src/i18n/source/en_US.json                    |  1 +
 src/renderer/views/components/plugin-menu.ejs | 66 ++++++++++---------
 src/renderer/views/svg/x.svg                  |  1 +
 3 files changed, 36 insertions(+), 32 deletions(-)
 create mode 100644 src/renderer/views/svg/x.svg

diff --git a/src/i18n/source/en_US.json b/src/i18n/source/en_US.json
index 5a7043ff..a92f52ce 100644
--- a/src/i18n/source/en_US.json
+++ b/src/i18n/source/en_US.json
@@ -142,6 +142,7 @@
   "term.noVideos": "No videos found.",
   "term.plugin": "Plug-in",
   "term.pluginMenu": "Plug-in Menu",
+  "term.pluginMenu.none": "You don't have any plug-in needs interaction",
   "term.replay": "Replay",
   "term.uniqueAlbums": "Unique Albums",
   "term.uniqueArtists": "Unique Artists",
diff --git a/src/renderer/views/components/plugin-menu.ejs b/src/renderer/views/components/plugin-menu.ejs
index cb7a26f1..6b3d5341 100644
--- a/src/renderer/views/components/plugin-menu.ejs
+++ b/src/renderer/views/components/plugin-menu.ejs
@@ -1,37 +1,39 @@
 <script type="text/x-template" id="plugin-menu">
-  <!--template-->
-      <div class="modal-fullscreen addtoplaylist-panel" @click.self="app.resetState()" @contextmenu.self="app.resetState()">
-          <div class="modal-window">
-              <div class="modal-header">
-                  <div class="modal-title">{{$root.getLz('term.pluginMenu')}}</div>
-                  <button class="close-btn" @click="app.resetState()"></button>
-              </div>
-              <div class="modal-content">
-                <button class="playlist-item" @click="entry.onClick(); closeMenu();" v-for="entry in app.pluginMenuEntries">
-                  <span class="icon"><%- include("../svg/grid.svg") %></span>
-                  <span class="name" style="top: 1px;">{{ entry.name }}</span>
-                </button>
-              </div>
-          </div>
-      </div>
-  <!--template-->
+    <div class="modal-fullscreen addtoplaylist-panel" @click.self="app.resetState()" @contextmenu.self="app.resetState()">
+        <div class="modal-window">
+            <div class="modal-header">
+                <div class="modal-title">{{$root.getLz('term.pluginMenu')}}</div>
+                <button class="close-btn" @click="app.resetState()"></button>
+            </div>
+            <div class="modal-content">
+            <span class="playlist-item" v-if="!app.pluginInstalled">
+                <span class="icon"><%- include("../svg/x.svg") %></span>
+                <span class="name" style="top: 0.5px;">{{$root.getLz('term.pluginMenu.none')}}</span>
+            </span>
+            <button class="playlist-item" @click="entry.onClick(); closeMenu();" v-for="entry in app.pluginMenuEntries">
+                <span class="icon"><%- include("../svg/grid.svg") %></span>
+                <span class="name" style="top: 1px;">{{ entry.name }}</span>
+            </button>
+            </div>
+        </div>
+    </div>
 </script>
 
 <script>
-  Vue.component('plugin-menu', {
-      template: '#plugin-menu',
-      data: function () {
-          return {
-              app: this.$root,
-          }
-      },
-      props: {},
-      mounted() {},
-      methods: {
-          closeMenu() {
-              app.modals.pluginMenu = false
-          },
-          },
-      }
-  );
+    Vue.component('plugin-menu', {
+        template: '#plugin-menu',
+        data: function () {
+            return {
+                app: this.$root,
+            }
+        },
+        props: {},
+        mounted() {},
+        methods: {
+            closeMenu() {
+                app.modals.pluginMenu = false
+            },
+            },
+        }
+    );
 </script>
\ No newline at end of file
diff --git a/src/renderer/views/svg/x.svg b/src/renderer/views/svg/x.svg
new file mode 100644
index 00000000..7d5875ca
--- /dev/null
+++ b/src/renderer/views/svg/x.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
\ No newline at end of file