Backup_Repos/komga
1
0
Fork 0
mirror of https://github.com/gotson/komga.git synced 2026-05-09 05:10:19 +02:00
Code Issues Projects Releases Wiki Activity

fix(webui): add thumbnail to series picker dialog

Browse source
This commit is contained in:
Gauthier Roebroeck 2021-06-23 10:35:04 +08:00
parent 10cdedcf5d
commit cb096e2117
1 changed files with 10 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
komga-webui/src/components/dialogs/SeriesPickerDialog.vue
View file

@ -34,6 +34,12 @@
:key="index" :key="index"
> >
<v-list-item @click="select(s)"> <v-list-item @click="select(s)">
<v-img :src="seriesThumbnailUrl(s.id)"
height="50"
max-width="35"
class="my-1 mx-3"
contain
/>
<v-list-item-content> <v-list-item-content>
<v-list-item-title>{{ s.metadata.title }}</v-list-item-title> <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-subtitle>{{ $t('searchbox.in_library', {library: getLibraryName(s)}) }}</v-list-item-subtitle>
@ -65,6 +71,7 @@
import Vue, {PropType} from 'vue' import Vue, {PropType} from 'vue'
import {SeriesDto} from "@/types/komga-series" import {SeriesDto} from "@/types/komga-series"
import {debounce} from 'lodash' import {debounce} from 'lodash'
import {seriesThumbnailUrl} from "@/functions/urls";
export default Vue.extend({ export default Vue.extend({
name: 'SeriesPickerDialog', name: 'SeriesPickerDialog',
@ -122,6 +129,9 @@ export default Vue.extend({
getLibraryName(item: SeriesDto): string { getLibraryName(item: SeriesDto): string {
return this.$store.getters.getLibraryById(item.libraryId).name; return this.$store.getters.getLibraryById(item.libraryId).name;
}, },
seriesThumbnailUrl(seriesId: string): string {
return seriesThumbnailUrl(seriesId)
},
}, },
}) })
</script> </script>