Small Bugfixes (#2414)
This commit is contained in:
parent
26b0cb7d0c
commit
b7e7eaf1a4
22 changed files with 91 additions and 87 deletions
|
|
@ -3,7 +3,7 @@
|
|||
<h5>{{heading}}</h5>
|
||||
</div>
|
||||
<div class="col-lg-9 col-md-8 col-sm-12">
|
||||
<app-badge-expander [items]="tags">
|
||||
<app-badge-expander [items]="tags" [itemsTillExpander]="utilityService.getActiveBreakpoint() >= Breakpoint.Desktop ? 30 : 4">
|
||||
<ng-template #badgeExpanderItem let-item let-position="idx">
|
||||
<ng-container *ngIf="itemTemplate; else useTitle">
|
||||
<span (click)="goTo(queryParam, item.id)">
|
||||
|
|
|
|||
|
|
@ -6,6 +6,7 @@ import {TagBadgeComponent, TagBadgeCursor} from "../../../shared/tag-badge/tag-b
|
|||
import {FilterUtilitiesService} from "../../../shared/_services/filter-utilities.service";
|
||||
import {FilterComparison} from "../../../_models/metadata/v2/filter-comparison";
|
||||
import {FilterField} from "../../../_models/metadata/v2/filter-field";
|
||||
import {Breakpoint, UtilityService} from "../../../shared/_services/utility.service";
|
||||
|
||||
@Component({
|
||||
selector: 'app-metadata-detail',
|
||||
|
|
@ -17,6 +18,11 @@ import {FilterField} from "../../../_models/metadata/v2/filter-field";
|
|||
})
|
||||
export class MetadataDetailComponent {
|
||||
|
||||
private readonly filterUtilityService = inject(FilterUtilitiesService);
|
||||
public readonly utilityService = inject(UtilityService);
|
||||
protected readonly TagBadgeCursor = TagBadgeCursor;
|
||||
protected readonly Breakpoint = Breakpoint;
|
||||
|
||||
@Input({required: true}) tags: Array<any> = [];
|
||||
@Input({required: true}) libraryId!: number;
|
||||
@Input({required: true}) heading!: string;
|
||||
|
|
@ -24,12 +30,11 @@ export class MetadataDetailComponent {
|
|||
@ContentChild('titleTemplate') titleTemplate!: TemplateRef<any>;
|
||||
@ContentChild('itemTemplate') itemTemplate?: TemplateRef<any>;
|
||||
|
||||
private readonly filterUtilityService = inject(FilterUtilitiesService);
|
||||
protected readonly TagBadgeCursor = TagBadgeCursor;
|
||||
|
||||
|
||||
goTo(queryParamName: FilterField, filter: any) {
|
||||
if (queryParamName === FilterField.None) return;
|
||||
this.filterUtilityService.applyFilter(['library', this.libraryId], queryParamName, FilterComparison.Equal, filter).subscribe();
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<ng-container *transloco="let t; read: 'series-metadata-detail'">
|
||||
<div class="row g-0 mt-2 mb-2">
|
||||
<app-read-more [text]="seriesSummary" [maxLength]="250"></app-read-more>
|
||||
<app-read-more [text]="seriesSummary" [maxLength]="utilityService.getActiveBreakpoint() >= Breakpoint.Desktop ? 1000 : 250"></app-read-more>
|
||||
</div>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -121,4 +121,6 @@ export class SeriesMetadataDetailComponent implements OnChanges {
|
|||
navigate(basePage: string, id: number) {
|
||||
this.router.navigate([basePage, id]);
|
||||
}
|
||||
|
||||
protected readonly Breakpoint = Breakpoint;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue