34 lines
1.6 KiB
HTML
34 lines
1.6 KiB
HTML
<ng-container *transloco="let t; read: 'related-tab'">
|
|
<div style="padding-bottom: 1rem;">
|
|
@if (relations.length > 0) {
|
|
<app-carousel-reel [items]="relations" [title]="t('relations-title')">
|
|
<ng-template #carouselItem let-item>
|
|
<app-series-card class="col-auto mt-2 mb-2" [series]="item.series" [libraryId]="item.series.libraryId" [relation]="item.relation"></app-series-card>
|
|
</ng-template>
|
|
</app-carousel-reel>
|
|
}
|
|
|
|
@if (collections.length > 0) {
|
|
<app-carousel-reel [items]="collections" [title]="t('collections-title')">
|
|
<ng-template #carouselItem let-item>
|
|
<app-card-item [title]="item.title" [entity]="item"
|
|
[count]="item.itemCount"
|
|
[suppressLibraryLink]="true" [imageUrl]="imageService.getCollectionCoverImage(item.id)"
|
|
(clicked)="openCollection(item)" [linkUrl]="'/collections/' + item.id" [showFormat]="false"></app-card-item>
|
|
</ng-template>
|
|
</app-carousel-reel>
|
|
}
|
|
|
|
|
|
@if (readingLists.length > 0) {
|
|
<app-carousel-reel [items]="readingLists" [title]="t('reading-lists-title')">
|
|
<ng-template #carouselItem let-item>
|
|
<app-card-item [title]="item.title" [entity]="item"
|
|
[count]="item.itemCount"
|
|
[suppressLibraryLink]="true" [imageUrl]="imageService.getReadingListCoverImage(item.id)"
|
|
(clicked)="openReadingList(item)" [linkUrl]="'/lists/' + item.id" [showFormat]="false"></app-card-item>
|
|
</ng-template>
|
|
</app-carousel-reel>
|
|
}
|
|
</div>
|
|
</ng-container>
|