From 626ef3eb40c82f8107f465d90fa9854504547a94 Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Wed, 23 Jun 2021 09:52:09 +0800
Subject: [PATCH] feat(webui): show library name on series picker dialog
 (import)

closes #559
---
 komga-webui/src/components/dialogs/SeriesPickerDialog.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/komga-webui/src/components/dialogs/SeriesPickerDialog.vue b/komga-webui/src/components/dialogs/SeriesPickerDialog.vue
index 21ed89a3..8f906013 100644
--- a/komga-webui/src/components/dialogs/SeriesPickerDialog.vue
+++ b/komga-webui/src/components/dialogs/SeriesPickerDialog.vue
@@ -29,13 +29,14 @@
 
             <v-row v-if="results">
               <v-col>
-                <v-list elevation="5" v-if="results.length > 0">
+                <v-list elevation="5" v-if="results.length > 0" two-line>
                   <div v-for="(s, index) in results"
                        :key="index"
                   >
                     <v-list-item @click="select(s)">
                       <v-list-item-content>
                         <v-list-item-title>{{ s.metadata.title }}</v-list-item-title>
+                        <v-list-item-subtitle>{{ $t('searchbox.in_library', {library: getLibraryName(s)}) }}</v-list-item-subtitle>
                       </v-list-item-content>
                     </v-list-item>
                     <v-divider v-if="index !== results.length-1"/>
@@ -118,6 +119,9 @@ export default Vue.extend({
     dialogClose() {
       this.$emit('input', false)
     },
+    getLibraryName(item: SeriesDto): string {
+      return this.$store.getters.getLibraryById(item.libraryId).name;
+    },
   },
 })
 </script>