From a89e022edf501c06d73973583f0d11b1c07f5842 Mon Sep 17 00:00:00 2001
From: Brandon Clayton <bclayton@usgs.gov>
Date: Wed, 13 Nov 2024 11:24:12 -0700
Subject: [PATCH] add plots
---
.../components/content/content.component.html | 9 ++++-
.../components/content/content.component.ts | 5 ++-
.../components/plots/plots.component.ts | 36 +++++++++++++++++++
3 files changed, 48 insertions(+), 2 deletions(-)
create mode 100644 projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/plots/plots.component.ts
diff --git a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/content/content.component.html b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/content/content.component.html
index a8ae2af76..a6bc4a015 100644
--- a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/content/content.component.html
+++ b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/content/content.component.html
@@ -1 +1,8 @@
-<p>content works!</p>
+<mat-tab-group class="height-full">
+ <!-- Plots tab -->
+ <mat-tab label="Plots">
+ <ng-template matTabContent>
+ <app-plots />
+ </ng-template>
+ </mat-tab>
+</mat-tab-group>
diff --git a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/content/content.component.ts b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/content/content.component.ts
index fabcd4f7d..4f73685ba 100644
--- a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/content/content.component.ts
+++ b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/content/content.component.ts
@@ -1,7 +1,10 @@
import {Component} from '@angular/core';
+import {MatTabsModule} from '@angular/material/tabs';
+
+import {PlotsComponent} from '../plots/plots.component';
@Component({
- imports: [],
+ imports: [MatTabsModule, PlotsComponent],
selector: 'app-content',
standalone: true,
styleUrl: './content.component.scss',
diff --git a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/plots/plots.component.ts b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/plots/plots.component.ts
new file mode 100644
index 000000000..c2dd71924
--- /dev/null
+++ b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/plots/plots.component.ts
@@ -0,0 +1,36 @@
+import {Component, computed} from '@angular/core';
+import {MatDivider} from '@angular/material/divider';
+import {MatExpansionModule} from '@angular/material/expansion';
+import {NshmpLibNgAppMetadataComponent} from '@ghsc/nshmp-lib-ng/nshmp';
+import {
+ NshmpLibNgPlotComponent,
+ NshmpLibNgPlotsContainerComponent,
+ NshmpPlot,
+} from '@ghsc/nshmp-lib-ng/plot';
+
+import {AppService} from '../../services/app.service';
+
+@Component({
+ imports: [
+ NshmpLibNgPlotsContainerComponent,
+ NshmpLibNgPlotComponent,
+ NshmpLibNgAppMetadataComponent,
+ MatExpansionModule,
+ MatDivider,
+ ],
+ selector: 'app-plots',
+ standalone: true,
+ styleUrl: './plots.component.scss',
+ templateUrl: './plots.component.html',
+})
+export class PlotsComponent {
+ plots = computed<NshmpPlot[]>(() => [
+ this.service.plots().temperature,
+ this.service.plots().porosity,
+ this.service.plots().vs,
+ this.service.plots().vp,
+ this.service.plots().density,
+ ]);
+
+ constructor(private service: AppService) {}
+}
--
GitLab