35 lines
1.7 KiB
HTML
35 lines
1.7 KiB
HTML
<div class="main-container container-fluid">
|
|
<ng-container *transloco="let t; read: 'bookmarks'">
|
|
<app-side-nav-companion-bar [hasFilter]="true" (filterOpen)="filterOpen.emit($event)" [filterActive]="filterActive">
|
|
<h4 title>
|
|
{{t('title')}}
|
|
</h4>
|
|
<h5 subtitle>{{t('series-count', {num: series.length | number})}}</h5>
|
|
</app-side-nav-companion-bar>
|
|
<app-bulk-operations [actionCallback]="bulkActionCallback"></app-bulk-operations>
|
|
@if (filter) {
|
|
<app-card-detail-layout
|
|
[isLoading]="loadingBookmarks"
|
|
[items]="series"
|
|
[filterSettings]="filterSettings"
|
|
[trackByIdentity]="trackByIdentity"
|
|
[refresh]="refresh"
|
|
[jumpBarKeys]="jumpbarKeys"
|
|
(applyFilter)="updateFilter($event)"
|
|
>
|
|
<ng-template #cardItem let-item let-position="idx">
|
|
<app-card-item [entity]="item" [title]="item.name" [imageUrl]="imageService.getSeriesCoverImage(item.id)"
|
|
[suppressArchiveWarning]="true" (clicked)="viewBookmarks(item)" [count]="seriesIds[item.id]" [allowSelection]="true"
|
|
[actions]="actions"
|
|
[selected]="bulkSelectionService.isCardSelected('bookmark', position)"
|
|
(selection)="bulkSelectionService.handleCardSelection('bookmark', position, series.length, $event)"
|
|
></app-card-item>
|
|
</ng-template>
|
|
|
|
<ng-template #noData>
|
|
{{t('no-data')}} <a [href]="WikiLink.Bookmarks" rel="noopener noreferrer" target="_blank">{{t('no-data-2')}}<i class="fa fa-external-link-alt ms-1" aria-hidden="true"></i></a>
|
|
</ng-template>
|
|
</app-card-detail-layout>
|
|
}
|
|
</ng-container>
|
|
</div>
|