4fd4ca6f07
* Fixed a bug where analyze series would not force a re-analysis. Fixed a bug where if files weren't changed since last analysis, then series word count got reset to 0. * Fixed epub images not loading in detail drawer * Fixed a bug on double page layout where the reader would be wonky when moving to and from mobile layout. * package-lock.json updated * Cleaned up some wording * Moved a conditional on jump bar * Bugfix for Double Page Rendering skipping pages (#1339) * Bump versions by dotnet-bump-version. * Double (Manga) fixes . Fixed: *ngIf condition, last page loading Double . Added: isLoose, pageAmount, and CanvasImageNextDouble to keep track of double sequence breaks (nn/n/w) . Fixed: ShouldRenderReverseDouble and pageAmount conditions . Added: Setting isLoose on loadPage() . Added: canvasImageNextDouble in loadPage() Co-authored-by: majora2007 <josephmajora@gmail.com> * Added comments for Magunjun's PR. Co-authored-by: Marcelo Guimarães Junior <75567460+magujun@users.noreply.github.com>
159 lines
No EOL
9.4 KiB
HTML
159 lines
No EOL
9.4 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]">
|
|
<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]="chapter.coverImage"></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> |