Block view.

frontend/src/app/shared/pipes/shorten-string-pipe/shorten-string.pipe.ts

@@ -0,0 +1,9 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({ name: 'shortenString' })
+export class ShortenStringPipe implements PipeTransform {
+  transform(str: string, length: number = 12) {
+    const half = length / 2;
+    return str.substring(0, half) + '...' + str.substring(str.length - half);
+  }
+}