From fd496c4f703457ff7f5e480abbf35fb328b2b002 Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Wed, 11 Dec 2019 14:48:26 +0800
Subject: [PATCH] add button to navigate back to parent library when browsing
 Series

---
 komga-webui/src/components/BrowseSeries.vue | 57 +++++++++++----------
 1 file changed, 31 insertions(+), 26 deletions(-)

diff --git a/komga-webui/src/components/BrowseSeries.vue b/komga-webui/src/components/BrowseSeries.vue
index 779d3ae0b..90fbf4e19 100644
--- a/komga-webui/src/components/BrowseSeries.vue
+++ b/komga-webui/src/components/BrowseSeries.vue
@@ -5,6 +5,13 @@
                class="sticky-bar"
                :style="barStyle"
     >
+      <v-btn icon
+             title="Go to library"
+             :to="{name:'browse-libraries', params: {libraryId: series.libraryId ? series.libraryId : 0 }}"
+      >
+        <v-icon>mdi-arrow-left</v-icon>
+      </v-btn>
+
       <v-toolbar-title>
         <span v-if="series.name">{{ series.name }}</span>
         <span class="ml-4 badge-count"
@@ -16,33 +23,31 @@
 
       <v-spacer/>
 
-      <v-toolbar-items>
-        <v-menu offset-y>
-          <template v-slot:activator="{on}">
-            <v-btn icon v-on="on">
-              <v-icon :color="sortCustom ? 'secondary' : null"
-              >mdi-sort-variant
+      <v-menu offset-y>
+        <template v-slot:activator="{on}">
+          <v-btn icon v-on="on">
+            <v-icon :color="sortCustom ? 'secondary' : null"
+            >mdi-sort-variant
+            </v-icon>
+          </v-btn>
+        </template>
+        <v-list>
+          <v-list-item v-for="(item, index) in sortOptions"
+                       :key="index"
+                       @click="setSort(item)"
+          >
+            <v-list-item-icon>
+              <v-icon color="secondary" v-if="item.key === sortActive.key && sortActive.order === 'asc'">
+                mdi-chevron-up
               </v-icon>
-            </v-btn>
-          </template>
-          <v-list>
-            <v-list-item v-for="(item, index) in sortOptions"
-                         :key="index"
-                         @click="setSort(item)"
-            >
-              <v-list-item-icon>
-                <v-icon color="secondary" v-if="item.key === sortActive.key && sortActive.order === 'asc'">
-                  mdi-chevron-up
-                </v-icon>
-                <v-icon color="secondary" v-if="item.key === sortActive.key && sortActive.order === 'desc'">
-                  mdi-chevron-down
-                </v-icon>
-              </v-list-item-icon>
-              <v-list-item-title>{{ item.name }}</v-list-item-title>
-            </v-list-item>
-          </v-list>
-        </v-menu>
-      </v-toolbar-items>
+              <v-icon color="secondary" v-if="item.key === sortActive.key && sortActive.order === 'desc'">
+                mdi-chevron-down
+              </v-icon>
+            </v-list-item-icon>
+            <v-list-item-title>{{ item.name }}</v-list-item-title>
+          </v-list-item>
+        </v-list>
+      </v-menu>
     </v-toolbar>
 
     <v-container fluid class="mx-3">