display imprints and parent publisher of comics publisher

kontor-angular/src/app/kontor/comic/comic-publishers/comic-publishers.component.html

@@ -6,6 +6,23 @@
     @if (publisher()) {
     <section>
       <h2>{{ publisher().name }}</h2>
+      @if (publisher().parent_publisher) {
+        <app-comic-publisher [publisher]="publisher().parent_publisher" />
+      }
+    </section>
+    <section>
+      @for (imprint of publisher().imprints; track imprint.id) {
+        <article>
+          <app-comic-publisher [publisher]="imprint" />
+        </article>
+      }
+    </section>
+    <section>
+      @for (comic of publisher().comics; track comic.id) {
+        <article>
+          <app-comic-comic [comic]="comic" />
+        </article>
+      }
     </section>
     } @else {
       <h2>Publisher Details</h2>

kontor-angular/src/app/kontor/comic/comic-publishers/comic-publishers.component.ts

@@ -3,15 +3,17 @@ import { Publisher, PublisherDetails } from '../comic.model';
 import { ComicPublishersListComponent } from '../comic-publishers-list/comic-publishers-list.component';
 import { ActivatedRouteSnapshot, ResolveFn, RouterStateSnapshot } from '@angular/router';
 import { PublisherService } from './publisher.service';
+import { ComicPublisherComponent } from "../comic-publisher/comic-publisher.component";
+import { ComicComicComponent } from "../comic-comic/comic-comic.component";
 
 @Component({
   selector: 'app-comic-publishers',
-  imports: [ComicPublishersListComponent],
+  imports: [ComicPublishersListComponent, ComicPublisherComponent, ComicComicComponent],
   templateUrl: './comic-publishers.component.html',
   styleUrl: './comic-publishers.component.css'
 })
 export class ComicPublishersComponent {
-  publisher = input.required<Publisher>();
+  publisher = input.required<PublisherDetails>();
 }
 
 export const publisherResolver: ResolveFn<PublisherDetails> = (route: ActivatedRouteSnapshot, state: RouterStateSnapshot) => {

kontor-angular/src/app/kontor/comic/comic.model.ts

@@ -13,11 +13,6 @@ export interface Publisher {
   name: string;
 }
 
-export interface PublisherDetails {
-  id: string;
-  name: string;
-
-}
 export interface Comic {
   id: string;
   title: string;
@@ -47,6 +42,14 @@ export interface ComicWorktypeArtists {
   artists: Artist[];
 }
 
+export interface PublisherDetails {
+  id: string;
+  name: string;
+  parent_publisher: Publisher;
+  imprints: Publisher[];
+  comics: Comic[];
+}
+
 export interface ComicDetails {
   id: string;
   created: string;