4e49aa47ce
* Updated Series Info Cards to use OnPush and hooked in progress events when we do a mark as read/unread on entities. These events update progress bars but also will now trigger a re-calculation on Read Time Left. * Removed Library Card Component * Refactored manga reader title and subtitle calculation to the backend. * Coverted card actionables to onPush * Series Card on push cleanup * Updated edit collection tags for on push * Update cover image chooser for on push * Cleaned up carsouel reel * Updated cover image to allow for uploading gif and webp files * Bulk add to collection on push * Updated bulk operation to use on push. Updated bulk operation to have mark as unread and read buttons explicitly. Updated so add to collection is visible and delete. Fixed a bug where manage library component wasn't invoking the trackBy function * Updating entity title for on push * Removed file info component * Updated Mange Library for on push * Entity info cards on push * List item on push * Updated icon and title for on push and fixed some missing change detection on series detail * Restricted the typeahead interface to simplify the design * Edit Series Relation now shows a value in the dropdown for Parent relationships and disables the field. * Updated edit series relation to focus on new typeahead when adding a new relationship * Added some documentation and when Scanning a library, don't allow the user to enqueue the same job multiple times. * Applied the No-enqueue if already enqueued logic to other tasks * Library detail on push * Updated events widget to onpush * Card detail drawer on push. Card detail cover chooser now will show all chapter's covers for selection in cover chooser. * Chapter metadata detail on push * Removed Card Detail modal * All collections on push * Removed some comments * Updated bulk selection to use an observable rather than function calls so new on push strategy works * collection detail now uses on push and scroller is placed on correct element * Updated library recommended to on push. Ensure that when mark as read occurs, the appropriate streams are refreshed. * Updated library detail to on push * Update metadata fiter to onpush. Bugs found and reported to Project * person badge on push * Read more on push * Updated tag badge to on push * User login on push * When initing side nav, don't call an authenticated api until we are sure a user is logged in * Updated splash container to on push * Dashboard on push * Side nav slight refactor around some api calls * Cleaned up series card on push to use same cdRef naming convention * Updated Static Files to use caching * Added width and height to logo image * shortcuts modal on push * reading lists on push * Reading list detail on push * draggable ordered list on push * Refactored reading-list-detail to use a new item which drastically reduces renders on operations * series format on push * circular loader on push * Badge Expander on push * update notification modal on push * drawer on push * Edit Series Modal on push * reset password on push * review series modal on push * series metadata detail on push * theme manager on push * confirm reset password on push * register on push * confirm migration email on push * confirm email on push * add email to account migration on push * user preferences on push. Made global settings default open * edit series relation on push * Fixed an edge case bug for next chapter where if the current volume had a single chapter of 1 and the next volume had a chapter number of 0, it would say there are no more chapters. * Updated infinite scroller with on push support * Moved some animations over to typeahead, not integrated yet. * Manga reader is now on push * Reader settings on push * refactored how we close the book * Updated table of contents for on push * Updated book reader for on push. Fixed a bug where table of contents wasn't showing current page anchor due to a scroll calulation bug * Small code tweak * Icon and title on push * nav header on push * grouped typeahead on push * typeahead on push and added a new trackby identity function to allow even faster rendering of big lists * pdf reader on push * code cleanup
159 lines
No EOL
9.5 KiB
HTML
159 lines
No EOL
9.5 KiB
HTML
<div class="offcanvas-header">
|
|
<h5 class="offcanvas-title">
|
|
<span class="modal-title" id="modal-basic-title">
|
|
<app-entity-title [libraryType]="libraryType" [entity]="data" [seriesName]="parentName"></app-entity-title>
|
|
</span>
|
|
</h5>
|
|
<button type="button" class="btn-close text-reset" aria-label="Close" (click)="activeOffcanvas.dismiss()"></button>
|
|
</div>
|
|
|
|
<div class="offcanvas-body pb-3">
|
|
<div class="d-flex">
|
|
<ul ngbNav #nav="ngbNav" [(activeId)]="active" class="nav-pills" orientation="vertical" style="max-width: 135px;">
|
|
<li [ngbNavItem]="tabs[TabID.General]">
|
|
<a ngbNavLink>General</a>
|
|
<ng-template ngbNavContent>
|
|
<div class="container-fluid" style="overflow: auto">
|
|
|
|
<div class="row g-0">
|
|
<div class="d-none d-md-block col-md-2 col-lg-1">
|
|
<app-image class="me-2" width="74px" [imageUrl]="coverImageUrl"></app-image>
|
|
</div>
|
|
<div class="col-md-10 col-lg-11">
|
|
<ng-container *ngIf="summary.length > 0; else noSummary">
|
|
<app-read-more [text]="summary" [maxLength]="250"></app-read-more>
|
|
</ng-container>
|
|
<ng-template #noSummary>
|
|
No Summary available.
|
|
</ng-template>
|
|
</div>
|
|
</div>
|
|
|
|
<app-entity-info-cards [entity]="data"></app-entity-info-cards>
|
|
|
|
|
|
<!-- 2 rows to show some tags-->
|
|
<ng-container *ngIf="chapterMetadata !== undefined">
|
|
<div class="row g-0 mb-2">
|
|
<div class="col-md-6 col-sm-12">
|
|
<h6>Authors/Writers</h6>
|
|
<ng-container *ngIf="chapterMetadata.writers.length > 0; else noBadges">
|
|
<app-badge-expander [items]="chapterMetadata.writers">
|
|
<ng-template #badgeExpanderItem let-item let-position="idx">
|
|
<app-person-badge [person]="item"></app-person-badge>
|
|
</ng-template>
|
|
</app-badge-expander>
|
|
</ng-container>
|
|
</div>
|
|
<div class="col-md-6 col-sm-12">
|
|
<h6>Genres</h6>
|
|
<ng-container *ngIf="chapterMetadata.genres.length > 0; else noBadges">
|
|
<app-badge-expander [items]="chapterMetadata.genres">
|
|
<ng-template #badgeExpanderItem let-item let-position="idx">
|
|
<app-tag-badge>{{item.title}}</app-tag-badge>
|
|
</ng-template>
|
|
</app-badge-expander>
|
|
</ng-container>
|
|
</div>
|
|
</div>
|
|
<div class="row g-0 mb-2">
|
|
<div class="col-md-6 col-sm-12">
|
|
<h6>Publisher</h6>
|
|
<ng-container *ngIf="chapterMetadata.publishers.length > 0; else noBadges">
|
|
<app-badge-expander [items]="chapterMetadata.publishers">
|
|
<ng-template #badgeExpanderItem let-item let-position="idx">
|
|
<app-person-badge [person]="item"></app-person-badge>
|
|
</ng-template>
|
|
</app-badge-expander>
|
|
</ng-container>
|
|
</div>
|
|
<div class="col-md-6 col-sm-12">
|
|
<h6>Tags</h6>
|
|
<ng-container *ngIf="chapterMetadata.tags.length > 0; else noBadges">
|
|
<app-badge-expander [items]="chapterMetadata.tags">
|
|
<ng-template #badgeExpanderItem let-item let-position="idx">
|
|
<app-tag-badge>{{item.title}}</app-tag-badge>
|
|
</ng-template>
|
|
</app-badge-expander>
|
|
</ng-container>
|
|
</div>
|
|
</div>
|
|
|
|
<ng-template #noBadges>
|
|
Not defined
|
|
</ng-template>
|
|
</ng-container>
|
|
|
|
</div>
|
|
</ng-template>
|
|
</li>
|
|
|
|
<li [ngbNavItem]="tabs[TabID.Metadata]">
|
|
<a ngbNavLink>{{tabs[TabID.Metadata].title}}</a>
|
|
<ng-template ngbNavContent>
|
|
<app-chapter-metadata-detail [chapter]="chapterMetadata"></app-chapter-metadata-detail>
|
|
</ng-template>
|
|
</li>
|
|
|
|
<li [ngbNavItem]="tabs[TabID.Cover]" [disabled]="!(isAdmin$ | async)">
|
|
<a ngbNavLink>{{tabs[TabID.Cover].title}}</a>
|
|
<ng-template ngbNavContent>
|
|
<app-cover-image-chooser [(imageUrls)]="imageUrls"
|
|
[showReset]="chapter.coverImageLocked"
|
|
[showApplyButton]="true"
|
|
(applyCover)="applyCoverImage($event)"
|
|
(resetCover)="resetCoverImage()"
|
|
>
|
|
</app-cover-image-chooser>
|
|
</ng-template>
|
|
</li>
|
|
|
|
<li [ngbNavItem]="tabs[TabID.Files]">
|
|
<a ngbNavLink>{{tabs[TabID.Files].title}}</a>
|
|
<ng-template ngbNavContent>
|
|
<h4 *ngIf="!utilityService.isChapter(data)">{{utilityService.formatChapterName(libraryType) + 's'}}</h4>
|
|
<ul class="list-unstyled">
|
|
<li class="d-flex my-4" *ngFor="let chapter of chapters">
|
|
<a (click)="readChapter(chapter)" href="javascript:void(0);" title="Read {{utilityService.formatChapterName(libraryType, true, false)}} {{formatChapterNumber(chapter)}}">
|
|
<app-image class="me-2" width="74px" [imageUrl]="imageService.getChapterCoverImage(chapter.id)"></app-image>
|
|
</a>
|
|
<div class="flex-grow-1">
|
|
<h5 class="mt-0 mb-1">
|
|
<span >
|
|
<span>
|
|
<app-card-actionables (actionHandler)="performAction($event, chapter)" [actions]="chapterActions"
|
|
[labelBy]="utilityService.formatChapterName(libraryType, true, true) + formatChapterNumber(chapter)"></app-card-actionables>
|
|
<ng-container *ngIf="chapter.number !== '0'; else specialHeader">
|
|
{{utilityService.formatChapterName(libraryType, true, false) }} {{formatChapterNumber(chapter)}}
|
|
</ng-container>
|
|
</span>
|
|
<span class="badge bg-primary rounded-pill ms-1">
|
|
<span *ngIf="chapter.pagesRead > 0 && chapter.pagesRead < chapter.pages">{{chapter.pagesRead}} / {{chapter.pages}}</span>
|
|
<span *ngIf="chapter.pagesRead === 0">UNREAD</span>
|
|
<span *ngIf="chapter.pagesRead === chapter.pages">READ</span>
|
|
</span>
|
|
</span>
|
|
<ng-template #specialHeader>Files</ng-template>
|
|
</h5>
|
|
<ul class="list-group">
|
|
<li *ngFor="let file of chapter.files" class="list-group-item no-hover">
|
|
<span>{{file.filePath}}</span>
|
|
<div class="row g-0">
|
|
<div class="col">
|
|
Pages: {{file.pages | number:''}}
|
|
</div>
|
|
<div class="col" *ngIf="data.hasOwnProperty('created')">
|
|
Added: {{(data.created | date: 'short') || '-'}}
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</ng-template>
|
|
</li>
|
|
</ul>
|
|
<div [ngbNavOutlet]="nav" class="tab-content {{utilityService.getActiveBreakpoint() === Breakpoint.Mobile ? 'mt-3' : 'ms-4 flex-fill'}}"></div>
|
|
</div>
|
|
</div> |