diff --git a/booklore-ui/src/app/features/dashboard/components/dashboard-scroller/dashboard-scroller.component.html b/booklore-ui/src/app/features/dashboard/components/dashboard-scroller/dashboard-scroller.component.html index 640f46310..cde9b5773 100644 --- a/booklore-ui/src/app/features/dashboard/components/dashboard-scroller/dashboard-scroller.component.html +++ b/booklore-ui/src/app/features/dashboard/components/dashboard-scroller/dashboard-scroller.component.html @@ -1,7 +1,7 @@

- {{ title }} + {{ title | transloco }} @if (isMagicShelf) { } diff --git a/booklore-ui/src/app/features/dashboard/components/dashboard-scroller/dashboard-scroller.component.ts b/booklore-ui/src/app/features/dashboard/components/dashboard-scroller/dashboard-scroller.component.ts index ccba485d3..b39186e24 100644 --- a/booklore-ui/src/app/features/dashboard/components/dashboard-scroller/dashboard-scroller.component.ts +++ b/booklore-ui/src/app/features/dashboard/components/dashboard-scroller/dashboard-scroller.component.ts @@ -7,7 +7,7 @@ import {ProgressSpinnerModule} from 'primeng/progressspinner'; import {Book} from '../../../book/model/book.model'; import {ScrollerType} from '../../models/dashboard-config.model'; import { BookCardOverlayPreferenceService } from '../../../book/components/book-browser/book-card-overlay-preference.service'; -import {TranslocoDirective} from '@jsverse/transloco'; +import {TranslocoDirective, TranslocoPipe} from '@jsverse/transloco'; @Component({ selector: 'app-dashboard-scroller', @@ -18,7 +18,8 @@ import {TranslocoDirective} from '@jsverse/transloco'; BookCardComponent, ProgressSpinnerModule, NgClass, - TranslocoDirective + TranslocoDirective, + TranslocoPipe ], standalone: true }) diff --git a/booklore-ui/src/app/features/dashboard/components/dashboard-settings/dashboard-settings.component.ts b/booklore-ui/src/app/features/dashboard/components/dashboard-settings/dashboard-settings.component.ts index 8561a5536..091e0109e 100644 --- a/booklore-ui/src/app/features/dashboard/components/dashboard-settings/dashboard-settings.component.ts +++ b/booklore-ui/src/app/features/dashboard/components/dashboard-settings/dashboard-settings.component.ts @@ -114,23 +114,21 @@ export class DashboardSettingsComponent implements OnInit { } getScrollerTitle(scroller: ScrollerConfig): string { - const t = (key: string) => this.translocoService.translate(`dashboard.settings.scrollerTypes.${key}`); - if (scroller.type === ScrollerType.MAGIC_SHELF && scroller.magicShelfId) { - return this.magicShelvesMap.get(scroller.magicShelfId) || t('magicShelf'); + return this.magicShelvesMap.get(scroller.magicShelfId) || 'dashboard.scroller.magicShelf'; } switch (scroller.type) { case ScrollerType.LAST_READ: - return t('lastRead'); + return 'dashboard.scroller.continueReading'; case ScrollerType.LAST_LISTENED: - return t('lastListened'); + return 'dashboard.scroller.continueListening'; case ScrollerType.LATEST_ADDED: - return t('latestAdded'); + return 'dashboard.scroller.recentlyAdded'; case ScrollerType.RANDOM: - return t('random'); + return 'dashboard.scroller.discoverNew'; default: - return t('default'); + return 'dashboard.scroller.default'; } } diff --git a/booklore-ui/src/app/features/dashboard/models/dashboard-config.model.ts b/booklore-ui/src/app/features/dashboard/models/dashboard-config.model.ts index 403070a2e..04385f238 100644 --- a/booklore-ui/src/app/features/dashboard/models/dashboard-config.model.ts +++ b/booklore-ui/src/app/features/dashboard/models/dashboard-config.model.ts @@ -26,9 +26,9 @@ export interface DashboardConfig { export const DEFAULT_DASHBOARD_CONFIG: DashboardConfig = { scrollers: [ - {id: '1', type: ScrollerType.LAST_LISTENED, title: 'Continue Listening', enabled: true, order: 1, maxItems: DEFAULT_MAX_ITEMS}, - {id: '2', type: ScrollerType.LAST_READ, title: 'Continue Reading', enabled: true, order: 2, maxItems: DEFAULT_MAX_ITEMS}, - {id: '3', type: ScrollerType.LATEST_ADDED, title: 'Recently Added', enabled: true, order: 3, maxItems: DEFAULT_MAX_ITEMS}, - {id: '4', type: ScrollerType.RANDOM, title: 'Discover Something New', enabled: true, order: 4, maxItems: DEFAULT_MAX_ITEMS} + {id: '1', type: ScrollerType.LAST_LISTENED, title: 'dashboard.scroller.continueListening', enabled: true, order: 1, maxItems: DEFAULT_MAX_ITEMS}, + {id: '2', type: ScrollerType.LAST_READ, title: 'dashboard.scroller.continueReading', enabled: true, order: 2, maxItems: DEFAULT_MAX_ITEMS}, + {id: '3', type: ScrollerType.LATEST_ADDED, title: 'dashboard.scroller.recentlyAdded', enabled: true, order: 3, maxItems: DEFAULT_MAX_ITEMS}, + {id: '4', type: ScrollerType.RANDOM, title: 'dashboard.scroller.discoverNew', enabled: true, order: 4, maxItems: DEFAULT_MAX_ITEMS} ] }; diff --git a/booklore-ui/src/i18n/en/dashboard.json b/booklore-ui/src/i18n/en/dashboard.json index b16bd0ffc..c111226f3 100644 --- a/booklore-ui/src/i18n/en/dashboard.json +++ b/booklore-ui/src/i18n/en/dashboard.json @@ -9,7 +9,13 @@ }, "scroller": { "noBooksFound": "No books found for this scroller.", - "loadError": "Failed to load books! Please try refreshing the page." + "loadError": "Failed to load books! Please try refreshing the page.", + "continueListening": "Continue Listening", + "continueReading": "Continue Reading", + "recentlyAdded": "Recently Added", + "discoverNew": "Discover Something New", + "magicShelf": "Magic Shelf", + "default": "Scroller" }, "settings": { "title": "Dashboard Configuration", diff --git a/booklore-ui/src/i18n/es/dashboard.json b/booklore-ui/src/i18n/es/dashboard.json index 406f0154d..8c55f1d1e 100644 --- a/booklore-ui/src/i18n/es/dashboard.json +++ b/booklore-ui/src/i18n/es/dashboard.json @@ -9,7 +9,13 @@ }, "scroller": { "noBooksFound": "No se encontraron libros para este carrusel.", - "loadError": "Error al cargar los libros. Por favor, intenta actualizar la pagina." + "loadError": "Error al cargar los libros. Por favor, intenta actualizar la pagina.", + "continueListening": "Seguir escuchando", + "continueReading": "Seguir leyendo", + "recentlyAdded": "Añadidos recientemente", + "discoverNew": "Descubre algo nuevo", + "magicShelf": "Estante mágico", + "default": "Carrusel" }, "settings": { "title": "Configuración del panel",