feat(home): toolbar filtre/affichage et modale options d'affichage
- Correction du dropdown toolbar : prop align (left/right) pour éviter le débordement hors écran côté droit - Filtre de collection par statut (all/completed/ongoing) persisté dans userPreferencesStore - toolbarConfig rendu réactif (computed) avec isSelected sur Filter, Sort et View - Modale Options d'affichage par vue (Grille, Overview, Table) avec toggles persistés - Composant ToggleRow réutilisable - Normalisation author → authors dans l'entité Manga (l'API renvoie author string)
This commit is contained in:
parent
214f470e77
commit
e525c9b7bd
@@ -8,6 +8,12 @@ const defaultState = {
|
||||
defaultView: 'grid',
|
||||
itemsPerPage: 20,
|
||||
sortBy: 'title',
|
||||
filterBy: 'all',
|
||||
displayOptions: {
|
||||
grid: { showTitle: true, showYear: true, showAuthor: false },
|
||||
overview: { showCover: true, showStatus: true, showDescription: true, showAuthor: false, showYear: false },
|
||||
table: { showMonitoring: true, showPreferredSource: true, showChapters: true, showStatus: false, showAuthor: false, showYear: false }
|
||||
},
|
||||
readingDirection: 'ltr',
|
||||
readingMode: 'scroll',
|
||||
autoFullscreen: false,
|
||||
@@ -88,6 +94,16 @@ export const useUserPreferencesStore = defineStore('userPreferences', {
|
||||
this.persist();
|
||||
},
|
||||
|
||||
setFilterBy(filter) {
|
||||
this.filterBy = filter;
|
||||
this.persist();
|
||||
},
|
||||
|
||||
setDisplayOption(view, key, value) {
|
||||
this.displayOptions[view][key] = value;
|
||||
this.persist();
|
||||
},
|
||||
|
||||
setReadingDirection(direction) {
|
||||
this.readingDirection = direction;
|
||||
this.persist();
|
||||
@@ -127,6 +143,8 @@ export const useUserPreferencesStore = defineStore('userPreferences', {
|
||||
defaultView: this.defaultView,
|
||||
itemsPerPage: this.itemsPerPage,
|
||||
sortBy: this.sortBy,
|
||||
filterBy: this.filterBy,
|
||||
displayOptions: this.displayOptions,
|
||||
readingDirection: this.readingDirection,
|
||||
readingMode: this.readingMode,
|
||||
autoFullscreen: this.autoFullscreen,
|
||||
|
||||
Reference in New Issue
Block a user