mirror of
https://github.com/gotson/komga.git
synced 2026-05-08 12:35:30 +02:00
refactor: extract more strings for i18n
This commit is contained in:
Gauthier Roebroeck
parent
7090b0fbb3
commit
d59167a33c
6 changed files with 141 additions and 107 deletions
|
|
@ -5,6 +5,12 @@
|
|||
"RIGHT_TO_LEFT": "Right to left",
|
||||
"VERTICAL": "Vertical",
|
||||
"WEBTOON": "Webtoon"
|
||||
},
|
||||
"series_status": {
|
||||
"ENDED": "Ended",
|
||||
"ONGOING": "Ongoing",
|
||||
"HIATUS": "Hiatus",
|
||||
"ABANDONED":"Abandoned"
|
||||
}
|
||||
},
|
||||
"theme": {
|
||||
|
|
|
|||
|
|
@ -5,6 +5,12 @@
|
|||
"RIGHT_TO_LEFT": "Droite à gauche",
|
||||
"VERTICAL": "Vertical",
|
||||
"WEBTOON": "Webtoon"
|
||||
},
|
||||
"series_status": {
|
||||
"ENDED": "Finie",
|
||||
"ONGOING": "En cours",
|
||||
"HIATUS": "Hiatus",
|
||||
"ABANDONED":"Abandonnée"
|
||||
}
|
||||
},
|
||||
"theme": {
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
import { capitalize } from 'lodash'
|
||||
import i18n from "@/i18n";
|
||||
|
||||
export enum SeriesStatus {
|
||||
ENDED = 'ENDED',
|
||||
|
|
@ -7,7 +7,9 @@ export enum SeriesStatus {
|
|||
HIATUS = 'HIATUS'
|
||||
}
|
||||
|
||||
export const SeriesStatusKeyValue = Object.values(SeriesStatus).map(x => ({
|
||||
name: capitalize(x),
|
||||
value: x,
|
||||
} as NameValue))
|
||||
export function SeriesStatusKeyValue(): NameValue[] {
|
||||
return Object.values(SeriesStatus).map(x => ({
|
||||
name: i18n.t(`enums.series_status.${x}`),
|
||||
value: x,
|
||||
} as NameValue))
|
||||
}
|
||||
|
|
|
|||
|
|
@ -143,19 +143,6 @@ export default Vue.extend({
|
|||
seriesCopy: [] as SeriesDto[],
|
||||
selectedSeries: [] as SeriesDto[],
|
||||
editElements: false,
|
||||
filterOptionsList: {
|
||||
readStatus: {values: [{name: this.$i18n.t('filter.unread').toString(), value: ReadStatus.UNREAD}]},
|
||||
} as FiltersOptions,
|
||||
filterOptionsPanel: {
|
||||
library: {name: this.$i18n.t('filter.library').toString(), values: []},
|
||||
status: {name: this.$i18n.t('filter.status').toString(), values: SeriesStatusKeyValue},
|
||||
genre: {name: this.$i18n.t('filter.genre').toString(), values: []},
|
||||
tag: {name: this.$i18n.t('filter.tag').toString(), values: []},
|
||||
publisher: {name: this.$i18n.t('filter.publisher').toString(), values: []},
|
||||
language: {name: this.$i18n.t('filter.language').toString(), values: []},
|
||||
ageRating: {name: this.$i18n.t('filter.age_rating').toString(), values: []},
|
||||
releaseDate: {name: this.$i18n.t('filter.release_date').toString(), values: []},
|
||||
} as FiltersOptions,
|
||||
filters: {} as FiltersActive,
|
||||
filterUnwatch: null as any,
|
||||
drawer: false,
|
||||
|
|
@ -168,7 +155,7 @@ export default Vue.extend({
|
|||
},
|
||||
},
|
||||
watch: {
|
||||
selectedSeries (val: SeriesDto[]) {
|
||||
selectedSeries(val: SeriesDto[]) {
|
||||
val.forEach(s => {
|
||||
let index = this.series.findIndex(x => x.id === s.id)
|
||||
if (index !== -1) {
|
||||
|
|
@ -181,24 +168,24 @@ export default Vue.extend({
|
|||
})
|
||||
},
|
||||
},
|
||||
created () {
|
||||
created() {
|
||||
this.$eventHub.$on(COLLECTION_CHANGED, this.collectionChanged)
|
||||
this.$eventHub.$on(COLLECTION_DELETED, this.afterDelete)
|
||||
this.$eventHub.$on(SERIES_CHANGED, this.reloadSeries)
|
||||
},
|
||||
beforeDestroy () {
|
||||
beforeDestroy() {
|
||||
this.$eventHub.$off(COLLECTION_CHANGED, this.collectionChanged)
|
||||
this.$eventHub.$off(COLLECTION_DELETED, this.afterDelete)
|
||||
this.$eventHub.$off(SERIES_CHANGED, this.reloadSeries)
|
||||
},
|
||||
mounted () {
|
||||
mounted() {
|
||||
this.loadCollection(this.collectionId)
|
||||
|
||||
this.resetParams(this.$route)
|
||||
|
||||
this.setWatches()
|
||||
},
|
||||
beforeRouteUpdate (to, from, next) {
|
||||
beforeRouteUpdate(to, from, next) {
|
||||
if (to.params.collectionId !== from.params.collectionId) {
|
||||
this.unsetWatches()
|
||||
|
||||
|
|
@ -222,15 +209,32 @@ export default Vue.extend({
|
|||
next()
|
||||
},
|
||||
computed: {
|
||||
isAdmin (): boolean {
|
||||
filterOptionsList(): FiltersOptions {
|
||||
return {
|
||||
readStatus: {values: [{name: this.$i18n.t('filter.unread').toString(), value: ReadStatus.UNREAD}]},
|
||||
} as FiltersOptions
|
||||
},
|
||||
filterOptionsPanel(): FiltersOptions {
|
||||
return {
|
||||
library: {name: this.$i18n.t('filter.library').toString(), values: []},
|
||||
status: {name: this.$i18n.t('filter.status').toString(), values: SeriesStatusKeyValue()},
|
||||
genre: {name: this.$i18n.t('filter.genre').toString(), values: []},
|
||||
tag: {name: this.$i18n.t('filter.tag').toString(), values: []},
|
||||
publisher: {name: this.$i18n.t('filter.publisher').toString(), values: []},
|
||||
language: {name: this.$i18n.t('filter.language').toString(), values: []},
|
||||
ageRating: {name: this.$i18n.t('filter.age_rating').toString(), values: []},
|
||||
releaseDate: {name: this.$i18n.t('filter.release_date').toString(), values: []},
|
||||
} as FiltersOptions
|
||||
},
|
||||
isAdmin(): boolean {
|
||||
return this.$store.getters.meAdmin
|
||||
},
|
||||
filterActive (): boolean {
|
||||
filterActive(): boolean {
|
||||
return Object.keys(this.filters).some(x => this.filters[x].length !== 0)
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
resetParams (route: any) {
|
||||
resetParams(route: any) {
|
||||
if (route.query.status || route.query.readStatus || route.query.genre || route.query.tag || route.query.language || route.query.ageRating) {
|
||||
this.filters.status = parseQueryFilter(route.query.status, Object.keys(SeriesStatus))
|
||||
this.filters.readStatus = parseQueryFilter(route.query.readStatus, Object.keys(ReadStatus))
|
||||
|
|
@ -243,24 +247,24 @@ export default Vue.extend({
|
|||
this.filters = this.$cookies.get(this.cookieFilter(route.params.collectionId)) || {} as FiltersActive
|
||||
}
|
||||
},
|
||||
cookieFilter (collectionId: string): string {
|
||||
cookieFilter(collectionId: string): string {
|
||||
return `collection.filter.${collectionId}`
|
||||
},
|
||||
setWatches () {
|
||||
setWatches() {
|
||||
this.filterUnwatch = this.$watch('filters', (val) => {
|
||||
this.$cookies.set(this.cookieFilter(this.collectionId), val, Infinity)
|
||||
this.updateRouteAndReload()
|
||||
})
|
||||
},
|
||||
unsetWatches () {
|
||||
unsetWatches() {
|
||||
this.filterUnwatch()
|
||||
},
|
||||
collectionChanged (event: EventCollectionChanged) {
|
||||
collectionChanged(event: EventCollectionChanged) {
|
||||
if (event.id === this.collectionId) {
|
||||
this.loadCollection(this.collectionId)
|
||||
}
|
||||
},
|
||||
updateRouteAndReload () {
|
||||
updateRouteAndReload() {
|
||||
this.unsetWatches()
|
||||
|
||||
this.updateRoute()
|
||||
|
|
@ -268,12 +272,12 @@ export default Vue.extend({
|
|||
|
||||
this.setWatches()
|
||||
},
|
||||
async loadSeries (collectionId: string) {
|
||||
this.series = (await this.$komgaCollections.getSeries(collectionId, { unpaged: true } as PageRequest, this.filters.library, this.filters.status, this.filters.readStatus, this.filters.genre, this.filters.tag, this.filters.language, this.filters.publisher, this.filters.ageRating, this.filters.releaseDate)).content
|
||||
async loadSeries(collectionId: string) {
|
||||
this.series = (await this.$komgaCollections.getSeries(collectionId, {unpaged: true} as PageRequest, this.filters.library, this.filters.status, this.filters.readStatus, this.filters.genre, this.filters.tag, this.filters.language, this.filters.publisher, this.filters.ageRating, this.filters.releaseDate)).content
|
||||
this.seriesCopy = [...this.series]
|
||||
this.selectedSeries = []
|
||||
},
|
||||
async loadCollection (collectionId: string) {
|
||||
async loadCollection(collectionId: string) {
|
||||
this.collection = await this.$komgaCollections.getOneCollection(collectionId)
|
||||
await this.loadSeries(collectionId)
|
||||
|
||||
|
|
@ -288,23 +292,23 @@ export default Vue.extend({
|
|||
this.filterOptionsPanel.ageRating.values = toNameValue(await this.$komgaReferential.getAgeRatings(undefined, collectionId))
|
||||
this.filterOptionsPanel.releaseDate.values = toNameValue(await this.$komgaReferential.getSeriesReleaseDates(undefined, collectionId))
|
||||
},
|
||||
updateRoute () {
|
||||
updateRoute() {
|
||||
const loc = {
|
||||
name: this.$route.name,
|
||||
params: { collectionId: this.$route.params.collectionId },
|
||||
params: {collectionId: this.$route.params.collectionId},
|
||||
query: {},
|
||||
} as Location
|
||||
mergeFilterParams(this.filters, loc.query)
|
||||
this.$router.replace(loc).catch((_: any) => {
|
||||
})
|
||||
},
|
||||
editSingleSeries (series: SeriesDto) {
|
||||
editSingleSeries(series: SeriesDto) {
|
||||
this.$store.dispatch('dialogUpdateSeries', series)
|
||||
},
|
||||
editMultipleSeries () {
|
||||
editMultipleSeries() {
|
||||
this.$store.dispatch('dialogUpdateSeries', this.selectedSeries)
|
||||
},
|
||||
async markSelectedRead () {
|
||||
async markSelectedRead() {
|
||||
await Promise.all(this.selectedSeries.map(s =>
|
||||
this.$komgaSeries.markAsRead(s.id),
|
||||
))
|
||||
|
|
@ -312,7 +316,7 @@ export default Vue.extend({
|
|||
this.$komgaSeries.getOneSeries(s.id),
|
||||
))
|
||||
},
|
||||
async markSelectedUnread () {
|
||||
async markSelectedUnread() {
|
||||
await Promise.all(this.selectedSeries.map(s =>
|
||||
this.$komgaSeries.markAsUnread(s.id),
|
||||
))
|
||||
|
|
@ -320,18 +324,18 @@ export default Vue.extend({
|
|||
this.$komgaSeries.getOneSeries(s.id),
|
||||
))
|
||||
},
|
||||
addToCollection () {
|
||||
addToCollection() {
|
||||
this.$store.dispatch('dialogAddSeriesToCollection', this.selectedSeries)
|
||||
},
|
||||
startEditElements () {
|
||||
startEditElements() {
|
||||
this.filters = {}
|
||||
this.editElements = true
|
||||
},
|
||||
cancelEditElements () {
|
||||
cancelEditElements() {
|
||||
this.editElements = false
|
||||
this.series = [...this.seriesCopy]
|
||||
},
|
||||
doEditElements () {
|
||||
doEditElements() {
|
||||
this.editElements = false
|
||||
const update = {
|
||||
seriesIds: this.series.map(x => x.id),
|
||||
|
|
@ -339,13 +343,13 @@ export default Vue.extend({
|
|||
this.$komgaCollections.patchCollection(this.collectionId, update)
|
||||
this.loadCollection(this.collectionId)
|
||||
},
|
||||
editCollection () {
|
||||
editCollection() {
|
||||
this.$store.dispatch('dialogEditCollection', this.collection)
|
||||
},
|
||||
afterDelete () {
|
||||
this.$router.push({ name: 'browse-collections', params: { libraryId: LIBRARIES_ALL } })
|
||||
afterDelete() {
|
||||
this.$router.push({name: 'browse-collections', params: {libraryId: LIBRARIES_ALL}})
|
||||
},
|
||||
reloadSeries (event: EventSeriesChanged) {
|
||||
reloadSeries(event: EventSeriesChanged) {
|
||||
if (this.series.some(s => s.id === event.id)) this.loadCollection(this.collectionId)
|
||||
},
|
||||
},
|
||||
|
|
|
|||
|
|
@ -133,25 +133,8 @@ export default Vue.extend({
|
|||
pageSize: 20,
|
||||
totalPages: 1,
|
||||
totalElements: null as number | null,
|
||||
sortOptions: [
|
||||
{name: this.$i18n.t('sort.name').toString(), key: 'metadata.titleSort'},
|
||||
{name: this.$i18n.t('sort.date_added').toString(), key: 'createdDate'},
|
||||
{name: this.$i18n.t('sort.date_updated').toString(), key: 'lastModifiedDate'},
|
||||
] as SortOption[],
|
||||
sortActive: {} as SortActive,
|
||||
sortDefault: {key: 'metadata.titleSort', order: 'asc'} as SortActive,
|
||||
filterOptionsList: {
|
||||
readStatus: {values: [{name: this.$i18n.t('filter.unread').toString(), value: ReadStatus.UNREAD}]},
|
||||
} as FiltersOptions,
|
||||
filterOptionsPanel: {
|
||||
status: {name: this.$i18n.t('filter.status').toString(), values: SeriesStatusKeyValue},
|
||||
genre: {name: this.$i18n.t('filter.genre').toString(), values: []},
|
||||
tag: {name: this.$i18n.t('filter.tag').toString(), values: []},
|
||||
publisher: {name: this.$i18n.t('filter.publisher').toString(), values: []},
|
||||
language: {name: this.$i18n.t('filter.language').toString(), values: []},
|
||||
ageRating: {name: this.$i18n.t('filter.age_rating').toString(), values: []},
|
||||
releaseDate: {name: this.$i18n.t('filter.release_date').toString(), values: []},
|
||||
} as FiltersOptions,
|
||||
filters: {} as FiltersActive,
|
||||
sortUnwatch: null as any,
|
||||
filterUnwatch: null as any,
|
||||
|
|
@ -167,7 +150,7 @@ export default Vue.extend({
|
|||
},
|
||||
},
|
||||
watch: {
|
||||
selectedSeries (val: SeriesDto[]) {
|
||||
selectedSeries(val: SeriesDto[]) {
|
||||
val.forEach(s => {
|
||||
const index = this.series.findIndex(x => x.id === s.id)
|
||||
if (index !== -1) {
|
||||
|
|
@ -176,17 +159,17 @@ export default Vue.extend({
|
|||
})
|
||||
},
|
||||
},
|
||||
created () {
|
||||
created() {
|
||||
this.$eventHub.$on(SERIES_CHANGED, this.reloadSeries)
|
||||
this.$eventHub.$on(LIBRARY_DELETED, this.libraryDeleted)
|
||||
this.$eventHub.$on(LIBRARY_CHANGED, this.reloadLibrary)
|
||||
},
|
||||
beforeDestroy () {
|
||||
beforeDestroy() {
|
||||
this.$eventHub.$off(SERIES_CHANGED, this.reloadSeries)
|
||||
this.$eventHub.$off(LIBRARY_DELETED, this.libraryDeleted)
|
||||
this.$eventHub.$off(LIBRARY_CHANGED, this.reloadLibrary)
|
||||
},
|
||||
async mounted () {
|
||||
async mounted() {
|
||||
if (this.$cookies.isKey(cookiePageSize)) {
|
||||
this.pageSize = Number(this.$cookies.get(cookiePageSize))
|
||||
}
|
||||
|
|
@ -200,7 +183,7 @@ export default Vue.extend({
|
|||
|
||||
this.setWatches()
|
||||
},
|
||||
beforeRouteUpdate (to, from, next) {
|
||||
beforeRouteUpdate(to, from, next) {
|
||||
if (to.params.libraryId !== from.params.libraryId) {
|
||||
this.unsetWatches()
|
||||
|
||||
|
|
@ -225,10 +208,33 @@ export default Vue.extend({
|
|||
next()
|
||||
},
|
||||
computed: {
|
||||
isAdmin (): boolean {
|
||||
sortOptions(): SortOption[] {
|
||||
return [
|
||||
{name: this.$i18n.t('sort.name').toString(), key: 'metadata.titleSort'},
|
||||
{name: this.$i18n.t('sort.date_added').toString(), key: 'createdDate'},
|
||||
{name: this.$i18n.t('sort.date_updated').toString(), key: 'lastModifiedDate'},
|
||||
] as SortOption[]
|
||||
},
|
||||
filterOptionsList(): FiltersOptions {
|
||||
return {
|
||||
readStatus: {values: [{name: this.$i18n.t('filter.unread').toString(), value: ReadStatus.UNREAD}]},
|
||||
} as FiltersOptions
|
||||
},
|
||||
filterOptionsPanel(): FiltersOptions {
|
||||
return {
|
||||
status: {name: this.$i18n.t('filter.status').toString(), values: SeriesStatusKeyValue()},
|
||||
genre: {name: this.$i18n.t('filter.genre').toString(), values: []},
|
||||
tag: {name: this.$i18n.t('filter.tag').toString(), values: []},
|
||||
publisher: {name: this.$i18n.t('filter.publisher').toString(), values: []},
|
||||
language: {name: this.$i18n.t('filter.language').toString(), values: []},
|
||||
ageRating: {name: this.$i18n.t('filter.age_rating').toString(), values: []},
|
||||
releaseDate: {name: this.$i18n.t('filter.release_date').toString(), values: []},
|
||||
} as FiltersOptions
|
||||
},
|
||||
isAdmin(): boolean {
|
||||
return this.$store.getters.meAdmin
|
||||
},
|
||||
paginationVisible (): number {
|
||||
paginationVisible(): number {
|
||||
switch (this.$vuetify.breakpoint.name) {
|
||||
case 'xs':
|
||||
return 5
|
||||
|
|
@ -241,18 +247,18 @@ export default Vue.extend({
|
|||
return 15
|
||||
}
|
||||
},
|
||||
sortOrFilterActive (): boolean {
|
||||
sortOrFilterActive(): boolean {
|
||||
return sortOrFilterActive(this.sortActive, this.sortDefault, this.filters)
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
cookieSort (libraryId: string): string {
|
||||
cookieSort(libraryId: string): string {
|
||||
return `library.sort.${libraryId}`
|
||||
},
|
||||
cookieFilter (libraryId: string): string {
|
||||
cookieFilter(libraryId: string): string {
|
||||
return `library.filter.${libraryId}`
|
||||
},
|
||||
resetParams (route: any) {
|
||||
resetParams(route: any) {
|
||||
this.sortActive = parseQuerySort(route.query.sort, this.sortOptions) ||
|
||||
this.$cookies.get(this.cookieSort(route.params.libraryId)) ||
|
||||
this.$_.clone(this.sortDefault)
|
||||
|
|
@ -269,14 +275,14 @@ export default Vue.extend({
|
|||
this.filters = this.$cookies.get(this.cookieFilter(route.params.libraryId)) || {} as FiltersActive
|
||||
}
|
||||
},
|
||||
libraryDeleted (event: EventLibraryDeleted) {
|
||||
libraryDeleted(event: EventLibraryDeleted) {
|
||||
if (event.id === this.libraryId) {
|
||||
this.$router.push({ name: 'home' })
|
||||
this.$router.push({name: 'home'})
|
||||
} else if (this.libraryId === LIBRARIES_ALL) {
|
||||
this.loadLibrary(this.libraryId)
|
||||
}
|
||||
},
|
||||
setWatches () {
|
||||
setWatches() {
|
||||
this.sortUnwatch = this.$watch('sortActive', (val) => {
|
||||
this.$cookies.set(this.cookieSort(this.libraryId), val, Infinity)
|
||||
this.updateRouteAndReload()
|
||||
|
|
@ -295,13 +301,13 @@ export default Vue.extend({
|
|||
this.loadPage(this.libraryId, val, this.sortActive)
|
||||
})
|
||||
},
|
||||
unsetWatches () {
|
||||
unsetWatches() {
|
||||
this.sortUnwatch()
|
||||
this.filterUnwatch()
|
||||
this.pageUnwatch()
|
||||
this.pageSizeUnwatch()
|
||||
},
|
||||
updateRouteAndReload () {
|
||||
updateRouteAndReload() {
|
||||
this.unsetWatches()
|
||||
|
||||
this.page = 1
|
||||
|
|
@ -311,17 +317,17 @@ export default Vue.extend({
|
|||
|
||||
this.setWatches()
|
||||
},
|
||||
reloadSeries (event: EventSeriesChanged) {
|
||||
reloadSeries(event: EventSeriesChanged) {
|
||||
if (this.libraryId === LIBRARIES_ALL || event.libraryId === this.libraryId) {
|
||||
this.loadPage(this.libraryId, this.page, this.sortActive)
|
||||
}
|
||||
},
|
||||
reloadLibrary (event: EventLibraryChanged) {
|
||||
reloadLibrary(event: EventLibraryChanged) {
|
||||
if (this.libraryId === LIBRARIES_ALL || event.id === this.libraryId) {
|
||||
this.loadLibrary(this.libraryId)
|
||||
}
|
||||
},
|
||||
async loadLibrary (libraryId: string) {
|
||||
async loadLibrary(libraryId: string) {
|
||||
this.library = this.getLibraryLazy(libraryId)
|
||||
|
||||
const requestLibraryId = libraryId !== LIBRARIES_ALL ? libraryId : undefined
|
||||
|
|
@ -334,10 +340,10 @@ export default Vue.extend({
|
|||
|
||||
await this.loadPage(libraryId, this.page, this.sortActive)
|
||||
},
|
||||
updateRoute () {
|
||||
updateRoute() {
|
||||
const loc = {
|
||||
name: this.$route.name,
|
||||
params: { libraryId: this.$route.params.libraryId },
|
||||
params: {libraryId: this.$route.params.libraryId},
|
||||
query: {
|
||||
page: `${this.page}`,
|
||||
pageSize: `${this.pageSize}`,
|
||||
|
|
@ -348,7 +354,7 @@ export default Vue.extend({
|
|||
this.$router.replace(loc).catch((_: any) => {
|
||||
})
|
||||
},
|
||||
async loadPage (libraryId: string, page: number, sort: SortActive) {
|
||||
async loadPage(libraryId: string, page: number, sort: SortActive) {
|
||||
this.selectedSeries = []
|
||||
|
||||
const pageRequest = {
|
||||
|
|
@ -367,14 +373,14 @@ export default Vue.extend({
|
|||
this.totalElements = seriesPage.totalElements
|
||||
this.series = seriesPage.content
|
||||
},
|
||||
getLibraryLazy (libraryId: any): LibraryDto | undefined {
|
||||
getLibraryLazy(libraryId: any): LibraryDto | undefined {
|
||||
if (libraryId !== 0) {
|
||||
return this.$store.getters.getLibraryById(libraryId)
|
||||
} else {
|
||||
return undefined
|
||||
}
|
||||
},
|
||||
async markSelectedRead () {
|
||||
async markSelectedRead() {
|
||||
await Promise.all(this.selectedSeries.map(s =>
|
||||
this.$komgaSeries.markAsRead(s.id),
|
||||
))
|
||||
|
|
@ -382,7 +388,7 @@ export default Vue.extend({
|
|||
this.$komgaSeries.getOneSeries(s.id),
|
||||
))
|
||||
},
|
||||
async markSelectedUnread () {
|
||||
async markSelectedUnread() {
|
||||
await Promise.all(this.selectedSeries.map(s =>
|
||||
this.$komgaSeries.markAsUnread(s.id),
|
||||
))
|
||||
|
|
@ -390,13 +396,13 @@ export default Vue.extend({
|
|||
this.$komgaSeries.getOneSeries(s.id),
|
||||
))
|
||||
},
|
||||
addToCollection () {
|
||||
addToCollection() {
|
||||
this.$store.dispatch('dialogAddSeriesToCollection', this.selectedSeries)
|
||||
},
|
||||
editSingleSeries (series: SeriesDto) {
|
||||
editSingleSeries(series: SeriesDto) {
|
||||
this.$store.dispatch('dialogUpdateSeries', series)
|
||||
},
|
||||
editMultipleSeries () {
|
||||
editMultipleSeries() {
|
||||
this.$store.dispatch('dialogUpdateSeries', this.selectedSeries)
|
||||
},
|
||||
},
|
||||
|
|
|
|||
|
|
@ -115,7 +115,9 @@
|
|||
<span v-on="on" class="text-caption">Summary from book {{
|
||||
series.booksMetadata.summaryNumber
|
||||
}}:</span>
|
||||
</template>{{ $t('browse_series.series_no_summary') }}</v-tooltip>
|
||||
</template>
|
||||
{{ $t('browse_series.series_no_summary') }}
|
||||
</v-tooltip>
|
||||
<read-more>{{ series.booksMetadata.summary }}</read-more>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
|
@ -126,7 +128,9 @@
|
|||
<v-tooltip right>
|
||||
<template v-slot:activator="{ on }">
|
||||
<span v-on="on">{{ series.booksMetadata.releaseDate | moment('YYYY') }}</span>
|
||||
</template>{{ $t('browse_series.earliest_year_from_release_dates') }}</v-tooltip>
|
||||
</template>
|
||||
{{ $t('browse_series.earliest_year_from_release_dates') }}
|
||||
</v-tooltip>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
||||
|
|
@ -277,20 +281,8 @@ export default Vue.extend({
|
|||
pageSize: 20,
|
||||
totalPages: 1,
|
||||
totalElements: null as number | null,
|
||||
sortOptions: [
|
||||
{name: this.$i18n.t('sort.number').toString(), key: 'metadata.numberSort'},
|
||||
{name: this.$i18n.t('sort.date_added').toString(), key: 'createdDate'},
|
||||
{name: this.$i18n.t('sort.release_date').toString(), key: 'metadata.releaseDate'},
|
||||
{name: this.$i18n.t('sort.file_size').toString(), key: 'fileSize'},
|
||||
] as SortOption[],
|
||||
sortActive: {} as SortActive,
|
||||
sortDefault: {key: 'metadata.numberSort', order: 'asc'} as SortActive,
|
||||
filterOptionsList: {
|
||||
readStatus: {values: [{name: this.$i18n.t('filter.unread').toString(), value: ReadStatus.UNREAD}]},
|
||||
} as FiltersOptions,
|
||||
filterOptionsPanel: {
|
||||
tag: {name: this.$i18n.t('filter.tag').toString(), values: []},
|
||||
} as FiltersOptions,
|
||||
filters: {} as FiltersActive,
|
||||
sortUnwatch: null as any,
|
||||
filterUnwatch: null as any,
|
||||
|
|
@ -301,6 +293,24 @@ export default Vue.extend({
|
|||
}
|
||||
},
|
||||
computed: {
|
||||
sortOptions(): SortOption[] {
|
||||
return [
|
||||
{name: this.$i18n.t('sort.number').toString(), key: 'metadata.numberSort'},
|
||||
{name: this.$i18n.t('sort.date_added').toString(), key: 'createdDate'},
|
||||
{name: this.$i18n.t('sort.release_date').toString(), key: 'metadata.releaseDate'},
|
||||
{name: this.$i18n.t('sort.file_size').toString(), key: 'fileSize'},
|
||||
] as SortOption[]
|
||||
},
|
||||
filterOptionsList(): FiltersOptions {
|
||||
return {
|
||||
readStatus: {values: [{name: this.$i18n.t('filter.unread').toString(), value: ReadStatus.UNREAD}]},
|
||||
} as FiltersOptions
|
||||
},
|
||||
filterOptionsPanel(): FiltersOptions {
|
||||
return {
|
||||
tag: {name: this.$i18n.t('filter.tag').toString(), values: []},
|
||||
} as FiltersOptions
|
||||
},
|
||||
isAdmin(): boolean {
|
||||
return this.$store.getters.meAdmin
|
||||
},
|
||||
|
|
|
|||
Loading…
Reference in a new issue