Add EditSeriesModal to Series context menu

client/components/app/BookShelfToolbar.vue

@@ -63,6 +63,8 @@
         </ui-tooltip>
 
         <ui-context-menu-dropdown v-if="!isBatchSelecting && seriesContextMenuItems.length" :items="seriesContextMenuItems" class="mx-px" @action="seriesContextMenuAction" />
+
+        <modals-edit-series-modal v-model="showEditSeriesModal" :series="this.selectedSeries" />
       </template>
       <!-- library & collections page -->
       <template v-else-if="page !== 'search' && page !== 'podcast-search' && page !== 'recent-episodes' && !isHome && !isAuthorsPage">
@@ -131,7 +133,8 @@ export default {
       totalEntities: 0,
       processingSeries: false,
       processingIssues: false,
-      processingAuthors: false
+      processingAuthors: false,
+      showEditSeriesModal: false
     }
   },
   computed: {
@@ -139,6 +142,10 @@ export default {
       if (!this.selectedSeries) return []
 
       const items = [
+        {
+          text: this.$strings.LabelEditSeries,
+          action: 'edit-series'
+        },
         {
           text: this.isSeriesFinished ? this.$strings.MessageMarkAsNotFinished : this.$strings.MessageMarkAsFinished,
           action: 'mark-series-finished'
@@ -440,6 +447,9 @@ export default {
     exportOPML() {
       this.$downloadFile(`/api/libraries/${this.currentLibraryId}/opml?token=${this.$store.getters['user/getToken']}`, null, true)
     },
+    showEditSeries() {
+      this.showEditSeriesModal = !this.showEditSeriesModal
+    },
     seriesContextMenuAction({ action }) {
       if (action === 'open-rss-feed') {
         this.showOpenSeriesRSSFeed()
@@ -455,6 +465,8 @@ export default {
           return
         }
         this.markSeriesFinished()
+      } else if ((action = 'edit-series')) {
+        this.showEditSeries()
       } else if (this.handleSubtitlesAction(action)) {
         return
       } else if (this.handleCollapseSubSeriesAction(action)) {