AZEN-SGG/Kavita
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Smart Collection UI Changes (#3332)

Browse source
This commit is contained in:
Joe Milazzo 2024-11-04 11:16:17 -06:00 • committed by GitHub
parent dcd281c5c3
commit 9e299d08b9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
29 changed files with 431 additions and 189 deletions
Download patch file Download diff file Expand all files Collapse all files

2
UI/Web/src/app/cards/_modals/edit-collection-tags/edit-collection-tags.component.html
View file

@ -16,7 +16,7 @@
<label for="library-name" class="form-label">{{t('name-label')}}</label>
<input id="library-name" class="form-control" formControlName="title" type="text"
[class.is-invalid]="collectionTagForm.get('title')?.invalid && collectionTagForm.get('title')?.touched">
@if (collectionTagForm.dirty || collectionTagForm.touched) {
@if (collectionTagForm.dirty || !collectionTagForm.untouched) {
<div id="inviteForm-validations" class="invalid-feedback">
@if (collectionTagForm.get('title')?.errors?.required) {
<div>{{t('required-field')}}</div>

1
UI/Web/src/app/cards/bulk-operations/bulk-operations.component.scss
View file

@ -1,5 +1,6 @@
.bulk-select-container {
position: absolute;
width: 100%;
.bulk-select {
background-color: var(--bulk-selection-bg-color);

6
UI/Web/src/app/cards/card-item/card-item.component.html
View file

@ -73,9 +73,11 @@
</div>
@if (title.length > 0 || actions.length > 0) {
<div class="card-title-container">
<span class="card-format">
<span>
@if (showFormat) {
<app-series-format [format]="format"></app-series-format>
<span class="card-format">
<app-series-format [format]="format"></app-series-format>
</span>
}
</span>

4
UI/Web/src/app/cards/entity-title/entity-title.component.ts
View file

@ -108,6 +108,8 @@ export class EntityTitleComponent implements OnInit {
let renderText = '';
if (this.titleName !== '' && this.prioritizeTitleName) {
renderText = this.titleName;
} else if (this.fallbackToVolume && this.isChapter) { // (his is a single volume on volume detail page
renderText = translate('entity-title.single-volume');
} else if (this.number === this.LooseLeafOrSpecial) {
renderText = '';
} else {
@ -120,6 +122,8 @@ export class EntityTitleComponent implements OnInit {
let renderText = '';
if (this.titleName !== '' && this.prioritizeTitleName) {
renderText = this.titleName;
} else if (this.fallbackToVolume && this.isChapter) { // (his is a single volume on volume detail page
renderText = translate('entity-title.single-volume');
} else if (this.number === this.LooseLeafOrSpecial) {
renderText = '';
} else {

4
UI/Web/src/app/cards/external-series-card/external-series-card.component.ts
View file

@ -25,6 +25,8 @@ import {SafeHtmlPipe} from "../../_pipes/safe-html.pipe";
changeDetection: ChangeDetectionStrategy.OnPush
})
export class ExternalSeriesCardComponent {
private readonly offcanvasService = inject(NgbOffcanvas);
@Input({required: true}) data!: ExternalSeries;
/**
* When clicking on the series, instead of opening, opens a preview drawer
@ -33,8 +35,6 @@ export class ExternalSeriesCardComponent {
@ViewChild('link', {static: false}) link!: ElementRef<HTMLAnchorElement>;
private readonly offcanvasService = inject(NgbOffcanvas);
handleClick() {
if (this.previewOnClick) {
const ref = this.offcanvasService.open(SeriesPreviewDrawerComponent, {position: 'end', panelClass: ''});