Backup_Repos/komga
1
0
Fork 0
mirror of https://github.com/gotson/komga.git synced 2025-12-21 07:56:57 +01:00
Code Issues Projects Releases Wiki Activity

fix(webui): show only author roles present

Browse source
This commit is contained in:
Gauthier Roebroeck 2021-03-02 15:54:29 +08:00
parent 04d8a2682c
commit 847b7044a0
2 changed files with 70 additions and 64 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

70
komga-webui/src/views/BrowseBook.vue
View file

@ -108,9 +108,9 @@
</v-col>
</v-row>
<v-divider/>
<v-divider v-if="book.metadata.summary"/>
<v-row class="mt-3">
<v-row class="mt-3" v-if="book.metadata.summary">
<v-col>
<read-more>{{ book.metadata.summary }}</read-more>
</v-col>
@ -118,38 +118,42 @@
<v-divider v-if="book.metadata.authors.length > 0"/>
<v-row class="align-center text-body-2"
v-for="role in authorRoles"
:key="role"
>
<v-col cols="6" sm="4" md="3" class="py-1 text-uppercase">{{ $t(`author_roles.${role}`) }}</v-col>
<v-col cols="6" sm="8" md="9" class="py-1">
<vue-horizontal>
<template v-slot:btn-prev>
<v-btn icon small>
<v-icon>mdi-chevron-left</v-icon>
</v-btn>
</template>
<template v-slot:btn-next>
<v-btn icon small>
<v-icon>mdi-chevron-right</v-icon>
</v-btn>
</template>
<v-chip v-for="(name, i) in authorsByRole[role]"
:key="i"
:class="$vuetify.rtl ? 'ml-2' : 'mr-2'"
:title="name"
:to="{name:'browse-series', params: {seriesId: book.seriesId }, query: {[role]: name}}"
label
small
outlined
link
>{{ name }}
</v-chip>
</vue-horizontal>
</v-col>
</v-row>
<div v-for="role in authorRoles"
:key="role"
>
<v-row class="align-center text-body-2"
v-if="authorsByRole[role]"
>
<v-col cols="6" sm="4" md="3" class="py-1 text-uppercase">{{ $t(`author_roles.${role}`) }}</v-col>
<v-col cols="6" sm="8" md="9" class="py-1">
<vue-horizontal>
<template v-slot:btn-prev>
<v-btn icon small>
<v-icon>mdi-chevron-left</v-icon>
</v-btn>
</template>
<template v-slot:btn-next>
<v-btn icon small>
<v-icon>mdi-chevron-right</v-icon>
</v-btn>
</template>
<v-chip v-for="(name, i) in authorsByRole[role]"
:key="i"
:class="$vuetify.rtl ? 'ml-2' : 'mr-2'"
:title="name"
:to="{name:'browse-series', params: {seriesId: book.seriesId }, query: {[role]: name}}"
label
small
outlined
link
>{{ name }}
</v-chip>
</vue-horizontal>
</v-col>
</v-row>
</div>
<v-row v-if="book.metadata.tags.length > 0" class="align-center text-body-2">
<v-col cols="6" sm="4" md="3" class="py-1">TAGS</v-col>

64
komga-webui/src/views/BrowseSeries.vue
View file

@ -235,39 +235,41 @@
<v-divider v-if="series.booksMetadata.authors.length > 0"/>
<v-row class="align-center text-body-2"
v-for="role in authorRoles"
:key="role"
>
<v-col cols="6" sm="4" md="3" class="py-1 text-uppercase">{{ $t(`author_roles.${role}`) }}</v-col>
<v-col cols="6" sm="8" md="9" class="py-1">
<vue-horizontal>
<template v-slot:btn-prev>
<v-btn icon small>
<v-icon>mdi-chevron-left</v-icon>
</v-btn>
</template>
<div v-for="role in authorRoles"
:key="role">
<v-row class="align-center text-body-2"
v-if="authorsByRole[role]"
>
<v-col cols="6" sm="4" md="3" class="py-1 text-uppercase">{{ $t(`author_roles.${role}`) }}</v-col>
<v-col cols="6" sm="8" md="9" class="py-1">
<vue-horizontal>
<template v-slot:btn-prev>
<v-btn icon small>
<v-icon>mdi-chevron-left</v-icon>
</v-btn>
</template>
<template v-slot:btn-next>
<v-btn icon small>
<v-icon>mdi-chevron-right</v-icon>
</v-btn>
</template>
<template v-slot:btn-next>
<v-btn icon small>
<v-icon>mdi-chevron-right</v-icon>
</v-btn>
</template>
<v-chip v-for="(name, i) in authorsByRole[role]"
:key="i"
:class="$vuetify.rtl ? 'ml-2' : 'mr-2'"
:title="name"
:to="{name:'browse-libraries', params: {libraryId: series.libraryId }, query: {[role]: name}}"
label
small
outlined
link
>{{ name }}
</v-chip>
</vue-horizontal>
</v-col>
</v-row>
<v-chip v-for="(name, i) in authorsByRole[role]"
:key="i"
:class="$vuetify.rtl ? 'ml-2' : 'mr-2'"
:title="name"
:to="{name:'browse-libraries', params: {libraryId: series.libraryId }, query: {[role]: name}}"
label
small
outlined
link
>{{ name }}
</v-chip>
</vue-horizontal>
</v-col>
</v-row>
</div>
<v-row v-if="$vuetify.breakpoint.name !== 'xs'">
<v-col>