feat: adding link support for topology widget

Author: itssharmasandeep

projects/dashboards/src/public-api.ts

@@ -18,5 +18,6 @@ export * from './widgets/widget-renderer';
 export * from './widgets/interactive-data-widget-renderer';
 export * from './widgets/header/widget-header.model';
 export * from './widgets/container/container-widget.model';
+export * from './widgets/link/link-widget.model';
 
 export * from './dashboard.module';

projects/observability/src/shared/dashboard/widgets/topology/topology-widget-renderer.component.ts

@@ -34,7 +34,11 @@ import { TopologyWidgetModel } from './topology-widget.model';
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: `
     <div class="topology-container" [ngClass]="{ 'box-style': this.model.enableBoxStyle }">
-      <ht-titled-content [title]="this.model.title | htDisplayTitle">
+      <ht-titled-content
+        [title]="this.model.title | htDisplayTitle"
+        [link]="this.model.link?.url"
+        [linkLabel]="this.model.link?.displayText"
+      >
         <div class="visualization" *htLoadAsync="this.data$ as data">
           <div *ngIf="this.model.showLegend" class="legend">
             <div class="latency">

projects/observability/src/shared/dashboard/widgets/topology/topology-widget.model.ts

@@ -1,4 +1,13 @@
-import { BOOLEAN_PROPERTY, Model, ModelApi, ModelProperty, STRING_PROPERTY } from '@hypertrace/hyperdash';
+import { LinkWidgetModel } from '@hypertrace/dashboards';
+import {
+  BOOLEAN_PROPERTY,
+  Model,
+  ModelApi,
+  ModelModelPropertyTypeInstance,
+  ModelProperty,
+  ModelPropertyType,
+  STRING_PROPERTY
+} from '@hypertrace/hyperdash';
 import { ModelInject, MODEL_API } from '@hypertrace/hyperdash-angular';
 import { Observable } from 'rxjs';
 import { TopologyData, TopologyDataSourceModel } from '../../data/graphql/topology/topology-data-source.model';
@@ -16,6 +25,17 @@ export class TopologyWidgetModel {
   })
   public title?: string;
 
+  @ModelProperty({
+    key: 'link',
+    required: false,
+    // tslint:disable-next-line: no-object-literal-type-assertion
+    type: {
+      key: ModelPropertyType.TYPE,
+      defaultModelClass: LinkWidgetModel
+    } as ModelModelPropertyTypeInstance
+  })
+  public link?: LinkWidgetModel;
+
   @ModelProperty({
     key: 'showLegend',
     displayName: 'Show Legend',