df68c50256
* When skipping over folders in a scan, inform the ui * Try out new backout condition for library watcher. * Tweaked the code for folder watching to be more intense on killing if stuck in inotify loop. * Streamlined my implementation of enhanced LibraryWatcher * Added new extension method to make complex where statements cleaner. * Added an implementation to flatten series and not show them if they have relationships defined. Only the parent would show. Currently disabled until i figure out how to apply it. * Added the ability to collapse series that are not the primary entry point to reading. Configurable in library settings, only applies when all libraries in a filter have the property to true. * Exclude from parsing .@_thumb directories, a QNAP system folder. Show number of items a JumpKey has * Refactored some time reading to display in days, months, years or minutes.
60 lines
No EOL
3.3 KiB
HTML
60 lines
No EOL
3.3 KiB
HTML
|
|
<div class="row mt-2 g-0 pb-2" *ngIf="header !== undefined && header.length > 0">
|
|
<div class="col me-auto">
|
|
<h2>
|
|
<span *ngIf="actions.length > 0" class="">
|
|
<app-card-actionables (actionHandler)="performAction($event)" [actions]="actions" [labelBy]="header"></app-card-actionables>
|
|
</span>
|
|
<span *ngIf="header !== undefined && header.length > 0">
|
|
{{header}}
|
|
<span class="badge bg-primary rounded-pill" attr.aria-label="{{pagination.totalItems}} total items" *ngIf="pagination !== undefined">{{pagination.totalItems}}</span>
|
|
</span>
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
<app-metadata-filter [filterSettings]="filterSettings" [filterOpen]="filterOpen" (applyFilter)="applyMetadataFilter($event)"></app-metadata-filter>
|
|
<div class="viewport-container" [ngClass]="{'empty': items.length === 0 && !isLoading}">
|
|
<div class="content-container">
|
|
<div class="card-container mt-2 mb-2">
|
|
<p *ngIf="items.length === 0 && !isLoading">
|
|
<ng-container [ngTemplateOutlet]="noDataTemplate"></ng-container>
|
|
</p>
|
|
<virtual-scroller [ngClass]="{'empty': items.length === 0 && !isLoading}" #scroll [items]="items" [bufferAmount]="1" [parentScroll]="parentScroll">
|
|
<div class="grid row g-0" #container>
|
|
<div class="card col-auto mt-2 mb-2" (click)="tryToSaveJumpKey(item)" *ngFor="let item of scroll.viewPortItems; trackBy:trackByIdentity; index as i" id="jumpbar-index--{{i}}" [attr.jumpbar-index]="i">
|
|
<ng-container [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ $implicit: item, idx: scroll.viewPortInfo.startIndexWithBuffer + i }"></ng-container>
|
|
</div>
|
|
</div>
|
|
</virtual-scroller>
|
|
</div>
|
|
</div>
|
|
|
|
<ng-container *ngIf="jumpBarKeysToRender.length >= 4 && items.length > 0 && scroll.viewPortInfo.maxScrollPosition > 0" [ngTemplateOutlet]="jumpBar" [ngTemplateOutletContext]="{ id: 'jumpbar' }"></ng-container>
|
|
</div>
|
|
<ng-template #cardTemplate>
|
|
<virtual-scroller #scroll [items]="items" [bufferAmount]="1">
|
|
<div class="grid row g-0" #container>
|
|
<div class="card col-auto mt-2 mb-2" (click)="tryToSaveJumpKey(item)" *ngFor="let item of scroll.viewPortItems; trackBy:trackByIdentity; index as i" id="jumpbar-index--{{i}}" [attr.jumpbar-index]="i">
|
|
<ng-container [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ $implicit: item, idx: i }"></ng-container>
|
|
</div>
|
|
</div>
|
|
</virtual-scroller>
|
|
|
|
<div class="mx-auto" *ngIf="items.length === 0 && !isLoading" style="width: 200px;">
|
|
<p>
|
|
<ng-container [ngTemplateOutlet]="noDataTemplate"></ng-container>
|
|
</p>
|
|
</div>
|
|
</ng-template>
|
|
|
|
<app-loading [loading]="isLoading"></app-loading>
|
|
|
|
<ng-template #jumpBar>
|
|
<div class="jump-bar">
|
|
<ng-container *ngFor="let jumpKey of jumpBarKeysToRender; let i = index;">
|
|
<button class="btn btn-link" [ngClass]="{'disabled': hasCustomSort()}" (click)="scrollTo(jumpKey)" [ngbTooltip]="jumpKey.size + ' Series'" placement="left">
|
|
{{jumpKey.title}}
|
|
</button>
|
|
</ng-container>
|
|
</div>
|
|
</ng-template> |