Convert search card description to fully be plain text (#306)

frankframework · Feb 18, 2025 · 60ec002 · 60ec002
1 parent 80f1dd2
commit 60ec002
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/frank-doc-frontend/src/app/views/home/home-component-list/home-component-list.component.html b/frank-doc-frontend/src/app/views/home/home-component-list/home-component-list.component.html
@@ -24,7 +24,12 @@
           <span>{{ elementName }}</span>
         }
       </p>
-      <p class="description">{{ component.item.description | truncate: 150 }}</p>
+      <p
+        class="description"
+        *javadocTransform="let text of component.item.description; elements: elements; asText: true"
+      >
+        {{ text | truncate: 150 }}
+      </p>
       <ff-button
         [routerLink]="
           component.item.labels

diff --git a/frank-doc-frontend/src/app/views/home/home-component-list/home-component-list.component.ts b/frank-doc-frontend/src/app/views/home/home-component-list/home-component-list.component.ts
@@ -6,15 +6,17 @@ import { RouterLink } from '@angular/router';
 import { AppService } from '../../../app.service';
 import { TruncatePipe } from '../../../components/truncate.pipe';
 import { environment } from '../../../../environments/environment';
+import { JavadocTransformDirective } from '../../../components/javadoc-transform.directive';
 
 @Component({
   selector: 'app-home-component-list',
-  imports: [ButtonComponent, RouterLink, TruncatePipe],
+  imports: [ButtonComponent, RouterLink, TruncatePipe, JavadocTransformDirective],
   templateUrl: './home-component-list.component.html',
   styleUrl: './home-component-list.component.scss',
 })
 export class HomeComponentListComponent {
   @Input() components: FuseResult<Element>[] = [];
+  @Input() elements: Record<string, Element> = {};
 
   protected relatedComponents: FuseResult<Element>[] = [];
   protected showRelated: boolean = environment.relatedSearchResults;