diff --git a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/plots/plots.component.html b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/plots/plots.component.html new file mode 100644 index 0000000000000000000000000000000000000000..e88f420e90814b762607df5e6d77936c93b895d4 --- /dev/null +++ b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/plots/plots.component.html @@ -0,0 +1,17 @@ +<nshmp-lib-ng-plots-container> + <mat-accordion multi> + @for (plot of plots(); track $index) { + <mat-expansion-panel expanded> + <mat-expansion-panel-header> + <mat-panel-title>{{ plot.label }} Plot</mat-panel-title> + </mat-expansion-panel-header> + + <mat-divider /> + + @if (plot) { + <nshmp-lib-ng-plot [plot]="plot.plotData" /> + } + </mat-expansion-panel> + } + </mat-accordion> +</nshmp-lib-ng-plots-container> diff --git a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/plots/plots.component.scss b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/plots/plots.component.scss new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/plots/plots.component.spec.ts b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/plots/plots.component.spec.ts new file mode 100644 index 0000000000000000000000000000000000000000..55db3d470214497da39a7ab585689afdeab0eda4 --- /dev/null +++ b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/plots/plots.component.spec.ts @@ -0,0 +1,22 @@ +import {ComponentFixture, TestBed} from '@angular/core/testing'; + +import {PlotsComponent} from './plots.component'; + +describe('PlotsComponent', () => { + let component: PlotsComponent; + let fixture: ComponentFixture<PlotsComponent>; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [PlotsComponent], + }).compileComponents(); + + fixture = TestBed.createComponent(PlotsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/models/plots.model.ts b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/models/plots.model.ts new file mode 100644 index 0000000000000000000000000000000000000000..38f1fdcd3f51840021cfaa5e43c2b4c7de58418e --- /dev/null +++ b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/models/plots.model.ts @@ -0,0 +1,9 @@ +import {NshmpPlot} from '@ghsc/nshmp-lib-ng/plot'; + +export interface Plots { + density: NshmpPlot; + porosity: NshmpPlot; + temperature: NshmpPlot; + vp: NshmpPlot; + vs: NshmpPlot; +}