diff --git a/projects/blueprint/src/app/features/explore/explore-header/explore-header.component.html b/projects/blueprint/src/app/features/explore/explore-header/explore-header.component.html
index c840693..52b8ddf 100644
--- a/projects/blueprint/src/app/features/explore/explore-header/explore-header.component.html
+++ b/projects/blueprint/src/app/features/explore/explore-header/explore-header.component.html
@@ -26,7 +26,23 @@
{{subjectLabel()}}
-
+
+
+ @if(item.url) {
+
+ } @else {
+
+ }
+
+
+
diff --git a/projects/blueprint/src/app/features/explore/explore-header/explore-header.component.ts b/projects/blueprint/src/app/features/explore/explore-header/explore-header.component.ts
index c9608a3..e47cb75 100644
--- a/projects/blueprint/src/app/features/explore/explore-header/explore-header.component.ts
+++ b/projects/blueprint/src/app/features/explore/explore-header/explore-header.component.ts
@@ -1,4 +1,4 @@
-import {Component, inject, input} from '@angular/core';
+import { Component, computed, inject, input } from '@angular/core';
import { CommonModule } from '@angular/common';
import { Clipboard } from '@angular/cdk/clipboard';
@@ -8,6 +8,7 @@ import { ToastModule } from 'primeng/toast';
import { ButtonModule } from 'primeng/button';
import { MenuItem, MessageService } from 'primeng/api';
import { SkeletonModule } from 'primeng/skeleton';
+import { RippleModule } from 'primeng/ripple';
import { Avatar, AvatarComponent } from '../../../core/component/avatar/avatar.component';
@@ -20,12 +21,12 @@ import { LibraryConfigurationService } from '@blueprint/service/library-configur
standalone: true,
templateUrl: './explore-header.component.html',
styleUrls: ['./explore-header.component.scss'],
- imports: [CommonModule, MenuModule, ButtonModule, ToastModule, AvatarComponent, SkeletonModule],
+ imports: [CommonModule, MenuModule, ButtonModule, ToastModule, AvatarComponent, SkeletonModule, RippleModule],
animations: [fadeIn],
providers: [MessageService]
})
export class ExploreHeaderComponent {
- iri = input('');
+ iri = input.required();
subjectLabel = input.required();
subjectClassLabel = input.required();
avatars = input.required();
@@ -35,35 +36,43 @@ export class ExploreHeaderComponent {
public readonly config = inject(LibraryConfigurationService);
public readonly clipboard = inject(Clipboard);
- get items(): MenuItem[] {
+
+ items = computed