From e51ccb723e4c33b6759023d618f745034be9ebcc Mon Sep 17 00:00:00 2001
From: Nazar Kanaev <nkanaev@live.com>
Date: Wed, 7 Apr 2021 15:29:29 +0100
Subject: [PATCH] dropdown icons

---
 src/assets/graphicarts/folder-minus.svg |  1 +
 src/assets/graphicarts/folder-plus.svg  |  1 +
 src/assets/graphicarts/globe.svg        |  1 +
 src/assets/graphicarts/menu.svg         |  1 +
 src/assets/graphicarts/trash.svg        |  1 +
 src/assets/index.html                   | 40 +++++++++++++++++--------
 6 files changed, 33 insertions(+), 12 deletions(-)
 create mode 100644 src/assets/graphicarts/folder-minus.svg
 create mode 100644 src/assets/graphicarts/folder-plus.svg
 create mode 100644 src/assets/graphicarts/globe.svg
 create mode 100644 src/assets/graphicarts/menu.svg
 create mode 100644 src/assets/graphicarts/trash.svg

diff --git a/src/assets/graphicarts/folder-minus.svg b/src/assets/graphicarts/folder-minus.svg
new file mode 100644
index 0000000..d5b7af6
--- /dev/null
+++ b/src/assets/graphicarts/folder-minus.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-folder-minus"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path><line x1="9" y1="14" x2="15" y2="14"></line></svg>
\ No newline at end of file
diff --git a/src/assets/graphicarts/folder-plus.svg b/src/assets/graphicarts/folder-plus.svg
new file mode 100644
index 0000000..898f2fc
--- /dev/null
+++ b/src/assets/graphicarts/folder-plus.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-folder-plus"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path><line x1="12" y1="11" x2="12" y2="17"></line><line x1="9" y1="14" x2="15" y2="14"></line></svg>
\ No newline at end of file
diff --git a/src/assets/graphicarts/globe.svg b/src/assets/graphicarts/globe.svg
new file mode 100644
index 0000000..0a0586d
--- /dev/null
+++ b/src/assets/graphicarts/globe.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-globe"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>
\ No newline at end of file
diff --git a/src/assets/graphicarts/menu.svg b/src/assets/graphicarts/menu.svg
new file mode 100644
index 0000000..e8a84a9
--- /dev/null
+++ b/src/assets/graphicarts/menu.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-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
\ No newline at end of file
diff --git a/src/assets/graphicarts/trash.svg b/src/assets/graphicarts/trash.svg
new file mode 100644
index 0000000..55650bd
--- /dev/null
+++ b/src/assets/graphicarts/trash.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-trash"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path></svg>
\ No newline at end of file
diff --git a/src/assets/index.html b/src/assets/index.html
index 64f8370..f514c66 100644
--- a/src/assets/index.html
+++ b/src/assets/index.html
@@ -186,10 +186,19 @@
                         <span class="icon">{% inline "more-horizontal.svg" %}</span>
                     </template>
                     <header class="dropdown-header">{{ current.feed.title }}</header>
-                    <a class="dropdown-item" :href="current.feed.link" target="_blank" v-if="current.feed.link">Visit Website</a>
-                    <a class="dropdown-item" :href="current.feed.feed_link" target="_blank" v-if="current.feed.feed_link">Open Feed</a>
+                    <a class="dropdown-item" :href="current.feed.link" target="_blank" v-if="current.feed.link">
+                        <span class="icon mr-1">{% inline "globe.svg" %}</span>
+                        Website
+                    </a>
+                    <a class="dropdown-item" :href="current.feed.feed_link" target="_blank" v-if="current.feed.feed_link">
+                        <span class="icon mr-1">{% inline "rss.svg" %}</span>
+                        Feed Link
+                    </a>
                     <div class="dropdown-divider" v-if="current.feed.link || current.feed.feed_link"></div>
-                    <button class="dropdown-item" @click="renameFeed(current.feed)">Rename</button>
+                    <button class="dropdown-item" @click="renameFeed(current.feed)">
+                        <span class="icon mr-1">{% inline "edit.svg" %}</span>
+                        Rename
+                    </button>
                     <div class="dropdown-divider"></div>
                     <header class="dropdown-header">Move to...</header>
                     <button class="dropdown-item"
@@ -199,16 +208,17 @@
                         <span class="icon mr-1">{% inline "folder.svg" %}</span>
                         {{ folder.title }}
                     </button>
-                    <button class="dropdown-item" @click="moveFeed(current.feed, null)" v-if="current.feed.folder_id">
-                        ---
+                    <button class="dropdown-item text-muted" @click="moveFeed(current.feed, null)" v-if="current.feed.folder_id">
+                        <span class="icon mr-1">{% inline "folder-minus.svg" %}</span>
+                        ──
                     </button>
-                    <button class="dropdown-item" @click="moveFeedToNewFolder(current.feed)">
-                        <span class="text-muted icon mr-1">{% inline "plus.svg" %}</span>
-                        <span class="text-muted">New Folder</span>
+                    <button class="dropdown-item text-muted" @click="moveFeedToNewFolder(current.feed)">
+                        <span class="icon mr-1">{% inline "folder-plus.svg" %}</span>
+                        new folder
                     </button>
                     <div class="dropdown-divider"></div>
-                    <button class="dropdown-item text-danger"
-                       @click.prevent="deleteFeed(current.feed)">
+                    <button class="dropdown-item text-danger" @click.prevent="deleteFeed(current.feed)">
+                        <span class="icon mr-1">{% inline "trash.svg" %}</span>
                         Delete
                     </button>
                 </dropdown>
@@ -221,9 +231,15 @@
                         <span class="icon">{% inline "more-horizontal.svg" %}</span>
                     </template>
                     <header class="dropdown-header">{{ current.folder.title }}</header>
-                    <button class="dropdown-item" @click="renameFolder(current.folder)">Rename</button>
+                    <button class="dropdown-item" @click="renameFolder(current.folder)">
+                        <span class="icon mr-1">{% inline "edit.svg" %}</span>
+                        Rename
+                    </button>
                     <div class="dropdown-divider"></div>
-                    <button class="dropdown-item text-danger" @click="deleteFolder(current.folder)">Delete</button>
+                    <button class="dropdown-item text-danger" @click="deleteFolder(current.folder)">
+                        <span class="icon mr-1">{% inline "trash.svg" %}</span>
+                        Delete
+                    </button>
                 </dropdown>
             </div>
             <div id="item-list-scroll" class="p-2 overflow-auto border-top flex-grow-1" v-scroll="loadMoreItems" ref="itemlist">