From a12301b84c00f85344ed0c6e9685e0160b69598b Mon Sep 17 00:00:00 2001
From: Brandon Clayton <bclayton@usgs.gov>
Date: Fri, 15 Nov 2024 09:27:41 -0700
Subject: [PATCH] add about info

---
 .../components/about/about.component.html     | 27 ++++++++++++-
 .../components/about/about.component.spec.ts  |  3 ++
 .../components/about/about.component.ts       | 38 ++++++++++++++++++-
 3 files changed, 65 insertions(+), 3 deletions(-)

diff --git a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/about/about.component.html b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/about/about.component.html
index 6094aa9f5..6d8371538 100644
--- a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/about/about.component.html
+++ b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/about/about.component.html
@@ -1 +1,26 @@
-<p>about works!</p>
+<nshmp-lib-ng-about-content>
+  <nshmp-lib-ng-about-description>
+    <nshmp-lib-ng-about-description-title>
+      This application computes and plots geophysical profiles from the National
+      Crustal Model.
+    </nshmp-lib-ng-about-description-title>
+  </nshmp-lib-ng-about-description>
+
+  <!-- Using this application panel -->
+  <nshmp-lib-ng-about-using-application-expansion-panel>
+    <!-- About the header controls -->
+    <nshmp-lib-ng-about-header-controls />
+
+    <!-- About the control panel -->
+    <nshmp-lib-ng-about-control-panel />
+
+    <!-- About main content -->
+    <nshmp-lib-ng-about-main-content-tabs [tabInfo]="tabInfo" />
+
+    <!-- About Plotly -->
+    <nshmp-lib-ng-about-plotly />
+
+    <!-- About settings -->
+    <nshmp-lib-ng-about-settings />
+  </nshmp-lib-ng-about-using-application-expansion-panel>
+</nshmp-lib-ng-about-content>
diff --git a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/about/about.component.spec.ts b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/about/about.component.spec.ts
index bbad86590..5f2d61c3c 100644
--- a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/about/about.component.spec.ts
+++ b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/about/about.component.spec.ts
@@ -1,4 +1,6 @@
+import {provideHttpClient} from '@angular/common/http';
 import {ComponentFixture, TestBed} from '@angular/core/testing';
+import {provideNoopAnimations} from '@angular/platform-browser/animations';
 
 import {AboutComponent} from './about.component';
 
@@ -9,6 +11,7 @@ describe('AboutComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       imports: [AboutComponent],
+      providers: [provideHttpClient(), provideNoopAnimations()],
     }).compileComponents();
 
     fixture = TestBed.createComponent(AboutComponent);
diff --git a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/about/about.component.ts b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/about/about.component.ts
index 69afb87f8..032b6bf24 100644
--- a/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/about/about.component.ts
+++ b/projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/about/about.component.ts
@@ -1,10 +1,44 @@
 import {Component} from '@angular/core';
+import {
+  AboutMainContentTab,
+  NshmpLibNgAboutContentComponent,
+  NshmpLibNgAboutControlPanelComponent,
+  NshmpLibNgAboutDescriptionComponent,
+  NshmpLibNgAboutDescriptionTitleComponent,
+  NshmpLibNgAboutHeaderControlsComponent,
+  NshmpLibNgAboutMainContentTabsComponent,
+  NshmpLibNgAboutPlotlyComponent,
+  NshmpLibNgAboutSettingsComponent,
+  NshmpLibNgAboutUsingApplicationExpansionPanelComponent,
+} from '@ghsc/nshmp-lib-ng/about';
 
 @Component({
-  imports: [],
+  imports: [
+    NshmpLibNgAboutContentComponent,
+    NshmpLibNgAboutDescriptionComponent,
+    NshmpLibNgAboutDescriptionTitleComponent,
+    NshmpLibNgAboutUsingApplicationExpansionPanelComponent,
+    NshmpLibNgAboutHeaderControlsComponent,
+    NshmpLibNgAboutControlPanelComponent,
+    NshmpLibNgAboutMainContentTabsComponent,
+    NshmpLibNgAboutPlotlyComponent,
+    NshmpLibNgAboutSettingsComponent,
+  ],
   selector: 'app-about',
   standalone: true,
   styleUrl: './about.component.scss',
   templateUrl: './about.component.html',
 })
-export class AboutComponent {}
+export class AboutComponent {
+  /** About main content tabs */
+  tabInfo: AboutMainContentTab[] = [
+    {
+      tabDescription: 'Shows geophysical profile plots.',
+      tabTitle: 'Plots',
+    },
+    {
+      tabDescription: 'Shows the geophysical profile data.',
+      tabTitle: 'Data',
+    },
+  ];
+}
-- 
GitLab