feat: link support for topology widget (#962)

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/distributed-tracing/src/shared/components/log-events/log-events-table.component.test.ts

@@ -29,14 +29,13 @@ describe('LogEventsTableComponent', () => {
 
   test('should render data correctly for sheet view', fakeAsync(() => {
     spectator = createHost(
-      `<ht-log-events-table [logEvents]="logEvents" [logEventsTableViewType]="logEventsTableViewType" [startTime]="startTime"></ht-log-events-table>`,
+      `<ht-log-events-table [logEvents]="logEvents" [logEventsTableViewType]="logEventsTableViewType"></ht-log-events-table>`,
       {
         hostProps: {
           logEvents: [
             { attributes: { attr1: 1, attr2: 2 }, summary: 'test', timestamp: '2021-04-30T12:23:57.889149Z' }
           ],
-          logEventsTableViewType: LogEventsTableViewType.Condensed,
-          startTime: 1619785437887
+          logEventsTableViewType: LogEventsTableViewType.Condensed
         }
       }
     );

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',