0">
-
-
{{heading}}
-
-
-
= Breakpoint.Desktop ? 30 : 4">
-
-
-
+@if (tags && tags.length > 0) {
+
+
+
{{heading}}
+
+
+
= Breakpoint.Desktop ? 30 : 4">
+
+ @if(itemTemplate) {
+
-
-
-
-
-
+ } @else {
+
+
+
+ }
-
-
+
+
-
+}
+
diff --git a/UI/Web/src/app/series-detail/_components/metadata-detail/metadata-detail.component.ts b/UI/Web/src/app/series-detail/_components/metadata-detail/metadata-detail.component.ts
index 2741a4a75..e4d25d177 100644
--- a/UI/Web/src/app/series-detail/_components/metadata-detail/metadata-detail.component.ts
+++ b/UI/Web/src/app/series-detail/_components/metadata-detail/metadata-detail.component.ts
@@ -1,5 +1,5 @@
import {ChangeDetectionStrategy, Component, ContentChild, inject, Input, TemplateRef} from '@angular/core';
-import {CommonModule} from '@angular/common';
+import {CommonModule, NgTemplateOutlet} from '@angular/common';
import {A11yClickDirective} from "../../../shared/a11y-click.directive";
import {BadgeExpanderComponent} from "../../../shared/badge-expander/badge-expander.component";
import {TagBadgeComponent, TagBadgeCursor} from "../../../shared/tag-badge/tag-badge.component";
@@ -11,7 +11,7 @@ import {Breakpoint, UtilityService} from "../../../shared/_services/utility.serv
@Component({
selector: 'app-metadata-detail',
standalone: true,
- imports: [CommonModule, A11yClickDirective, BadgeExpanderComponent, TagBadgeComponent],
+ imports: [A11yClickDirective, BadgeExpanderComponent, TagBadgeComponent, NgTemplateOutlet],
templateUrl: './metadata-detail.component.html',
styleUrls: ['./metadata-detail.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush
diff --git a/UI/Web/src/app/series-detail/_components/series-detail/series-detail.component.html b/UI/Web/src/app/series-detail/_components/series-detail/series-detail.component.html
index 399c641a5..003d45841 100644
--- a/UI/Web/src/app/series-detail/_components/series-detail/series-detail.component.html
+++ b/UI/Web/src/app/series-detail/_components/series-detail/series-detail.component.html
@@ -1,346 +1,393 @@
-
-
-
-
- {{series.name}}
- @if(isLoadingExtra || isLoading) {
-
+ @if (series) {
+
+
+
+
+ {{series.name}}
+ @if(isLoadingExtra || isLoading) {
+
loading...
- }
+ }
-
-
-
- {{series.localizedName}}
-
+
+
+ @if (series.localizedName !== series.name) {
+
+ {{series.localizedName}}
+
+ }
+
+