first step to show plot on dashboard

pdb-js/src/app/dashboard-page/dashboard/plot-widget/plot-widget.component.html

@@ -0,0 +1,4 @@
+<style>
+
+</style>
+<p>{{data.config.query}}</p>

pdb-js/src/app/dashboard-page/dashboard/plot-widget/plot-widget.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PlotWidgetComponent } from './plot-widget.component';
+
+describe('PlotWidgetComponent', () => {
+  let component: PlotWidgetComponent;
+  let fixture: ComponentFixture<PlotWidgetComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ PlotWidgetComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(PlotWidgetComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

pdb-js/src/app/dashboard-page/dashboard/plot-widget/plot-widget.component.ts

@@ -0,0 +1,13 @@
+import { Component, Input } from '@angular/core';
+import { PlotWidget } from 'src/app/dashboard.service';
+
+@Component({
+  selector: 'app-plot-widget',
+  templateUrl: './plot-widget.component.html'
+})
+export class PlotWidgetComponent {
+  @Input("data")
+  data!: PlotWidget;
+
+  
+}