WS-2901: Added QL-product link to SECI products

src/app/products/product/product-details/product-details.component.html

@@ -43,6 +43,23 @@
   <span *ngIf="!product.futureProductId">- none -</span>
 </div>
 
+<div class="mt-2" *ngIf="type.name === 'se_continuum_imaging'">
+  <strong>Associated Quicklook Product:</strong>
+  <a target="_blank" *ngIf="quicklookProduct$ | async as qp; else noQuicklook" [routerLink]="['/products']" [queryParams]="{pattern: qp.id, type: 'quicklook'}">
+    {{qp.name}}
+  </a>
+  <ng-template #noQuicklook>
+    <span *ngIf="(loadingQlProduct$ | async) === false; else loading">
+      Not Found
+    </span>
+  </ng-template>
+  <ng-template #loading>
+    <em>
+      Loading...
+    </em>
+  </ng-template>
+</div>
+
 <div class="mt-2" *ngIf="product.versions.length > 0">
   <h5 class="pb-2 m-0">
     <fa-icon [icon]="faList"></fa-icon>